PERANCANGAN MULTIMEDIA SEBAGAI MEDIA PROMOSI SMK
MUHAMMADIYAH 1 SALAM MAGELANG
NASKAH PUBLIKASI
diajukan oleh
Badarudin
10.12.4743
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM YOGYAKARTA
YOGYAKARTA
2014
1
PERANCANGAN MULTIMEDIA SEBAGAI MEDIA PROMOSI SMK
MUHAMMADIYAH 1 SALAM MAGELANG
Badarudin, Kusnawi,
1)
Sistem Informasi STMIK AMIKOM Yogyak arta
2)
Sistem Informasi STMIK AMIKOM Yogyak arta
Jl Ringroad Utara, Condongcatur, Depok , Sleman, Yogyak arta Indonesia 55283
Email : badarudin.b@students.amikom.ac.id 1), khusnawi@amikom.ac.id 2) Abstract - Information needs today is very important
for follow the increasingly rapid development of the
world. With the rapidly growing information
technology and increasingly global in all walk s of life, the authors will try to create a system of promotion and
multimedia-based information on SMK
Muhammadiyah 1 SALAM to promote to potential new students or parents.
In making this multimedia authors will use a variety of software, among others, such as Adobe Photoshop CS6, Adobe Flash CS3, Adobe Soundbooth CS3. This system describes the advantages, facilities and infrastructure SMK Muhammadiyah 1 SALAM, learning systems, Vision and Mission and others. With the support of multimedia-based promotion
system that is expected to promote SMK
Muhammadiyah 1 SALAM to prospective new students more effectively and efficiently.
Keywords: Multimedia, Promotion, Information
1. Pendahuluan
Teknologi komputer merupakan salah satu teknologi yang sebagian besar mewarnai kehidupan manusia saat ini, dan aplikasi multimedia merupakan salah satu alternatif yang semakin dikembangkan oleh para pengembang software dalam dunia komputer. dengan Seiring perkembangan teknologi yang semakin pesat, semakin meningkat pula akan kemudahan dan fasilitas-fasilitas yang mendukung manusia dalam upaya untuk menyelesaikan tugas -tugasnya. Saat ini telah banyak dikembangkan berbagai software multimedia untuk berbagai bidang, terutama di bidang pendidikan. Untuk bidang pendidikan, aplikasi multimedia banyak digunakan dalam hal pengajaran.
Dalam era modern ini SMK
MUHAMMADIYAH 1 SALAM Magelang belum menggunakan media multimedia untuk menyampaikan informasi kepada masyarakat, berkaitan dengan itu sekolah lain sudah banyak yang mulai menggunakan media multimedia sebagai alat promosi untuk menyampaikan informasi lepada calon siswa barunya.
Dalam hal ini, aplikasi yang akan coba di tawarkan adalah dalam bentuk animasai flash yang bersifat interaktif dan bertajuk Profil Perusahaan, atau
lebih dikenal sebagai Company Profile. Perancangan multimedia interaktif ini adalah untuk menampilkan informasi selengkap mungkin dengan menggabungkan unsur multimedia seperti teks, gambar, audio, animasi dan video.
Sekarang banyak media pembelajaran yang diciptakan dan dibuat oleh manusia untuk menyampaikan berbagai informasi. Tujuannya adalah agar proses penyampaian informasi tersebut bisa menjadi mudah dan orang yang menjadi sasaran dari media penyampaian dapat dengan mudah difahami, kreatif, sehingga siswa/calon penmirsa memahami informasi yang disampaikan. Atas dasar itulah maka saya memutuskan untuk membuat sebuah Produk berupa multimedia interaktif.
2. Landasan Teori 2.1 Pengertian Multimedia
Multimedia adalah kombinasi dari komputer dan video (Rosch, 1996) atau multimedia secara umum merupakan kombinasi tiga elemen, yaitu suara, gambar, dan teks (McCormick, 1996).Multimedia adalah kombinasi dari paling sedikit dua media input atau output dari data, media ini dapat audio(suara, musik),animasi, video, teks, grafikdan gambar (Turban dkk, 2002) atau multimedia merupakan alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan video (Robin dan Linda, 2001).
Definisi lain dari multimedia, yaitu dengan menempatkannya dalam kontek, seperti yang dilakukan oleh hofstetter (2001), multimedia adalah memamfaatkan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak, (Video dan animasi)dengan menggabungkan link dan tools yang memungkinkan pemakai melakukan navigari, berintaksi, berkreasi dan berkomunikasi.
2.1.1 Elemen-elemen Multimedia
Menurut James A.Senn (1990), multimedia terbagi dalam beberapa elemen seperti text, image, audio, video, dan animasi.
2.3 Company Profile
Menurut Agustrijanto (2001) company profile atau profile perusahaan yaitu gambaran umum mengenai diri suatu perusahaan yang hendak melakukan serangkaian promosi terpadu melalui sebuah buku. Pernyataan tersebut memberikan pengetahuan kepada kita bahwa pada awalnya company profile suatu
2
perusahaan hanya berbentuk sebuah buku yang merupakan hasil print out yang berisi semua informasi tentang perushaan tersebut.Jadi company profile atau profil perusahaan dapat diartikan sebagai gambaran khusus tentang sebuah perusahaan yang bekerja secara teratur dengan tujuan untuk mencari keuntungan yang menyiratkan jiwa berusaha dari perusahaan tersebut. Company profile memang identik sebagai kerangka besar berbisnis antar perusahaan, meski bias saha ditunjukkan kepada target audience individual, atau kelompok tertentu dengan pertimbangan-pertimbangan khusus.
2.4 Konsep Dasar Animasi
Animasi merupakan penggunaan komputer untuk menciptakan gambar bergerak pada layar
2.5 Struktur Dasar Animasi
1. Struktur Linier
Struktur yang paling sederhana dalam mendesain aliran aplikasi multimedia. Klik mouse untuk menampilkan informasi atau isi aplikasi multimedia. Layar pertama yang berisi obyek multimedia muncul. Klik mouse berikutnya maka akan mucul layar berikutnya. Masing-masing obyek dalam aplikasi multimedia dapat berupa teks ,grafik,audio,video,dan animasi, atau kombinasi antara obyek-obyek tersebut.
2. Struktur Menu
Struktur kedua untuk merancang aliran aplikasi multimedia. Obyek dalam menu dapat diwujudkan dalam garis-garis hypertext,grafik, audio, video dan animasi atau kombinasi dari kelima obyek tersebut. Ketika anda memilih sebuah obyek pada menu, obyek yang terhubung muncul dan tampil pada layar. Untuk memilih menu yang lain anda tinggal meng -klik menu yang anda inginkan tersebut.
3. Struktur Hierarki
Struktur hirearki merupakan struktur seperti tangga atau pohon.Masing-masing obyek menyediakan menu pilihan yang menonjolkan lebih banyak menu dengan lebih banyak pilihan. Tidak ada batas ukuran atau jumlah menu dan sub menu yang dapat anda punyai dalam sebuah hirearki.
4. Struktur Jaringan
Bentuk Struktur jaringan merupakan desain yang paling kompleks. Dengan obyek yang dapat terhubung dengan banyak obyek dalam setiap arah pada setiap obyek dalam aplikasi anda. Khusus aplikasi multimedia yang besar, desain struktur jaringan memungkinkan anda melakukan navigasi ke setiap layar dengan mengklik mouse yang
minimum.Dengan rancangan menggunakan struktur jaringan memungkinkan anda melakukan 3 klik dan apa yag anda inginkan tercapai.
5. Struktur Kombinasi
Multimedia sering menggunakan lebih dari satu struktur dalam merancang aliran aplikasi multimedianya, yaitu linier, menu hirarki dan jaringan. Sebagai contoh, merancang jaringan yang
canggih dapat memunculkan sebuah struktur linier, menu hirarki, dalam dalam “slide bank” dengan navigasi sederhana yang membiarkan pemakai bergerak kembali atau ke depan(melanjutkan) lewat slide. Bila pemakai mendapatkan akhir dari daftar desain, maka jaringan kembali untuk menyediakan pilihan navigasi yang lebih kaya. Desain yang mengkombinasikan semua struktur itu disebut Hibrid.
2.6 . Software Yang Digunakan
1. Adobe Photoshop CS6
Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (mark et leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi terakhir dari adobe yang digunakan penulis adalah versi ke-13 yaitu Adobe Photoshop CS6
2. Adobe Flash CS3 Professional
Adobe flash CS3 Profesional merupakan program animasi 2D berbasis vek tor. Perngkat lunak Adobe Flash CS3 dapat membuat berbagai animasi 2D seperti film kartun, portofolio, aplikasi company profile, game. 3. Adobe Soundbooth CS3
Adobe Soundbooth CS3 adalah perangkat lunak dari Adobe yang dapat merekam, merubah, menambahkan efek-efek suara dan memperbaiki kualitas suara lalu menyimpannya menjadi berbagai format suara. Adobe Soundbooth CS3 memilki dua area kerja utama yaitu edit view dan multitrack view.
3. Analisis Dan Perancangan Sistem 3.1 Tinjauan Umum
3.2 Gambar an umum Smk Muhammadiyah 1 Salam
Sekitar tahun 1971 di Kabupaten Magelang terdapat sebuah Sekolah Teknik Menengah dengan nama STM Jumoyo. Terhitung mulai tanggal 02 Januari 1971 dengan SK. Pendirian Sekolah dari Yayasan Badan Penyelenggara Sekolah Nomor : 364/II.193/JTG/82/83 tanggal 1 Mei 1972 dan SP. Pendirian dari Kanwil Depdikbud Provinsi Jawa Tengah Nomor : 016/STM/SWAS/1972 tanggal 08 Mei 1972, maka STM Jumoyo resmi di dirikan dengan jurusan :
1. Teknik Pemesinan. 2. Teknik Mekanik Otomotif.
Sesuai dengan perkembangan Ilmu Pengetahuan dan Teknologi. Maka terhitung mulai tanggal 01 Juli 2007 menambah jurusan Teknik Komputer dan Jaringan, dan di tahun 2014 ada 7 jurusan yaitu :
3
Teknik Permesinan
Teknik Kendaraan Ringan
Teknik Komputer dan Jaringan
Teknik Sepeda Motor
Teknik Geologi dan Pertambangan
Teknik Alat Berat
Teknik Sipil Gambar Bangunan
Saat ini STM Jumoyo berubah nama menjadi Sekolah Menengah Kejuruan (SMK) Muhammadiyah 1 Salam. SMK Muhammadiyah 1 Salam adalah Sekolah Kejuruan kelompok Teknologi dan Industri di Kabupaten Magelang. Lokasi di Jalan Lapangan Jumoyo, Salam, Magelang, Jawa Tengah. SMK Muhammadiyah 1 Salam sejak tanggal 16 November 2013 dengan SK. BAS Provinsi Nomor: 102/BAP-SM/XI/2013 mendapatkan Status Akreditasi ”Terakreditasi A”.
3.3 Analisis
Analisis sistem didefinisikan bagaimana memahami dan menspesifikasi dengan detail apa yang harus dilakukan oleh sistem. Untuk mengidentifikasikan masalah, maka harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efisiensi, dan pelayanan pamakai.
Penemuan ini dikenal dengan PIECES Analysis (Performance, Information, Economic, Control, Efficiency, Services ) Dari analisis ini biasanya didapatkan beberapa masalah, yang akhirnya dapat menemukan masalah utamanya.
3.3.1 Analisa Kinerja (Performance)
Analisis kinerja merupakan kemampuan dalam menyelesaikan tugas bisnis dengan cepat sehingga sasaran dapat segera tercapai. Analisis kinerja diukur dengan jumlah produksi (Throughput) dan waktu tanggap (Response Time) dari suatu sistem. Sistem yang dikembangkan ini akan memberikan informasi yang sesuai untuk kebutuhan pada SMK Muhammadiyah 1 Salam.
3.3.2 Analisa Informasi(Infor mation)
Informasi merupakan hal terpenting karena dengan inforrmasi tersebut pihak manajemen (marketing) dan user dapat melakukan langkah selanjutnya, apabila kemampuan sistem informasi baik, maka user akan mendapatkan informasi yang akurat, tepat waktu dan relevan sesuai dengan yang diharapkan.
3.3.3 Analisis Ekonomi(Economic)
Nilai ekonomis merupakan motivasi paling umum bagi berjalannya suatu proyek. Persoalan ekonomi dan peluang berkaitan erat dengan biaya yang dikeluarkan oleh instansi. Oleh karena itu untuk memperoleh keuntungan yang maximal perlu adanya penghematan atas biaya yang dikeluarkan. Apabila semua informasi dikemas dalam media informasi yang memungkinkan pengguna berinteraksi dengan aplikasi tersebut selain menghemat biaya dan tenaga informasi dapat
disampaikan dengan menarik. Dan dengan ini diharapkan informasi tersebut dapat diserap dengan baik oleh pengguna namun informasi ini dibuat bukan untuk media pengganti, namun dibuat sebagai media pendukung proses promosi.
3.3.4 Analisis Pengendalian(Contr ol)
Kontrol dipasang untuk meningkatkan kinerja sistem, mencegah atau mendeteksi penyalahgunaan atau kesalahan sistem dan menjamin keadaan data informasi dan persyaratan. Semakin sedikit kesalahan yang dilakukan dalam suatu kegiatan, maka tingkat pengendalian suatu sistem semakin baik, dengan dibuatnya media promosi ini informasi yang akan disampaikan tidak nisa diubah oleh sembarang orang dan hanya dibuat oleh pihak pengembang.
3.3.5 Analisis Efisiensi(Efficiency)
Efisiensi berhubungan dengan bagaimana sumber tersebut dapat digunakan secara optimal. Operasi pada suatu instansi dapat dikatakan efisien atau tidak biasanya didasarkan pada tugas dan tanggungjawab dalam melaksanakan kegiatan. Dalam hal ini aplikasi yang dibuat dapat lebih efisien.
3.3.6 Analisis Pelayanan
Pelayanan didefinisika sebagai peningkatan terhadap pelayanan yang diberikan oleh sistem. Aplikasi ini dikemas dengan beberapa kelebihan diantaranya sudah terdapat narasi yang menjelaskan isi dari paket informasi tersebut, sehingga user dapat berinteraksi dengan komputer.
3.4 Analisis Kelayakan Teknologi
Kelayakan teknologi digunakan untuk mengetahui apakah teknologi ini nantinya dapat diterapkan dalam sistem atau tidak. Penggunaan teknologi komputer dapat diterapkan dalam sistem baru karena sistem lama masih manual. Sistem baru ini diharapkan dapat menghasilkan keuntungan yang lebih besar dari sistem yang lama.
Tabel 3.1 Analisis k elayak an Tek nologi
PARAMETER HASIL ANALISIS
Perangkat Menggunakan laptop untuk membuka aplikasi Spek minimum komputer a) Prosesor Pentium 4 b) Ram 128mb c) VGA 64mb 4. Memproduksi Sistem
Untuk mempermudah tahap produksi, di bawah ini merupakan urutan proses produksi Multimedia Promosi SMK MUHAMMADIYAH 1 Salam.
1. Mengolah gambar menggunakan Adobe Photosop CS6 untuk kebutuhan tombol dan back ground. File yang dihasilkan berekstensi .psd, .jpg dan .png. 2. Mengolah suara menggunakan Adobe Soundbooth
CS3. File yang dihasilkan berekstensi .mp3 dan .wav.
4
3. Membuat dokumen baru di Adobe Flash CS3, menentukan warna dan ukuran halaman serta kecepatan frame.
4. Mengimport suara dan gambar-gambar ke library. 5. Menggabungkan semua elemen multimedia di
Adobe Flash CS3, Meletakkan gambar-gambar, membuat tombol-tombol navigasi, membuat animasi sesuai perancangan. Menentukan font yang sesuai. File yang dihasilkan berekstensi .fla.
6. Melakukan test movie, menghasilkan file yang berekstensi .swf.
7. Mempublish menjadi file berkekstensi .exe. atau Rendering
8. Pengujian Sistem 9. Implementasi system 10. Pemeliharaan system.
4.1 Membuat Background Menggunakan Adobe
Photoshop CS6
1. Buka program Adobe Photoshop CS3. 2. Klik FileNew.
3. Isikan pada jendela new sebagai berikut.
Ukuran 1280 x 720 pixel.
Resolusi 72 pixel / inch.
Color Mode menggunakan RGB color.
Back ground content jenis white.
4. Buka file yang akan dijadikan back ground dengan cara klik FileOpen.
5. Pindahkan gambar yang telah dibuka dengan cara drag and dropke halaman baru dengan menggunakan
move tool, kemudian sesuaikan ukuran gambar
dengan ukuran layar baru.
6. Setelah selesai simpan hasilnya dengan cara klik FileSave As.
7. Beri nama “background” pada isian file name, sedangkan Save as Type pilih ekstensi .jpg.
Gambar 4.1 Tampilan Back ground.
4.2 Pengolahan Suara
Suara diperlukan dalam pembuatan aplikasi multimedia. Perangkat lunak yang digunakan adalah Adobe Soundbooth CS3 Langkah-langkah mengolah suara adalah sebagai berikut.
1. Buka Adobe Soundbooth CS3 2. Pilih menu FileImport. 3. Pilih bgsound.mp3
File suara telah siap pada layar kerja. Bagian suara yang tidak diperlukan hendaknya dibuang dengan cara blok bagian yang ingin dihapus, lalu tekan delete pada k eyboard.
Gambar 4.2 Tampilan Adobe Soundbooth CS3 4. Simpan file dengan cara FileSave Session.
Export file suara yang sudah diolah, hasil yang digunakan adalah .mp3. Caranya adalahklik
FileExport. Pada kolom Save as type pilih .mp3
(Channel : stereo dan Sample Rate : 44100 Hz). Klik tombol Save
4.3 Pembahasan Sistem
1. Halaman intro : Tampilan awal merupakan tampilan yang pertama muncul. Dalam tampilan awal pada company profile ini.
Gambar 4.3 Tampilan Halaman Intro 2. Tampilan Halaman Menu Utama : Hasil rancangan
menu utama dapat dilihat pada gambar 4.4 Untuk masuk ke dalam sub-sub menu utama yang diinginkan, penggunan silahkan klik tombol yang diinginkan.
Gambar 4.4 Tampilan Halaman Utama
3. Halaman Profil : Pada halaman profil, pada sisi kiri terdapat 6 buah tombol / menu. Masing-masing menu mempunyai fungsi berbeda. 6 menu tersebut antara lain : menu kata pengantar, sejarah, visi & misi, alamat, prestasi.
Gambar 4.5 Tampilan Halaman Profil
4. Halaman Jurusan : Pada halaman jurusan, pada sisi kiri terdapat 8 buah tombol / menu. Masing -masing menu mempunyai fungsi berbeda. 8 menu tersebut antara lain : menu Tekhnik permesinan, tekhnik kendaraan ringan, tekhnik sepeda motor, tekhnik komp uter dan jaringan, tekhnik geologi dan pertambangan, tekhnik alat berat, tekhnik sipil gambar bangunan.
5
Gambar 4.6 Tampilan Halaman Jurusan 5. Halaman Galeri : Pada halaman galeri terdapat 25 tombol. 24 tombol adalah untuk menunjukkan masing -masing foto yang dipilih, dan satu tombol Home untuk kembali ke Halaman Utama.
Gambar 4.7 Tampilan Halaman Galeri 6. Halaman Kegiatan
Terdapat 3 tombol di dalam halaman kegiatan. 3 Tombol itu adalah tombol Ekstra Kurikuler, Peta Lokasi dan Home. Dalam tombol ekstra kurikuler terdapat 6 tombol yaitu : keagamaan, olah raga, seni budaya, life skill, bela diri, keilmuan dan kir.
Gambar 4.8 Tampilan Halaman Kegiatan . 7. Halaman About : Terdapat 2 tombol yaitu tujuan dan biodata penulis.
Gambar 4.9 Tampilan Halaman About.
8. Halaman Keluar : Halaman keluar menyediakan dua pilihan tombol, yaitu ya dan tidak. Klik ya jika yakin ingin keluar dari aplikasi. Klik tidak jika ingin kembali ke halaman utama. Halaman keluar dapat ditunjukkan pada gambar.4.24 di bawah ini.
Gambar 4.10 Tampilan Halaman Keluar.
9. Membuat File Executable
Publikasi file bertujuan agar file dapat di-Executable atau dijalankan pada windows tanpa harus membuka program Adobe Flash CS6. Adapun langkah -langkahnya adalah sebagai berikut : Simpan file projectnya, klik menu file > Publish Setting dan beri nama file misalnya aplikasi.exe (ditentukan lokasi yang akan dituju).
10. Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya pada akhirnya pembuatan Multimedia interaktif SMK MUHAMMADIYAH 1 SALAM, maka dapat disimpulkan sebagai berikut.
1. Pembuatan aplikasi multimedia menggunakan Adobe Flash CS3 untuk menggabungkan semua animasi yang dibutuhkan, Adobe Photoshop CS6 untuk membuat background dan gambar yang diperlukan ainnya, sedangkan Adobe Sou ndbooth CS3 untuk mengedit audio yang dibutuhkan untuk efek suara di flash.
2. Dengan adanya aplikasi multimedia ini, informasi mengenai SMK MUHAMMADIYAH 1 Salam ini dapat di sajikan dengan lebih jelas dan menarik, karna didukung dengan animasi yang dilengkap i dengan audio atau suara.
3. Aplikasi Multimedia Interaktif ini menjadi alternatif informasi tambahan di samping media informasi menggunakan brosur, websites dan spanduk yang sudah ada di SMK MUHAMMADIYAH 1 SALAM.
4. Aplikasi ini menggunakan navigasi dan menu -menu yang sedserhana sehingga memudahkan pemakai untuk mengoprasikannya.
5. Tahapan-tahapan pembuatan aplikasi Interaktif berbasis multimedia meliputi pembuatan background, pengolahan suara, pembuatan tombol navigasi, mengimportfile-file, pembuatan animasi, pemberian actionscript, dan diakhiri dengan pembuatan file dengan ekstensi .exe dan .swf. 6. Aplikasi Interaktif berbasis multimedia lebih
menarik dari pada menggunakan brosur atau alat cetak lainya karena disajikan dengan animasi, gambar, teks, dan suara.
DAFTAR PUSTAKA
[1] Abdul Kadir, “Pengenalan Sistem Informasi”, Yogyakarta : Andi, 2005.
[2] Al Fatta, Hanif, “ Analisis & Perancangan Sistem Informasi”, Yogyakarta : Andi, 2007.
[3] Chandra, “Menu Interaktif Adobe Flash CS3”, Jakarta: Maxikom, 2009.
[4] Jogiyanto, “Analiasis dan Desain Informasi”, Yogyakarta : Andi, 2005.
[5] Suyanto, M , “Multimedia Alat untuk Meningkatkan Keunggulan Bersaing, Yogyakarta : Andi, 2003.
6
Biodata penulis
Badarudin, Jurusan Sistem Informasi STMIK
AMIKOM Yogyakarta, Pendadaran lulus tangg al 24 November 2014, Wisuda tanggal 31 januari 2014. Alamat Rumah saat di Jogja di Jalan Gorongan Lor 138 Condong Catur, Depok, Sleman, Yogyakarta. Alamat Rumah Asal di Soronalan Sawangan Magelang.
Kusmawi, memperoleh gelar Sarjana Komputer
(S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2004. Memperoleh gelar Master of Engineering (M.Eng) Program Pasca Sarjana Magister Teknologi Informasi Fakultas Teknik Elektro Universitas Gajah Mada Yogyakarta, lulus tahun 2009. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta.
