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

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

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 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 pengguna untuk

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.

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.

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

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

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 Membutuhkan banyak karyawan untuk menyampaikan informasi Sistem Baru 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 Informasi yang diberikan atau disajikan apabila dalam bentuk brosur ataupun lisan terkadang terjadi kesalahan didalam Sistem Baru Sistem ini akan membantu karyawan dalam penyampaian penjelaskan tentang

informasi yang ada

penjelasannya Adanya kendala waktu didalam Sistem ini akan membantu memberikan kemudahan kepada calon penumpang

menjelaskan tentang rute, tiket dan tatacara naik bus dan jika pengguna ingin

untuk mendapatkan informasi mengenai TransJogja umumnya khususnya dan Yogyakarta

mengetahui tentang rute, mereka harus datang ke halte-halte atau dinas

perhubungan.

C. Analisis Pengendalian (Control) Tabel 3.3 Perbandingan Analisi Pengendalian Sistem Lama Pengendalian terhadap kesalahan informasi membutuhkan waktu dan biaya yang cukup besar Sistem Baru Dapat membantu dengan cepat, tepat dan akurat dalam memperbaiki data dan informasi jika ada kesalahan

D. Analisis Efisiensi (Efficiency Analysis) Tabel 3.4 Perbandingan Analisis Efisiensi Sistem lama Dari segi penyampaian informasi Sistem baru Dapat membantu penyampaian informasi tidak perlu panambahan karyawan dan dalam waktu yang singkat.

membutuhkan tambahan pekerja dan waktu yang cukup lama.

E. Analisis Pelayanan (Service Analysis) Tabel 3.5 Perbandingan Analisis Pelayanan Sistem Lama Masyarakat luar jogja tidak akan bisa Sistem Baru Media ini akan merujuk dengan data langsung dari pengelola bus, sehingga data dalam brosur dan website ini tidak jauh berbeda TransJogja mengenai jalur atau rute

mendapat informasi dari brosur, hanya dari koran yang terbir

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.

MENU RUTE

INFORMA SI RUTE

ANIMASI
TOMBOL NAVIGASI PLAY STOP TOMBOL NAVIGAS I HALTE

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

LOGO

HEADER

LOGO PENCARI
OPERASION AL

JUDUL(text berjalan) MENU

MENU KIRI

MENU

BERITA UTAMA

PETA MENU LINK EMPAT BERITA UTAMA

FOOTER

EMPAT SETATUS UTAMA

WISATA

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.

3 4

5
Gambar 4.35 Tampilan utama halaman Administrator

Keterangan : 1. 2. Header menampilkan informasi user administrator yang telah login. 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. 4. Menu kiri untuk mengakses data-data yang ada pada website 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