MEMBUAT APLIKASI PRESENTASI PORTABLE MENGGUNAKAN ACTION SCRIPT TUGAS AKHIR

(1)

MEMBUAT APLIKASI PRESENTASI PORTABLE

MENGGUNAKAN ACTION SCRIPT

TUGAS AKHIR

Diajukan Untuk Memenuhi

Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh : Edi Harianto

07560413

TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2012

(2)

i

MEMBUAT APLIKASI PRESENTASI PORTABLE

MENGGUNAKAN ACTION SCRIPT

Tugas Akhir

Disusun Oleh : Edi Harianto

07560413

TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2012

(3)

ii

LEMBAR PERSETUJUAN

MEMBUAT APLIKASI PRESENTASI PORTABLE

MENGGUNAKAN ACTION SCRIPT

Tugas Akhir

Disusun Oleh :

Nama : Edi Harianto Nim : 07560413

Menyetujui,

Pembimbing I Pembimbing II

Eko Budi Cahyono, S.Kom, MT Mahar Faiqurrahman, S.Kom

(4)

iii

LEMBAR PENGESAHAN

MEMBUAT APLIKASI PRESENTASI PORTABLE

MENGGUNAKAN ACTION SCRIPT

TUGAS AKHIR Diajukan Untuk Memenuhi

Disusun Oleh : Edi Harianto Nim : 07560413

Tugas Akhir ini telah diuji dan dinyatakan lulus oleh tim penguji Pada tanggal 1 Oktober 2012

Mengetahui/Menyetujui,

Pembimbing I Pembimbing II

Eko Budi Cahyono, S.Kom, MT Mahar Faiqurrahman, S.Kom

NIP : NIP :

Mengetahui,

Ketua Jurusan Teknik Informatika

Eko Budi Cahyono, S.Kom, MT NIP :

(5)

iv MOTTO

Jangan pernah takut untuk mencoba, karena segala sesuatu hal berawal dari mencoba sampai akhirnya Anda sendiri yang menilai apakah Anda sudah mampu dalam bidang tersebut atau belum. Selain itu, dengan banyak mencoba Anda akan semakin tertempa untuk mampu menyelesaikan segala macam masalah yang Anda

hadapi dalam bidang tersebut. (Ridwan : 2009)

Kalau teman saya bisa, kenapa saya tidak bisa. (Edi : 2010)

(6)

v KATA PENGANTAR

Syukur Alhamdulilah penulis hanturkan kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya kepada penulis. Tak lupa shalawat serta salam semoga terlimpahkan kepada nabi besar Muhammad SAW sebagai tauladan yang khasanah dan penunjuk kejalan yang benar serta menyadarkan dan memberikan semangat, sehingga Tugas Akhir yang berjudul “Aplikasi Presentasi Portabel (Presentation Maker)” dapat diselesaikan dengan baik. Tugas akhir ini penulis susun sebagai persyaratan untuk memperoleh gelar Sarjana Teknik Informatika Universitas Muhammadiyah Malang.

Dalam kesempatan hari ini, ijinkan kami sebagai penulis menyampaikan rasa terima kasih kepada :

1. Saya berterima kasih kepada Allah SWT yang telah memberikan kesempatan pada hamba mu ini untuk bisa menyelesaikan skripsi ini.

2. Ayahanda H. M. Su’ud dan Ibunda Hj. Sohifa tercinta, yang telah memberikan penulis motivasi dan kasih sayang yang tak terbalaskan.

3. Bapak Eko Budi Cahyono, S.Kom selaku Ketua Jurusan Teknik Informatika Universitas Muhammadiyah Malang.

4. Bapak Eko Budi Cahyono, S.kom selaku pembimbing I, dan Bapak Mahar Faiqurrahman, S.Kom selaku pembimbing II, yang telah memberikan bimbingan, masukan, semangat dan nasehat sehingga skripsimini terselesaikan dengan baik.

5. Bapak Hardianto Wibowo, S.Kom yang telah memberikan Inspirasi pada judul skripsi sampai judul skripsi ini bisa diterima sebagai Tugas Akhir. 6. Mas Ari dan Mas Putra yang telah ikut berperan dalam menyelesaikan

Tugas Akhir ini.

7. Seluruh Dosen dan Staff pengajar Jurusan Teknik Informatika Universitas Muhammadiyah Malang.

8. Adikku tercinta yaitu, Yovita Damayanti dan M. Faris Zallah yang telah memberikan dukungan dan semangat agar cepat memperoleh gelar sarjana.

(7)

vi

9. Sahabat-sahabat saya (Habib, mbk yulia, fajar, sefrin, dyra, sinyo, lukman, faisal, erik, dyaz, maya, robi, baong (ian), wulan, aminullah yasin dan SelontongBoy) yang selalu memberikan dukungan dan semangat. 10. Seluruh teman-teman di Teknik Informatika Universitas Muhammadiyah Malang khususnya angkatan 2007 yang memberikan dukungan dalam menyelesaikan Tugas akhir ini.

11. Semua yang tidak bisa penulis sebutkan satu-persatu. Terima Kasih.

Masih banyak kekurangan dalam penulisan Tugas Akhir ini, disebabkan keterbatasan kemampuan. Oleh karena itu, kritik dan saran yang bersifat membangun untuk kesempurnaan pada masa yang akan datang sangat diharapkan. Akhirul Kalam Semoga Tugas Akhir ini dapat memberikan manfaat bagi kita semua.

Malang,

(8)

vii ABSTRAK

Aplikasi Presentasi Portabel merupakan aplikasi yang digunakan untuk membuat sebuah presentasi yang mudah tanpa harus melakukan instalasi terlebih dahulu. Dalam pembuatan aplikasi ini menggunakan Action Script dari

Macromedia Flash.

Presentasi adalah salah satu kegiatan penyampaian informasi kepada khalayak umum yang berbentuk sebuah kata-kata, gambar dan grafik. Agar peserta dapat memahami dengan baik.

Action Script adalah bahasa pemrograman yang dipakai oleh softwere Flash untuk mengendalikan object-object ataupun movie yang terdapat pada Flash. Sebenarnya Flash juga bisa tidak menggunakan action script dalam

pemakaianya. Tapi kalau menginginkan adanya interaktifitas yang lebih koplek maka action script ini dibutuhkan.

(9)

viii

ABSTRACT

Portable Presentation application is an application used to create a presentation that easily without having to install it first. In making this application uses the Macromedia Flash Action Script.

The presentation was one of the delivery of information to the public in the form of a word, pictures and graphics. So that participants can understand well. Action Script is a programming language used by Flash softwere for controlling objects or contained in the Flash movie. Flash also can not actually using the action script in pemakaianya. But if you want any more interactivity koplek the action script is needed.

(10)

ix DAFTAR ISI

Lembar Judul ... i

Lembar Persetujuan ……… ii

Lembar Pengesahan ……….... iii

Motto ... iv

Kata Pengantar ... v

Abstrak ... vii

Abstract ... viii

Daftar Isi ... ix

Daftar Tabel ... xii

Daftar Gambar ... xiii

BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ………..1 1.2 Rumusan Masalah ... 2 1.3 Batasan Masalah ... 2 1.4 Tujuan Penelitian ... 2 1.5 Manfaat Penelitian ... 3 1.6 Metodologi Penelitian ... 3 1. Study Pustaka ……… 3

2. Perancangan dan Pembuatan ……… 3

3. Pengujian ……….. 3

4. Analisa ……….. 3

1.7 Sistematika Penulisan ……….. 3

Bab I Pendahuluan ……… 4

Bab II Landasan Teori ……….. 4

Bab III Analisa dan Perancangan Sistem ……….. 4

Bab IV Implementasi dan Pengujian ……… 4

Bab V Penutup ……….. 4

(11)

x

BAB II LANDASAN TEORI ……….. 5

2.1 Pengertian Multimedia ……… 5

2.2 Aplikasi Multimedia ……… 6

a. Multimedia MDM Zinc v.4.0 ……….. 6

b. MDM Zinc v.4.0 membuat format .exe secara permanen ………... 7

c. Macromedia Flash ……….. 7

2.3 Sintacks Action Script dalam Macromedia ………. 8

a. Tanda baca Action Script ………... 8

b. Curly braces dan semicolon ………... 8

c. Action Panel ………... 9 2.4 Struktur Navigasi ……… 11 a. Diagram Linier ………... 11 b. Diagram non-Linier ………... 11 c. Diagram Hierarki ………... 12 d. Diagram Campuran ………... 12 2.5 Story Board ………. 13

2.6 Cara Membuat Persentasi yang Baik ………. 14

1. Materi Persentasi ……… 14

2. Media yang Dipilih ……… 15

3. Waktu ………. 15

4. Cara Penyajian ………... 15

BAB III ANALISA DAN PERANCANGAN SISTEM ………. 16

3.1 Analisa Sistem ……… 16

3.1.1 Kebutuhan Fungsional ………... 17

3.1.2 Kebutuhan non-Fungsional ……… 17

3.1.3 Lingkup Operasi ………. 18

3.2 Perancangan Sistem ……… 18

3.2.1 Use Case Diagram ……….. 18

3.2.2 Activity Diagram ………. 20

3.2.3 Squence Diagram ………... 33

(12)

xi

3.4 Pengujian ……… 41

BAB IV IMPLEMENTASI DAN PENGUJIAN ……… 42

4.1 Implementasi ……….. 42

4.1.1 Implementasi Pada Kebutuhan Fungsional ………... 42

1. Tampilan Menu Utama ……….. 43

2. Tampilan Menu Add Page ……… 44

3. Tampilan Menu Pilihan Thema ………. 45

4. Tampilan Menu Pilihan Effect ……….. 47

5. Tampilan Menu Add Image ……….. 48

6. Tampilan Menu Penyimpanan ……….. 49

7. Tampilan Menu Import File ……….. 50

8. Tampilan Menu Preview ……… 51

9. Tampilan Menu Previous Page……….. 52

10. Tampilan Menu Next Page ……….. 53

11. Tampilan Menu Font Name ………. 53

12. Tampilan Menu Font Size ……… 55

13. Tampilan Menu Font Style……… 56

14. Tampilan Menu Font Color ………. 57

4.1.2 Implementasi Pada Kebutuhan non-Fungsional ……… 58

4.2 Pengujian Aplikasi ………. 58 4.2.1 Hasil Pengujian ……….. 58 BAB V Penutup ………... 60 5.1 Kesimpulan ……… 60 5.2 Saran ……….. 60 DAFTAR PUSTAKA ………... xv

(13)

xii

DAFTAR TABEL

Tabel 1. Tabel Keterangan Use Case ………... 19 Tabel 2. Tabel Hasil Pengujian pada Presentation Maker ………. 58

(14)

xiii

DAFTAR GAMBAR

Gambar 2.1. Action Panel ………... 10

Gambar 2.2. Diagaram Linear ……….………... 11

Gambar 2.3. Diagram Non Linear ……….………. 11

Gambar 2.4. Diagram Hierarki ……….……….. 12

Gambar 2.5. Diagram Campuran ………..……….. 12

Gambar 2.6 Story board ………..………... 13

Gambar 2.7 Tampilan Presentasi ………...……….. 14

Gambar 3.1 Use case User ………...……….. 19

Gambar 3.2 Activity Diagram Menampilkan Persentasi ..……….. 21

Gambar 3.3 Activity Diagram Menambah Halaman ……….. 21

Gambar 3.4 Activity Diagram Menambah Teks ...……….. 22

Gambar 3.5 Activity Diagram Menambah Gambar ……….... 23

Gambar 3.6 Activity Diagram Mengubah Ukuran Font … ……….24

Gambar 3.7 Activity Diagram Mengganti Tipe Font ……….. 25

Gambar 3.8 Activity Diagram Memberi Style Font ……… 26

Gambar 3.9 Activity Diagram Mengganti Thema ... 27

Gambar 3.10 Activity Diagram Memberi Animasi ……… 28

Gambar 3.11 Activity Diagram Menampilkan File Persentasi ……….. 29

Gambar 3.12 Activity Diagram Memindah Halaman ……… 30

Gambar 3.13 Activity Diagram Membuka File Persentasi ……… 31

Gambar 3.14 Activity Diagram Menyimpan File Persentasi ………. 32

Gambar 3.15 Sequence Diagram Menampilkan Persentasi……….. 33

Gambar 3.16 SequenceDiagram Menambahkan Halaman ………. 33

Gambar 3.17 SequenceDiagram Menambah Teks ………. 34

Gambar 3.18 SequenceDiagram Menambah Gambar ………... 34

Gambar 3.19 SequenceDiagram Mengubah Ukuran Font ……….. 35

Gambar 3.20 SequenceDiagram Mengganti Tipe Font ……….. 35

Gambar 3.21 SequenceDiagram Memberi Style Font ………... 36

Gambar 3.22 SequenceDiagram Mengganti Thema ……… 36

Gambar 3.23 SequenceDiagram Memberi Animasi ……….. 37

Gambar 3.24 SequenceDiagram Menampilkan File Persentasi ……… 37

(15)

xiv

Gambar 3.26 SequenceDiagram Membuka File Persentasi ……….. 38

Gambar 3.27 SequenceDiagram Menyimpan File Penyimpanan ……….. 39

Gambar 3.28 Rancangan Form Menu Utama ………. 40

Gambar 4.1 Menu Utama Presentation Maker ……….. 43

Gambar 4.2 Menu Add Page pada Presentation Maker ………. 44

Gambar 4.3 Menu Pilih Thema pada Presentation Maker ………. 46

Gambar 4.4 Menu Pilih Effect pada Presentation Maker ………... 48

Gambar 4.5 Menu Pilihan Add Image pada Presentation Maker ………. 49

Gambar 4.6 Menu Pilihan Penyimpana Save pada Presentation Maker …….. 50

Gambar 4.7 Menu Pilihan Open pada Presentation Maker ……….. 50

Gambar 4.8 Menu Pilihan Slide Show pada Presentation Maker ……… 51

Gambar 4.9 Menu Pilihan Tombol Previous Page pada Presentation Maker .. 52

Gambar 4.10 Menu Pilihan Tombol Next Page pada Presentation Maker …... 53

Gambar 4.11 Menu Pilihan Font Name pada Presentation Maker …………... 54

Gambar 4.12 Menu Pilihan Font Size pada Presentation Maker ………. 55

Gambar 4.13 Menu Pilihan Font Style pada Presentation Maker ……… 56

(16)

xv Daftar Pustaka

[1] Donny. 2009. “Belajar Mengenali Graphic, Button dan Movie Clip”, http://www.google.com/dasar-dasar-flash/belajar_tool_flash.html

didownload pada tanggal 18 Mei 2011.

[2] Hakim Rahmat S. 2011. "Making Oral Presentation", http://edo-brenk.blogspot.com/2010/11/pengertian-action-script.html didownload pada tanggal 13 Juni 2011.

[3] Informatics Enginering. 2003. "Teknik Persentasi", http://kur2003.if.itb.ac.id/file/teknik%20Presentasi.pdf didownload pada tanggal 13 Juni 2011.

[4] Istiyanto Heri. 2008. “Persentasi dengan Menggunakan Flash”, http://www.google.com/cara-pembuatan-slide-flash/project_160.html

didownload pada tanggal 18 Mei 2011.

[5] Kahfi. 2010. “Penggunaan MDM Zinc v.III”, http://infokahfi.blogspot.com/2010/10/penggunaan-mdm-zinc-versi-ii.html didownload pada tanggal 17 Mei 2011.

[6] Lukmanul Hakim. 2003. 111 Rahasia dan Trik Kreatif Macromedia Flash. Elex Media Komputindo. Jakarta.

[7] Sudarman Danim. 1995. “Media Komunikasi Pendidikan” Bumi Aksara. Jakarta

[8] Teguh hariyadi 2011. “Apa itu SWF dan EXE”

http://teguhhariyadi.blogspot.com/2011/04/apa-itu-swf-dan-exe.html#ixzz1bV5Pqgo6 didownload pada tanggal 24 Oktober 2011

[9] Wijaya Didik. 2007. Memahami ActionScript. Elex Media Komputindo. Jakarta

[10] Wikipedia. 2010. “Multimedia”, http://id.wikipedia.org/wiki/Multimedia didownload pada tanggal 18 Mei 2011

[11] Zeembry. 2005. 123 Tip & Trik Action Script Flash. Elex Media Komputindo. Jakarta