SISTEM INFORMASI PERJALANAN BUS TRANSJOGJA BERBASIS APLIKASI MULTIMEDIA DAN WEB
NASKAH PUBLIKASI
diajukan oleh Joni Reval 09.22.1047
Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
1
2
BUS TRANSJOGJA TRAVEL INFORMATION SISTEM BASED MULTIMEDIA AND WEB APLICATION SISTEM INFORMASI PERJALANAN BUS TRANSJOGJA BERBASIS PALIKASI MULTIMEDIA DAN WEB
Joni Reval M. Rudyanto Arief, MT
Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA ABSTRACT Information technology at the present time is very rapid development in the world, so that information technology into everyday human needs. One of the main multimedia technology that is important to convey the information, because it can interact with humans multimedia multimedia means extremely helpful and did reciprocal to its users and also, multimedia will be easily understood by humans because it uses some components of text, graphics, animation, audio and video so that it will be a software that can interact with humans, Website at this time has grown very rapidly, even many people, agencies use this technology as a communication tool and as information. Once the importance of technology and the needs of the community website. The foregoing will be more effective if the website is in combination with multimedia, so the website will be effective in conveying information. Yogyakarta is one of the cities and towns tourism students in Indonesia. As a tourist city, of course, many domestic and foreign tourists who visit the city of Yogyakarta. TransJogja is a transit in the city of Yogyakarta which is managed by the Department of Transportation Special Province of Yogyakarta as a means of public transport. The role of multimedia applications and websites in this regard is as a means of transportation information for the city of Yogyakarta is TransJogja bus, so that people can use this website as a city transport bus information TransJogja mainly domestic and foreign tourists. Keywords: Information, Interaction, merging, applications, Multimedia, Website
3
1. PENDAHULUAN Teknologi informasi dapat membantu kita dalam memberikan informasi yang cepat, tepat, dan akurat. Dalam hal ini, pemanfaatan media aplikasi multimedia dan web sangat menunjang pengguna sebagai sarana penyampaian informasi. Media aplikasi multimedia dan dipadukan dengan website ini memungkinkan
pengguna untuk
mendapatkan informasi yang cepat, tepat dan akurat. Yogyakarta adalah sebuah kota pariwisata yang terletak di pulau jawa yang banyak dikunjungi oleh wisatawan luar negeri maupun dalam negeri, yaitu salah satu tempat favorit bagi para wisatawan setelah kota bali di Negara Kesatuan Republik Indonesia. TransJogja adalah sebuah sarana trasportasi perkotaan di Yogyakarta yang menyediakan pelayanan dan fasilitas yang mendukung dan standar angkutan dalam kota, sehingga masyarakat banyak ingin menggunakan ini, sayangnya hanya masyarakat Yogyakarta saja yang mengerti rute-rute bus TransJogja, sehingga penulis ingin mengembangkan informasi tentang rute-rute dan fasilitas didalam TransJogja hingga ke seluruh dunia, di karenakan kota Yogyakarta adalah kota pariwisata. Berdasarkan uraian diatas maka dapat disimpulkan bahwa Tekhnologi website dan multimedia sangat menbantu untuk mendapatkan informasi. Oleh karena itu, Transjogja
dijadikan obyek penulisan Skripsi dengan judul “Sistem Informasi
Perjalanan Bus TransJogja berbasis Multimedia dan Web”.
2. LANDASAN TEORI 2.1 Konsep Dasar Sistem Informasi Sesungguhnya yang dimaksud dengan sisitem informasi tidak harus melibatkan komputer. Sistem informasi yang menggunakan komputer biasa disebut sistem informasi berbasis komputer (CBIS). Dalam prakteknya istilah sistem informasi lebih sering dipakai tanpa embel-embel berbasis komputer walaupun dalam kenyataannya computer merupakan bagian yang penting. 2.2 Sistem Informasi Berbasis Multimedia Sistem informasi berbasis multimedia adalah sistem informasi yang didesain dalam bentuk multimedia dengan komponennya yaitu, menggabungkan antara teks, gambar, suara, video, animasi dan dilengkapi oleh tombol-tombol link atau berpindah dari satu data ke data yang lainnya, sehingga dapat memudahkan pengguna dalam menerima informasi yang disajikan. Oleh sebab itu, sistem informasi berbasis multimedia ini sangat efektif dalam memberikan informasi dari dinas perhubungan ke masyarakat Yogyakarta atau turis dalam dan luar negeri dalam memberikan informasi tentang TransJogja.
4
2.3 Sistem Informasi Berbasis WEB Sistem informasi berbasis web adalah, sebuah sistem informasi yang penyajiannya dapat di dapat dengn cara online, sehingga pengguna atau penerima informasi dapat menggunakan informasi tersebut dalam bentuk teks, gambar, video, suara dan animasi secara online atau tersambung oleh internet. 2.4 Sistem Informasi Berbasis MULTIMEDIA DAN WEB Sistem informasi berbasis web adalah, sebuah sistem informasi yang penyajiannya dapat di dapat dengn cara online, sehingga pengguna atau penerima informasi dapat menggunakan informasi tersebut dalam bentuk teks, gambar, video, suara dan animasi secara online atau tersambung oleh internet dengan suatu alat seperti komputer dan sejenisnya atau alat komunikasi lainnya. Ini akan mempermudah dan mempercepat pengguna informasi dalam mengambil keputusan karena, pengguna dapat mengaksesnya dimanapun dengan syarat terhubung dengan internet. 2.5 Struktur Sistem Informasi Multimedia System informasi berbasis multimedia dan web yaitu, menggabungkan multimedia dan web menjadi suatu sistem informasi. Multimedia dan web ini akan sangat efektif dan efisien untuk pengguna dalam menentukan suatu keputusan, selain mudah di fahami, system informasi ini juga cepat dan mudah. Pengguna dapat mengaksesnya tak terbatas waktu dan tempatnya dengan syarat, pengguna tersambung dengan internet. 2.6 Sistem Perangkat Lunak yang Digunakan Pengguaan perangkat lunak tidak sebatas pada satu atau dua perangkat lunak aplikasi yang ada.Banyaknya variasi dan perkembangan perangkat lunak semestinya diharuskan menggunakan perangkat lunak tertentu.
tidak
Penerapan dan
pembahasan kali ini, digunakan beberapa perangkat lunak yang dipandang cukup fleksibel dan handal dalam menangani kasus-kasus yang berkaitan dengan tampilan atau cara penyajian topologi jaringan menggunakan aplikasi multimedia. a. Macromedia Director MX 2004 Macromedia Director MX 2004 memiliki fungsi, seperti fungsi interaktif. Ketika kita menekan sebuah tombol, kita akan menuju keframe terentu. Sedang untuk fitur ada tiga macam, yaitu jendela Paint, Vektor Shape, dan jendela Text. Fungsi dari vector Shape adalah untuk membuat bentuk-bentuk vector.Sedang jendela Text digunakan untuk membuat dan mengatur text tanpa harus keluar dari program Macromedia Director MX 2004 untuk membuat tulisan. Untuk jendela Paint tool yang digunakan hampir sama dengan tool pada program Paint. Software ini dapat kita gunakan untuk membuat sebuah aplikasi suatu penawaran atau informasi untuk disampaikan kepada pihak yang lain.
5
b. CorelDraw X4 CorelDRAW X4 adalah aplikasi pengolahan grafik yang diperuntukkan untuk menggambar, sehingga member kemudahan bagi desainer untuk menuangkan ide dan kreativitas secara maksimal. Aplikasi ini telah berkembang pesat dan dilengkapi fitur-fitur yang canggih untuk menangani proyek desain. Perubahan besar-besaran pada CorelDRAW X4 terdapat di user interfacenya yang mudah disesuaikan secara maksimal untuk mengelola toolbox, menu bar serta drawng window. CorelDRAW X4 mempunyai format default yaitu CDR. c. Adobe Photoshop Cs2 Adobe Photoshop Cs2 adalah salah satu perangkat manipulasi image digital yang popular. Adobe Photoshop yang berguna untuk mengkoreksi warna image, memperbaiki image, menggabungkan image, memberi efek d. Macromedia Flash Macromedia Flash merupakan aplikasi yang digunakan untuk melakukan desain dan membangun perangkat presentasi, publikasi, atau aplikasi lainnya yang membutuhkan ketersediaan sarana interaksi dengan penggunanya. Proyek yang dibangun dengan Flash bisa terdiri atas teks, gambar, animasi sederhana, video, atau efek-efek khusus lainnya. e. Cool Edit Pro Cool Edit Pro adalah Multitrack digital audio recording, editor dan mixer yang mudah digunakan dan memiliki berbagai fasilitas pengolahan suara. Dengan Cool Edit Pro anda dapat merekam suara, memperbaiki kualitas suara, menambah berbagai efek suara, dan mengabungkan dengan berbagai track suara menjadi satu track, dan menyimpan dalam berbagai format. Cool Edit Pro banyak digunakan oleh Musician recording master, demo cd, prosedur atau programming stasiun radio. Format dalam Cool Edit Pro pada umumnya berupa .SES. f.
Appserv -win32-2.5.10 AppServ adalah sebuah aplikasi web server lokal yang terdiri dari Apache,
MySQL, PHP dan phpMyAdmin. Dengan menginstal AppServ di komputer, kita dapat menjalankan aplikasi CMS yang menggunakan database secara offline, seperti mengedit themes dan mencoba plugin sebelum mengonlinekannya. Software ini di gunakan oleh penulis karena mudah di fahami dan mudah mendapatkannya. g. Teks Editor Notepad++ Notepad++ adalah sebuah program freeware yang berfungsi sebagai editor pengganti notepad default bawaan windows. Notepad++ ditulis dalam bahasa C++ yang menjamin kecepatan eksekusi lebih tinggi dan ukuran program yang lebih kecil. Editor ini penulis gunakan untuk mengedit halaman-halaman web TransJogja
6
berformat standar HTML menggantikan Macromedia DreamWeaver. Alasan penulis untuk menggunakan editor ini karena editor ini mempunyai tampilan yang menarik, mudah menggunakannya, mudah menginstalnya, aplikasinya tidak berat, mendukung multi tab atau mampu membuka beberapa file dalam satu jendela, mendukung banyak bahasa 2.7 Script Pemrograman Yang Digunakan
a. HTML Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
b. PHP PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini atau dalam kata lain bisa diartikan sebuah bahasa pemrograman web yang bekerja di sisi server (server side scripting) yang dapat melakukan konektifitas pada database yang di mana hal itu tidak dapat dilakukan hanya dengan menggunakan sintaks-sintaks HTML biasa. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
c. My SQL MySQL adalah sebuah server database open source yang termasuk populer keberadaannya. MySQL umumnya digunakan bersamaan dengan PHP untuk membuat aplikasi server yang dinamis dan powerful. 2.8 Spesifikasi Perangkat Keras Yang Digunakan Pembuatan aplikasi multimedia ini, menggunakan seperangkat komputer yang terdiri dari : ¾
Operation System : Microsoft Windows XP Profesional (5.1, Build 2600)
¾
Motherboad : BIOSTAR A760G M2+
¾
Processor : AMD Athlon(tm) 7750 Dual-Core Processor, MMX, 3Dnow (2CPUs), ~2.7 GHz
¾
Memory : 1GB
¾
VGA Card : Onboard
¾
Monitor : 15” LG Flatron
¾
Cd room : ASUS DVDROOM
¾
Speaker, Mouse, Keyboard : Standar Optik
7
3. ANALISIS DAN PERANCANGAN SISTEM 3.1
Analisis Sistem Analisis dilakukan untuk menganalisis sistem informasi yang akan dibut.
Dilakukan perbandingan antara sistem lama dan sistem baru, sehingga dapat diambil keputusan seberapa baiknya sistem baru ini ketika di jalankan. Demikian perbandingan untuk sistem baru dan sistem yang akan di buat. A. Analisis Kinerja (Performance Analysis) Tabel 3.1 Pebandingan Analisis Kinerja Sistem Lama •
Sistem Baru •
Membutuhkan banyak karyawan untuk menyampaikan informasi
Sistem ini mendukung untuk menyampaikan informasi ke dunia tanpa harus menambahkan karyawan yang yang banyak untuk promosinya
•
•
Kerja yang berulang-ulang jika ada penambahan rute, halte dan sebagainya
Sistem ini akan mendukung karyawan agar tidak bekerja berulang-ulang
B. Analisis Informasi (Information Analysis) Tabel 3.2 Perbandingan Analisis Informasi Sistem Lama •
Sistem Baru •
Informasi yang diberikan atau disajikan
Sistem ini akan membantu karyawan dalam
apabila dalam bentuk brosur ataupun lisan
penyampaian
terkadang
informasi yang ada
terjadi
kesalahan
didalam
waktu
didalam
penjelaskan
tentang
penjelasannya •
Adanya
kendala
•
Sistem ini akan membantu memberikan
menjelaskan tentang rute, tiket dan tatacara
kemudahan
naik
untuk mendapatkan informasi mengenai
bus
dan
jika
pengguna
ingin
mengetahui tentang rute, mereka harus
TransJogja
datang
umumnya
ke
halte-halte
atau
dinas
kepada
calon
khususnya
dan
penumpang
Yogyakarta
perhubungan.
C. Analisis Pengendalian (Control) Tabel 3.3 Perbandingan Analisi Pengendalian Sistem Lama •
Sistem Baru •
Pengendalian terhadap kesalahan informasi
Dapat membantu dengan cepat, tepat dan
membutuhkan waktu dan biaya yang cukup
akurat dalam memperbaiki data dan informasi
besar
jika ada kesalahan
8
D. Analisis Efisiensi (Efficiency Analysis) Tabel 3.4 Perbandingan Analisis Efisiensi Sistem lama •
Dari
segi
Sistem baru
penyampaian
informasi
•
Dapat membantu penyampaian informasi
membutuhkan tambahan pekerja dan waktu
tidak perlu panambahan karyawan dan
yang cukup lama.
dalam waktu yang singkat.
E. Analisis Pelayanan (Service Analysis) Tabel 3.5 Perbandingan Analisis Pelayanan Sistem Lama •
Masyarakat
luar
jogja
Sistem Baru tidak
akan
bisa
•
Media ini akan merujuk dengan data
mendapat informasi dari brosur, hanya dari
langsung dari pengelola bus, sehingga data
koran yang terbir
dalam brosur dan website ini tidak jauh berbeda
mengenai
jalur
atau
TransJogja
Analisis kebutuhan informasi yang diterapkan diharapkan masyarakat dapat mendapatkan informasi dengan sistem ini. Adapun informasi yang dibutuhkan adalah sebagai berikut : 3.2
Perancangan Sistem Multimedia Perancangan
multimedia
dilakukan
penulis
untuk
membuat
rancangan-
rancangan bagaimana sistem multimedia itu berperan dalam sistem informasi perjalanan bus TransJogja berbasis aplikasi multimedia dan web. Kaitannya dengan aplikasi multimedia dan web yang dibuat dimaksudkan untuk memberikan gambaran mengenai TransJogja baik itu mengenai rute trayek maupun fasilitas serta harga tiket pada TransJogja. Konsep yang ditawarkan pada aplikasi ini adalah :
Struktur yang di tawarkan adalah struktur piramida, dari halaman website masuk ke menu,kemudian masuk ke sub menu.
9
rute
MENU RUTE
INFORMA SI RUTE
ANIMASI TOMBOL NAVIGAS I HALTE
TOMBOL NAVIGASI PLAY STOP
TOMBOL NAVIGAS I JALAN
Gambar3.13 Rancangan Tampilan Menu Rute Penerapan struktur piramida di atas seperti gambar print scren di atas ini. Terdiri dari menu rute, animasi dan menu nafigasi play stop, jalan yang dilewati dan halte yang dilewati. 3.3 Perancangan Sistem Website Perancangan website pada bab ini menerangkan proses perancangan website. Terdiri dari perancangan table yang akan digunakan untuk data dan informasi yang akan di sajikan, perancangan tampilan atau tataletak tombol-tombol dan informasi yang akan ditampilkan. Website ini terdiri dari beberapa bagian halaman utama, yaitu halaman utama sebagai tampilan awal ketika memasuki website, halaman profil sebagai menampilkan informasi tentang profil TransJogja dan Dinas Perhubungan Provinsi DIY selaku pengelola TransJogja, halaman animasi sebagai informasi rute bus TransJogja. Tampilan atau tata letak susunan informasi dibuat dengan beberapa bagian. Bagian atas atau header terdiri dari logo, informasi judul website, judul skripsi, menu utama dan pencarian. Bagian kiri terdiri dari menu kiri dan menu link untuk pindah ke website lain yang terkait dengan TransJogja. Bagian tengah terdiri dari berita utama, lima berita terdahulu dan status TransJogja pada hari tersebut. Bagian kanan terdiri dari menu login dan wisata. Bagian bawah adalah header.
10
HEADER
LOGO
LOGO PENCARI
JUDUL(text berjalan) MENU
OPERASION AL
MENU KIRI
MENU
BERITA UTAMA
PETA MENU LINK
EMPAT BERITA UTAMA
EMPAT SETATUS UTAMA
WISATA
FOOTER
4. IMPLEMENTASI DAN PEMBAHASAN 4.1 Pembahasan Pembahasan pada bab ini adalah sebuah cara kerja pembuatan aplikasi multimedia dan website ini. Implementasi mencakup beberapa cara kerja software yang digunakan dalam membuat aplikasi ini, yaitu tentang pembuatan gambar, animasi, suara, video dan penggabungan komponen-komponen multimedia kedalam website.
11
Pembuatan animasi tentang jalur trayek bus transjogja dengan Macromedia Flash 8 yaitu, pembuatan garis berwarna hijau, kemudian garis akan berubah menjadi merah berjalan mengikuti garis hijau. 4.2 Membuat tampilan user/pengguna Tampilan ini terdiri dari header, menu, menu kiri, isi, menu kanan, footer dan form login untuk akses halaman administrator berada pada menu kanan. Demikian tampilan halaman beranda atau halaman utama :
Gambar 4.30 Tampilan Menu Utama
12
4.3 Membuat Tampilan Administrator Administrator adalah halaman khusus yang dibuat untuk pengolahah website dan halaman ini hanya dapat di akses oleh Administrator atau orang yang di beri akses saja.
2
1
3 4
5 Gambar 4.35 Tampilan utama halaman Administrator
Keterangan : 1.
Header menampilkan informasi user administrator yang telah login.
2.
Menu Tombol berisi Profil user untuk menampilkan informasi user yang login, Home untuk pindah he halaman utama home, Daftar user untuk
melihat
siapa
saja
yang
dapat
mengakses
halaman
administrator ini dan Logout untuk keluar dari halaman administrator. 3.
Menu kiri untuk mengakses data-data yang ada pada website
4.
Isi sebagai menampilkan informasi yang di tunjuk pada menu kiri atau menu dari tombol menu atau sebagai informasi login.
5.
Footer
4.4 Proses Pengintegrasian Multimedia dengan Web Proses pengintegrasian adalah proses yang akan menghasilkan sebuah aplikasi yang direncanakan. 4.5 Menjalankan Aplikasi Tahap ini dilakukan ujicoba terhadap keseluruhan program untuk memastikan bahwa program berjalan dengan baik tanpa terdapat suatu kesalahan.
13
4.6 Implementasi Sistem Tahap proses implementasi ini bertujuan untuk mengetahui apakah suatu sistem nantinya dapat beroperasi sesuai dengan yang direncanakan atau tidak. Implementasi merupakan suatu tahap dimana setelah sistem mengalami tahap analisis, tahap desain, tahap pengetesan, kemudian dilakukan tahap penerapan (implementasi) sistem pada perusahaan / organisasi yang membutuhkan sistem 4.7
Menerapkan Rencana Implementasi Menerapkan rencana inplementasi merupakan tahap awal dari implementasi
sistem baru yang bertujuan untuk mengatur biaya dan waktu yang sibutuhkan. 4.8
Melakukan Kegiatan Implementasi Kegiatan inmplementasi sistem bertujuan untuk melakukan proses penerapan
dan pengoperasian sistem yang telah dibuat.
5. PENUTUP 5.1 Kesimpulan Berdasarkan rumusan masalah bab per bab tersebut diatas, dapat disimpulkan bahwa : 1. Sistem informasi aplikasi dan webini akan memudahkan pengguna untuk memahami informasi yang disampaikan. 2. Aplikasi multimedia ini, dapat memberikan suatu nuansa baru dalam penyampaian informasi. 3. Dengan adanya aplikasi multimedia dan web ini dapat dipakai sebagai salah satu alternatif cara penyampaian informasi secara cepat, tepat dan akurat. 4. Dengan adanya aplikasi multimedia dan web ini dapat menigkatkan kualitas layanan informasi. 5.2 Saran Saran yang bisa disampaikan dalam pembuatan aplikasi multimedia dan web ini adalah sebagai berikut : 1. Bagi Instansi : ¾ Aplikasi Multimedia dan web ini dapat membantu Instansi, dalam pengolahan data untuk memberikan atau menyampaikan informasi tentang TransJogja. 2. Bagi Pengguna : ¾ Aplikasi Multimedia ini dapat membantu user atau pengguna untuk mendapatkan informasi TransJogja. 3. Bagi Orang Yang Akan Mengembangkan :
14
¾ Sistem informasi multimedia yang kami sajikan masih kurang dari keakuratan. Maka dari itu bagi orang yang akan mengembangkan perlu membuat sistem informasi yang lebih akurat. Demikian laporan Skripsi tentang ” Sistem Informasi Perjalanan Bus TransJogja Berbasis Aplikasi Multimedia Dan Web ”. Wassalamuallaikum Warahmatullahi Wabarrakatuh.
15
DAFTAR PUSTAKA Andi. 2000. Mudah dan Cepat Mengolah Audio Menggunakan Cool Edit. Yogyakarta Arief M. Rudyanto 2005, Pemrograman Basis Data Transsact-SQL dengan Microsoft SQL Server 2000. Andi Offset Yogyakarta Hadi Sutopo Aristo 2002, Animasi Dengan Macromedia FLASH Berikut Actionscript. Salemba Infotek Kadir, A. 2003. Pengenalan Sistem Informasi. Andi Offset Yogyakarta Komputer, W. 2006. Menggunakan Adobe Premiere Pro 1.5. Semarang Madcom, Panduan Belajar desain Grafis dengan Corel Draw X4. Madiun Madcom, Aplikasi Desain Grafis dengan Adobe Photoshop CS2. Madiun Prabowo, Eko. 2003. Presentasi Multimedia dengan Director MX. Elex Media Komputindo, Jakarta Setyanto, A. S.Si., MT. Multimedia Information Systems Platform, www.KMEDIA.com Sunyoto Andi 2007, Pemrograman Database Dengan Visual Basic dan Microsoft SQL. Andi Offset Yogyakarta Suyanto, M. 2003. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing. Andi Offset, Yogyakarta Wijaya Didik 2001, Tips & Trik macromedia FLASH 5.0 dengan ActionScript, ALEX MEDIA KOMPUTINDO http://4-jie.blogspot.com/2011/11/pengertian-dan-sejarah html.html#ixzz1eSAokigf © COPYRIGHT 2011 http://www.nurahratu.com/tutorial/web-design/joomla/203-php-adalah.html http://www.prothelon.com/caramembuatwebsite/tutorial-mysql
16
