Multimedia Interaktif Universitas Kristen Maranatha.

(1)

A

BS

B

ST

TR

RA

A

CT

C

T

The advancement of computer technology enables various aspects of implementation, of networking, multimedia, database, etc. Multimedia has close relationship with the computer technology growth. Nowadays, the work of multimedia such as multimedia authoring, movie editing, image editing, sound editing, recording and many more can be delivered and performed by computer.

Multimedia allows information to be delivered with greater accuracy due to the fact it engages more than one senses, not just plain text or still image. Today, promotion using multimedia becomes popular and considered to be a new marketing tool.

Maranatha Christian University is interested to adopting this new marketing tool in order to attract more students to the university. This interactive multimedia CD will help Maranatha Christian University promote themselves to their target market, and also make prospective students apply for the program that Maranatha Christian University offers.

Multimedia files are placed in a CD, because the files usually consume big storage space. CD offers enough space for various media information, and also it is economical. Up to 800 MB information can be placed within one Compact Disc. The Maranatha Christian University Interactive CD contains information about University, Faculty, Student Activities, and Facility. The implementation of interactive multimedia CD for promotion can indirectly raise Maranatha Christian University’s image to the public, as university that leads in information and technology.

(2)

Multimedia Interaktif Universitas Kristen Maranatha

Universitas Kristen Maranatha vii

D

DA

AF

FT

TA

AR

R

I

IS

SI

I

Pengesahan Tugas Akhir ... i

Pernyataan Persetujuan Publikasi Karya Ilmiah untuk Kepentingan Akademik ii Pernyataan Orisinalitas Laporan ... iii

Kata Pengantar ... iv

Abstract ... vi

Daftar Isi ... vii

Daftar Tabel ... xiii

Daftar Gambar ... xiv

Daftar Grafik ... xvi

Bab 1 Persyaratan Produk ... 1

1.1 Pendahuluan ... 1

1.1.1 Tujuan ... 2

1.1.2 Ruang Lingkup Proyek. ... 3

1.1.3 Definisi, Akronim, dan Singkatan ... 5

1.1.4 Referensi ... 7

1.1.5 Overview ... 8

1.2 Gambaran Keseluruhan ... 9

1.2.1 Perspektif Produk ... 9

1.2.2.1 Antarmuka Sistem ... 10

1.2.2.2 Antarmuka Pengguna ... 10

1.2.2.3 Antarmuka Perangkat Keras... 10

1.2.2.4 Antarmuka Perangkat Lunak ... 11

1.2.1.5 Antarmuka Komunikasi ... 12

1.2.1.6 Batasan Memori ... 12

1.2.1.7 Persyaratan Adaptasi pada Tempat Tujuan ... 12

1.2.2 Fungsi Produk... 13

(3)

1.2.4 Batasan – Batasan... 14

1.2.5 Asumsi dan Ketergantungan ... 14

1.2.6 Penundaan Persyaratan ... 15

Bab 2 Spesifikasi Produk... 16

2.1 Persyaratan Antarmuka Eksternal ... 16

2.1.1 Antarmuka dengan Pengguna.. ... 16

2.1.1.1 Antarmuka Multimedia UKM ... 16

2.1.1.2 Antarmuka Editor UKM ... 19

2.1.2 Antarmuka Perangkat Keras... 19

2.1.3 Antarmuka Perangkat Lunak ... 20

2.2 Fitur Produk Multimedia UKM ... 21

2.2.1 Fitur Universitas... 21

2.2.1.1 Tujuan ... 21

2.2.1.2 Urutan Stimulus / Respons ... 21

2.2.1.3 Masukan ... 21

2.2.1.4 Pemrosesan ... 22

2.2.1.5 Keluaran ... 22

2.2.2 Fitur Fakultas ... 22

2.2.2.1 Tujuan ... 22

2.2.2.2 Urutan Stimulus / Respons... 23

2.2.2.3 Masukan.. ... 23

2.2.2.4 Pemrosesan... 23

2.2.2.5 Keluaran ... 23

2.2.3 Fitur Kegiatan... 24

2.2.3.1 Tujuan ... 24

2.2.3.3 Masukan.. ... 24

(4)

Universitas Kristen Maranatha ix

2.2.4 Fitur Fasilitas ... 25

2.2.4.1 Tujuan ... 25

2.2.4.3 Masukan.. ... 26

2.2.4.5 Keluaran ... 26

2.2.5 Fitur Informasi... 27

2.2.5.1 Tujuan... 27

2.2.5.3 Masukan ... 27

2.2.5.5 Keluaran ... 28

2.2.6 Fitur Navigasi... 28

2.2.6.1 Tujuan ... 28

2.2.6.3 Masukan ... 29

2.2.6.5 Keluaran ... 29

2.3 Fitur Produk Editor UKM ... 30

2.3.1 Fitur General Editor ... 30

2.3.1.1 Tujuan ... 30

2.3.1.3 Masukan ... 31

2.3.1.5 Keluaran ... 32

2.3.2 Fitur Menu Editor ... 32

2.3.2.1 Tujuan ... 32

2.3.2.3 Masukan ... 33

(5)

2.3.3 Fitur Sub Menu Editor ... 34

2.3.3.1 Tujuan ... 34

2.3.3.3 Masukan ... 35

2.3.3.5 Keluaran ... 35

2.4 Persyaratan Performa... 37

2.5 Batasan Desain ... 37

2.6 Atribut-atribut Sistem Perangkat Lunak ... 38

2.5.1 Kehandalan ... 38

2.5.2 Perpindahan (Portability) ... 38

2.6 Persyaratan Database Logis ... 38

Bab 3 Desain Perangkat Lunak ... 40

3.1. Pendahuluan ... 40

3.1.1 Identifikasi ... 40

3.1.2 Overview Sistem ... 41

3.2. Desain Perangkat Lunak Secara Keseluruhan ... 42

3.2.1 Multimedia UKM ... 43

3.2.2 Editor UKM ... 47

3.3. Desain Arsitektur Perangkat Lunak ... 52

3.3.2 Editor UKM ... 54

3.3.3 Komponen Perangkat Lunak ... 55

3.3.4 Konsep Eksekusi ... 55

3.3.5 Desain Antar Muka Multimedia UKM ... 56

3.3.6 Desain Antar Muka Editor UKM ... 60

Bab 4 Pengembangan Sistem ... 65

4.1 Perencanaan Tahap Implementasi ... 65

(6)

Universitas Kristen Maranatha xi

4.1.2 Pembagian Modul Editor UKM ... 66

4.1.3 Keterkaitan Antar Modul / Prosedur / Class ... 67

4.1.3.1 Multimedia UKM... 67

4.1.3.2 Editor UKM ... 67

4.2 Perjalanan Tahap Implementasi (Coding) ... 67

4.2.1 Bottom Down Implementasi ... 67

4.3 Ulasan Realisasi Fungsionalitas ... 68

4.4 Ulasan Realisasi User Interface Design... 68

4.4.2 Editor UKM ... 73

Bab 5 Testing dan Evaluasi Sistem... 78

5.1 Rencana Pengujian Sistem Terimplementasi ... 78

5.2 Fungsional Test Multimedia Interaktif UKM ... 78

5.2.1 Fungsionalitas Intro... 78

5.2.2 Fungsionalitas Tampilan Utama dan Perpindahan Menu Utama ... 79

5.2.3 Fungsionalitas Tampilan Sub Menu dan Perpindahannya ... 80

5.2.4 Fungsionalitas Pemutar Suara dan Exit... 81

5.3 Fungsional Test Editor UKM... 81

5.3.1 Fungsionalitas Penentuan Folder ... 82

5.3.2 Fungsionalitas General Editor... 82

5.3.3 Fungsionalitas Menu Editor ... 83

5.3.4 Fungsionalitas Sub Menu Editor ... 84

5.4 Kuesioner Test Multimedia Interaktif UKM ... 84

5.5 Kuesioner Test Editor UKM ... 87

5.6 Ulasan Hasil Evaluasi ... 89

5.6.1 Hasil Evaluasi Multimedia UKM ... 90

(7)

Bab 6 Kesimpulan dan Saran... 92 6.1 Keterkaitan antara Kesimpulan dengan Hasil Evaluasi ... 92 6.2 Keterkaitan antara Saran dengan Hasil Evaluasi ... 93 6.3 Rencana Perbaikan/Implementasi terhadap Saran yang Diberikan 94

Daftar Referensi ... xvii Daftar Lampiran

(8)

Universitas Kristen Maranatha xiii

D

DA

A

FT

F

TA

A

R

T

TA

AB

BE

EL

L

Tabel 5.1 Tabel Fungsional Intro ... 79

Tabel 5.2 Tabel Tampilan Utama dan Perpindahan Menu ... 79

Tabel 5.3 Tabel Tampilan Sub Menu dan Perpindahannya ... 80

Tabel 5.4 Tabel Pemutar Suara dan Exit... 81

Tabel 5.5 Tabel Penentuan Folder ... 82

Tabel 5.6 Tabel General Editor ... 82

Tabel 5.7 Tabel Menu Editor ... 83

Tabel 5.8 Tabel Sub Menu Editor ... 84

Tabel 5.9 Tabel Statistik Jawaban Pertanyaan Pertama ... 85

Tabel 5.10 Tabel Statistik Jawaban Pertanyaan Kedua ... 85

Tabel 5.11 Tabel Statistik Jawaban Pertanyaan Ketiga ... 85

Tabel 5.12 Tabel Statistik Jawaban Pertanyaan Keempat ... 86

Tabel 5.13 Tabel Statistik Jawaban Pertanyaan Kelima ... 86

Tabel 5.14 Tabel Statistik Jawaban Pertanyaan Keenam ... 86

Tabel 5.15 Tabel Statistik Jawaban Pertanyaan Ketujuh ... 87

Tabel 5.16 Tabel Statistik Jawaban Pertanyaan Pertama ... 88

Tabel 5.17 Tabel Statistik Jawaban Pertanyaan Kedua ... 88

Tabel 5.18 Tabel Statistik Jawaban Pertanyaan Ketiga ... 88

Tabel 5.19 Tabel Statistik Jawaban Pertanyaan Keempat ... 89

(9)

D

DA

A

FT

F

TA

AR

R

G

GA

AM

MB

BA

A

R

Gambar 3.1 Use Case Multimedia UKM. ... 43

Gambar 3.2 Sequence Diagram Intro ... 44

Gambar 3.3 Sequence Diagram Main Menu ... 45

Gambar 3.4 Sequence Diagram Sub Menu ... 46

Gambar 3.5 Sequence Diagram Pengatur Suara.. ... 46

Gambar 3.6 Use Case Editor UKM... 47

Gambar 3.7 Sequence Diagram Browse Folder ... 48

Gambar 3.8 Sequence Diagram Theme Editor... 48

Gambar 3.9 Sequence Diagram Wise Word & Music Editor ... 49

Gambar 3.10 Sequence Diagram Background Editor ... 49

Gambar 3.11 Sequence Diagram Menu Editor ... 50

Gambar 3.12 Sequence Diagram Sub Menu Editor ... 50

Gambar 3.13 Sequence Diagram Saving... 52

Gambar 3.14 Desain Arsitektur Aplikasi Multimedia ... 53

Gambar 3.15 Struktur File Dan Folder Untuk Pengeditan... 54

Gambar 3.16 Halaman Intro Animasi Teks... 56

Gambar 3.17 Halaman Intro Animasi Logo... 57

Gambar 3.18 Halaman Main Menu dan beberapa Sub Menu ... 58

Gambar 3.19 Halaman Sub Menu dengan teks terbuka ... 59

Gambar 3.20 Folder Browse Dialog ... 60

Gambar 3.21 General Editor ... 61

Gambar 3.22 Menu Editor... 62

Gambar 3.23 Sub Menu Editor... 63

Gambar 3.24 Sub Menu Editor dan Preview ... 64

Gambar 4.1 Intro teks ... 68

Gambar 4.2 Intro Teks dengan Motto UKM ... 69

(10)

Universitas Kristen Maranatha xv

Gambar 4.4 Halaman Utama dan Sub Menu ... 70

Gambar 4.5 Photo Slide Show ... 70

Gambar 4.6 Animasi Teks... 71

Gambar 4.7 Video ... 71

Gambar 4.8 Theme ... 72

Gambar 4.9 Peta Kampus ... 72

Gambar 4.10 Folder Browse Dialog... 73

Gambar 4.11 GeneralEditor... 74

Gambar 4.12 General Editor dan Add ... 74

Gambar 4.13 Browse File Image ... 75

Gambar 4.14 Browse File Audio... 75

Gambar 4.15 Menu Editor ... 76

Gambar 4.16 Menu Editor dan Add ... 76

Gambar 4.17 Sub Menu Editor ... 77

(11)

D

DA

AF

FT

TA

AR

R

G

GR

R

AF

A

FI

I

K

(12)

BAB I PERSYARATAN PRODUK

Universitas Kristen Maranatha I-1

B

BA

A

B

I

P

PE

ER

RS

SY

Y

AR

A

RA

A

TA

T

AN

N

P

PR

RO

OD

DU

U

K

1.1

Pendahuluan

Sebagai sebuah lembaga pendidikan yang berkembang, Universitas Kristen Maranatha setiap tahunnya menerima banyak siswa-siswi untuk melanjutkan pendidikan di jurusan-jurusan yang diminati. Perkembangan jumlah peminat tersebut kian bertambah setiap tahunnya. Bila diamati lebih lanjut, siswa-siswi tersebut memutuskan memilih Universitas Kristen Maranatha sebagai tempat pendidikan setelah mengetahui informasi tentang Universitas Kristen Maranatha itu dari kerabat, guru, alumnus, orang tua, sekolah, media cetak dan sebagainya. Dengan demikian Universitas Kristen Maranatha dalam perkembangan dan pertumbuhannya perlu menghadirkan informasi-informasi penting seputar Universitas Kristen Maranatha ditengah masyarakat, dan calon mahasiswa.

Informasi berperan besar dalam pengambilan keputusan calon mahasiswa-mahasiswi tersebut. Universitas Kristen Maranatha terus-menerus melakukan usaha untuk memperkenalkan diri kepada masyarakat melalui pendekatan dengan berbagai cara. Bentuk penyampaian yang telah dilakukan adalah berupa, teks dan gambar pada brosur, buku panduan dan media cetak lain yang serupa. Selain itu ada promosi berupa suara, yang disiarkan melalui radio. Divisi Humas (Hubungan Masyarakat) Universitas Kristen Maranatha adalah divisi yang salah satu tanggung jawabnya memperkenalkan dan membangun image Universitas Kristen Maranatha, melalui informasi-informasi yang terus menerus di sebarkan ke masyarakat.

(13)

Informasi-informasi yang perlu disampaikan sangat luas mencakup adalah seputar universitas, fakultas-fakultas, jurusan-jurusan, kegiatan kemahasiswaan, fasilitas, status akreditasi, nomor-nomor telepon, alamat kampus.

Bentuk informasi yang dikemas dalam multimedia berupa gabungan antara video, suara, gambar, teks, dan animasi merupakan bentuk penyampaian baru dan unik yang sekarang ini mulai berkembang seiring dengan adanya kemajuan teknologi informasi. Melalui multimedia dapat dibuat sebuah interaksi antara pengguna dengan software multimedia interaktif, yang dimaksud interaktif adalah karena pengguna diajak berinteraksi dengan aplikasi menggunakan navigasi menu yang ada. Multimedia interaktif memudahkan user dalam menangkap sebuah informasi karena dilengkapi dengan animasi, suara, gambar, dan video sehingga user merasakan adanya timbal-balik dengan software. Bentuk multimedia interaktif sekarang ini yang paling umum di masyarakat adalah CD interaktif. Bentuk multimedia interaktif dapat dijumpai dalam beberapa bentuk seperti company profile, kios informasi, katalog digital, produk design, presentasi interaktif, dll. Selain menarik, menghibur, dan interaktif, CD interaktif tampak cukup mudah untuk dibawa ke mana-mana.

Berdasarkan kutipan dari Jay Sandom yang mengutarakan bahwa: “Multimedia is a very effective presentation and sales tool. Studies indicate that if you’re stimulated with audio, you will have about a 20 percent retention rate, audiovisual is up to 30 percent, and in interactive multimedia presentations where you are really involved, the retention rate is as high as 60 percent”. Oleh sebab itu penulis yakin multimedia akan sangat membantu penyampaian informasi tersebut.

1.1.1 Tujuan

(14)

BAB I PERSYARATAN PRODUK

diperbanyak dan diberikan pada saat melakukan promosi di sekolah-sekolah, tempat pendaftaran calon mahasiswa-mahasiswi baru, pameran, open house atau pada kesempatan lain saat Humas Universitas Kristen Maranatha perlu melakukan promosi. Diharapkan dengan cara promosi baru ini dapat menambah jumlah peminat yang ingin melanjutkan pendidikan di Universitas Kristen Maranatha.

1.1.2 Ruang Lingkup Proyek

Pada kerja praktek ini penulis akan merancang dan membuat aplikasi pengenalan Universitas Kristen Maranatha berbasiskan multimedia yang diterapkan pada CD.

Aplikasi multimedia interaktif ini memiliki kelebihan karena dikemas dalam bentuk CD, hal ini memberi kemudahan yaitu mudah dibawa, karena ukurannya yang relatif kecil. Selain itu CD multimedia interaktif dapat menyimpan informasi lebih banyak, seperti informasi video, digabung dengan gambar, suara dan teks dalam satu kesatuan yang menarik. Bentuk promosi ini dapat membantu upaya Humas Universitas Kristen Maranatha dalam mengenalkan kampus Universitas Kristen Maranatha tanpa harus menghilangkan media promosi yang sudah ada atau berlangsung bahkan mendukung media promosi lain tersebut sehingga lebih berhasil mencapai target calon mahasiswa yang dituju.

Selain itu juga terdapat aplikasi tambahan terpisah (editor), untuk membantu proses pengeditan isi aplikasi multimedia Universitas Kristen Maranatha. Aplikasi editor ini dapat membantu proses pengeditan isi aplikasi multimedia, sebelum nantinya diproduksi ulang untuk diperbanyak oleh Humas Universitas Kristen Maranatha.

Batasan masalah pada aplikasi adalah

1. Informasi-informasi yang disampaikan adalah:

a. Seputar Maranatha, Visi & Misi Universitas Kristen Maranatha. b. Program pendidikan, berupa fakultas-fakultas, jurusan-jurusan yang

(15)

c. Fasilitas kampus, berupa beasiswa, lembaga pengembangan diri dan karier, koperasi, kerjasama yang telah dilakukan, dan pelatihan yang tersedia.

d. Unit-unit kegiatan yang tergabung pada Universitas Kristen Maranatha

e. Nomor-nomor telepon dan alamat kampus.

2. Komponen isi aplikasi berupa suara, teks, gambar, dan video yang belum lengkap karena keterbatasan sumber selanjutnya dapat dilengkapi oleh Humas Universitas Kristen Maranatha.

3. Aplikasi multimedia ditempatkan pada CD yang akan berjalan otomatis dengan autorun.

4. Aplikasi Editor ditempatkan pada CD terpisah dengan label ”MASTER”, yang kemudian penggunanya diharuskan meng copy terlebih dahulu isi CD ke komputer pengguna.

5. Proses editing diasumsikan telah memiliki file dari Master CD, file-file image dengan ukuran 800 X 600 pixel, file-file-file-file audio dengan format MP3 dan komputer untuk pengeditan telah meng copy Editor UKM dan meng install .NET Framework sesuai dengan spesifikasi yang dijabarkan pada bagian selanjutnya.

6. Aplikasi multimedia Universitas Kristen Maranatha akan terbagi menjadi 3 bagian:

a. Pembukaan, berupa awal dari autorun, transisi dan pergerakan gambar dan teks.

b. Isi, yang dikemas dalam bentuk bagian yang dapat berpindah menggunakan navigasi. Terdapat transisi dari bagian per bagian, dilengkapi suara latar.

(16)

BAB I PERSYARATAN PRODUK

7. Aplikasi Editor akan terbagi menjadi 3 bagian:

a. General Editor, memampukan pengeditan yang sifatnya general seperti theme, wise word, musik latar, dan background.

b. Menu Editor, mengelola struktur menu yang akan ditampilkan. c. Sub Menu Editor, mengelola teks informasi, jumlah photo dan title

yang akan ditampilkan untuk sub-sub menu yang ada.

8. Solusi yang penulis tawarkan adalah pembuatan CD multimedia interaktif yang memuat aspek teks, gambar, suara, dan video. Format-format file yang digunakan secara umum, seperti .swf, .exe, .mp3, .psd, .jpeg, .txt, .fla, .flv, .as

9. CD ini digunakan untuk sebuah komputer stand alone.

10.CD ini dapat diperbanyak dan disebar luaskan yang sebelumnya dikemas dalam casing CD dan menggunakan label CD.

1.1.3

Definisi, Akronim, dan Singkatan

Sub bab ini berisi defini, akronim, dan singkatan yang terdapat dalam laporan. Dengan tersedianya sub bab ini diharapkan dapat membantu pembaca untuk lebih memahami akronim atau singkatan yang dimaksud penulis. Akronim atau singkatan yang terdapat dalam laporan antara lain:

1. CPU (Central Processor Unit) : pusat pengolahan semua masukan pada komputer unuk menghasilkan keluaran.

2. Copy : melakukan duplikasi terhadap file / folder untuk ditempatkan di tempat penyimpanan tertentu.

3. Save / Saving : Melakukan penyimpanan di sebuah tempat dengan format file tertentu.

4. File SWF : file flash movie yang digunakan untuk multimedia UKM 5. File XML : file yang digunakan pada multimedia UKM, sebagai

(17)

7. Autorun : Sistem pembacaan CD yang secara otomastis menjalankan aplikasi saat CD dimasukkan.

8. Stand alone : Perangkat komputer yang tidak terhubung ke jaringan internet atau server, dan berdiri sendiri.

9. Tools : Perangkat lunak yang digunakan untuk membuat aplikasi. 10.Script : Kode-kode perintah program yang dimengerti perangkat lunak

dan diberikan programmer kepada perangkat lunak agar melakukan fungsi tertentu.

11.Action Script: Script yang digunakan Macromedia Flash.

12.Default : sebuah konfigurasi, aturan, letak, lokasi yang standar sebelum mengalami perubahan karena perintah pengguna.

13.Background : Latar belakang, pada aplikasi ini berarti gambar background.

14.Foreground : Bagian depan atau tampilan depan, pada aplikasi ini berarti gambar-gambar didepan background.

15.Main Menu: Navigasi utama atau dikenal dengan Menu Utama. Bisa terdiri dari sub-sub menu lain.

16.Sub Menu: Navigasi yang merupakan bagian Main Menu, untuk memperjelas Main Menu.

17.Input : Masukan dari pengguna pada aplikasi. 18.Output : Keluaran yang dihasilkan aplikasi.

19.Use Case : diagram yang memperlihatkan hal-hal yang dapat dilakukan user pada aplikasi.

20.Parent Node : Digunakan di aplikasi editor untuk menunjuk menu yang menjadi pengelompok menu lain.

21.Child Node : Digunakan di editor untuk menunjuk menu yang strukturnya paling bawah dan tidak memiliki anak cabang.

22.Sequence Diagram : Gambaran aksi dan reaksi pengguna dan aplikasi. 23.XML: Extensible Markup Language. Bahasa yang menggunakan tanda

(18)

BAB I PERSYARATAN PRODUK

difungsikan untuk mengelola komponen-komponen multimedia yang ada.

24.Macromedia Flash : perangkat lunak untuk merancang grafis dan animasi pada web.

25.Casing CD : Tempat CD

26.Authoring : Konsep pengelolaan komponen-komponen dalam multimedia untuk membuat, merangkai, menggabungkan sumber daya yang ada agar menjadi sebuah aplikasi multimedia secara utuh.

1.1.4

Referensi

1. Kutipan Jay Sandom pada presentasi perkuliahan Multimedia Authoring.

2. www.babaflash.com 3. www.flashkit.com 4. www.actionscript.org 5. www.codeproject.com 6. www.csharpcorner.com 7. http://blueflash.free.fr 8. www.kirupa.com

9. Livingston, Dan, 2005, Action Script 2.0 Garage, Prentice Hall, NJ, USA

10.Rebenschied, Shane, 2006, Macromedia Flash Profesional 8 Beyond The Basic, Peachpit, Berkeley, CA

11.Siswoutomo, Wiwit, 2005, Membangun Aplikasi DB Berbasis Flash, PT Alexmedia Komputindo, Jakarta, Indonesia

12.Rey, Chrissy, 2002, Macromedia Flash MX training from the source, Macromedia Press, Berkeley CA

13.Kerman, Phillip, 2006, Macromedia Flash 8 @ Work, Sams Publishing, Indianapolis, Indiana

(19)

15.Patterson, Danny, Makar, Jobe , 2006, Macromedia® Flash® 8 ActionScript: Training from the Source,Macromedia, Berkeley, CA 16.Foxall, James, 2006, Microsoft Visual C# 2005 in 24 Hours, Sams

Publishing, Indianapolis, Indiana

17.Deitel, 2002, C# How To Program, Prentice Hall, NJ, USA

18.Watson, Karli, 2002, Beginning Visual C#, Wrox Press, Birmingham, UK

19.Gittleman, Art, 2003, Computing with C# and the .NET Framework, Jones and Bartlett Publishers, London, UK

20.A Division of Microsoft Corporation, 2006, Microsoft Visual C# 2005 Step By Step, Microsoft Press, Redmond, Washington

1.1.5

Overview

Pada bab I akan dijelaskan mengenai tujuan, ruang lingkup proyek, definisi, akronim dan singkatan serta gambaran keseluruhan yang mencakup perspektif produk yaitu antarmuka sistem, antarmuka pengguna, antarmuka perangkat keras, antarmuka perangkat lunak, antarmuka komunikasi, batasan memori, persyaratan adaptasi pada tempat tujuan yang dipaparkan secara singkat selain itu terdapat pula fungsi produk, karakteristik pengguna, batasan-batasan, asumsi dan ketergantungan, penundaan persyaratan.

Pada bab II akan berisi detail dari aplikasi yang akan dibuat seperti antarmuka pengguna, antarmuka perangkat keras, antarmuka perangkat lunak, fitur yang ada dalam aplikasi berserta penjelasannya, atribut sistem perangkat lunak, persyaratan database dan yang lainnya

Pada bab III akan berisi overview sistem, desain perangkat lunak secara keseluruhan, desain perangkat lunak, komponen perangkat lunak, konsep eksekusi dan desain antarmuka aplikasi.

(20)

BAB I PERSYARATAN PRODUK

membahas ulasan realisasi fungsionalitas, ulasan realisasi user interface desain aplikasi.

Pada bab V akan berisi rencana pengujian sistem terimplementasi, tast case, perjalanan metodologi pengujian yang meliputi cara pengujian kepada target aplikasi serta ulasan hasil evaluasi yang telah dilaksanakan.

Pada bab VI akan berisi keterkaitan antara kesimpulan dengan hasil evaluasi, keterkaitan antara saran dengan hasil evaluasi serta akan membahas rencana perbaikan/ implementasi terhadap saran yang diberikan.

1.2

Gambaran Keseluruhan

Tampilan pada aplikasi utama Universitas Kristen Maranatha, yang pertama kali dapat dilihat pengguna adalah halaman awal yang menampilkan animasi teks, nama universitas, dan logo. Selanjutnya aplikasi memasuki halaman awal yang secara default menuju Main Menu universitas, selanjutnya navigasi dapat dilakukan menuju sub menu universitas atau ke main menu lain yaitu fakultas, kegiatan, fasilitas, dan informasi. Pada masing-masing halaman terdapat tombol-tombol lain yang akan menjelaskan lebih lanjut tentang sub-sub informasi yang ada, diantaranya pengendalian suara, pengendalian video, dan teks

Tampilan pada awal aplikasi tambahan (editor) adalah pemilihan folder tempat penyimpanan file yang akan di edit, dan selanjutnya pengguna dapat mengganti beberapa hal seperti pengaturan umum (gambar, suara, dan teks), dan pengaturan menu (universitas, fakultas, kegiatan, fasilitas, informasi).

1.2.1 Perspektif Produk

(21)

1.2.1.1 Antarmuka Sistem

Aplikasi ini memerlukan sistem pendukung tambahan antara lain adalah sistem operasi, sound system.

1.2.1.2 Antarmuka Pengguna

1. Intro: tampilan pada aplikasi yang pertama kali adalah halaman awal yang menampilkan animasi teks, nama universitas, dan logo.

2. Menu: halaman awal secara default menuju main menu universitas, navigasi dapat dilakukan menuju sub menu universitas atau ke main menu lain yaitu fakultas, kegiatan, fasilitas, dan informasi.

3. Pengatur suara: pengendalian suara berupa volume, stop, play, next dan previous.

4. Pengatur video: pengendalian video standar flash player. 5. Help: keterangan navigasi.

6. Editor General : melakukan pengeditan secara umum untuk gambar, suara, dan teks.

7. Editor Menu : melakukan pengeditan struktur menu.

8. Editor Sub Menu : melakukan pengeditan isi dari sub menu.

1.2.1.3 Antarmuka Perangkat Keras

Perangkat keras yang digunakan dalam pembangunan aplikasi adalah CPU dengan:

1. VGA 64MB 2. RAM 512 MB

3. Processor AMD 2400+ (1,99GHz).

(22)

BAB I PERSYARATAN PRODUK

Spesifik komputer yang diharapkan pada pengguna minimal adalah CPU dengan:

1. Komputer dengan monitor, mouse, dan CD-ROM / DVD-ROM. (52X disarankan).

2. Speaker. 3. Mouse 4. Keyboard

5. VGA diatas 16MB

6. Processor AMD dan Intel (diatas 1,5GHz).

Input aplikasi akan lebih banyak menggunakan mouse. Semua kontrol data akan dilakukan dengan klik kiri mouse untuk mengarah pada tombol-tombol seperti tombol menu atau tombol navigasi. Output berupa grafik dan text akan ditampilkan di monitor.

Pada aplikasi Editor diperlukan tambahan keyboard untuk pengetikan teks.

1.2.1.4 Antarmuka Perangkat Lunak

Pengembangan aplikasi menggunakan : 1. Sistem operasi Windows XP SP2.

2. Menggunakan tools Adobe Macromedia Flash 8.

3. Menggunakan tools Visual Studio 2005 dengan .NET Framework 2.0 4. Menggunakan tools 3D Swift 3D.

5. Menggunakan sound editor Sound Forge v7.0 6. Menggunakan Image Editor: Adobe Photoshop.

7. Menggunakan Teks Editor: Microsoft Word 2003, Notepad 8. Nero Burning ROM v 6.0

Perangkat lunak yang digunakan oleh aplikasi multimedia adalah: 1. Sistem operasi Windows 98/NT (minimum)

(23)

Perangkat lunak yang digunakan oleh aplikasi editor adalah: 1. Sistem operasi Windows 2000 SP4, XP SP2 (minimum). 2. .NET Framework 2.0 (minimum v2.0.50727.42)

1.2.1.5 Antarmuka Komunikasi

Produk aplikasi Multimedia Univeristas Kristen Maranatha ini tidak mempunyai antarmuka komunikasi. Produk media promosi menjalankan aplikasi langsung dari CD-ROM / DVD-ROM Drive.

1.2.1.6 Batasan Memori

Limitasi RAM yang dibutuhkan untuk dapat menjalankan produk media promosi adalah 128 Mb (diatas 256MB disarankan).

1.2.1.7 Persyaratan Adaptasi pada Tempat Tujuan

Spesifik komputer yang ada pada pengguna diharapkan minimal adalah CPU dengan:

1. Sistem operasi Windows 98/NT.

2. Sistem operasi Windows 2000, XP (disarankan).

3. Monitor, mouse, keyboard, dan CD-ROM / DVD-ROM. (52X disarankan).

4. Speaker. 5. Keyboard 6. VGA 64 MB

7. Processor AMD dan Intel (diatas 1,5GHz).

Spesifikasi yang diperlukan pada editor adalah seperti diatas ditambah ter install :

(24)

BAB I PERSYARATAN PRODUK

1.2.2 Fungsi Produk

Dalam perancangan dan pembuatan aplikasi CD Interaktif Universitas Kristen Marantha selain terdapat tujuan juga terdapat fungsi produknya yaitu:

1. Memudahkan Humas melakukan promosi.

2. Meningkatkan mobilitas, karena CD hanya membutuhkan penyimpanan yang kecil dan mudah dibawa.

3. Mendukung atau manambah media promosi lain yang telah ada.

4. Memungkinkan Humas melakukan produksi berulang CD promosi ini dengan variasi dan isi yang dapat di sesuaikan dengan kebutuhan dengan bantuan Editor UKM.

1.2.3 Karakteristik Pengguna

Karakteristik pengguna aplikasi CD Interaktif Universitas Kristen Maranatha adalah

1. Minimal dapat menggunakan komputer (seperti menyalakan dan memasukkan CD) dan mengerti teknis dasarnya secara umum sehingga tidak membutuhkan suatu pengalaman atau keahlian tertentu.

2. Tidak ada minimal tingkat pendidikan untuk menjalankan aplikasi

Karakteristik user untuk Editor UKM adalah seperti diatas dengan tambahan sebagai berikut:

1. Dapat melakukan perintah Copy, Paste, Rename, dan Delete pada komputer dengan OS Windows.

2. Memahami struktur file dan folder

3. Memahami ukuran Image (dalam pixel) dan format suara (mp3).

4. Telah mempersiapkan file terlebih dahulu sebelum melakukan pengeditan.

5. Tidak ada minimal tingkat pendidikan untuk menjalankan aplikasi. 6. Disarankan menguasai tools seperti Image Editor (seperti Adobe

(25)

1.2.4 Batasan – Batasan

Dalam perancangan dan pembuatan aplikasi pembelajaran ini terdapat batasan-batasan seperti

1. Informasi yang ditampilkan adalah informasi umum saja yang tidak bersifat rahasia.

2. Informasi yang ditampilkan merupakan pokok informasi yang hanya menyangkut suatu bagian tertentu. Contoh: Bagian informasi tidak memuat syarat, biaya, dan ketentuan daftar ulang, tetapi hal tersebut akan dicantumkan pada buku panduan saat pembelian formulir.

3. Komponen yang digunakan dapat diganti, ditambahi, atau dikurangi, dengan melakukan produksi ulang CD.

4. Produk media promosi ini didesain untuk media CD-ROM. Tidak mengembangkan dan mengkonversikan untuk media lain seperti Website.

5. Pengeditan dapat bekerja dengan baik setelah spesifikasi diatas dapat terpenuhi.

1.2.5 Asumsi dan Ketergantungan

Dalam pembuatan aplikasi ini terdapat asumsi dan ketergantungan seperti: 1. Pengguna dapat menggunakan komputer secara dasar dan terdapat

perangkat komputer sesuai dengan yang dijabarkan sebelumnya.

2. Komputer pengguna memiliki dengan monitor, keyboard, dan mouse sebagai alat input-output.

3. Produk aplikasi ini dirancang untuk digunakan di sistem operasi Windows.

(26)

BAB I PERSYARATAN PRODUK

6. Ukuran file suara, gambar, dan video bila akan digunakan untuk produksi ulang diharapkan sekecil mungkin tanpa mengabaikan kualitas, karena akan mempengaruhi kinerja flash player.

7. Atribut file tidak ”read only”.

8. Dimensi file gambar adalah 800 X 600 pixel untuk background dan theme.

9. Dimensi file photo untuk submenu adalah 480 X 360 pixel . 10.Format file audio adalah MP3.

1.2.6 Penundaan Persyaratan

Adapun penundaan persyaratan yang terdapat pada aplikasi ini untuk masa yang akan datang, seperti

1. Selanjutnya aplikasi ini dimungkinkan di install pada perangkat komputer

(27)

B

A

B

V

I

K

E

S

I

M

P

U

L

A

N

D

A

N

S

A

R

A

N

6.1 Keterkaitan Kesimpulan dengan Hasil Evaluasi

Multimedia UKM

Setelah melakukan evaluasi dengan didapatkan masukkan-masukkan

terhadap aplikasi multimedia interaktif Universitas Kristen Maranatha. Maka dari

hasil evaluasi tersebut dapat ditarik beberapa kesimpulan antara lain

1. Sebagian besar menyatakan mudah menggunakan aplikasi ini (79%).

2. Warna pada aplikasi sudah cukup, menempati point penilaian ketiga

terkecil (76%), dapat ditingkatkan lagi agar lebih eye catching. Dari

pengamatan ini dapat ditarik kesimpulan penggunaan variasi warna sangat

berpengaruh pengguna karena variasi warna tersebut menjadi daya tarik

visual.

3. Suara yang ada pada aplikasi ini masih kurang, bila dilihat dari

keseluruhan jawaban point penilaian suara paling kecil (71%). Selain

dengan warna apabila disertai dengan efek suara maka akan semakin

menarik perhatian pengguna. Secara keseluruhan dinyatakan biasa.

4. Gambar yang ada pada aplikasi ini masih kurang, bila dilihat dari

keseluruhan jawaban point penilaian gambar kedua terkecil (74%).

Gambar pada aplikasi juga berpengaruh karena dengan gambar dapat

mewakili materi yang disampaikan. Gambar yang digunakan adalah foto

yang berganti dengan transisi agar menarik. Masukan pengguna adalah

agar gambar diambil dari foto-foto yang lebih menarik. Secara

keseluruhan menyatakan biasa.

5. Pendapat pengguna tentang keseluruhan aplikasi menyatakan bahwa

aplikasi sudah menarik (79%).

6. Pengisi kuisioner sebagian besar merasa tertarik (85%), sehingga merasa

ingin mendaftar atau menyarankan Universitas Kristen Maranatha kepada

(28)

BAB VI KESIMPULAN DAN SARAN

Universitas Kristen Maranatha VI-93

Editor UKM

Setelah melakukan evaluasi dengan didapatkan masukkan-masukkan

terhadap aplikasi Editor UKM. Maka dari hasil evaluasi tersebut dapat ditarik

beberapa kesimpulan antara lain

1. Sebagian besar menyatakan mudah menggunakan Editor UKM ini (91%).

2. Pengeditan General Editor pada aplikasi sudah membantu (83%) dapat

ditingkatkan lagi dengan dokumentasi pengeditan atau help.

3. Pengeditan Menu Editor ini kurang membantu dilihat dari keseluruhan

jawaban point penilaian yang paling kecil (65%). Pengeditan Menu

membingungkan bagi sebagian pengguna.

4. Pengeditan Sub Menu cukup membantu, bila dilihat dari keseluruhan

jawaban point penilaian gambar kedua terkecil (74%).

5. Pendapat pengguna tentang keseluruhan pengeditan aplikasi menyatakan

bahwa aplikasi sudah membantu proses pengeditan dengan baik (91%)

dapat ditingkatkan lagi dengan dokumentasi pengeditan atau help.

6.2 Keterkaitan antara Saran dengan Hasil Evaluasi

Selain dapat menarik kesimpulan dari hasil evaluasi juga didapatkan

saran-saran untuk pengembangan ataupun perbaikan aplikasi dimasa yang akan datang.

Saran tersebut antara lain adalah

1. Warna dibuat lebih mencolok dan bervariasi tetapi tetap

mempertahankan keserasian.

2. Suara yang digunakan lebih bervariasi dan menarik, lagu yang

digunakan lebih bersemangat.

3. Gambar untuk setiap bagian diambil dari foto-foto yang lebih bagus

dan menarik. Foto-foto yang ditempatkan diseleksi dan dipilih yang

menarik.

(29)

6.3 Rencana Perbaikan / Implementasi terhadap Saran

yang Diberikan

Dari saran-saran yang telah ada maka rencana perbaikan yang akan

dilakukan adalah

1. Mencoba merubah desain background serta foreground nya.

Menvariasikan dan mencari beberapa background yang cocok, serta

foto-foto yang lebih menarik.

(30)

Universitas Kristen Maranatha xvii

D

AF

A

FT

TA

AR

R

EF

E

FE

ER

R

EN

E

NS

SI

I

1. Kutipan Jay Sandom pada presentasi perkuliahan Multimedia

Authoring.

2. www.babaflash.com

3. www.flashkit.com

4. www.actionscript.org

5. www.codeproject.com

6. www.csharpcorner.com

7. http://blueflash.free.fr

8. www.kirupa.com

9. Livingston, Dan, 2005, Action Script 2.0 Garage, Prentice Hall, NJ,

USA

10.Rebenschied, Shane, 2006, Macromedia Flash Profesional 8 Beyond

The Basic, Peachpit, Berkeley, CA

11.Siswoutomo, Wiwit, 2005, Membangun Aplikasi DB Berbasis Flash,

PT Alexmedia Komputindo, Jakarta, Indonesia

12.Rey, Chrissy, 2002, Macromedia Flash MX training from the source,

Macromedia Press, Berkeley CA

13.Kerman, Phillip, 2006, Macromedia Flash 8 @ Work, Sams

14.Underdahl, Brian, 2002, The Complete References Macromedia Flash

MX, McGraw-Hill, Berkeley,CA

15.Patterson, Danny, Makar, Jobe , 2006, Macromedia® Flash® 8

ActionScript: Training from the Source,Macromedia, Berkeley, CA

16.Foxall, James, 2006, Microsoft Visual C# 2005 in 24 Hours, Sams

17.Deitel, 2002, C# How To Program, Prentice Hall, NJ, USA

18.Watson, Karli, 2002, Beginning Visual C#, Wrox Press, Birmingham,

(31)

19.Gittleman, Art, 2003, Computing with C# and the .NET Framework,

Jones and Bartlett Publishers, London, UK

20.A Division of Microsoft Corporation, 2006, Microsoft Visual C# 2005