Tugas Akhir
Ditujukan Untuk Memenuhi Salah Satu Syarat
Memperoleh Gelar Sarjana Teknik Jurusan Teknik Informatika
Oleh :
Dian Marissa Lestarini 035314039
JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
i A Thesis
Presented as Partial Fulfillment of the Requirements to Obtain the Sarjana Teknik Degree
in Department of Informatics Technology
Created by : Dian Marissa Lestarini
035314039
DEPARTMENT OF INFORMATICS ENGINEERING
FACULTY OF SCIENCE AND TECHNOLOGY
UNIVERSITY OF SANATA DHARMA
YOGYAKARTA
iv
tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebut dalam kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.
Yogyakarta, Januari 2008
v
!
""""
# $
# $
# $
# $
!
%
& '!( )
vi
*****************
vii
Perguruan Tinggi Swasta di Yogyakarta saat ini semakin banyak, sehingga calon mahasiswa akan mengalami kesulitan untuk mendapatkan informasi tentang Perguruan Tinggi Swasta yang dicari. Sistem Pencarian Informasi Perguruan Tinggi Swasta di Yogyakarta dibuat untuk memudahkan calon mahasiswa dalam pencarian informasi tentang Perguruan Tinggi Swasta di Yogyakarta. Sistem ini dapat menampilkan peta lokasi dari kampus yang diinginkan. Dengan sistem ini, calon mahasiswa bisa mengetahui lokasi dari perguruan tinggi tersebut lengkap dengan alamatnya.
Sistem Pencarian Informasi Perguruan Tinggi Swasta di Yogyakarta ini dikembangkan dengan menggunakan metodologi penelitian dengan pendekatan terstruktur. Setelah menganalisa dan mendesain rancangan sistem, maka sistem dikembangkan dengan menggunakan teknologi PHP5 sebagai bahasa pemrogramannya dan MySQL5 sebagai databasenya.
viii
more. It makes the students have difficultness to get the information about private university which they are searching for. System for Yogyakarta private university information system developed to help students in searching of private university in Yogyakarta. This system can shown the location map of the university that they want. The students can know about the location and the address of the university.
System for Yogyakarta private university information system was developed using structured research methodology. After analyze and design about the system, the system can be developed using PHP5 as its application web and MySQL5 as its database.
ix
rahmat dan karunia-Nya, sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik.
Penulis menyadari dalam mempersiapkan, menyusun dan menyelesaikan tugas akhir ini banyak mendapat bantuan dan bimbingan dari berbagai pihak. Oleh karena itu pada kesempatan ini penulis ingin mengucapkan terima kasih kepada :
1. Dr. Ir. P. Wiryono P., S.J. selaku Rektor Universitas Sanata Dharma Yogyakarta.
2. Rm. Ir. Greg. Heliarko, S.J., S.S., B.S.T., M.A., M.Sc., selaku Dekan Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta. 3. Ibu Agnes Maria Polina, S.Kom, M,Sc., selaku Ketua Jurusan Teknik
Informatika Universitas Sanata Dharma Yogyakarta.
4. Bapak J.B. Budi Darmawan ,S.T., M.Sc., selaku Dosen Pembimbing yang telah banyak memberikan bimbingan dan pengarahan selama pengerjaan tugas akhir ini.
5. Bapak Alb. Agung Hadhiatma, S.T, M.T. dan Bapat Stevanus Wisnu Wijaya, S.T., M.T. selaku panitia penguji yang telah memberikan masukan yang membangun untuk tugas akhir ini.
x
Yogyakarta, terima kasih atas informasi dan bantuannya.
9. Papa, Mama, yang senantiasa memberikan doa, dukungan dan semangat untuk cepat menyelesaikan tugas akhir.
10.Adxku Rizal yang selalu “ngangeni” . Mbak pulang dek....
11.Masku Chayank..yang selalu mendampingiku saat suka maupun duka, terima kasih atas cinta, dukungan dan semangatnya. Luv u...
12.Sahabatku Linda n Anis, terima kasih atas kebersamaannya. “Gak nyangka
yach qta bisa bareng terus dari awal kuliah sampe lulus. Terima kasih atas persahabatan yang indah selama ini”.
13.Temen-temen TI’03 lainnya, terima kasih atas kebersamaannya.
14.Temen-temen Kost Putri “Wisma Surya”, K’ Vanya, Linda, Yokhe, Ceci, Diana, Nesya, Shinta, Mpie, Nana, Prima, Eqi, Fera n Vindy. Thx atas dukungan dan semangatnya. Seru banget bisa kenal kalian....K’ Vanya ayo cepet nyusul....hehehehe....
15.Pak Eko, Bu Narni, Sari n Wening, terima kasih atas doa nya, akhirnya aq lulus pak, bu..=)
Akhir kata penulis berharap tugas akhir ini dapat bermanfaat bagi semua pihak yang tertarik dengan topik tugas akhir ini pada umumnya.
xi
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN……….. ... iii
PERNYATAAN KEASLIAN KARYA………... ... iv
HALAMAN PERSEMBAHAN... ... v
HALAMAN MOTTO... vi
ABSTRAKSI... vii
ABSTRACT ………... viii
KATA PENGANTAR... ... ix
DAFTAR ISI ………... xi
DAFTAR GAMBAR ………... xvi
DAFTAR TABEL ... xx
1.5 Metodologi Penelitian………... . 3
1.6 Sistematika Isi………... ... 5
BAB II DASAR TEORI... 7
xii
2.5 Perancangan Sistem ... 13
2.5.1 Diagram Arus Data (Data Flow Diagram)... 13
2.5.2 Entity Relational Model... 15
2.5.7.3 Basis Data (Database) ... 17
2.5.7.4 Perangkat Lunak yang Digunakan ... 17
2.5.4.1 PHP (Personal Home Pages) ... 17
2.5.4.2 MySQL... 19
2.5.4.3 Adobe Photoshop... 20
BAB III ANALISIS DAN PERANCANGAN SISTEM... 22
3.1 Gambaran Umum Sistem ... 22
3.2 Arsitektur Jaringan... 23
3.3 Analisis Peran Pengguna ... 24
3.4 Requirement Analysis ... 25
3.4.1 Use Case Diagram ... 25
3.5 Logical Design... 27
3.5.1 Desain Proses ... 27
3.5.1.1 Context Diagram... 27
3.5.1.2 Diagram Berjenjang ... 27
3.5.1.3 DFD Level 0 ... 29
xiii
3.5.1.8 DFD Level 1 proses 6 proses update fakultas ... 34
3.5.1.9 DFD Level 1 proses 7 proses update prodi ... 35
3.5.1.10 DFD Level 1 proses 8 proses update koordinat peta ... 36
3.5.1.11 DFD Level 1 proses 9 proses buku tamu ... 36
3.5.1.12 DFD Level 1 proses 10 proses update berita... 37
3.5.1.13 DFD Level 1 proses 11 proses lihat data PTS... 38
3.5.1.14 DFD Level 1 proses 12 proses update admin... 39
3.5.1.15 DFD Gabungan... 40
3.5.2 Desain Data Model... 45
3.5.2.1 ER Diagram ... 45
3.6 Perancangan Sistem ... 46
3.6.1 Perancangan Basis Data... 46
3.6.2 Perancangan Antarmuka... 49
3.6.2.1 Antarmuka untuk administrator... 49
3.6.2.2 Antarmuka untuk pengguna ... 62
BAB IV IMPLEMENTASI... 68
4.1 Kebutuhan Sistem ... 68
4.1.1 Kebutuhan Perangkat Keras... 68
4.1.2 Kebutuhan Perangkat Lunak... 68
xiv
4.2.2.2 Tabel kampus... 70
4.2.2.3 Tabel fakultas ... 70
4.2.2.4 Tabel prodi ... 71
4.2.2.5 Tabel admin... 71
4.2.2.6 Tabel berita... 71
4.2.2.7 Tabel buku_tamu ... 72
4.2.3 Koneksi Database... 72
4.2.4 Antarmuka ... 72
4.2.4.1 Tampilan login Superadmin dan Admin... 72
4.2.4.2 Tampilan menu utama Superadmin ... 74
4.2.4.3 Tampilan Form Tambah PTS ... 75
4.2.4.4 Tampilan Form Cari PTS ... 76
4.2.4.5 Tampilan Form Edit PTS ... 77
4.2.4.6 Tampilan Form Tambah Admin ... 77
4.2.4.7 Tampilan Form Cari Admin ... 78
4.2.4.8 Tampilan Form Edit Admin ... 79
4.2.4.9 Tampilan Halaman History Admin... 79
4.2.4.10 Tampilan Halaman Lihat Semua Data PTS ... 80
4.2.4.11 Tampilan Menu Utama Admin... 82
xv
4.2.4.16 Tampilan Form Tambah Fakultas... 85
4.2.4.17 Tampilan Form Tambah Prodi ... 86
4.2.4.18 Tampilan Form Masukkan Koordinat Peta Kampus ... 86
4.2.4.19 Tampilan Menu Utama User ... 88
4.2.4.20 Tampilan Menu Pencarian ... 89
4.2.4.21 Tampilan Hasil Pencarian ... 91
4.2.4.22 Tampilan Lihat Peta Hasil Pencarian... 92
4.2.4.23 Tampilan Buku Tamu ... 95
BAB V ANALISIS HASIL IMPLEMENTASI... 97
5.1 Kelebihan Sistem ... 97
5.2 Kekurangan Sistem ... 98
BAB VI PENUTUP... 99
6.1 Kesimpulan... 99
6.2 Saran... 100
xvi
Gambar 2.2 Hubungan antara Protocol, Address dan HTML... 11
Gambar 2.3 Simbol Kesatuan Luar... 14
Gambar 2.4 Simbol Arus Data ... 14
Gambar 2.5 Simbol Proses ... 14
Gambar 2.6 Simbol Simpanan Data ... 15
Gambar 2.7 Simbol Entitas ... 15
Gambar 2.8 Relasi Satu Lawan Satu ... 15
Gambar 2.9 Relasi Satu Lawan Banyak... 16
Gambar 2.10 Relasi Banyak Lawan Banyak... 16
Gambar 3.1 Hubungan Komputer Server dan Client... 24
Gambar 3.2 Use Case Diagram ... 26
Gambar 3.3 Context Diagram... 27
Gambar 3.4 Diagram Berjenjang... 28
Gambar 3.5 DFD Level 0... 30
Gambar 3.6 DFD Level 1 Proses 1 Proses Login... 31
Gambar 3.7 DFD Level 1 Proses 2 Proses Cari Informasi ... 31
Gambar 3.8 DFD Level 1 Proses 4 Proses Update PTS ... 32
Gambar 3.9 DFD Level 1 Proses 5 Proses Update Kampus ... 33
Gambar 3.10 DFD Level 1 Proses 6 Proses Update Fakultas... 34
xvii
Gambar 3.15 DFD Level 1 Proses 11 Proses Lihat Data PTS ... 38
Gambar 3.16 DFD Level 1 Proses 12 Proses Update Admin ... 39
Gambar 3.17 DFD Gabungan... 44
Gambar 3.18 ER Diagram... 44
Gambar 3.19 Relasi Tabel... 45
Gambar 3.20 Gambaran Desain Menu Login ... 50
Gambar 3.21 Halaman Utama Superadmin ... 51
Gambar 3.22 Gambaran Desain Untuk Tambah PTS... 52
Gambar 3.23 Gambaran Desain Cari PTS ... 52
Gambar 3.24 Gambaran Desain Untuk Edit PTS ... 53
Gambar 3.25 Gambaran Desain Untuk Hapus PTS ... 54
Gambar 3.26 Gambaran Desain Form Pengaturan User... 54
Gambar 3.27 Halaman Baca Buku Tamu ... 55
Gambar 3.28 Form Jawab Buku Tamu ... 56
Gambar 3.29 Halaman Utama Administrator... 57
Gambar 3.30 Gambaran Desain Untuk Form Tambah Kampus ... 58
Gambar 3.31 Gambaran Desain Untuk Masukkan Koordinat Peta... 58
Gambar 3.32 Gambaran Desain Untuk Tambah Prodi ... 59
Gambar 3.33 Gambaran Desain Untuk Cari Prodi ... 60
xviii
Gambar 3.38 Gambaran Desain Untuk Hasil Pencarian Berdasar Nama PTS .. 64
Gambar 3.39 Gambaran Desain Untuk Pencarian Berdasar Nama Prodi... 64
Gambar 3.40 Gambaran Desain Untuk Detail Prodi ... 65
Gambar 3.41 Gambaran Desain Untuk Lihat Peta ... 66
Gambar 3.42 Halaman Buku Tamu ... 67
Gambar 4.1 Tampilan Login Admin... 73
Gambar 4.2 Login Salah ... 73
Gambar 4.3 Halaman Index superadmin... 74
Gambar 4.4 Form Tambah PTS... 76
Gambar 4.10 Halaman History Admin ... 80
Gambar 4.11 Lihat Semua Data PTS... 81
Gambar 4.12 Halaman Index Admin... 82
Gambar 4.13 Form Tambah Kampus ... 83
Gambar 4.14 Form Cari Kampus ... 84
xix
Gambar 4.19 Form Masukkan Koordinat Kampus ... 87
Gambar 4.20 Tampilan Menu Utama User ... 88
Gambar 4.21 Menu Pencarian Berdasar Nama Perguruan Tinggi ... 89
Gambar 4.22Menu Pencarian Berdasar Nama Program Studi ... 90
Gambar 4.23Menu Pencarian Khusus... 90
Gambar 4.24Hasil Pencarian Berdasar Nama Perguruan Tinggi ... 91
Gambar 4.25 Hasil Pencarian Berdasar Nama Program Studi... 91
Gambar 4.26Detail Hasil Pencarian Berdasar Nama Program Studi ... 92
Gambar 4.27Hasil Pencarian Khusus ... 92
Gambar 4.28Lihat Peta Hasil pencarian ... 93
xx
Tabel 3.2 Tabel Kampus ... 47
Tabel 3.3 Tabel Fakultas ... 48
Tabel 3.4 Tabel Prodi... 48
Tabel 3.5 Tabel Admin ... 48
Tabel 3.6 Tabel Berita... 49
1 1.1 Latar Belakang Masalah
Seiring dengan berkembangnya teknologi informasi sekarang ini, internet sudah menjadi kebutuhan penting bagi beberapa orang. Dengan internet, seseorang dapat berkomunikasi dan mengakses informasi secara cepat tanpa batasan ruang dan waktu. Selain itu mereka juga dapat melakukan banyak hal, mulai dari mencari informasi, melakukan bisnis atau usaha, bertukar informasi dengan teman, belajar dan banyak hal lainnya.
Saat ini banyak perusahaan yang telah memanfaatkan teknologi internet guna mempromosikan produk-produk yang ditawarkan dengan tujuan ingin meningkatkan angka penjualan produknya. Disamping sebagai media promosi, iklan maupun bisnis, internet juga bisa dijadikan sebagai sumber pencarian informasi.
ataupun dengan langsung datang ke perguruan tinggi yang diinginkan. Tentunya hal ini akan menyita banyak waktu dan tenaga, karena tidak semua calon mahasiswa berasal dari kota Yogyakarta.
Permasalahan ini mendorong penulis untuk membangun sebuah sistem informasi pencarian Perguruan Tinggi Swasta berbasis web dengan menggunakan PHP dan MySQL. Sistem informasi ini diharapkan dapat membantu calon mahasiswa dari luar kota Yogyakarta untuk mengakses informasi Perguruan Tinggi Swasta dengan menggunakan internet. Selain itu mereka juga dapat mengetahui informasi tentang program studi maupun status akreditasi dari Perguruan Tinggi Swasta di Yogyakarta beserta dengan lokasinya di peta sehingga pencarian informasi ini dapat dilakukan dengan cepat, hemat waktu, biaya dan tenaga.
1.2 Rumusan Masalah
1.3 Batasan Masalah
Mengingat keterbatasan waktu pembuatan, maka permasalahan dalam penelitian hanya dibatasi pada :
1. Penyajian informasi hanya dibatasi untuk Perguruan Tinggi Swasta di Yogyakarta.
2. Menampilkan lokasi Perguruan Tinggi Swasta di Yogyakarta dengan fasilitas zoom pada 3 level dan tersedianya fasilitas pencarian berdasarkan nama Perguruan Tinggi Swasta dan program studi yang ditawarkan.
1.4 Tujuan dan Manfaat
Adapun tujuan dan manfaat dari penulisan Tugas Akhir ini adalah : 1. Tujuan :
a. Mengembangkan Sistem Informasi Pencarian Perguruan Tinggi Swasta di Yogyakarta Berbasis Web dengan menggunakan PHP dan MySQL.
2. Manfaat :
a. Dapat membantu calon mahasiswa dalam mencari informasi mengenai program studi yang ditawarkan dan letak lokasi Perguruan Tinggi Swasta di Yogyakarta.
1.5 Metodologi Penelitian
1. Studi Literatur
Membaca buku dan referensi-referensi yang berhubungan dengan topik penulisan tugas akhir, melakukan studi kepustakaan dan studi kearsipan. 2. Metodologi pengembangan sistem
Metodologi pengembangan sistem yang digunakan adalah menggunakan metodologi pendekatan terstruktur menurut Jeffrey L. Whitten, dengan tahapan sebagai berikut :
a. Analisis Sistem
Melakukan berbagai analisis untuk mengidentifikasi masalah pada sistem yang akan dibuat dan melakukan pengumpulan data dengan berkunjung langsung ke Kopertis V dan melakukan interview dengan pegawai Subbag AAK Kopertis Wilayah V. Analisis sistem akan menghasilkan Usecase, Diagram Berjenjang dan Data Flow Diagram (DFD).
b. Perancangan
Melakukan perancangan sistem informasi yang meliputi ER Diagram, perancangan masukan (input design), perancangan keluaran (output design), dan perancangan antarmuka pengguna (user interface design). c. Implementasi
d. Pengujian
Dilakukan untuk menguji apakah hasil yang didapat sudah sesuai dengan rancangan yang dibuat dan mencari kesalahan-kesalahan yang mungkin terjadi.
e. Pemeliharaan
Pemeliharaan penting dilakukan agar sistem yang kita buat tetap dapat digunakan dengan baik. Perawatan yang dilakukan meliputi penambahan fungsi dan peningkatan informasi.
1.6 Sistematika Isi
Adapun bab-bab yang akan dibahas dalam penulisan Tugas Akhir ini adalah sebagai berikut :
BAB I : PENDAHULUAN
Bab ini memberikan gambaran umum tentang perancangan Tugas Akhir. Bab ini meliputi yaitu latar belakang masalah, rumusan masalah, batasan masalah, tujuan dan pemanfaatan penulisan, metodologi pengembangan sistem dan sistematika penulisan.
BAB II : LANDASAN TEORI
BAB III : ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini menjelaskan semua perancangan sistem, mencakup rancangan basis data dan rancangan antar muka.
BAB IV : IMPLEMENTASI
Pada bab ini dijabarkan mengenai sistem yang diusulkan ke bentuk website yang dapat digunakan user.
BAB V : ANALISIS HASIL
Pada bab ini berisi analisis hasil implementasi sistem yang mencakup kelebihan dan kekurangan dari sistem yang telah dibuat.
BAB VI : PENUTUP
7 2.1Sistem Informasi
Suatu sistem adalah jaringan kerja dari beberapa prosedur yang saling berhubungan, berkumpul bersama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu (Jogiyanto, 1999).
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya (Jogiyanto, 1999).
Sumber dari informasi adalah data. Data merupakan bentuk yang jamak dari bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian (events) dan kesatuan nyata (fact dan entity).
Informasi dapat diperoleh dari sistem informasi (Information System) atau disebut dengan Processing S ystem atau Information Processing System atau Information G enerating S ystem. M e n u r u t Robert A. Leitch dan K. Roscoe Davis, sistem informasi didefinisikan sebagai berikut:
keputusan. Untuk dapat mengolah data serta mendapatkan informasi yang penting dan relevan, diperlukan suatu sistem tersendiri yang disebut Sistem Informasi (Information System). Sistem informasi dibentuk oleh enam blok bangunan (building block), yaitu blok masukan (input block), blok model (model block), blok keluaran (output block), blok teknologi (technology block), blok basis data (database block) dan blok kendali (controls block). Sebagai suatu sistem, keenam blok tersebut saling berinteraksi antar satu dengan yang lain membentuk suatu kesatuan untuk mencapai sasarannya.
Gambar 2.1 Blok sistem informasi
Keterangan :
Blok masukan : masukan mewakili data yang masuk ke dalam sistem, termasuk metode-metode dan media untuk menangkap data yang akan dimasukkan.
Blok model : terdiri dari prosedur, logika dan model data matematika yang akan memanipulasi data input dan data yang tersimpan di basis data.
input model output
teknologi Basis data kendali
Blok keluaran : berupa informasi yang berkualitas dan dokumentasi yang berguna bagi semua tingkatan manajemen serta semua pemakai sistem.
Blok teknologi : alat yang digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran, dan membantu pengendalian sistem secara keseluruhan.
Blok basis data : kumpulan data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras (hardware) dan digunakan oleh perangkat lunak (software) yang disebut dengan DBMS (Database Management System) untuk memanipulasinya.
Blok kendali : untuk menjaga apabila terjadi kerusakan atau terjadi kesalahan.
2.2Konsep Dasar Internet
mengidentifikasi sebuah komputer yang terhubung di dalam jaringan. Teknik identifikasi yang dilakukan oleh TCP/IP adalah dengan menggunakan penomoran yang disebut IP address.
Aplikasi utama yang dimiliki oleh internet, yaitu :
1. E-mail, yaitu aplikasi yang memiliki kemampuan untuk menyusun, mengirim dan menerima surat melalui jaringan internet.
2. News Group, yaitu aplikasi yang digunakan sebagai forum khusus bagi pengguna yang memiliki kegemaran yang sama dan dapat saling bertukar pesan.
3. Remote Login, yaitu aplikasi yang memiliki kemampuan untuk log ke mesin dari tempat yang berbeda apabila memiliki account.
4. Transfer File, yaitu aplikasi yang digunakan oleh pengguna FTP untuk menyalin file dari satu mesin internet ke mesin lainnya atau yang sering disebut dengan istilah download.
2.3Konsep Dasar Website
WWW atau yang sering disebut World Wide Web (Jaringan Dunia Luas) adalah sebuah basis data jaringan komputer yang menggunakan sebuah arsitektur pengambilan infromasi yang umum. Dengan adanya WWW seorang pengguna dapat menampilkan sebuah halaman virtual yang disebut dengan Web Site.
1. Protocol, merupakan sebuah media yang distandarkan untuk dapat mengakses komputer di dalam sebuah jaringan. Standar protokol yang dimiliki oleh WWW adalah HTTP (Hypertext Transfer Protocol).
2. Address, merupakan alamat yang berkaitan dengan penamaan sebuah komputer di dalam jaringan yang sering disebut dengan nomor IP (IP Address). Dengan berkembangnya jaman, nomor IP diganti dengan sebuah alamat yang dinamakan URL (Uniform Resource Locator).
3. HTML (Hypertext Markup Language), merupakan sebuah bahasa Scripting yang dapat menghasilkan halaman Web Site sehingga halaman tersebut dapat diakses pada setiap komputer pengakses (Client).
Dari beberapa komponen diatas dapat dijelaskan dengan penggambaran sebagai berikut :
Gambar 2.2 Hubungan antara Protocol, Address dan HTML
2.4Pengembangan Sistem
Pengembangan sistem dapat berarti menyusun suatu sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Sistem yang lama perlu diperbaiki atau diganti karena beberapa hal, yaitu sebagai berikut (Jogiyanto, 1999) :
1. Adanya permasalahan-permasalahan yang timbul di sistem yang lama, yang dapat berupa :
a. Ketidakberesan
b. Pertumbuhan organisasi
2. Untuk meraih kesempatan-kesempatan. 3. Adanya instruksi-instruksi.
Dengan telah dikembangkannya sistem yang baru, maka diharapkan akan terjadi peningkatan-peningkatan pada sistem yang baru. Peningkatan ini berhubungan dengan PIECES, yaitu sebagai berikut :
1. Performance (kinerja)
Peningkatan terhadap kinerja (hasil kerja) sistem yang baru sehingga menjadi lebih efektif. Peningkatan kinerja dapat diukur dari :
a. Throughput, yaitu jumlah dari pekerjaan yang dapat dilakukan pada saat tertentu.
b. Response time, yaitu rata-rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu response untuk menanggapi pekerjaan tersebut. 2. Information (informasi)
Peningkatan terhadap kualitas informasi yang disajikan. 3. Economy (ekonomis)
Peningkatan terhadap manfaat-manfaat atau keuntungan-keuntungan atau penurunan-penurunan biaya yang terjadi.
4. Control (pengendalian)
5. Efficiency (efisiensi)
Peningkatan terhadap efisiensi operasi, yaitu bagaimana sumber daya tersebut digunakan dengan pemborosan yang paling minimum.
6. Services (pelayanan)
Peningkatan terhadap pelayanan yang diberikan oleh sistem.
2.5Perancangan Sistem
2.5.1 Diagram Arus Data (Data Flow Diagram)
Merupakan diagram-diagram yang digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangakan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan disimpan. Adapun notasi atau symbol yang digunakan dalam DAD untuk mewakili (Jogiyanto, 1999) :
1. Kesatuan luar (External entity)
Gambar 2.3 Simbol kesatuan luar
2. Arus data (Data flow)
Arus data menggambarkan aliran data baik berupa masukan maupun keluaran dari kesatuan luar, simpanan data maupun dari proses sistem.
Gambar 2.4 Simbol arus data
3. Proses (Process)
Proses adalah suatu kegiatan atau kerja yang dilakukan oleh orang, mesin atau computer dalam mengolah masukan atau menghasilkan keluaran.
Gambar 2.5 Simbol proses
4. Simpanan data (Data store)
Simpanan data dapat berupa file, arsip, tabel acuan manual, dan juga dapat berupa agenda atau buku. Media menunjukkan tempat dimana data disimpan.
atau Identifikasi
Gambar 2.6 Simbol simpanan data
2.5.2 Entity Relational Model
Entity Relational Model merupakan suatu model yang menunjukkan diagram hubungan antar tabel atau entitas yang menerangkan hubungan antar tabel atau entitas yang ada. Dua komponen utama pembentuk ER Model :
1. Entitas (Entity)
Entitas merupakan sebuah obyek yang nyata ada dan dapat dibedakan dari sesuatu yang lain.
Gambar 2.7 Simbol entitas
2. Relasi (Relationship)
Merupakan hubungan antar entitas. Macam-macam relasi :
a. Relasi satu lawan satu (One to One Relationship)
Satu entitas pada himpunan entitas A punya relasi dengan maksimal satu entitas pada himpunan entitas B, dan begitu pula sebaliknya.
Gambar 2.8 Relasi satu lawan satu
b. Relasi satu lawan banyak (One to Many Relationship)
Satu entitas pada himpunan entitas A punya relasi dengan banyak entitas pada himpunan entitas B, tetapi tidak berlaku sebaliknya (setiap entitas pada himpunan entitas B punya relasi dengan maksimal satu pada himpunan entitas A).
Gambar 2.9 Relasi satu lawan banyak
c. Relasi banyak lawan banyak (Many to Many Relationship)
Satu entitas pada himpunan entitas A punya relasi dengan banyak entitas pada himpunan entitas B, demikian pula sebaliknya.
Gambar 2.10 Relasi banyak lawan banyak
Notasi ER Model
Ada banyak variasi bentuk notasi ER Model. Lambang yang banyak dipakai adalah sebagai berikut :
: attribute
(atribut yang berfungsi sebagai primary key digaris bawahi)
: relasi (relationship)
: penghubung antar entity dengan relasinya
2.5.3 Basis Data (Database)
Basis data (database) merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan dasar dalam menyediakan informasi bagi para pemakai. Penerapan basis data dalam sistem informasi disebut Sistem Basis Data (Database System).
Basis data dapat didefinisikan sebagai kumpulan data (arsip) yang saling berhubungan dan diorganisasikan sedemikian rupa sehingga memudahkan dalam pemanggilan kembali dengan cepat dan mudah. Tujuan pemakaian basis data adalah kemudahan dan kecepatan (speed), efisiensi ruang simpan (space), keakuratan (accuracy), ketersediaan (availability), dan kemanan (security).
2.5.4 Perangkat Lunak yang digunakan
2.5.4.1PHP (Personal Home Pages)
diterima client selalu yang terbaru. Semua script PHP dieksekusi pada server dimana script tersebut dijalankan. Oleh karena itu, spesifikasi server lebih berpengaruh pada eksekusi dari script PHP daripada spesifikasi client. Namun tetap diperhatikan bahwa halaman web yang dihasilkan tentunya harus dapat dibuka oleh browser pada client. Dalam hal ini versi dari HTML yang digunakan harus didukung oleh browser client.
Untuk dapat menjalankan script PHP pada website, ada beberapa hal yang perlu ditambahkan. Pertama, web server yang akan mengatur atau memberikan tempat untuk mengeksekusi script PHP. Kedua, PHP Parser yang merupakan program yang digunakan untuk menterjemahkan (interpreter) kode script dan kemudian mengeksekusinya.
PHP juga termasuk dalam HTML-embedded, artinya kode PHP dapat disisipkan pada sebuah halaman HTML. Untuk mengetahui bahwa baris-baris HTML merupakan suatu script PHP maka digunakan pasangan tag, yaitu :
<? ... ?> <% ... %> <?php ... ?>
2.5.4.2MySQL
MySQL merupakan database yang sangat kuat dan cukup stabil untuk digunakan sebagai media penyimpanan data. Dalam bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri dari baris (row atau record) dan kolom (column atau field). Sedangkan dalam sebuah database dapat terdiri dari beberapa tabel.
Tahapan yang harus dilalui untuk dapat mengakses program ke database adalah sebagai berikut :
1. Koneksi ke database dengan menggunakan fungsi mysql_connect().
2. Membuat databse dengan menggunakan fungsi mysql_create_db().
3. Membuat tabel dengan menggunakan fungsi mysql_query().
4. Pemutusan koneksi dengan menggunakan fungsi mysql_close().
PHP tidak menyediakan fungsi khusus untuk membuat tabel dengan field-fieldnya, sehingga untuk membuat tabel data digunakan sintaks dari program database yang digunakan dan kemudian sintaks tersebut dioperasikan dengan menggunakan fungsi ‘mysql_query().’
Keunggulan dari MySQL yaitu memiliki fungsi mysql_insert_id dan
mysql_affected_rows yang tidak dimiliki oleh jenis database lain. MySQL
Fasilitas yang tidak disediakan oleh MySQL salah satunya yaitu MySQL tidak bisa menangani sub select atau sub query yang kompleks. Untuk menangani masalah ini, diperlukan tabel sementara untuk menampung sub query.
2.5.4.3Adobe Photoshop
Photoshop merupakan program aplikasi grafis terpopuler dan paling banyak digunakan oleh para profesional di berbagai bidang aktivitas yang berorientasi visual. Penggunaannya dewasa ini makin kompleks dan beragam, dari untuk keperluan mendesain, fotografi, bahkan hingga untuk keperluan pembuatan situs web.
Photoshop secara khusus menyediakan fasilitas Save for Web untuk mengoptimalkan tampilan image. Untuk mengatur tampilan, dapat digunakan fasilitas berikut :
• Untuk menampilkan kotak dialog Save for Web, klik menu File Save For
Web, atau tekan Alt+Shift+Ctrl+S.
• Untuk menutup sementara kotak dialog Save For Web, tekan tombol Done.
Setting yang telah kita atur sebelumnya akan tersimpan dan dapat kita tampilkan kembali.
Berikut ini elemen-elemen yang digunakan sebagai area kerja Photoshop : • Title Bar
• Menu Bar
Merupakan baris menu yang berisi perintah dan fasilitas default yang disediakan oleh sebuah program yang mendukung kinerja dari program tersebut.
• Option Bar
Merupakan bagian yang berisi sekumpulan tombol atau pilihan yang dapat digunakan untuk melaksanakan suatu perintah tertentu dalam mengoperasikan program Adobe Photoshop.
• Toolbox
Merupakan sebuah bagian yang berisi berbagai peranti yang dapat digunakan untuk memanipulasi dan menyunting sebuah gambar atau photo.
• Palet
Palet dalam photoshop digunakan untuk mengontrol sifat dan cara kerja dari tombol-tombol yang ada di dalam toolbox serta mendukung proses kerja yang terjadi pada gambar atau photo yang sedang dikerjakan.
• Jendela Gambar
22 3.1 Gambaran Umum Sistem
Sistem ini digunakan untuk mencari informasi program studi yang ditawarkan oleh PTS yang ada di Yogyakarta. Dengan sistem ini, diharapkan calon mahasiswa yang akan mendaftar kuliah dapat dengan mudah mendapatkan informasi tentang program studi dan nama PTS yang diinginkan. Pencarian informasi dapat dilakukan berdasar nama PTS ataupun nama Program Studi. Apabila pengunjung sudah mendapatkan informasi tentang PTS yang diinginkan, maka pengunjung tersebut dapat melihat lokasi PTS tersebut di peta. Peta yang akan ditampilkan menyediakan fasilitas zoom dalam 3 level. Pengunjung juga dapat melihat berita terbaru dari PTS yang ada di Yogyakarta.
Admin merupakan orang yang mempunyai hak untuk merubah data kampus, fakultas, prodi, koordinat peta dan berita yang ada pada sistem. Baik itu menambah, mengedit ataupun menghapus data-data yang disediakan untuk sistem. Sebelum melakukan perubahan data, admin harus melakukan login dahulu untuk masuk ke sistem ini. Admin dapat melakukan login setelah mendapat user account dari superadmin. Tiap PTS akan memiliki satu orang admin yang akan bertugas untuk melakukan perubahan data terhadap PTS tersebut. Setelah admin sukses login, maka admin dapat mulai melakukan perubahan data. Data yang perlu dilakukan proses update diantaranya yaitu data kampus, data fakultas, data prodi, data peta dan berita. Pada proses penambahan peta, admin hanya perlu menyimpan koordinat lokasi kampus dari PTS yang akan dimasukkan. Koordinat pada peta yang ditampilkan bukanlah koordinat yang sesungguhnya. Koordinat
yang ditampilkan merupakan pembagian pixel-pixel menurut ukuran gambar peta
yang didapatkan penulis dari internet.
3.2 Arsitektur Jaringan
Gambar 3.1 Hubungan komputer server dan client
3.3 Analisis Peran Pengguna
Secara umum pada sistem ini terdapat tiga aktor yang terlibat, yaitu Superadmin, Admin dan Pengunjung. Ketiga aktor tersebut memiliki tugas sebagai berikut :
1. Superadmin
2. Admin
Admin merupakan orang yang mempunyai hak untuk melakukan perubahan terhadap data Kampus, Fakultas, Prodi, Peta dan Berita. Admin mempunyai username dan password yang digunakan sebagai syarat untuk masuk ke dalam sistem.
3. Pengunjung
Pengunjung merupakan orang yang terlibat langsung dengan sistem karena menggunakan sistem ini untuk mencari informasi tentang Perguruan Tinggi Swasta yang ada di Yogyakarta.
3.4 Requirement Analysis
3.4.1 Use Case Diagram
3.5 Logical Desain
3.5.1 Desain Proses
3.5.1.1Context Diagram
Context diagram dari sistem dapat dilihat pada gambar 3.3
Gambar 3.3 Context Diagram
3.5.1.2Diagram Berjenjang
3.5.1.4DFD level 1 proses 1 proses login
Gambar 3.6 DFD level 1 proses 1 proses login
3.5.1.5DFD level 1 proses 2 proses cari informasi
3.5.1.6DFD Level 1 Proses 4 proses update PTS
3.5.1.7DFD Level 1 Proses 5 proses update kampus
3.5.1.8DFD level 1 proses 6 proses update fakultas
3.5.1.9DFD level 1 proses 7 proses update prodi
3.5.1.10 DFD level 1 proses 8 proses update koordinat peta
Gambar 3.12 DFD level 1 proses 8 proses update koordinat peta
3.5.1.11 DFD level 1 proses 9 proses buku tamu
! "
3.5.1.12 DFD level 1 proses 10 proses update berita
3.5.1.13 DFD level 1 proses 11 proses lihat data PTS
3.5.1.14 DFD level 1 proses 12 proses update admin
"
3.5.2 Desain Data Model
3.5.2.1ER Diagram
E-R Diagram dari sistem yang akan dibuat dapat dilihat pada Gambar 3.18
3.6 Perancangan Sistem
3.6.1 Perancangan Basis Data
a. Relasi antar Tabel
/
b. Desain database
Desain database dari sistem yang dibuat adalah sebagai berikut : 1. Tabel pts 4 alamat_kampus text
5 telp_kampus varchar 20
6 utama varchar 5
7 koor_x integer 7
8 koor_y integer 7
6. Tabel berita
No Field Tipe Lebar
1 id_berita* integer 10
2 judul_berita varchar 100
3 isi_berita text
4 pengirim_berita varchar 100
5 waktu date
3.6.2.1Antarmuka untuk Administrator
a. Form Login Administrator
komentar untuk daftar buku tamu yang masuk. Dan apabila admin sukses melakukan login, maka admin akan masuk ke halaman utama admin dan dapat melakukan proses update data kampus, fakultas, prodi, koordinat peta dan berita. Gambaran desain untuk form login administrator dapat dilihat pada gambar 3.20
Gambar 3.20 Gambaran desain menu login
b. Halaman Utama Superadmin
Halaman ini merupakan halaman utama untuk superadmin. Pada halaman ini, superadmin dapat melakukan proses update data PTS dan data admin. Gambara desain untuk halaman superadmin dapat dilihat pada gambar 3.21
LOGIN ADMIN
Username :
Password :
Level :
Gambar 3.21 Halaman Utama Superadmin
c. Form Tambah PTS
Form ini digunakan oleh administrator untuk menambahkan data PTS baru. Data-data yang dimasukkan ke form ini adalah id_pts, nama_pts, alamat_pts, tgl_berdiri, bln_berdiri, thn_berdiri, telp_pts, fax_pts, web_pts dan email_pts. Gambaran desain untuk form tambah PTS dapat dilihat pada gambar 3.22
LOGO
Tanggal Home Logout
Tambah PTS Update PTS
Lihat Kampus
Tambah Admin Update Admin Lihat History Admin
Tambah Berita Update Berita
Baca Buku Tamu
Gambar 3.22 Gambaran desain untuk tambah PTS
d. Form Cari PTS
Form ini digunakan untuk mencari nama PTS yang nantinya akan dilakukan proses edit atau hapus. Gambaran desain untuk form cari PTS tampak pada gambar 3.23
Gambar 3.23 Gambaran desain cari PTS
Hasil Pencarian yang ditemukan :
e. Form edit PTS
Form ini digunakan untuk melakukan proses edit PTS. Gambaran desain untuk form edit PTS dapat dilihat pada gambar 3.24
Gambar 3.24 Gambaran desain untuk edit PTS
f. Pesan hapus PTS
Pesan hapus PTS digunakan untuk proses hapus PTS dalam database yang dilakukan oleh administrator. Gambaran desain untuk form hapus PTS dapat dilihat pada gambar 3.25
ID PTS :
Nama PTS :
Berdiri : Tgl Bln Thn
Alamat :
No Telp :
Faximile :
Websie :
Email :
Gambar 3.25 Gambaran desain untuk hapus PTS
g. Form Pengaturan User
Form ini digunakan untuk melakukan proses tambah admin, yang nantinya admin ini akan bertanggung jawab terhadap PTS masing-masing. Gambaran desain untuk form pengaturan user dapat dilihat pada gambar 3.26
Gambar 3.26 Gambaran desain untuk form pengaturan user
Nama :
Kalimat Pengingat :
Reset Simpan
Anda yakin akan menghapus data ini?
h. Halaman Baca Buku Tamu
Halaman ini digunakan untuk menampilkan daftar buku tamu yang sudah masuk ke dalam database. Daftar buku tamu ini diisi oleh pengunjung yang telah mengunjungi situs. Superadmin merupakan orang yang berhak untuk memberi balasan komentar dari pengunjung yang mengirimkan pertanyaan. Gambaran desain untuk halaman baca buku tamu dapat dilihat pada gambar 3.27
Gambar 3.27 Halaman Baca Buku Tamu
Setelah superadmin membaca daftar buku tamu, maka admin dapat memberikan komentar atau jawaban dari daftar buku tamu yang dikirimkan oleh pengunjung. Gambaran desain untuk form jawab komentar buku tamu dapat dilihat pada gambar 3.28
Baca Buku Tamu
First | Prev || Next | Last • xxx | tanggal
Isi komentar isi komentar isi komentar
Komentar Balasan :
[Jawab Komentar]
• xxx | tanggal
Isi komentar isi komentar isi komentar
Komentar Balasan :
Gambar 3.28 Form Jawab Buku Tamu
i. Halaman Utama Administrator
Halaman ini merupakan halaman utama untuk admin. Pada halaman ini terdapat menu-menu yang dapat digunakan oleh admin untuk mengupdate data. Gambaran desain untuk halaman admin dapat dilihat pada gambar 3.29
Jawab Komentar Buku Tamu
Dari :
Jawab :
Gambar 3.29 Halaman Utama Administrator
j. Form Tambah Kampus
Form ini digunakan oleh administrator untuk menambahkan data kampus baru. Data-data yang dimasukkan ke form ini adalah id_kampus, nama_kampus, alamat_kampus, telp_kampus dan utama. Gambaran desain untuk form tambah kampus dapat dilihat pada gambar 3.30
LOGO
Tanggal Home Logout Nama Universitas | Nama admin
Tambah Kampus UpdateKampus
Tambah Fakultas Update Fakultas
Tambah Prodi UpdateProdi
Tambah Koordinat Peta
Tambah Berita Update Berita
Lihat Perguruan Tinggi
Gambar 3.30 Gambaran desain untuk form tambah Kampus
k. Form Masukkan Koordinat Peta
Apabila admin akan memasukkan peta untuk kampus baru yang akan ditambah, maka akan muncul tampilan halaman seperti di bawah ini. Pada halaman ini, akan ditampilkan sebuah gambar peta yang kemudian admin akan mengisi koordinat kampus pada form yang telah disediakan. Pada form ini, admin hanya perlu memasukkan korrdinat x dan koordinat y dari lokasi kampus berdasarkan peta yang telah disediakan. Gambaran desain untuk form masukkan koordinat peta dapat dilihat pada gambar 3.31
Gambar 3.31 Gambaran desain masukkan koordinat peta
l. Form Tambah Prodi
Form ini digunakan oleh administrator untuk menambahkan data prodi baru. Gambaran desain untuk form tambah prodi dapat dilihat pada gambar 3.32
Gambar 3.32 Gambaran desain untuk tambah prodi
m. Form Cari Prodi
Form ini digunakan untuk mencari nama prodi yang nantinya akan dilakukan proses edit atau hapus. Gambaran desain untuk form cari prodi tampak pada gambar 3.33
Nama Kampus :
Nama Fakultas :
Masukkan Jml Prodi : ok
reset simpan
Gambar 3.33 Gambaran desain cari prodi
n. Form edit prodi
Form ini digunakan untuk melakukan proses edit prodi. Gambaran desain untuk form edit prodi dapat dilihat pada gambar 3.34
Gambar 3.34 Gambaran desain untuk edit prodi
o. Halaman Lihat Data PTS
Halaman ini digunakan oleh administrator untuk melihat data PTS secara lengkap. Pada halaman ini, admin juga dapat melihat lokasi peta
Hasil Pencarian yang ditemukan :
No Nama Prodi Fakultas Kampus Edit Hapus
Status Akreditasi :
Jenjang Pendidikan :
Web Prodi :
yang telah dimasukkan sebelumnya. Gambaran desain untuk halaman lihat data PTS dapat dilihat pada gambar 3.35
Gambar 3.35 Gambaran desain untuk lihat data PTS
3.6.2.2Antarmuka untuk Pengguna
a. Form menu utama pengguna
Form ini merupakan halaman utama untuk pengguna. Pada halaman ini tersedia menu-menu yang dapat digunakan oleh pengguna. Menu-menu tersebut adalah menu pencarian PTS berdasar nama PTS atau nama prodi. Pada halaman ini juga terdapat menu berita yang dapat digunakan pengguna untuk melihat berita-berita seputar PTS di Yogyakarta. Gambaran desain untuk menu utama pengguna dapat dilihat pada gambar 3.36
Gambar 3.36 Gambaran desain untuk menu utama pengguna Home | Contact Us | Site Map
LOGO
Home | Pencarian | Pencarian Khusus
copyright by rissa_TI_03039
Selamat Datang
Selamat datang di situs ini, semoga dapat membantu anda dalam mencari informasi seputar Perguruan Tinggi Swasta di Yogyakarta
Kalendar
Isi berita isi berita Isi berita isi berita Isi berita isi berita Isi berita isi berita Isi berita isi berita Isi berita isi berita …[selengkapnya]
• Judul Berita
Isi berita isi berita Isi berita isi berita Isi berita isi berita Isi berita isi berita Isi berita isi berita Isi berita isi berita …[selengkapnya]
b. Form Pencarian Berdasar nama PTS
Apabila pengguna memilih pencarian PTS berdasar nama PTS, maka akan muncul tampilan seperti di bawah ini sesuai dengan nama PTS yang dipilih. Gambaran desain untuk pencarian berdasar PTS dapat dilihat pada gambar 3.37
Gambar 3.37 Gambaran desain untuk pencarian berdasar nama PTS
c. Halaman Hasil Pencarian Berdasar Nama PTS
Halaman ini merupakan halaman hasil pencarian berdasar nama PTS. Pada halaman ini akan ditampilkan detail PTS berdasarkan nama PTS yang telah dipilih. Pada halaman ini juga ditampilkan nama-nama prodi pada PTS tersebut. Selain itu, pengunjung juga bisa melihat peta dari lokasi kampus. Gambaran desain utnuk halaman hasil pencarian berdasar nama PTS dapat dilihat pada gambar 3.38
PENCARIAN BERDASAR NAMA PERGURUAN TINGGI
Masukkan Nama PTS :
Kategori :
HASIL PENCARIAN PERGURUAN TINGGI
Fisrt | Prev || Next | Last cari
No Nama Perguruan Tinggi
1 PTS I
2 PTS II
Gambar 3.38 Gambaran desain untuk hasil pencarian berdasar nama PTS
d. Form pencarian berdasarkan prodi
Form ini digunakan untuk menampilkan semua prodi yang dipilih beserta nama PTS nya. Gambaran desain untuk form pencarian berdasarkan prodi dapat dilihat pada gambar 3.39
Gambar 3.39 Gambaran desain untuk pencarian berdasar nama Prodi Berdiri :
PENCARIAN BERDASAR NAMA PRODI
Masukkan Nama Prodi :
Jenjang Pendidikan :
HASIL PENCARIAN PRODI
Total : hasil
cari
No Nama Perguruan Tinggi Nama Fakultas Nama Prodi
1. PTS I Fakultas I Prodi I
2. PTS II Fakultas II Prodi II
e. Halaman detail Prodi
Halaman ini merupakan detail dari hasil pencarian berdasar nama Prodi. Pada halaman ini akan ditampilkan detail dari prodi yang dicari oleh pengunjung. Pada halaman ini, pengunjung juga bisa melihat peta dari lokasi kampus. Gambaran desain untuk halaman detail prodi dapat dilihat pada gambar 3.40
Gambar 3.40 Gambaran desain untuk detail prodi
f. Halaman lihat peta
Halaman ini digunakan untuk menampilkan gambar peta dari lokasi kampus yang dipilih oleh pengunjung. Gambaran desain untuk halaman lihat peta dapat dilihat pada gambar 3.41
:: PROFIL PRODI
Nama Perguruan Tinggi :
Nama Kampus :
Nama Prodi :
Alamat Kampus :
Telepon :
Status Akreditasi :
Jenjang Pendidikan :
Website :
Gambar 3.41 Gambaran desain untuk halaman lihat peta
g. Halaman Buku Tamu
Halaman ini digunakan oleh pengunjung untuk melakukan pengiriman pesan, pertanyaan kepada admin atau sekedar ingin berkenalan dengan pengunjung lain. Pada halaman ini, pengunjung bebas menuliskan pesan ataupun kritik yang ingin disampaikan. Gambaran desain untuk halaman buku tamu dapat dilihat pada gambar 3.42
:: Gambar Peta ::
Gambar 3.42 Halaman Buku Tamu
Buku Tamu
Nama :
Email :
Komentar :
Komentar
Fisrt | Prev || Next | Last simpan
• xxx | tanggal
isi komentar isi komentar isi komentar isi komentar isi komentar isi komentar isi komentar
komentar balasan :
• xxx | tanggal
isi komentar isi komentar isi komentar isi komentar isi komentar isi komentar isi komentar
68
Implementasi merupakan tahap pengkodean dari hasil perancangan. Bab ini berisi implementasi sistem yang dibuat berdasarkan analisa dan perancangan yang telah dibuat pada bab sebelumnya. Pada bab ini akan dijelaskan lebih lanjut mengenai implementasi dari “Sistem Informasi Perguruan Tinggi Swasta di Yogyakarta.”
4.1 Kebutuhan Sistem
4.1.1 Kebutuhan Perangkat Keras
Server :
Prosesor Intel Pentium IV 1,5 GHz Memori DDRII 256MB
Motherboard AK31
Client :
Prosesor Intel Pentium(R) 4 CPU 2.40 GHz Memori DDRII 256 MB
Motherboard PC Chips Via PM266
4.1.2 Kebutuhan Perangkat Lunak
• Microsoft Windows XP Profesional Version 2002 sebagai sistem operasi.
• Apache sebagai web server.
• PHP-5.1.3-Win32 sebagai bahasa pemrograman • MySQL Server 5.0 sebagai database.
• SQLyog sebagai editor untuk membuat tabel atau menjalankan script PHP.
• Macromedia Dreamweaver MX 2004 sebagai editor dalam pembuatan
sistem informasi.
• Adobe Photoshop digunakan untuk membuat desain interface.
4.2 Implementasi Sistem
Pada subbab ini akan ditampilkan hasil rancangan yang telah dibuat pada bab sebelumnya ke dalam program.
4.2.1 Pembuatan Database
Berikut ini adalah perintah SQL untuk pembuatan database pts_db.
4.2.2 Pembuatan Tabel
4.2.2.1Tabel pts
Berikut ini adalah perintah SQL untuk pembuatan tabel pts.
create database `pts_db`;
4.2.2.2Tabel kampus
Berikut ini adalah perintah SQL untuk pembuatan tabel kampus.
4.2.2.3Tabel fakultas
Berikut ini adalah perintah SQL untuk pembuatan tabel fakultas.
CREATE TABLE `pts` (
`id_pts` varchar(10) NOT NULL, `nama_pts` varchar(100) NOT NULL, `tgl_berdiri` varchar(5) NOT NULL, `bln_berdiri` varchar(20) NOT NULL, `thn_berdiri` varchar(7) NOT NULL, `alamat_pts` text NOT NULL,
`telp_pts` varchar(20) NOT NULL, `fax_pts` varchar(20) NOT NULL, `web_pts` varchar(50) NOT NULL, `email_pts` varchar(50) NOT NULL, PRIMARY KEY (`id_pts`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
CREATE TABLE `kampus` (
`id_kampus` varchar(20) NOT NULL, `id_pts` varchar(10) NOT NULL, `nama_kampus` varchar(100) NOT NULL, `alamat_kampus` text NOT NULL, `telp_kampus` varchar(20) NOT NULL, `utama` varchar(5) NOT NULL,
`koor_x` int(7) default NULL, `koor_y` int(7) default NULL, PRIMARY KEY (`id_kampus`), KEY `id_pts` (`id_pts`),
CONSTRAINT `kampus_ibfk_1` FOREIGN KEY (`id_pts`) REFERENCES `pts` (`id_pts`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
CREATE TABLE `fakultas` (
`id_fak` varchar(20) NOT NULL, `id_kampus` varchar(20) NOT NULL, `nama_fak` varchar(75) NOT NULL, PRIMARY KEY (`id_fak`),
KEY `id_kampus` (`id_kampus`),
CONSTRAINT `fakultas_ibfk_1` FOREIGN KEY (`id_kampus`) REFERENCES `kampus` (`id_kampus`)
4.2.2.4Tabel prodi
Berikut ini adalah perintah SQL untuk pembuatan tabel prodi.
4.2.2.5Tabel admin
Berikut ini adalah perintah SQL untuk pembuatan tabel admin.
4.2.2.6Tabel berita
Berikut ini adalah perintah SQL untuk pembuatan tabel berita.
CREATE TABLE `prodi` (
`id_prodi` varchar(20) NOT NULL, `id_fak` varchar(20) default NULL, `id_kampus` varchar(20) NOT NULL, `nama_prodi` varchar(75) NOT NULL, `akreditasi` varchar(10) NOT NULL, `jenjang` varchar(10) NOT NULL, `web_prodi` varchar(25) NOT NULL, PRIMARY KEY (`id_prodi`),
UNIQUE KEY `id_prodi` (`id_prodi`,`id_fak`), KEY `id_kampus` (`id_kampus`),
KEY `prodi_ibfk_1` (`id_fak`),
CONSTRAINT `prodi_ibfk_1` FOREIGN KEY (`id_fak`) REFERENCES `fakultas` (`id_fak`),
CONSTRAINT `prodi_ibfk_2` FOREIGN KEY (`id_kampus`) REFERENCES `kampus` (`id_kampus`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
CREATE TABLE `admin` (
`id_admin` int(10) NOT NULL auto_increment, `nama` varchar(100) NOT NULL,
`asal_pts` varchar(10) default NULL, `telp` varchar(20) NOT NULL,
`email` varchar(30) NOT NULL, `username` varchar(20) NOT NULL, `password` varchar(100) NOT NULL, `pengingat` varchar(30) NOT NULL, `level` varchar(15) NOT NULL, `last_login` datetime default NULL, PRIMARY KEY (`id_admin`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
CREATE TABLE `berita` (
`id_berita` int(10) NOT NULL auto_increment, `judul_berita` varchar(100) NOT NULL,
`isi_berita` text NOT NULL,
`pengirim_berita` varchar(100) default NULL, `waktu` datetime default NULL,
PRIMARY KEY (`id_berita`)
4.2.2.7Tabel buku_tamu
Berikut ini adalah perintah SQL untuk pembuatan tabel buku_tamu.
4.2.3 Koneksi Database
Dalam pembuatan sistem ini, langkah pertama yang dilakukan adalah melakukan koneksi ke database. Cara pengkoneksian database MySql 5 dengan PHP 5 adalah sebagai berikut
4.2.4 Antarmuka
User interface merupakan tampilan yang akan berinteraksi langsung dengan pengguna. Berikut akan ditampilkan user interface dari program yang telah dibuat.
4.2.4.1Tampilan Login Superadmin dan Admin
Form login digunakan oleh superadmin dan admin untuk dapat masuk ke sistem. Pada form ini, admin harus memasukkan username dan password sesuai or die ("Gagal connect ".mysql_error());
mysql_select_db($dbh) or die ("Database tidak ada"); ?>
CREATE TABLE `buku_tamu` (
`id_butam` int(10) NOT NULL auto_increment, `nama_tamu` varchar(30) NOT NULL,
`email` varchar(30) NOT NULL, `komentar` text NOT NULL, `waktu` datetime default NULL, PRIMARY KEY (`id_butam`)
dengan yang ada pada tabel admin. Apabila login sukses untuk superadmin, maka superadmin akan masuk ke halaman utama superadmin dan dapat melakukan proses update PTS dan update data admin. Dan apabila login sukses untuk admin, maka admin akan masuk ke halaman utama admin dan dapat melakukan proses update Kampus, Fakultas, Jurusan, Peta dan Berita. Form tampilan login dapat dilihat pada gambar 4.1.
Gambar 4.1 Tampilan Login Admin
Jika username dan password salah, maka akan muncul peringatan seperti pada gambar 4.2 berikut.
4.2.4.2Tampilan Menu Utama Superadmin
Apabila superadmin sukses login, maka akan masuk ke halaman superadmin. Pada halaman ini tersedia menu-menu yang dapat digunakan oleh superadmin untuk melakukan proses pengolahan terhadap data PTS dan data admin. Selain itu, superadmin juga dapat melakukan proses pengecekan terhadap data yang sudah dimasukkan oleh masing-masing admin PTS. Tampilan halaman index superadmin dapat dilihat pada gambar 4.3
Gambar 4.3 Halaman Index Superadmin
Kode program diatas diberi nama session.php. Pada file session.php ini, session yang didaftarkan adalah username, password dan level. Hal ini dilakukan untuk mencegah user lain masuk ke halaman superadmin atau admin. Sehingga yang berhak melakukan login adalah user yang sudah terdaftar di database.
4.2.4.3Tampilan Form Tambah PTS
Form tambah PTS ini digunakan oleh superadmin untuk memasukkan data PTS yang ada di Yogyakarta. Pada form ini, superadmin dapat memasukkan nama_pts, alamat_pts, tgl_berdiri, bln_berdiri, thn_berdiri, telp_pts, fax_pts, web_pts dan email_pts. Tampilan halaman form tambah PTS dapat dilihat pada gambar 4.4
<?php
session_start();
if(!isset($_SESSION["uname"]) && !isset($_SESSION["pass"]) && !isset($_SESSION["level"]))
{
echo "<div align=center><b> Error!! </b><br>"; echo "Anda tidak berhak mengakses halaman ini,"; echo "Silahkan login terlebih dahulu. <br>"; echo "<a href=../index.php>LOGIN</a></div>";
exit; }
Gambar 4.4 Form tambah PTS
4.2.4.4Tampilan Form Cari PTS
Form cari PTS ini digunakan oleh superadmin untuk mencari nama PTS yang nantinya akan dilakukan proses edit data PTS. Setelah superadmin melakukan pencarian data, maka hasil pencarian akan ditampilkan. Tampilan halaman cari PTS dapat dilihat pada gambar 4.5
4.2.4.5Tampilan Form Edit PTS
Setelah halaman hasil pencarian PTS ditampilkan, maka apabila superadmin akan melakukan proses edit dapat menekan tombol edit. Dan kemudian superadmin dapat melakukan proses edit terhadap data PTS yang telah dipilih. Berikut adalah tampilan form edit PTS, dapat dilihat pada gambar 4.6
Gambar 4.6 Form edit PTS
4.2.4.6Tampilan Form Tambah Admin
Gambar 4.7 Form Tambah Admin
4.2.4.7Tampilan Form Cari Admin
Form ini digunakan oleh superadmin untuk mencari data admin yang nantinya akan dilakukan proses edit. Setelah superadmin melakukan pencarian data, maka hasil pencarian akan ditampilkan. Tampilan halaman cari admin dapat dilihat pada gambar 4.8
4.2.4.8Tampilan Form Edit Admin
Setelah halaman hasil pencarian admin ditampilkan, maka apabila superadmin akan melakukan proses edit dapat menekan tombol edit. Dan kemudian superadmin dapat melakukan proses edit terhadap data admin yang telah dipilih. Berikut adalah tampilan form edit admin, dapat dilihat pada gambar 4.9
Gambar 4.9 Form edit admin
4.2.4.9Tampilan Halaman History Admin
Gambar 4.10 Halaman History Admin
Kode program untuk eksekusi halaman history admin dilakukan pada saat cek login. Sehingga program akan secara otomatis menyimpan pada saat admin melakukan login.
4.2.4.10 Tampilan Halaman Lihat Semua Data PTS
4.2.4.11 Tampilan Menu Utama Admin
Apabila admin sukses login, maka akan masuk ke halaman index admin. Pada halaman ini tersedia menu-menu yang dapat digunakan oleh admin untuk melakukan proses pengolahan terhadap data Kampus, Fakultas, Program Studi, Peta dan Berita dari PTS yang dikelolah oleh admin tersebut. Tampilan halaman index admin dapat dilihat pada gambar 4.12
4.2.4.12 Tampilan Form Tambah Kampus
Form tambah Kampus ini digunakan oleh admin untuk memasukkan data Kampus dari PTS yang ada di Yogyakarta. Pada form ini, admin dapat memasukkan nama_kampus, alamat_kampus, telp_kampus dan utama. Tampilan halaman form tambah Kampus dapat dilihat pada gambar 4.13
Gambar 4.13 Form tambah Kampus
4.2.4.13 Tampilan Form Cari Kampus
Gambar 4.14 Form Cari Kampus
4.2.4.14 Tampilan Form Edit Kampus
Setelah melakukan proses pencarian, apabila admin akan melakukan proses edit terhadap data kampus maka akan muncul halaman form edit Kampus. Pada halaman ini admin dapat melakukan proses edit. Tampilan untuk form edit kampus dapat dilihat pada gambar 4.15
4.2.4.15 Tampilan Form Hapus Kampus
Form ini digunakan sebagai kendali sebelum melakukan proses hapus data Kampus. Tampilan form hapus Kampus dapat dilihat pada gambar 4.16
Gambar 4.16 Form Hapus Kampus
4.2.4.16 Tampilan Form Tambah Fakultas
Form ini digunakan untuk memasukkan data Fakultas. Pada form ini, admin hanya dapat memasukkan nama Fakultas dari PTS yang dikelolah. Tampilan halaman form tambah Fakultas dapat dilihat pada gambar 4.17
4.2.4.17 Tampilan Form Tambah Prodi
Form ini digunakan untuk memasukkan data Program Studi yang baru. Tampilan halaman form tambah Prodi dapat dilihat pada gambar 4.18
Gambar 4.18 Form tambah Prodi
4.2.4.18 Tampilan Form Masukan Koordinat Peta Kampus
dimasukkan akan disimpan di dalam tabel Kampus. Tampilan untuk form masukan koordinat peta kampus dapat dilihat pada gambar 4.19
4.2.4.19 Tampilan Menu Utama User
Halaman menu utama user ini digunakan untuk melakukan proses pencarian data Perguruan Tinggi Swasta di Yogyakarta. Pada halaman ini, pengunjung bisa melakukan pencarian berdasarkan Perguruan Tinggi atau Program Studi. Selain itu, halaman ini juga menyediakan menu pencarian khusus yang diharapkan bisa membantu para pengunjung untuk mencari data. Tampilan menu utama user dapat dilihat pada gambar 4.20
4.2.4.20 Tampilan Menu Pencarian
Pada halaman untuk user, terdapat beberapa menu pencarian. Yaitu menu pencarian berdasar Perguruan Tinggi, Program Studi dan pencarian khusus. Yang pertama adalah menu pencarian berdasar Perguruan Tinggi. Pada form ini, pengguna dapat memasukkan nama Perguruan Tinggi yang akan dicari dan kategori perguruan tingginya. Pada form ini, pengunjung bisa memilih salah satu berdasar nama Perguruan Tinggi atau kategori. Tampilan menu pencarian berdasar nama perguruan Tinggi dapat dilihat pada gambar 4.21
Menu yang kedua adalah menu pencarian berdasar nama Program Studi. Pada form ini, pengunjung dapat memasukkan nama Program Studi yang akan dicari atau jenjang pendidikannya. Tampilan menu pencarian berdasar nama Program Studi dapat dilihat pada gambar 4.22
Gambar 4.22 Menu pencarian Berdasar Nama Program Studi
Menu yang ketiga adalah menu Pencarian Khusus. Pada form ini, pengunjung bisa memilih kategori pencarian secara lengkap. Tampilan untuk menu Pencarian Khusus dapat dilihat pada gambar 4.23
4.2.4.21 Tampilan Hasil Pencarian
Halaman hasil pencarian dapat dilihat pada gambar 4.24 di bawah ini.
Gambar 4.24 Hasil Pencarian Berdasar Nama Perguruan Tinggi
Gambar 4.26 Detail Hasil Pencarian Berdasar Nama Program Studi
Gambar 4.27 Hasil Pencarian Khusus
4.2.4.22 Tampilan Lihat Peta Hasil pencarian
Gambar 4.28 Lihat Peta Hasil pencarian
gambar sebenarnya. Sedangkan untuk gambar lokasi kampus, ukuran yang digunakan adalah titik koordinat yang disimpan pada tabel Kampus. Sehingga untuk mendapatkan lokasi kampus pada zoom kecil, titik koordinat dibagi dengan 3. Untuk mendapatkan lokasi kampus pada zoom sedang, titik koordinat dibagi dengan 2. Dan untuk mendapatkan lokasi kampus pada zoom besar, maka titik yang ditampilkan adalah titik semula yang disimpan pada tabel Kampus. Potongan program untuk zoom peta adalah sebagai berikut.
<?php if($lihat=="sedang"){ $w=1581/2;
$h=1920/2; ?>
<img src="images/map.jpg" width=<? echo "$w";?> height=<? echo "$h";?> style="position:absolute; left:0px;top:0px; ">
<?php
include "koneksi.php";
$q=mysql_query("select * from kampus where id_pts='$id'"); while($b=mysql_fetch_array($q)){
$wt=$b['koor_x']/2; $ht=$b['koor_y']/2; ?>
<div style="position:absolute; left:<?php echo"$wt";?>px; top:<?php echo"$ht";?>px; ">
<img src="images/tanda.gif" width="15" height="15"><font color="#003366" size="0"><?php echo"$b[nama_kampus]";?></font>
<img src="images/map.jpg" width=<? echo "$wm";?> height=<? echo "$hm";?> style="position:absolute; left:0px;top:0px; ">
<?php
include"koneksi.php";
$q=mysql_query("select*from kampus where id_pts='$id'"); while($b=mysql_fetch_array($q)){
$pw=$b['koor_x']; $ph=$b['koor_y']; ?>
<div style="position:absolute; left:<?php echo"$pw";?>px; top:<?php echo"$ph";?>px; ">
