PEMBANGUNAN WEBSITE INFORMASI LETAK PERGURUAN TINGGI DAERAH ISTIMEWA YOGYAKARTA BERBASIS SVG

Transkripsi

1 PEMBANGUNAN WEBSITE INFORMASI LETAK PERGURUAN TINGGI DAERAH ISTIMEWA YOGYAKARTA BERBASIS SVG Skripsi Diajukan untuk Memenuhi Sebagian Persyaratan Mencapai Derajat Sarjana Teknik Informatika Disusun Oleh : FELICYA STEPHANIE NIM : PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS ATMA JAYA YOGYAKARTA YOGYAKARTA 2009

2 HALAMAN PENGESAHAN Skripsi berjudul PEMBANGUNAN WEBSITE INFORMASI LETAK PERGURUAN TINGGI DAERAH ISTIMEWA YOGYAKARTA BERBASIS SVG Dibuat Oleh: Felicya Stephanie Dinyatakan telah memenuhi syarat Pada tanggal Juni 2009 Pembimbing I, Pembimbing II, Th. Devi Indriasari, S.T., M.Sc. Kusworo Anindito, S.T., M.T. Tim Penguji: Penguji I, Th. Devi Indriasari, S.T., M.Sc. Penguji II, Penguji III, Thomas Suselo, S.T., M.T. Dra. Ernawati, M.T. Yogyakarta, Juni 2009 Universitas Atma Jaya Yogyakarta Fakultas Teknologi Industri Dekan, Paulus Mudjihartono, S.T., M.T. ii

3 Takut Akan TUHAN Adalah Permulaan Pengetahuan, Tetapi Orang Bodoh Menghina Hikmat dan Didikan (Amsal 1:7) Ku persembahkan untuk : Papa Mama Tercinta iii

4 KATA PENGANTAR Puji syukur penulis panjatkan kehadapan Tuhan Yesus Kristus, karena atas rahkmat dan restu-nya penulis dapat menyelesaikan laporan skripsi ini dengan baik. Skripsi adalah studi akhir yang merupakan salah satu tugas akhir yang diwajibkan pada mahasiswa Program Studi Fakultas Teknologi Industri Universitas Atma Jaya Yogyakarta setelah lulus mata kuliah teori, praktikum, dan kerja praktik. Tujuan dari pembuatan skripsi ini adalah sebagai salah satu syarat untuk mencapai derajat sarjana Teknik Informatika dari Program Studi Fakultas Teknologi Industri Universitas Atma Jaya Yogyakarta. Dalam kesempatan ini tidak lupa pula penulis mengucapkan terima kasih atas bantuan dan waktu yang telah diberikan kepada penulis dalam melaksanakan skripsi maupun dalam penyusunan laporan ini, yaitu khususnya kepada: 1. Bapak Paulus Mudjihartono, S.T., M.T selaku Dekan Fakultas Teknologi Industri Universitas Atma Jaya Yogyakarta. 2. Bapak Y. Sigit Purnomo, S.T., M.Kom. selaku Wakil Kepala Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Atma Jaya Yogyakarta. 3. Ibu Theresia Devi Indriasari S.T., M.Sc. selaku Dosen Pembimbing I. 4. Kusworo Anindito, S.T., M.T. selaku Dosen Pembimbing II. iv

5 5. Keluargaku: papa, mama, edo, falen, leo, gerald yang selalu memberikan perhatian bimbingan dan doa restu. 6. Riyo Mahendri, yang selalu membantu, mendukung dan mendoakanku, makasih banyak ya dodol. 7. Teman-teman TF dan UAJY, Dosen-dosen dan laboran TF UAJY, dan semuanya yang tidak mungkin disebutkan satu per satu. Penulis menyadari bahwa laporan ini masih jauh dari sempurna karena memiliki keterbatasan waktu dan pengetahuan yang dimiliki penulis. Oleh karena itu segala kritik dan saran yang bersifat membangun sangat diharapkan. Akhir kata, semoga laporan ini dapat berguna bagi semua orang. Yogyakarta, 13 Juni 2009 Penulis v

6 Daftar Isi HALAMAN PENGESAHAN... ii HALAMAN PERSEMBAHAN... iii KATA PENGANTAR... iv DAFTAR ISI... vi DAFTAR GAMBAR... ix DAFTAR TABEL... xi DAFTAR LAMPIRAN... xi INTISARI... xii BAB 1 : PENDAHULUAN Latar Belakang Masalah Rumusan Masalah Tujuan Batasan Masalah Metodologi Penelitian Sistematika Penulisan...6 BAB 2 : LANDASAN TEORI Tinjauan Pustaka Sistem Informasi Berbasis Web Internet dan World Wide Web Hypertext Transfer Protokol (HTTP) Hypertext Markup Language Sistem Informasi Geografis Pengertian Sistem Informasi Geografis Aplikasi SIG Hypertext Markup Language Scalable Vector Graphics Pengertian dan Fungsi SVG Perkembangan SVG Kelebihan dan Kekurangan SVG Tags SVG Paths PHP dan MySQL PHP MySQL BAB 3 : ANALISIS DAN PERANCANGAN SISTEM Analisis Sistem Lingkup Masalah Perspektif Produk Fungsi Produk Kebutuhan antarmuka eksternal Antarmuka Pemakai Antarmuka Perangkat Keras Antarmuka Perangkat Lunak Antarmuka Komunikasi Data Flow Diagram (DFD) DFD Level 0 Aplikasi WEB-INFO-PT vi

7 DFD Level 1 WEB-INFO-PT DFD Level 2 Pengelolaan User DFD Level 3 Pengelolaan Wilayah DFD Level 2 Pengelolaan Jalan DFD Level 2 Pengelolaan Obyek DFD Level 2 Pengelolaan PT DFD Level 2 Pengelolaan Jalur DFD Level 2 Pengelolaan Berita Persistent Data Perancangan Sistem Deskripsi Data Tabel Deskripsi Entitas Data User Deskripsi entitas data Record Deskripsi entitas data Wilayah Deskripsi entitas data Jalan Deskripsi entitas data Jalur Deskripsi entitas data Obyek Deskripsi entitas data Lokasi PT Deskripsi entitas data Detil PT Deskripsi entitas data Buku Tamu Deskripsi entitas data Berita Deskripsi Perancangan Arsitektur Deskripsi Perancangan Antarmuka Antarmuka Login Antarmuka Administrator Antarmuka Halaman Utama Administrator Antarmuka Kelola Data User Antarmuka Record User Antarmuka Operator Antarmuka Kelola Data Wilayah Antarmuka Kelola Jalan Antarmuka Kelola Jalur Antarmuka Kelola Obyek Antarmuka Kelola Perguruan Tinggi Antarmuka Kelola Berita Antarmuka Kelola Buku Tamu Antarmuka Guest atau Tamu Antarmuka Halaman Utama(HOME) Antarmuka Halaman Informasi Perguruan Tinggi Antarmuka Peta Perguruan Tinggi Antarmuka Halaman Tentang Kami(About) Antarmuka Halaman LINK BAB 4 : PENGKODEAN DAN PENGUJIAN PERANGKAT LUNAK Implementasi Sistem Pengujian Antarmuka Perangkat Lunak Halaman Login Halaman Utama Administrator dan Operator Halaman Record user Halaman Pengelolaan User Halama Pengelolaan Perguruan Tinggi Halaman Pengelolaan Wilayah Halaman Pengelolaan Obyek Halaman Pengelolaan Jalan Halaman Pengelolaan Jalur Halaman Pengelolaan Berita vii

8 Halaman Pengelolaan Buku Tamu Halaman Utama Guest atau Tamu Halaman Informasi Perguruan Tinggi Halaman Peta Tata Letak Perguruan Tinggi Halaman Link Perguruan Tinggi Halaman Tentang Kami(About) Halaman Buku Tamu Pengujian Perangkat Lunak Analisis Kelebihan dan Kekurangan Sistem Analisis Pengujian Responden Analisis Pengujian Responden Profil Responden Kebutuhan Peta Persebaran Perguruan Tinggi di Kota Yogyakarta Program Website Informasi Letak Perguruan Tinggi di DI Kesimpulan Hasil Pengujian Responden BAB 5 : KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA viii

9 Daftar Gambar Halaman Gambar 2.1. Konsep Browser dan Server(Mark Ade, 2000) Gambar 2.2. Subsistem dalam SIG(Prahasta, 2002) Gambar 2.3. Peta di-link ke Foto, Web, dan Video Gambar 2.4. Aplikasi SIG dalam 3 Dimensi Gambar 2.5. Aplikasi SIG di Web browser Gambar 2.6. Vektor v Menghubungkan Titik i dan j Gambar 2.7. Kualitas Gambar.gif Saat Zooming Gambar 2.8. Kualitas Gambar.svg Saat Zooming Gambar 3.1. Arsitektur Perangkat lunak WEB-INFO-PT Gambar 3.2. DFD Level 0 WEB-INFO-PT Gambar 3.3. DFD Level 1 WEB-INFO-PT Gambar 3.4. DFD Level 2 Pengelolaan User Gambar 3.5. DFD Level 3 Pengelolaan Wilayah Gambar 3.6. DFD Level 2 Pengelolaan Jalan Gambar 3.7. DFD Level 2 Pengelolaan Obyek Gambar 3.8. DFD Level 2 Pengelolaan PT Gambar 3.9. DFD Level 2 Pengelolaan Jalur Gambar DFD Level 2 Pengelolaan Berita Gambar Presistent Data Gambar Rancangan Arsitektur Halaman Utama dan Login Gambar Rancangan Arsitektur Halaman Menu Operator Gambar Rancangan Arsitektur Halaman Menu Administrator 51 Gambar Rancangan Arsitektur Halaman Menu Guest Gambar Antarmuka Login Gambar Antarmuka Administrator : Antarmuka Halaman Utama Administrator Gambar Antarmuka Administrator : Antarmuka Kelola Data User Gambar Antarmuka Administrator : Antarmuka Record User Gambar Antarmuka Operator : Antarmuka Kelola Data Wilayah Gambar Antarmuka Operator: Antarmuka Kelola Jalan Gambar Antarmuka Operator : Antarmuka Kelola Jalur Gambar Antarmuka Operator : Antarmuka Kelola Obyek Gambar Antarmuka Operator : Antarmuka Kelola Perguruan Tinggi Gambar Antarmuka Operator : Antarmuka Kelola Berita Gambar Antarmuka Operator : Antarmuka Kelola Buku Tamu Gambar Antarmuka Guest: Antarmuka Halaman Utama Guest (Home) Gambar Antarmuka Guest: Antarmuka Halaman Informasi Perguruan Tinggi Gambar Antarmuka Guest: Antarmuka Halaman Peta Lokasi Perguruan Tinggi Gambar Antarmuka Guest: ix

10 Antarmuka Halaman Tentang Kami (About) Gambar Antarmuka Guest: Antarmuka Halaman LINK Gambar 4.1. Halaman Login Gambar 4.2. Halaman Utama Administrator dan Operator Gambar 4.3. Halaman Record User Gambar 4.4. Halaman Pengelolaan User Gambar 4.5. Halaman Pengelolaan PT Gambar 4.6. Halaman Pengelolaan Wilayah Gambar 4.7. Halaman Pengelolaan Obyek Gambar 4.8. Halaman Pengelolaan Jalan Gambar 4.9. Halaman Pengelolaan Jalur Gambar Halaman Pengelolaan Berita Gambar Halaman Pengelolaan Buku Tamu Gambar Halaman Utama Guest atau Tamu Gambar Halaman Informasi Perguruan Tinggi Gambar Halaman Peta Tata Letak PT Gambar Halaman Link Perguruan Tinggi Gambar Halaman Tentang Kami(About) Gambar Halaman Buku Tamu Gambar Diagram Jenis Kelamin Responden Gambar Diagram Usia Responden Gambar Diagram pendidikan Terakhir Responden Gambar Diagram Pekerjaan Responden Gambar Diagram Kepemilikkan Peta Persebaran Perguruan Tinggi di Yogyakarta Gambar Diagram Responden yang Familiar dengan Internet 100 Gambar Diagram Responden yang menyukai bentuk peta berupa buku atau lembaran kertas Gambar Diagram Responden yang menyukai bentuk peta digital Gambar Diagram Pentingnya Peta Persebaran Perguruan Tinggi di Kota Yogyakarta Gambar Diagram Kebutuhan Peta Persebaran Perguruan Tinggi di Kota Yogyakarta Gambar Diagram Minat Pembelian Peta Persebaran Perguruan Tinggi di Kota Yogyakarta Gambar Diagram Tampilan Program Gambar Diagram Pengenalan Obyek Pada Peta Gambar Diagram Penggunaan Navigasi Peta Gambar Diagram Penggunaan Navigasi Jalur Gambar Diagram Informasi Perguruan Tinggi Gambar Diagram Proses Pencarian Perguruan Tinggi Gambar Diagram Fungsionalotas Keseluruhan Program x

11 Daftar Tabel Halaman Tabel 3.1 Deskripsi Entitas Data User Tabel 3.2 Deskripsi Entitas Data Record Tabel 3.3 Deskripsi Entitas Data Wilayah Tabel 3.4 Deskripsi Entitas Data Jalan Tabel 3.5 Deskripsi Entitas Data Jalur Tabel 3.6 Deskripsi Entitas Data Obyek Tabel 3.7 Deskripsi Entitas Data Perguruan Tinggi Tabel 3.8 Deskripsi Entitas Data Detil Perguruan Tinggi Tabel 3.9 Deskripsi Entitas Data Buku Tamu Tabel 3.10 Deskripsi Entitas Data Berita Tabel 4.1 Pengujian Fungsi Produk Perangkat Lunak WEB-INFO- PT Daftar Lampiran LAMPIRAN 1 SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK LAMPIRAN 2 DESKRIPSI PERANCANGAN PERANGKAT LUNAK LAMPIRAN 3 PERANCANGAN, DESKRIPSI DAN HASIL UJI PERANGKAT LUNAK LAMPIRAN 4 KUESIONER xi

12 INTISARI PEMBANGUNAN WEBSITE INFORMASI LETAK PERGURUAN TINGGI DAERAH ISTIMEWA YOGYAKARTA BERBASIS SVG Selama ini Daerah Istimewa Yogyakarta merupakan tempat yang sering di datangi calon mahasiswa dalam rangka melanjutkan jenjang studinya. Namun terkadang calon mahasiswa tersebut belum mengetahui perguruan tinggi mana yang harus di datangi dan fakultas apa saja yang ada. Sehingga terkadang mahasiswa tersebut harus mengunjungi dari satu perguruan tinggi ke perguruan tinggi lainnya dan meminta brosur mengenai perguruan tinggi tersebut. Akan tetapi banyak mahasiswa yang melanjutkan studi di DIY adalah pelajar dari luar DIY yang belum mengetahui letak perguruan tinggi perguruan tinggi yang ada di DIY, sehingga banyak pelajar yang kesulitan untuk mencari perguruan tinggi. Website Informasi Letak perguruan tinggi Daerah Istimewa Yogyakarta memberi alternatif baru untuk mengetahui informasi letak perguruan tinggi-perguruan tinggi yang ada di DIY. Perangkat lunak ini nantinya diharapkan dapat membantu semua pihak yang membutuhkan. Kata kunci: perguruan tinggi, svg. xii