BAB IV PERANCANGAN DAN IMPLEMENTASI SISTEM
BAB IV
PERANCANGAN DAN IMPLEMENTASI SISTEM
4.1 Rancangan Sistem Multimedia
Sebuah karya aplikasi multimedia tidak akan terlihat bagus jika kegunaan dan
tampilannya yang tidak menarik. Membuat aplikasi yang bagus dan menarik sangat
diperlukan struktur perancangan yang jelas dan terkonsep. Untuk itu perlu dilakukan
tahap perancangan yang meliputi:
4.1.1 Proses perancangan
4.1.1.1 Merancang konsep
Membangun suatu system dalam rencana kerja lebih mudah apabila telah
memiliki konsep sehingga pekerjaan akan lebih terarah dan terkoordinir. Untuk
dapat merancang konsep dalam membuat aplikasi multimedia dibutuhkan
kreativitas. Dalam pembuatannya, aplikasi ini akan dipadukan unsur penting
multimedia, yaitu: teks, suara, dan gambar.
Dengan perpaduan unsur tersebut apliaksi ini akan lebih menarik dan
mudah dimengerti sehingga pengguna akan lebih tertarik menggunakannya.
Pembuatan aplikasi ini mempunyai konsep yang menjelaskan dan membantu
bagaimana cara belajar untuk persiapan Tes TOEIC.
4.1.1.2 Merancang isi
Dalam merancang isi, seluruh ide dan konsep dituangkan untuk membuat
aplikasi ini. Tahap merancang isi juga merupakan implementasi dari ide-ide
kreatif. Merancang isi meliputi mengevaluasi dan memilih daya Tarik pesan, gaya
dalam mengeksekusi pesan dan kata (tema) dalam mengeksekusi pesan. Alikasi
ini menggunakan struktur piramida. Struktur rancangan dari isi multimedia yang
akan ditampilkan tiap menu dari aplikasi ini terdiri dari layar intro, menu,
halaman rumus, halaman latihan soal, halaman vocabulary, halaman listening,
halaman credits.
4.1.1.3 Merancang grafik
Perancangan grafik dilakukan untuk membuat kerangka yang akan
digunakan untuk menampilkan aplikasi program. Disini akan dimasukkan suara,
gambar, dan animasi yang digabung menjadi satu.
Desain multimedia interaktif dirancang dengan menggunaka Adobe Flash
CS6 Professional, pengeditan sound menggunakan Adobe Audition CS6, dan
pengeditan gambar dan tampilan menggunakan Adobe Photoshop dan Adobe
Illustrator CS6.
4.2 Prosedur Perancangan Sistem Multimedia
4.2.1 Memproduksi Sistem
Pada tahap ini adalah tahap produksi aplikasi, Bagian ini merupakan
kegiatan yang meliputi tentang pembuatan desain grafik yang mendukung semua
dialog, membuat animasi yang sesuai dengan tema, membuat text sebagai
penyampaian pesan, mengimport file yang sudah jadi, yang semuanya akan
digabungkan ke dalam Adobe Flash CS6 Professional. Sedangkan untuk
pengeditan video mengggunakan Adobe Premiere dan Adobe After Effect CS6.
4.2.2 Arsitektur Aplikasi Pengajaran Mata Kuliah Analisa & Perancangan Sistem
Informasi Berbasis Multimedia Arsitektur aplikasi pengajaran mata kuliah Analisa dan
Perancangan Sistem Informasi ini terdiri dari beberapa komponen, yaitu:
4.2.2.1 Database, digunakan sebagai tempat penyimpanan data, di mana
data ini hanya dapat diakses oleh orang yang diberi hak sebagai administrator.
Pada database ini disimpan data yang diperlukan dalam pembuatan perangkat ajar
seperti data materi, contoh soal, dan latihan pengajaran. Maksud dari
penyimpanan data pada database ini adalah untuk kemudahan modifikasi data
serta menjamin keamanan data.
4.2.2.2 Aplikasi Konversi Database, merupakan aplikasi yang terpisah
dari tampilan yang akan dilihat oleh pengguna. Aplikasi ini berguna untuk
mempermudah perawatan data, misalnya penambahan data-data baru, pengupdate-an data, serta penghapusan data yang sudah tidak relevan. Dengan adanya
aplikasi ini, orang yang bertugas sebagai administrator tidak perlu mengakses
database untuk memodifikasi data sehingga integritas serta keamanan data
menjadi lebih terjamin.
c. Aplikasi Front-End, merupakan aplikasi utama yang digunakan
sebagai front-end kepada pengguna. Secara garis besar aplikasi ini terdiri dari
rangkaian informasi yang ditampilkan dengan cara yang interaktif dan menarik,
sehingga diharapkan dapat menarik minat pengguna untuk mempelajari mata
kuliah Analisa dan Perancangan Sistem Informasi. Pada dasarnya aplikasi animasi
interaktif ini dibagi menjadi tiga bagian besar, yaitu bagian animasi pembuka,
bagian isi dan bagian penutup. Bagian animasi pembuka terdiri dari rangkaian
animasi dan musik yang bertujuan untuk menampilkan gambaran dari isi
perangkat ajar secara garis besar serta tentang tujuan dan manfaat dari perangkat
ajar ini. Diharapkan dengan adanya animasi pembuka ini, dapat menarik perhatian
pengguna untuk menjelajahi aplikasi lebih dalam untuk mendapatkan informasi
yang lebih banyak. Berikutnya, bagian isi berisi informasi yang berkaitan tentang
materi, contoh soal, latihan yang dapat memberi pengguna pengetahuan lebih
untuk mata kuliah Analisa dan Perancangan Sistem Informasi. Bagian penutup
berisi konfirmasi sebelum pengguna keluar dari aplikasi, sekaligus penyampaian
terima kasih dari pembuat perangkat ajar kepada pihak-pihak yang sudah
membantu dalam pembuatan perangkat ajar ini, serta ucapan terima kasih kepada
pengguna karena telah meluangkan waktu untuk menjelajah informasi yang ada di
dalam perangkat ajar.
4.3 Diagram Alir Perancangan Sistem Multimedia
4.3.1 Use Case Diagram
Gambar 4.3.1 Use case Diagram CD Interaktif
4.4 Implementasi Sistem Multinedia
Implementasi Sistem merupakan tahap meletakkan sistem yang baru
dikembangkan supaya nantinya sistem tersebut siap untuk dioperasikan sesuai dengan
yang diharapkan. Tujuan ditahap implementasi adalah menyiapkan semua kegiatan
penerapan sistem sesuai dengan rancangan yang telah ditentukan supaya system tersebut
nantinya siap dioperasikan sesuai dengan yang direncanakan dan diharapkan
Pengetesan sistem dilakukan untuk memastikan bahwa hasil produksi aplikasi
mltimedia tidak ada kesalahan. Selain menyediakan banyak informasi hal ini merupakan
fungsi yang sangat penting untuk melakukan perbaikan apabila terdapat kesalahan atau
kerusakan pada sistem.
Sedangkan untuk aplikasi CD pembelajaran, penulis melakukan pengujian sistem
tersebut pada Portable DVD Writer.
Hasil pengujian menunjukkan bahwa kedua sistem tersebut dapat berjalan dengan
baik. Begitu juga dengan user lebih menyukainya dan lebih menarik sehingga tidak ada
permasalahan untuk pemakaian sistem tersebut.
4.5 Spesifikasi Sistem Komputer dan Peralatan Pendukung
Operating System
: Windows 8.1 Single Language 64-bit (6.3, Build 9600)
System Manufacturer : LENOVO
System Model
: 20308
BIOS
: 8ACN07WW
Processor
: Intel® Core™ i5-42000 CPU @ 1.60GHz (4 CPUs),
~2.3GHz
Memory
: 4096MB RAM
Speaker
: Dolby Digital
VGA
: Intel® HD Graphics Family
Monitor
: 1366 x 768 (32 bit) (60GHz) Generic PnP Monitor
DVD Writer
: LG Portable DVD Writer
PERANCANGAN DAN IMPLEMENTASI SISTEM
4.1 Rancangan Sistem Multimedia
Sebuah karya aplikasi multimedia tidak akan terlihat bagus jika kegunaan dan
tampilannya yang tidak menarik. Membuat aplikasi yang bagus dan menarik sangat
diperlukan struktur perancangan yang jelas dan terkonsep. Untuk itu perlu dilakukan
tahap perancangan yang meliputi:
4.1.1 Proses perancangan
4.1.1.1 Merancang konsep
Membangun suatu system dalam rencana kerja lebih mudah apabila telah
memiliki konsep sehingga pekerjaan akan lebih terarah dan terkoordinir. Untuk
dapat merancang konsep dalam membuat aplikasi multimedia dibutuhkan
kreativitas. Dalam pembuatannya, aplikasi ini akan dipadukan unsur penting
multimedia, yaitu: teks, suara, dan gambar.
Dengan perpaduan unsur tersebut apliaksi ini akan lebih menarik dan
mudah dimengerti sehingga pengguna akan lebih tertarik menggunakannya.
Pembuatan aplikasi ini mempunyai konsep yang menjelaskan dan membantu
bagaimana cara belajar untuk persiapan Tes TOEIC.
4.1.1.2 Merancang isi
Dalam merancang isi, seluruh ide dan konsep dituangkan untuk membuat
aplikasi ini. Tahap merancang isi juga merupakan implementasi dari ide-ide
kreatif. Merancang isi meliputi mengevaluasi dan memilih daya Tarik pesan, gaya
dalam mengeksekusi pesan dan kata (tema) dalam mengeksekusi pesan. Alikasi
ini menggunakan struktur piramida. Struktur rancangan dari isi multimedia yang
akan ditampilkan tiap menu dari aplikasi ini terdiri dari layar intro, menu,
halaman rumus, halaman latihan soal, halaman vocabulary, halaman listening,
halaman credits.
4.1.1.3 Merancang grafik
Perancangan grafik dilakukan untuk membuat kerangka yang akan
digunakan untuk menampilkan aplikasi program. Disini akan dimasukkan suara,
gambar, dan animasi yang digabung menjadi satu.
Desain multimedia interaktif dirancang dengan menggunaka Adobe Flash
CS6 Professional, pengeditan sound menggunakan Adobe Audition CS6, dan
pengeditan gambar dan tampilan menggunakan Adobe Photoshop dan Adobe
Illustrator CS6.
4.2 Prosedur Perancangan Sistem Multimedia
4.2.1 Memproduksi Sistem
Pada tahap ini adalah tahap produksi aplikasi, Bagian ini merupakan
kegiatan yang meliputi tentang pembuatan desain grafik yang mendukung semua
dialog, membuat animasi yang sesuai dengan tema, membuat text sebagai
penyampaian pesan, mengimport file yang sudah jadi, yang semuanya akan
digabungkan ke dalam Adobe Flash CS6 Professional. Sedangkan untuk
pengeditan video mengggunakan Adobe Premiere dan Adobe After Effect CS6.
4.2.2 Arsitektur Aplikasi Pengajaran Mata Kuliah Analisa & Perancangan Sistem
Informasi Berbasis Multimedia Arsitektur aplikasi pengajaran mata kuliah Analisa dan
Perancangan Sistem Informasi ini terdiri dari beberapa komponen, yaitu:
4.2.2.1 Database, digunakan sebagai tempat penyimpanan data, di mana
data ini hanya dapat diakses oleh orang yang diberi hak sebagai administrator.
Pada database ini disimpan data yang diperlukan dalam pembuatan perangkat ajar
seperti data materi, contoh soal, dan latihan pengajaran. Maksud dari
penyimpanan data pada database ini adalah untuk kemudahan modifikasi data
serta menjamin keamanan data.
4.2.2.2 Aplikasi Konversi Database, merupakan aplikasi yang terpisah
dari tampilan yang akan dilihat oleh pengguna. Aplikasi ini berguna untuk
mempermudah perawatan data, misalnya penambahan data-data baru, pengupdate-an data, serta penghapusan data yang sudah tidak relevan. Dengan adanya
aplikasi ini, orang yang bertugas sebagai administrator tidak perlu mengakses
database untuk memodifikasi data sehingga integritas serta keamanan data
menjadi lebih terjamin.
c. Aplikasi Front-End, merupakan aplikasi utama yang digunakan
sebagai front-end kepada pengguna. Secara garis besar aplikasi ini terdiri dari
rangkaian informasi yang ditampilkan dengan cara yang interaktif dan menarik,
sehingga diharapkan dapat menarik minat pengguna untuk mempelajari mata
kuliah Analisa dan Perancangan Sistem Informasi. Pada dasarnya aplikasi animasi
interaktif ini dibagi menjadi tiga bagian besar, yaitu bagian animasi pembuka,
bagian isi dan bagian penutup. Bagian animasi pembuka terdiri dari rangkaian
animasi dan musik yang bertujuan untuk menampilkan gambaran dari isi
perangkat ajar secara garis besar serta tentang tujuan dan manfaat dari perangkat
ajar ini. Diharapkan dengan adanya animasi pembuka ini, dapat menarik perhatian
pengguna untuk menjelajahi aplikasi lebih dalam untuk mendapatkan informasi
yang lebih banyak. Berikutnya, bagian isi berisi informasi yang berkaitan tentang
materi, contoh soal, latihan yang dapat memberi pengguna pengetahuan lebih
untuk mata kuliah Analisa dan Perancangan Sistem Informasi. Bagian penutup
berisi konfirmasi sebelum pengguna keluar dari aplikasi, sekaligus penyampaian
terima kasih dari pembuat perangkat ajar kepada pihak-pihak yang sudah
membantu dalam pembuatan perangkat ajar ini, serta ucapan terima kasih kepada
pengguna karena telah meluangkan waktu untuk menjelajah informasi yang ada di
dalam perangkat ajar.
4.3 Diagram Alir Perancangan Sistem Multimedia
4.3.1 Use Case Diagram
Gambar 4.3.1 Use case Diagram CD Interaktif
4.4 Implementasi Sistem Multinedia
Implementasi Sistem merupakan tahap meletakkan sistem yang baru
dikembangkan supaya nantinya sistem tersebut siap untuk dioperasikan sesuai dengan
yang diharapkan. Tujuan ditahap implementasi adalah menyiapkan semua kegiatan
penerapan sistem sesuai dengan rancangan yang telah ditentukan supaya system tersebut
nantinya siap dioperasikan sesuai dengan yang direncanakan dan diharapkan
Pengetesan sistem dilakukan untuk memastikan bahwa hasil produksi aplikasi
mltimedia tidak ada kesalahan. Selain menyediakan banyak informasi hal ini merupakan
fungsi yang sangat penting untuk melakukan perbaikan apabila terdapat kesalahan atau
kerusakan pada sistem.
Sedangkan untuk aplikasi CD pembelajaran, penulis melakukan pengujian sistem
tersebut pada Portable DVD Writer.
Hasil pengujian menunjukkan bahwa kedua sistem tersebut dapat berjalan dengan
baik. Begitu juga dengan user lebih menyukainya dan lebih menarik sehingga tidak ada
permasalahan untuk pemakaian sistem tersebut.
4.5 Spesifikasi Sistem Komputer dan Peralatan Pendukung
Operating System
: Windows 8.1 Single Language 64-bit (6.3, Build 9600)
System Manufacturer : LENOVO
System Model
: 20308
BIOS
: 8ACN07WW
Processor
: Intel® Core™ i5-42000 CPU @ 1.60GHz (4 CPUs),
~2.3GHz
Memory
: 4096MB RAM
Speaker
: Dolby Digital
VGA
: Intel® HD Graphics Family
Monitor
: 1366 x 768 (32 bit) (60GHz) Generic PnP Monitor
DVD Writer
: LG Portable DVD Writer