PEMBUATAN PROFIL SMA SANTA MARIA YOGYAKARTA SEBAGAI MEDIA INFORMASI DAN PROMOSI BERBASIS MULTIMEDIA
NASKAH PUBLIKASI
diajukan oleh Aditya Krisnapati
11.01.2900
Rudy Susanto
11.01.2916
Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2016
PEMBUATAN PROFIL SMA SANTA MARIA YOGYAKARTA SEBAGAI MEDIA INFORMASI DAN PROMOSI BERBASIS MULTIMEDIA
Aditya Krisnapati1), Rudy Susanto2), Agus Purwanto3), 1) Teknik Informatika STMIK AMIKOM Yogyakarta 2) Teknik Informatika STMIK AMIKOM Yogyakarta 3) Sistem Informasi STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email :
[email protected]) Abstrak-The development of information technology is rapidly evolving to help people to get information easily. With the use of information technology as a means of informing an institution that is required by the Santa Maria High School. One of the information technologies that can be used to provide information on institutions is the use of multimedia. Santa Maria High School is one of the educational institutions are quite good , but the delivery of these schools Still use the information brochure. Thus, the author will create a profile based multi media Santa Maria High School so that the school can provide information that is more complete and accurate to the communty . Profile of Santa Maria High School consist of History, Vision and Mission, facilities, organization, Galari , Achievement, Maps, and Contact school. Making school profile is created can hopefully help Santa Maria High School to introduce and provide information about the school to the communi ty so that people get the information about the advantages that exist in the Santa Maria High School. Keyword : Adobe Flash, Company Profil, Multimedia 1.
Pendahuluan
1.1 Latar Belakang Kemajuan teknologi saat ini telah banyak Memberikan manfaat dalam kehidupan, Pemanfaatan teknologi perkembangannya sangat pesat dan menghasilkan inovasiinovasi baru yang harus diimbangi dengan kemampuan beradaptasi terhadap teknologi informasi.Salah satu bidang teknologi informasi yang berkembang pesat adalah teknologi yang berbasis multimedia.Teknologi informasi berbasis multimedia sangat mendukung dalam perkembangan banyak sektor seperti pendidikan, perdagangan, pariwisata, komunikasi dan lain sebagainya.Salah satu fungsi teknologi informasi bagi sektor pendidikan yaitu sebagai media informasi dan promosi dalam bentuk profil sekolah. SMA Santa Maria Yogyakarta merupakan salah satu SMA swasta yang masih menggunakan brosur untuk mempromosikan sekolah tersebut. Brosur hanya dapat menyampaikan suatu informasi dengan teks dan gambar saja, sedangkan profil mampu menampilkan teks,
gambar, grafik, audio dan animasi sehingga mampu bemberikan informasi yang lebih detail bagi para calon siswa yang ingin mengetahui semua informasi mengenai SMA Santa Maria Yogyakarta. Dengan pembuatan profil sekolah ini diharapkan dapat melengkapi media informasi dan promosi SMA Santa Maria Yogyakarta kepada masyarakat. Oleh karena itu dalam menyusun Tugas Akhir ini penulis mengangkat judul “Pembuatan Profil SMA SANTA MARIA Yogyakarta sebagai media informasi dan promosi berbasis multimedia”. 1.2 Rumusan Masalah Berdasarkan latar belakang permasalahan di atas, dapat disimpulkan bahwa permasalahan yang dihadapi adalah “Bagaimana membuat Profil Sekolah berbasis multimedia yang mampu menjadi media informasi dan promosi”. 1.3 Batasan Masalah Berdasarkan rumusan masalah yang ada, supaya hasilnya lebih optimal maka masalah akan dibatasi pada : 1. Informasi sekolah yang digunakan untuk membuat profil sekolah didapat berdasarkan data yang diberikan pihak SMA Santa Maria Yogyakarta 2. Software yang digunakan dalam pembuatan profil sekolah ini diantaranya Macromedia Flash, Adobe Photoshop, Adobe After Effect. 1.4 Tujuan Tujuan dari penelitian ini adalah : 1. Membuat aplikasi untuk membantu dalam memperkenalkan SMA Santa Maria Yogyakarta kepada masyarakat. 2. Untuk memberikan sarana informasi yang lebih efisien, interaktif dan menarik. 2. Pembahasan 2.1 Teori Istilah multimedia berawal dari theater, bukan komputer. Pertunjukan yang memanfaatkan lebih dari satu media sering kali disebut pertunjukan multimedia.Dimana pertunjukan multimedia mencakup monitor video, synthesized band dan karya seni manusia sebagai bagian dari pertunjukan. Sistem multimedia dimulai pada akhir 1980-an dengan diperkenalkannya Hypercard oleh Apple
1
pada tahun 1987 dan pengumuman oleh IBM pada tahun 1989 mengenai perangkat lunak Audio Visual Connection (AVC) dan video adapter card bagi PS/2. Sejak permulaan tersebut hampir setiap pemasok perangkat keras dan lunak melompat ke multimedia.Sehingga pada tahun 1994, diperkirakan ada lebih dari 700 produk dan system multimedia di pasaran. 2.2Elemen-Elemen Multimedia Komponen multimedia terbagi atas lima jenis yaitu: 1. Text Teks merupakan elemen multimedia yang menjadi dasar untuk menyampaikan informasi, karena teks adalah jenis data yang paling sederhana dan membutuhkan tempat penyimpanan yang paling kecil. Text merupakan cara yang paling efektif dalam mengemukakan ide-ide kepada pengguna, sehingga penyampaian informasi akan lebih mudah dimengerti oleh masyarakat. Jenis-jenis teks seperti PrintedText, yaitu teks yang dihasilkan oleh word processor atau word editor dengan cara diketik yang nantinya dapat dicetak. ScannedText yaitu teks yang dihasilkan melalui proses scanning tanpa pengetikan. Dan HyperText yaitu jenis teks yang memberikan link ke suatu tempat / meloncat ke topik tertentu. 2. Grafik Grafik (image) Sangat bermanfaat untuk mengilustrasi informasi yang akan disampaikan terutama informasi yang tidak dapat dijelaskan dengan kata-kata. Jenis-jenis grafik seperti bitmap yaitu gambar yang disimpan dalam bentuk kumpulan pixel, yang berkaitan dengan titik-titik pada layar monitor.Digitized picture adalah gambar hasil rekaman video atau kamera yang dipindahkan ke komputer dan diubah ke dalam bentuk bitmaps. Hyperpictures, sama seperti hypertext hanya saja dalam bentuk gambar. 3. Audio Multimedia tidak akan lengkap jika tanpa audio (suara). Audio bisa berupa percakapan, musik atau efek suara. 4. Video Video menyediakan sumber yang kaya dan hidup untuk aplikasi multimedia.Dengan video dapat menerangkan halhal yang sulit digambarkan lewat kata-kata atau gambar diam dan dapat menggambarkan emosi dan psikologi manusia secara lebih jelas. 5. Animasi Animasi adalah simulasi gerakan yang dihasilkan dengan menayangkan rentetan frame ke layer. Frame adalah satu gambar tunggal pada rentetan gambar yang membentuk animasi. Menurut Foley, Van Dam, Feiner dan Hughes (1997) Animate adalah untuk membuat sesuatu hidup, sebagian orang mengira bahwa animasi itu sama dengan motion (gerakan), tetapi animasi mencakup semua yang mengandung efek visual sehingga animasi mencakup perubahan posisi terhadap waktu, bentuk, warna, struktur, tekstur dari sebuah objek, posisi kamera, pencahayaan, orientasi, fokus dan perubahan dalam teknik rendering. 2.3 Identifikasi Masalah Masalah yang ada pada SMA Santa Maria adalah belum adanya media informasi dan promosi yang lengkap. SMA Santa Maria masih menggunakan brosur untuk mempromosikan sekolah tersebut. Brosur hanya dapat menyampaikan suatu informasi dengan teks dan gambar
saja. Oleh karena itu dari pokok permasalahan yang ada akan dicoba untuk memberikan alternatif dengan mengembangkan aplikasi multimedia yang berisi tentang profil SMA Santa Maria Yogyakarta sebagai media informasi dan promosi. 2.4 Merancang konsep Untuk membuat sebuah sistem aplikasi multimedia sangat diperlukan konsep untuk merancang program kerja. Dengan adanya rancangan program kerja memungkinkan pembuatan aplikasi akan berjalan lebih terarah dan terorganisasi. Konsep profil SMA Santa Maria adalah media interaktif. 2.5 Merancang isi Merancang isi merupakan sosialisasi dari perancangan konsep, Profil terdiri dari teks, suara, animasi, dan gambar. Teks yang dimasukkan berfungsi untuk memberikan penjelasan mengenai isi tampilan yang ada pada Profil. Suara digunakan untuk memberikan suara pada tombol agar lebih menarik. Animasi berupa teks, gambar maupun bagian-bagian dari profil yang bergerak. Gambar digunakan agar lebih menarik. Seluruh bagian yang dimasukan akan saling mendukung bagian yang lain maupun mendukung Profil secara keseluruhan. Pembuatan Profil ini memerlukan ketelitian dan kecermatan dalam gambar, teks, suara, dan animasi secara baik. Perancangan isi yang ada didalam aplikasi yang kami buat ini menjadi beberapa menu yang diantaranya memiliki submenu. Rancangan desain menu yang kami buat pada aplikasi adalah sebagai berikut : 1. Home Meliputi : Halaman Selamat Datang. 2. Profil Meliputi : Sejarah, Tujuan dan Visi - Misi Sekolah. 3. Organisasi Meliputi : Program Kesiswaan dan Osis. 4. Ekstra Kulikuler Meliputi : Daftar Ekstra kulikuler. 5. Fasilitas Meliputi : Daftar fasilitas yang terdapat di sekolah. 6. Prestasi Meliputi : Prestasi dari sekolah. 7. Kontak Meliputi : Info kontak sekolah. 2.6 Merancang Naskah Dalam merancang sebuah naskah penyusunan harus menetapkan urutan elemen-elemen secara rinci. Merancang naskah merupakan spesifikasi lengkap dari teks dan narasi dalam aplikasi multimedia. Naskah diperlukan untuk memberikan keterangan pada objek serta memberikan kemudahan pada konsumen. Aplikasi Profil ini dirancang
2
dalam bentuk menu-menu baik dalam teks maupun simbol gambar pada menu-menu pilihan digunakan bahasa yang mudah dimengerti oleh konsumen.
G. Kontak Halaman kontak berisi tentang info kontak yang bisa dihubungi 2.7 Memproduksi Sistem Tahapan ini adalah tahapan membangun dan mengembangkan aplikasi, sesuai dengan naskah yang sudah dibuat. Bagian ini merupakan kegiatan yang meliputi tentang pembuatan desain background yang mendukung semua dialog, menyeleksi gambar, membuat animasi yang sesuai dengan tema, membagun text sebagai peyampaian pesan informasi yang semuanya akan digabungkan ke dalam Adobe Macromedia Flash sebagai software final. 2.7.1 Membuat Background dengan adobe photoshop 1. Buat layer kerja baru dengan adobe photoshop dengan ukuran 1024 x 768 pixel, kemudian import gambar background SMA Santa Maria. 2. Kemudian tambah Rectangle Tool di bagian atas dan bawah gambar background 3. Menambahkan Efek Gradient Overlay pada background
Gambar 1. Tampilan Struktur Aplikasi Keterangan halaman menu pada aplikasi ini : Intro Pada halaman Intro berisi animasi Teks, Gambar dan Menu masuk aplikasi A. Home Pada halaman home terdapat tulisan Selamat datang dan slide foto SMA Santa Maria. B. Profil Pada halaman profil terdapat beberapa tombol menu yaitu Sejarah, Tujuan, Visi dan Misi. C. Organisasi Pada halaman organisasi terdapat tulisan program kerja siswa dan tombol menu program kerja Osis. D. Ekstra Kulikuler Pada halaman ekstra kulikuler terdapat tombol menu ekstra kulikuler wajib dan pilihan,di dalam menu ekstra kulikuler wajib ada tombol computer dan conversation, di dalam menu ekstra kulikuler pilihan ada tombol cheerleader, modelling, seni lukis, seni tari, band, tae kwon do, paduan suara, tat arias, teater, basket, biola, tata boga. E. Fasilitas Pada halaman fasilitas terdapat tombol menu ruang multimedia, perpustakaan, laboratorium biologi, bahasa, computer, kimia, fisika, museum mini, green house, ruang tata boga, ruang music, ruang santai, goa maria, uks, kantin, asrama, hot spot area,aula yang besar, lap. Olahraga. F. Prestasi
Gambar 2. Membuat background 2.7.2 Mengimport obyek dengan adobe flash 1. Buka adobe flash 2. Pada Kolom creat new pilih flash file (action script 2.0). Kemudian akan masuk pada lembar kerja 3. Klik file pilih Import kemudian pilik Import to library 4. Objek sudah tersimpan pada library
Gambar 3. File tersimpan di library 2.7.3 Membuat tombol di adobe flash 1. Ketik nama - nama tombol yang akan digunakan 2. Klik kanan di setiap tombol yang akan dibuat, pilih convert to symbol 3. Klik Button kasih nama sesuai dengan tombol, klik Ok
Pada halaman prestasi terdapat menu tombol prestasi yang menampilkan prestasi yang di dapat oleh SMA Santa Maria. 3
Gambar 4. Membuat tombol
Gambar 8. tampilan slide foto 1. Convert persegi yang akan dijadikan slide menjadi Movie clip 2. Buat Dynamic text tepat dibawah slide photo yang akan digunakan sebagai penjelasan photo 3. berikan instanename menjadi Slide dengan "picture" dan instanename dynamict text dikasih "txtCaption". 4. Membuat script untuk menampilkan gambar pada slide photo
2.7.4 Menyusun halaman dengan adobe flash 1. Buat layer pertama background
Gambar 5. tampilan layer background 2. Buat layer isi
Gambar 6. tampilan layer isi 3. Membuat layer tombol
Gambar 10. Tampilan Script slide foto
Gambar 7. tampilan layer tombol 2.5.5 Membuat slide foto dengan adobe flash 1. Buat persegi panjang menggunakan Rectangle Tool 2. Tambahkan Button Next Back di sebelah slide photo Gambar 11. Tampilan Script slide foto 5.
4
Membuat dokumen XML
3.Kesimpulan 3.1Kesimpulan Berdasarkan program aplikasi Company Profil berbasis multimedia yang telah kami buat, maka dapat diambil kesimpulan diantaranya : Pembuatan aplikasi Company Profil SMA Santa Maria Yogyakarta menggunakan adobe photoshop CS3 untuk mengolah gambar dan adobe flash CS3 untuk implementasi programnya. 3.2 Saran Gambar 12. tampilan script XML 2.5.6 Membuat Animasi Dengan Adobe Flash 1. Masukkan Objek ke lembar kerja adobe flash, kemudian klik kanan pada objek pilih convert to symbol klik mocie clip 2. Double klik pada objek akan muncul halaman movie clip foro kemudian klik kanan pada frame satu pilih creat motion tween 3. Insert Kyeframe kemudian gerakkan objek mengikuti alur. Kemudian atur waktu dengan menggunakan F5 4. Double klik maka akan kembali ke halaman scane. Jalankan maka objek akan bergerak
Penulis menyadari bahwa dalam pembuatan Aplikasi Company Profil maupun laporan ini masih banyak terdapat keselahan yang sudah selayaknya dapat menjadi bahan pertimbangan oleh pengembang selanjutnya sehingga menjadi lebih baik. Beberapa saran ari penulis antara lain: 1. Bagi para pembuat jasa informasi, baik itu informasi produk suatu barang maupun informasi iklan layanan masyarakat, hendaknya menggunakan aplikasi multimedia sebagai media informasi agar informasi yang disajikan lebih menarik 2. Bagi pembuat aplikasi multimedia yang mungkin masih ingin mengangkat tema ini, diharapkan untuk memperbaiki kekurangan-kekurangan yang terdapat dalam aplikasi ini. Daftar Pustaka [1] Suyanto, M. 2004. MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta: Andi. [2] Suyanto, M. 2004. Analisis & Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta: Andi. [3] Pramono, Teguh. Adobe photoshop – TIK_X11- SMA N 1 Sragen. Sragen. [4] Sunyoto, Andi. 2010. Adobe Flash + XML = Rich Media Application. Yogyakarta: Andi.
Gambar 13. tampilan slide animasi 2.5.7 Membuat Tampilan Fullscreen Membuat fullscreen bertujuan supaya aplikasi yang dibuat ketika dijalankan akan langsung menampilkan secara penuh. Berikut langkah membuat tampilan secara fullscreen: Buat layer baru, kemudian pada frame kesatu klik kanan pilih action, ketik script berikut: Fscommand(“fullscreen”,true); 2.5.8 Mengubah ke dalam file .Exe Penyatuan seluruh komponen yang sudah disiapkan yaitu proses penyatuan grafik,teks,dan suara hingga menghasilkan file yang dapat dieksekusi(*.EXE) secara langsung dari suatu file.
Biodata Penulis Aditya Krisnapati, Memperoleh gelar Ahli Madya Komputer (Amd), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2016. Rudy Susanto, Memperoleh gelar Ahli Madya Komputer (Amd), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2016.
Agus Purwanto, Memperoleh gelar Ahli Madya Komuter(Amd), Jurusan Manajemen Informatika STMIK AMIKOM Yogyakarta Tahun 2004. Memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta Tahun 2006. Memperoleh gelar Magister Teknik Informatika (M.Kom) Program Pasca Sarjana STMIK Amikom Yogyakarta Tahun 2013. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta.
Langkah-langkah untuk mengeksport ke dalam bentuk .exe yaitu: 1. Klik file pilih Publish Settings Kemudian akan muncul jendela Publish Setting pilih format Klik Windows(.exe) dan klik publish.
5
