PERANCANGAN PROFIL INTERAKTIF SEBAGAI MEDIA INFORMASI DAN PROMOSI PADA MADRASAH DINIYAH AL-MUTTAQIIN NASKAH PUBLIKASI

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

1

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 : achmadmuzaki.f@gmail.com

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 Al-Muttaqiin 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 Al-Muttaqiin 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 Al-Muttaqiin. The end result of making this company profile is stored in the form of exe file and saved on Compact Disk (CD).

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

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 Al-Muttaqiin 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 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.

2

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.

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.

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,

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 Al-Muttaqiin.

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.

3

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.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.4 Tampilan Akademik 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 :

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.6 Tampilan Galeri 4.7 Tampilan Kontak

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

Gambar 2.7 Tampilan Kontak 4.8 Pembuatan Update Gambar

Untuk menambah fitur pada profil interaktif ini, ditambahkan sebuah panel admin untuk mengubah gambar-gambar 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.

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 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.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 :  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.

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.

Daftar Pustaka

[1] Akhirul Aeni, Wiwik. Antara Game, Pendidikan dan

HP (Game Mobile Learning Sebagai Wacana Pendidikan).

5

[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.