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 :agus@amikom.ac.id3)
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 inovasi-inovasi 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
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 hal-hal 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.6Merancang 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
dalam bentuk menu-menu baik dalam teks maupun simbol gambar pada menu-menu pilihan digunakan bahasa yang mudah dimengerti oleh konsumen.
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
Pada halaman prestasi terdapat menu tombol prestasi yang menampilkan prestasi yang di dapat oleh SMA Santa Maria.
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 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
Gambar 4. Membuat tombol
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 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 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
Gambar 10. Tampilan Script slide foto
Gambar 11. Tampilan Script slide foto 5. 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
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:
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
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
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 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:
Biodata Penulis
Aditya Krisnapati, Memperoleh gelar Ahli Madya
Komputer (Amd), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2016.
Buat layer baru, kemudian pada frame kesatu klik kanan pilih action, ketik script berikut:
Fscommand(“fullscreen”,true);
Rudy Susanto, Memperoleh gelar Ahli Madya Komputer
(Amd), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2016.
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.
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.