PERANCANGAN PROFIL INTERAKTIF SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA MADRASAH DINIYAH AL-MUTTAQIIN
NASKAH PUBLIKASI
diajukan oleh Achmad Muzaki Fatchurrahman 11.12.5923
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2015
PERANCANGAN PROFIL INTERAKTIF SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA MADRASAH DINIYAH AL-MUTTAQIIN Achmad Muzaki Fatchurrahman, Agus Purwanto Sistem Informasi STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283. Email :
[email protected]
Abstract - The development of information technology at this time had extraordinary role to human life in various things, advances in technology are very helpful and more facilitate of man in every activities. Therefore Madrasah Diniyah AlMuttaqiin utilizing information technology as a medium of information and promotion in order to support the results in educational process and facilitate in conducting presentations to prospective donors or sponsors. One of the information technology that is used to promote and presenting an instution, that is by the use of interactive multimedia. Madrasah Diniyah Al-Muttaqiin is an Islamic educational institution, was originally is an idea some teachers in that area who has a high sense of sympathy to the quality of the lives of children around that area. At this time the Madrasah Diniyah Al-Muttaqiin is still in the development stage that takes a lot of donations for the development process of the institution. but in the fact the process of presentation and promotion to search for donations, Madrasah Diniyah AlMuttaqiin still rely on presentation and promotion just by the mere chat. So the author will make a company profile-based interactive multimedia, so that in presenting and promoting Madrasah Diniyah Al-Muttaqiin more easier, accurate and clear, to attract prospective donors. Company Profile Madrasah Diniyah Al-Muttaqiin contains about the history, profile, vision and mission, curriculum, gallery, information, and contacts. Company profile created is expected to help the process of presentation and promotion Madrasah Diniyah AlMuttaqiin. The end result of making this company profile is stored in the form of exe file and saved on Compact Disk (CD).
donatur bisa cepat menyerap informasi yang disampaikan. Aplikasi multimedia yang dimaksutkan akan diwujudkan dalam bentuk profil interaktif. Berdasarkan uraian diatas, maka dapat diambil rumusan masalah sebagai berikut : “Bagaimana merancang Profil Interaktif Madrasah Diniyah Al-Muttaqiin yang mampu menjadi media penyampaian informasi dan promosi ?”. Profile Interaktif yang dibuat hanya akan menampilkan informasi yang berhubungan dengan Madrasah Diniyah AlMuttaqiin meliputi profil (sejarah, visi dan misi), galeri, lokasi dan informasi lain yang berkaitan dengan Madrasah Diniyah Al-Muttaqiin. Tujuan dibuatnya profil interaktif ini adalah membuat media penyampaian informasi yang lebih efektif mengenai Madrasah Diniyah Al-Muttaqiin untuk mempermudah dalam proses presentasi dan promosi. 2. Landasan Teori 2.1 Multimedia Pengertian multimedia apabila ditinjau dari struktur katanya, multimedia terdiri dari dua kata yakni Multi dan Media. Multi berarti banyak, sementara media adalah perantara tempat di sampaikannya informasi. Dalam kenyataannya multimedia berkembang sangat pesat sesuai jamannya. “Multimedia tidak hanya berkembang namun akan terus bergerak maju, Revolusi akan terus terjadi.”[1]. Jenis multimedia meliputi: Multimedia interaktif Multmedia hiperaktif Multimedia linear Elemen Multimedia meliputi : Text Image Audio Video Animation Virtual Reality
Keywords : Presentation, Promotion, Company Profile, Madrasah Diniyah Al-Muttaqiin, Exe File, Compact Disk (CD). 1. Pendahuluan Media interaktif pada saat ini banyak digunakan oleh perusahaan – perusahaan untuk mempromosikan barang dagangan ataupun jasa mereka ke konsumen, tidak hanya melalui teks dan grafik saja, informasi yang diberikan mencakup kelengkapan teks, grafik, animasi, gambar, audio dan video. multimedia interaktif diharapkan mampu memberikan informasi lebih banyak dan membuat proses penyampaian informasi dapat dipahami dengan mudah, membuat calon
2.2 Profil Sekolah Profil Sekolah merupakan penjelasan mengenai informasi dan latar belakang dari suatu sekolah atau lembaga pendidikan untuk diketahui oleh masyarakat luas. Sebuah sekolah yang maju dan berkembang selalu didukung dengan mengikuti perkembangan teknologi yang semakin canggih.
1
Setiap sekolah dalam suatu lembaga pendidikan yang ingin maju dan dapat terus bersaing dalam era globalisasi harus mengikuti perkembangan teknologi dan memanfaatkan semua teknologi dengan sebaik-baiknya. Salah satunya adalah pembuatan profil sekolah interaktif.
efisiensi, dan pelayanan pelanggan. Panduan ini dikenal dengan analisis PIECES (Performance, Information, Economy, Control, Efficiency and Service)[2]. Dari proses analisis yang diterapkan dalam sistem lama pada media penyampaian informasi yang digunakan Madrasah Diniyah Al-Muttaqiin, diperoleh kesimpulan bahwa dibutuhkannya sebuah media pembantu penyampaian informasi. Dengan adanya multimedia interaktif sebagai solusinya, diharapkan dapat membantu mengurangi permasalahan pada media informasi Madrasah Diniyah AlMuttaqiin.
2.3 Struktur Desain Aplikasi Multimedia Tujuan Strategi Desain adalah membuat kerangka atau rencana apa yang diinginkan dan kapan harus dicapai dengan batas – batas untuk melaksanakan berbagai aktifitas dan urutan langkah demi langkah dari serangkaian tindakan. Tujuan desain yaitu berpikir, memilih, membuat, dan mengerjakan suatu sistem dengan cara membentuk, menghaluskan, mengerjakan ulang, memoles, menguji dan meng-edit suatu sistem. Struktur yang dipakai pada media interaktif ini adalah struktur hierarki. Struktur Hierarki merupakan struktur seperti tangga atau pohon. Masing – masing objek menyediakan sebuah menu pilihan yang menonjolkan lebih banyak menu dengan lebih banyak pilihan. Tidak ada batas ukuran atau jumlah menu dan sub menu yang ada dalam sebuah struktur hierarki.
3.2 Perancangan Perancangan merupakan suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang ditunjukkan untuk memberikan gambaran secara terperinci dari aplikasi yang dibuat. Konsep dalam aplikasi yang akan dibuat adalah Profil Interaktif Madrasah Diniyah Al-Muttaqiin yang menggunakan Adobe Flash CS6. Rancangan isi yang dibuat dalam profil interaktif ini adalah sejarah, visi misi, legalitas, struktur organisasi, informasi akademik, galeri dokumentasi, informasi kontak. 4. Pembahasan 4.1 Aset Gambar Profil interaktif dibuat dengan beberapa aplikasi yang mendukung selain Adobe Flash CS6, yaitu Adobe After Effect CS6 dan Adobe Premiere Pro CS6 sebagai pengolah video, dan CorelDraw X6 sebagai pengolah gambar dan pembuat vektor. 4.2 Tampilan Home Tampilan Utama muncul setelah tampilan Intro selesai. Tampilan utama berisi 5 buah menu, yaitu menu Profil, Akademik, Informasi, Galeri, dan Kontak.
Gambar 2.1 Struktur Hierarki 3. Analisis dan Perancangan 3.1 Analisis PIECES Analisis sistem adalah memeriksa sebuah masalah yang ada yang akan diselesaikan oleh perusahaan dengan menggunakan sistem informasi. Analisis didefinisikan dengan detail apa yang harus dilakukan oleh sistem[2]. Analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian – bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka. Analisis sistem merupakan tahapan paling awal dari pengembangan sistem yang menjadi fondasi menentukan keberhasilan sistem informasi yang dihasilkan nantinya[2]. Untuk mengidentifikasi masalah, harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi,
Gambar 2.2 Tampilan Home
2
4.3 Tampilan Profil Tampilan Profil memiliki 3 buah sub-menu, yaitu Sejarah, Visi dan Misi, serta Legalitas. Berikut adalah tampilan Menu Profil :
Gambar 2.5 Tampilan Informasi 4.6 Tampilan Galeri Tampilan Galeri berisi foto – foto dokumentasi semua agenda kegiatan Madrasah Diniyah Al-Muttaqiin yang dipisah kedalam 5 sub-menu, yaitu Profil, Agenda, Kegiatan, Kompetisi, dan prestasi. Berikut adalah tampilan Menu Galeri :
Gambar 2.3 Tampilan Profil 4.4 Tampilan Akademik Tampilan Akademik memiliki 3 buah sub-menu, yaitu Program Akademik, Kalender Akademik, dan Informasi akademik. Berikut adalah tampilan Menu Akademik :
Gambar 2.6 Tampilan Galeri 4.7 Tampilan Kontak Gambar 2.4 Tampilan Akademik
Tampilan Kerjasama berisi berisi tentang kebutuhan sekolah dan feedback bagi donatur. Tampilan kerjasama juga berisi menu kontak yang menampilkan alamat, nomor telepon, email, dan segala yang berguna untuk kepentingan menghubungi Madrasah Diniyah Al-Muttaqiin. Berikut tampilan dari Menu Kontak :
4.5 Tampilan Informasi Tampilan Informasi memiliki 5 buah sub-menu, yaitu Agenda, Struktur organisasi, Data Staff, Data Siswa – Siswi, dan Fasilitas. Berikut adalah tampilan Menu Informasi :
3
4.11
White Box Testing
Pengujian White-Box Testing berfokus pada struktur kontrol program. Test case dilakukan untuk memastikan bahwa semua statement pada program telah dieksekusi paling tidak satu kali selama pengujian dan semua kondisi logis telah diuji. 5. Kesimpulan dan Saran Berdasarkan penjelasan dari bab – bab sebelumnya, dan untuk mengakhiri pembahasan “Prodil Interaktif Madrasah Diniyah Al-Muttaqiin” ini maka diambil kesimpulan yaitu :
Gambar 2.7 Tampilan Kontak
Cara merancang dan pembuatan aplikasi menggunakan software Adobe Flash CS6 sebagai aplikasi utama dan CorelDraw X6, Adobe After Effect CS6, Adobe Premiere CS6 sebagai aplikasi pembantu. Aplikasi yang dibuat sudah sesuai dengan kebutuhan Madrasah Diniyah Al-Muttaqiin dalam hal menyampaikan informasi dan promosi. Aplikasi profil interaktif sebagai media informasi dan promosi yang berisi profil, akademik, data, galeri, dan kontak Madrasah Diniyah Al-Muttaqiin.
4.8 Pembuatan Update Gambar Untuk menambah fitur pada profil interaktif ini, ditambahkan sebuah panel admin untuk mengubah gambargambar yang ada pada aplikasi interaktif yang telah dibuat, pengguna bisa mengubah gambar-gambar tanpa harus mengatur ukuran gambar, ukuran berapa saja akan diatur secara otomatis pada penampil gambar.
Untuk lebih memahami tentang sebuah sistem informasi multimedia diperlukan pemahaman tentang program komputer dan multimedia dengan baik. Untuk itu perlu diberikan saran dan masukan yang dapat diertimbangkan guna kebaikan dan pengembangan aplikasi selanjutnya : Pengembangan teknologi pengetahuan akan terus berlanjut, untuk itu perlu adanya update data yang berada di dalam aplikasi ini. Aplikasi multimedia ini dirancang dengan konsep sederhana, salah satunya adalah kualitas video yang ditampilkan belum terlihat maksimal. Sehingga diharapkan kedepannya semua elemen aplikasi yang ada dapat dikembangkan dengan lebih baik lagi. Aplikasi yang dibuat oleh penyusun, untuk sekarang ini dapat dipergunakan pada komputer atau notebook saja, penyusun berharap supaya dapat dipergunakan secara luas seperti jaringan internet. Harapan penulis, semoga aplikasi profil interaktif ini dapat berguna untuk kepentingan berkembangnya Madrasah Diniyah Al-Muttaqiin dan dimanfaatkan dengan sabaik – baiknya.
Gambar 2.8 Tampilan Panel Update 4.9 Pengujian Sistem Pengujian merupakan langkah setelah profil interaktif Madrasah Diniyah Al-Muttaqiin diproduksi. Fungsi dari pengetesan adalah untuk memastikan bahwa hasil produksi profil interaktif sesuai dengan yang direncanakan. Pertanyaan kunci dalam pengetesan profil interaktif Madrasah Diniyah Al-Muttaqiin adalah “Apakah profil interaktif yang dihasilkan sesuai dengan yang direncanakan?”. Uji coba atau pengujian yang dilakukan pada profil interaktif ini menggunakan metode Black box testing dan White box testing. 4.10
Daftar Pustaka [1]
Black Box Testing
Pengujian Black-Box Testing berfokus pada jalannya aplikasi ketika interfacenya telah terbentuk. Uji coba ini untuk mengetes apakah program yang dinginkan mampu berjalan sesuai dengan alur.
4
Akhirul Aeni, Wiwik. Antara Game, Pendidikan dan HP (Game Mobile Learning Sebagai Wacana Pendidikan). http://m-edukasi.kemdikbud.go.id/artikel-mobilelearning isi.php?kodenya =2009-ac. 2014.
[2]
Hanif Al-Fatta, 2007. Analisis dan Perancangan Sistem Informasi. hal. 24.
Biodata Penulis Achmad Muzaki Fatchurrahman, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2016. Saat ini menjadi Freelancer Desain Grafis. Agus Purwanto, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta, lulus tahun 2006. Memperoleh gelar Magister Komputer (M.Kom) Program Pasca Sarjana Magister Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2013. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta.
5
