1

PERANCANGAN E-KIOSK SEBAGAI LAYANAN INFORMASI PADA DINAS PENDIDIKAN PEMUDA DAN OLAHRAGA PROVINSI DIY

BERBASIS MULTIMEDIA

Naskah Publikasi

diajukan oleh

Tikaridha Hardiani 07.01.2442

Lutfandita Landistyas 07.01.2466

kepada JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER A M I K O M

YOGYAKARTA 2010

2

3

PERANCANGAN E-KIOSK SEBAGAI LAYANAN INFORMASI PADA DINAS PENDIDIKAN PEMUDA DAN OLAHRAGA PROVINSI DIY

BERBASIS MULTIMEDIA

DESIGNING E-KIOSK FOR INFORMATION SERVICES IN DEPARTMENT EDUCATION YOUTH AND SPORTS PROVINCIAL DIY BASED

MULTIMEDIA

Tikaridha Hardiani

Lutfandita L

Jurusan Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Information needs are important for all walks of life. Including people who need detailed information about all types of service in the Department of Education Youth and Sports (Dikpora) DIY Province. During this time, Dikpora DIY Province still use traditional media in terms of delivering information to the public. This final project aims to design and create interactive information service systems based e-kiosk with information on installation utilizing the data available. Benefits of this system is as a media receiver and transmitter of information in a structured, consistent and dynamic in one package, as well as service differentiation strategy for Dikpora.

The methodology used was started with the identification and analysis of information needs through observation, interviews, library research and documentation as raw material content of the e-kiosk system. Identify needs and design the system with the structure of multimedia information systems.

Implementation of system designs using Adobe flash CS3 (ActionScript), PHP, and MySQL database. All multimedia files and data information from a MySQL database will falled by flash application via the web. Web contains Dikpora agenda includes DIY Province meeting information, competitions, and agenda. Dikpora agenda information are dynamic flash applications because it can be updated every day.

Keywords: e-kiosk, Dikpora, flash, web, database

4

1. Pendahuluan

Teknologi Informasi dan Komunikasi yang perkembangannya begitu cepat secara

tidak langsung mengharuskan manusia untuk menggunakannya dalam segala aktivitas.

Termasuk diantaranya menggantikan sistem manual menjadi otomatis. Sampai saat ini

Dinas Pendidikan Pemuda dan Olahraga (Dikpora) Provinsi DIY masih menggunakan

sistem manual yakni dalam melayani pengunjung untuk mengarahkan lokasi bagian

tujuan. Hal ini mengakibatkan kegiatan operasional pegawai yang terbengkalai untuk

menjelaskan sistematika karena ketiadaan costumer service. Pengembangan multimedia

yang terhubung dengan database yang dapat dinikmati melalui kiosk touch screen

menjadi salah satu sistem untuk mengatasi hal tersebut. Sebagai instansi yang erat

hubungannya dengan pendidikan dan teknologi maka dibutuhkan rancangan dan

implementasi infrastruktur teknologi seperti e-kiosk sebagai media pengenalan pemetaan

bagian dan visi dan misi (company profile), terlebih mampu menghubungkan antara

database dan flash multimedia yang membantu update secara dinamis setiap harinya.

Dilengkapi dengan akses bahasa Indonesia, sistem baru ini akan mempermudah

pengunjung baru yang mencari bagian kepentingannya secara mandiri dan informasi

terbaru dari Dinas Dikpora Provinsi DIY.

2. Landasan Teori

2.1 Multimedia

Dalam dunia elektronika, multimedia adalah kombinasi dari komputer dan video

(Rosech, 1996) atau secara umum merupakan kombinasi tiga elemen, yaitu

suara, gambar dan teks atau multimedia adalah kombinasi dari paling sedikit dua

media input atau output dari data, media ini dapat audio (suara, musik), animasi,

video, teks, grafik dan gambar atau multimedia merupakan alat yang dapat

menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan

teks, grafik, animasi, audio dan gambar video (Robin dan Linda, 2001).

2.2 E-Kiosk

Saat ini sistem informasi interaktif hadir di masyarakat di berbagai bidang.

Mereka melayani untuk menampilkan informasi atau untuk melakukan proses

elektronik. Dalam kehidupan sehari-hari kita mengalami sistem ini misalnya

dalam bentuk tiket kiosk, kios informasi. Sistem informasi interaktif ini disebut e-

kiosk, sistem yang berhubungan dengan pengolahan dan pengelolaan informasi

berbasis informasi teknologi menggunakan sarana multimedia.

5

2.3

PHP (Hypertext Preeprocesor) merupakan bahasa yang hanya dapat berjalan

pada server yang hasilnya dapat ditampilkan pada klien. PHP adalah bahasa

program yang berbentuk script yang diletakkan di dalam server web. Sistem

database yang telah didukung oleh PHP,seperti oracle, mSQL, MySQL, Solid,

PostgresSQL.

PHP

2.4 Perangkat Lunak (Software)

Software yang digunakan :

a. Adobe Flash CS 3

b. Adobe Dreamwaver CS3

c. Adobe Photoshop CS3

d. XAMPP

e. PHPMyAdmin

3. Tinjauan Umum

3.1 Tinjauan Umum Dinas Pendidikan Pemuda dan Olahraga Prov DIY

Berdasarkan Perda nomor 6 tahun 2008 yang menyatakan penggantian nama

Departemen Pendidikan dan Kebudayaan (Depdikbud) menjadi Dinas

Pendidikan Pemuda dan Olahraga (Dikpora). Beralamat di Jalan Cendana No.9

Yogyakarta Kode Pos 55166, Telepon (0274) 513132, 562278, 541322.

3.2 Visi dan Misi Dikpora Prov DIY

Visi : Menjadi katalisator terwujudnya masyarakat pendidikan

yang kompetitif.

Misi :

1. Meningkatkan pelayanan intern rumah tangga dalam mendukung

Dinas Pendidikan Pemuda dan Olahraga Provinsi Daerah Istimewa

Yogyakarta.

2. Meningkatkan pemerataan, peningkatan mutu, relevansi dan

efisiensi pendidikan.

3. Meningkatkan pembinaan di bidang pemuda dan olahraga.

6

4. Pembahasan

4.1 Mendefinisikan Masalah

Dinas Pendidikan Pemuda dan Olahraga (Dikpora) Provinsi DIY masih

menggunakan sistem manual yakni dalam melayani pengunjung untuk

mengarahkan lokasi bagian tujuan. Hal ini mengakibatkan kegiatan operasional

pegawai yang terbengkalai untuk menjelaskan sistematika karena ketiadaan

costumer service. Pengembangan multimedia yang terhubung dengan database

menggunakan mySQL dan PHP yang dapat dinikmati melalui kiosk touch

screen menjadi salah satu sistem untuk mengatasi hal tersebut.

4.2 Merancang Konsep

Merancang konsep merupakan dasar sebuah aplikasi multimedia, karena disini

diperlukan dasar pemikiran dan kreatifitas yang sesuai dengan tujuan dibuatnya

aplikasi tersebut.

4.3 Merancang Isi

Keterangan:

M : Menu Utama

Berisi 4 sub menu di dalamnya yaitu, profil Dikpora, Denah Lokasi, Agenda

Dikpora dan Galeri Dikpora.

A1

M

A2

A3 A4

B1

B2

B3 B4

B5

B6

B7

7

A1 : Profil Dikpora

B1 : Struktur Organisasi

B2 : Visi dan Misi

A2 : Denah Lokasi

B3 : Lantai 1

A3 : Agenda Dikpora

B4 : Agenda

B5 : Rapat

B6 : Lomba

A4 : Galeri

B7 : Slide show

4.4 Merancang Naskah

Tahapan ini merupakan kegiatan tentang naskah dan rencana yang telah

disusun dan semua elemen terinci dari urutan yang telah ditentukan.

4.5 Merancang Grafik

Pada bagian ini merupakan bentuk kegiatan yang didalamnya meliputi

pemilihan grafik yang mendukung dialog, latar belakang atau perlengkapan

fasilitas layanan informasi berbasis multimedia yang akan digunakan. Dirancang

melalui pengolahan gambar dengan menggunakan software Adobe Flash CS3.

4.6 Memproduksi Sistem

Pada bagian ini akan dijelaskan mengenai pembuatan desain grafik yang

mendukung semua informasi yang akan disajikan, membuat animasi sesuai

tema, membuat teks sebagai penyampaian informasi, mengimport file yang

sudah jadi yang semuanya akan digabungkan dengan software Adobe Flash CS

3. pembuatan database mySQL pada PHPMyAdmin menggunakan bahasa

pemrograman PHP (Adobe Dreamwaver CS3) dan koneksi antara database

dengan Adobe Flash CS3. Database yang digunakan dalam pembuatan

8

multimedia ini merupakan database yang terdiri dari tiga tabel untuk

mempermudah pengelolaan, yang dihubungkan melalui web yakni dengan

Dreamweaver CS3.

4.6.1 Pembuatan Database dan Web Agenda Dikpora

Web yang sifatnya berperan sebagai admin (pengaman), agar data yang

di akses melalui e-kiosk tidak bisa terhubung dengan sistem admin

Pembuatan database menggunakan PHPMyAdmin sedangkan web

Agenda Dikpora yang berisi rapat, agenda dan lomba menggunakan PHP

Adobe dreamwaver CS3.

4.6.2 Pembuatan Desain Menu Utama

Pembuatan Desain Menu Utama menggunakan Adobe Photosop CS3 dan

Adobe Flash CS3.

4.6.2.1 Koneksi Database MySQL dan Adobe Flash CS3

Bagian Agenda Dikpora adalah sistem yang membutuhkan

koneksi antara MySQL dengan Adobe Flash CS3, sebagai perantara

penghubung maka dibutuhkan Web Agenda Dikpora, sistem yang telah

terhubung tersebut secara otomatis akan ter-entry di e-kiosk. Pada aplikasi

flash, menambahkan script koneksi pada action script.

4.6.3 Membuat File executable (Membuat File .exe)

Publikasi file bertujuan agar file dapat dijalankan pada windows tanpa

harus membuka program Adobe Flash CS3.

4.6.4 Membuat File Autorun

Tujuan membuat file AutoRun adalah agar ketika di burn di CD, file

pekerjaan kita mengeksekusi secara otomatis, sehingga aplikasi berjalan

dengan otomatis.

4.7 Uji Coba Sistem

Setelah aplikasi multimedia diproduksi, langkah yang selanjutnya dilakukan

yaitu tahap uji coba system.

9

4.7.1 Pengujian Loading File Aplikasi

Pengujian loading file aplikasi Ekioskcs ini dilakukan pada dua

sistem yaitu CPU dengan memory 1024 MB dan laptop pentium dual

core memory 956 MB. Pengujian loading yang dilakukan pada CPU

dengan memory 1024 lebih cepat dibandingkan dengan laptop

pentium dual core yang memorynya 956 MB. Pengujian

menggunakan CPU lebih cepat 1-5 detik.

4.7.2 Pengujian Error Sistem

Pengujian error sistem dilakukan pada CPU dengan spesifikasi

Processor Intel(R) Core(TM)2 Duo CPU E7300 @ 2,66GHz, Memory

1024 MB dan sistem kedua yaitu Pentium Dual Core 2.00 Ghz,

Memory 956 MB tidak mengalami error saat aplikasi dijalankan.

4.8 Pengujian Pengguna Terhadap Aplikasi

Selain penguajian loading sistem dan error sistem, pengujian pengguna

terhadap aplikasi juga diperlukan yaitu dengan cara pemberian kuisioner kepada

pengguna aplikasi yang berjumlah 25 orang dengan jumlah pertanyaan 11 soal. Dari

hasil kuisioner tersebut, dapat disimpulkan bahwa aplikasi tersebut mudah dalam

pengoperasiannya, tampilannya menarik serta aplikasi tersebut efektif dalam media

layanan informasi pada Dikpora Prov. DIY.

4.9 Menggunakan Sistem

Dalam mengoperasikan aplikasi multimedia ini, ada beberapa langkah yang

harus dijalankan, antara lain :

1. Mengktifkan xampp

10

Tampilam mengaktifkan xampp

2. Membuka web Dikpora.

a. Memasuki halaman admin.php, isikan username : admin, password :

admin. Kemudian tekan Login.

Tampilan admin.php

b. Memasuki halaman utama yakni welcome page untuk melihat daftar

dan perintah edit, simpan, tambah.

11

Tampilan Halaman utama web.

c. Langkah selanjutnya adalah tekan ekioskcs.exe

(xampplite\htdocs\dita_belajar\ekioks\ekioskcs) untuk menampilkan

tampilan flash.

Tampilan letak file ekioskcs.exe

d. Klik pada menu yang diinginkan : Profil Dikpora Visi dan Misi

Dikpora.

12

Tampilan menu yang di klik

Halaman Visi dan Misi Dikpora setelah diklik.

e. Klik Profil Dikpora Struktur Dikpora. Tekan “Kembali Ke Menu

Utama” untuk keluar

Tampilan struktur Dikpora

13

f. Klik Denah Dikpora, Pilih nomor ruangan yang dituju, dengan

otomatis akan terlihat rute jalan tujuan dan foto ruangan. Tekan

“Tutup” untuk mengembalikan tampilan denah menjadi semula atau

Tekan “Kembali Ke Menu Utama” untuk keluar ke halaman utama.

Tampilan denah ketika ditekan

g. Klik Galeri Dikpora kemudian muncul tampilan berikut, Tekan

“Kembali Ke Menu Utama” untuk keluar ke halaman utama.

Tampilan galeri Dikpora

h. Agenda Dikpora, untuk menampilkan list yang dituliskan pada web.Terdiri

dari Agenda, Rapat, Lomba. Tekan “Kembali Ke Menu Utama” untuk keluar

ke halaman utama.

14

Tampilan agenda

4.10 Memelihara Sistem

1. Memiliki copy-an dari sistem aplikasi tersebut meliputi file web (23 file.php)

aplikasi flash (22 file), database yang terdapat pada

xampplite/htdocs/dita_belajar dan file gambar. Dapat dilakukan dengan cara

mengcopy file-file tersebut kedalam hardisk / CD untuk mengantisipasi ketika

aplikasi hilang atau error fatal tanpa back up pada aplikasi multimedia yang

dibuat.

2. Menyimpan database secara berkala atau back up minimal 2 bulan sekali,

sebagai dokumentasi di lingkungan Dinas Dikpora dengan mengexport ke

format .txt, agar dapat di import kembali.

3. Mengupdate data jika ada perubahan. Misalkan pada aplikasi flash ada

perubahan data pada visi dan misi atau sambutan kepala Dinas pada

halama utama, kita dapat mengubahnya pada berita.txt (untuk mengubah

sambutan kepala Dinas) menggunakan editor teks seperti textpad atau

notepad. Maka data akan otomatis berubah pada tampilan flash

(ekioskcs.exe).

15

5. Kesimpulan

Dari uraian penjelasan dan pembahasan keseluruhan materi pada bab-bab

sebelumnya dan dalam rangka mengakhiri pembahasan e-kiosk sebagai layanan

informasi pada dinas pendidikan pemuda dan olahraga provinsi DIY telah diambil

kesimpulan-kesimpulan pokok mengenai permasalahan diatas sebagai berikut:

1. Sistem yang ada selama ini belum terkomputersisasi sehingga mengakibatkan

keterlambatan informasi kepada para tamu atau pengunjung. Dengan sistem

yang baru, masalah tersebut dapat dicegah karena adanya pengolahan data dan

pencarian data yang sudah terkomputerisasi sehingga lebih cepat dan efisien.

2. Informasi yang disajikan bersifat dinamis yakni mengikuti informasi yang ada di

Dinas Dikpora sehingga mudah dipahami pengguna dengan struktur yang up to

date.

3. Pengolahan data dinamis karena sudah dilengkapi dengan database

menggunakan Adobe flash CS3 dengan mySQL pada Phpmyadmin.

4. Adapun kelebihan yang didapat dengan adanya sistem baru, yakni:

a) Membantu kelancaran, ketepatan, kecepatan, dan efisiensi mekanisme kerja

dari sistem e-kiosk sehingga informasi dapat diperoleh dengan cepat

mengingat citra Dikpora sebagai instansi yang akrab dengan teknologi.

b) Mempermudah mengenalkan Dikpora kepada pengunjung Dinas Dikpora.

5. Sedangkan kekurangan yang sedang dipelajari dengan adanya sistem

multimedia e-kiosk, antara lain :

a) Aplikasi sejenis sulit dikembangkan karena diperlukan biaya besar dalam

pengadaan e-kiosk dan kekurangan sumber daya manusia (programer)

16

DAFTAR PUSTAKA

Laura Lemay, john M.Duff, L. Moheir,1997,Desain Grafik dan Halaman Web

Hasanuddin, Noviyanto, Fiftin, 2000, Pemrograman Action Script dengan Adobe Flash CS3

5 dan Aplikasinya, Yogyakarta, Andi Offset,

Nugroho,Bunafit,2004,PHP & mySQL dengan Editor Dreamwaver MX, Yogyakarta,Andi

Offset

Raymond McLeod,jr.Sistem Informasi Manajemen (Edisi Ketiga:Jakarta:PT

Prenhallindo,1995

Suyanto,2003, Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing, Penerbit Andi

Yogyakarta

Tim Divisi Penelitian dan Pengembangan MADCOMS, Mahir dalam 7 hari Macromedia Flash

Pro 8, 2006 Yogyakarta: Penerbit Andi

Tim Divisi Penelitian dan Pengembangan MADCOMS, Panduan Lengkap Adobe Flash CS 3,

2008 Yogyakarta : Penerbit Andi

Tim Divisi Penelitian dan Pengembangan MADCOMS, Panduan Lengkap Adobe

Dreamwaver CS 3, 2008 Yogyakarta : Penerbit Andi

www.ekiosk.de

www.pendidikan-diy.go.id