sistem berbasis web dan mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui...

27

Upload: vohanh

Post on 06-Mar-2019

227 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan
Page 2: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

Sanksi Pelanggaran Pasal 72

Undang-undang Nomor 19 Tahun 2002

Tentang Hak Cipta

1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau Pasal 49 Ayat (1) dan Ayat (2) dipidana dengan pidana penjara masing-masing paling singkat 1 (satu) bulan dan/atau denda paling sedikit Rp 1.000.000,00 (satu juta rupiah), atau pidana penjara paling lama 7 (tujuh) tahun dan/atau denda paling banyak Rp 5.000.000.000,00 (lima miliar rupiah).

2. Barangsiapa dengan sengaja menyiarkan, memamerkan, mengedarkan, atau menjual kepada umum suatu ciptaan atau barang hasil pelanggaran hak cipta atau hak terkait sebagai dimaksud Ayat (1) dipidana dengan pidana penjara paling lama 5 (lima) tahun dan/atau denda paling banyak Rp 500.000.000,00 (lima ratus juta rupiah).

Page 3: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

S i s t e m Pe n e r i m a a n M a h a s i sw a B a r u

Berbasis Web dan Mobile

SIDIQ WAHYU

www.bukulokomedia.com

Page 4: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

SISTEM PENERIMAAN MAHASISWA BARUBERBASIS WEB DAN MOBILEPerpustakaan Nasional : Katalog Dalam Terbitan (KDT)Penulis : Sidiq WahyuSISTEM PENERIMAAN MAHASISWA BARU BERBASIS WEB DAN MOBILE- Cet. I. - Yogyakarta : Penerbit Lokomedia, 2011 125 hlm; 14 x 21 cm ISBN : 978-979-1758-75-8

Penerbit Lokomedia, Cetakan Pertama : Mei 2011

Editor : Lukmanul HakimCover : Subkhan AnshoriLayout : Lukmanul Hakim

Diterbitkan pertama kali oleh :Penerbit LokomediaJl. Jambon, Perum. Pesona Alam Hijau 2 Kav. B-4, Kricak Yogyakarta 55242.

email : [email protected] : www.bukulokomedia.com

Copyright © Lokomedia, 2011

Hak Cipta dilindungi oleh Undang-Undang

Dilarang memperbanyak, mencetak ataupun menerbitkan sebagian maupun seluruh isi buku ini tanpa izin tertulis dari penerbit.

Page 5: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

v

Kata Pengantar

Penulis memanjatkan puji syukur kehadirat Allah SWT yang telah memberikan kekuatan iman, kecerdasan, semangat yang tinggi serta kenikmatan yang dilimpahkan pada diri saya dan orang-orang sekitar saya. Dengan izin-Nya lah akhirnya penulis mampu untuk menyelesaikan buku yang berjudul “Sistem Penerimaan Mahasiswa Baru Berbasis Web dan Mobile (hanya 5 step saja!)”. Alhamdulillah…

Buku ini memang 100% praktek! Jadi di dalam buku ini, kita akan bersama-sama langsung membahas studi kasusnya yaitu membangun SI PMB berbasis Web dan Mobile. Walaupun nanti ada konsep yang akan dibahas, itu merupakan konsep sistem yang akan kita bangun. Setahu saya, studi kasus dengan tema ini belum pernah dibahas di buku manapun. Khusus untuk Anda, buku ini diterbitkan benar-benar untuk mengupas habis langkah-langkah rahasia dalam merancang sistem tersebut.

Intinya, pada buku ini, kami akan membimbing Anda secara step by step mulai dari nol sampai sukses membuat SI PMB berbasis Web dan Mobile ini. Buku ini juga disusun dengan gaya bahasa yang santai dan mudah dipahami oleh semua kalangan. Sebagai penutup, sekali lagi kami mengucapkan terima kasih kepada semua pembaca yang telah memilih buku ini sebagai buku panduan Anda. Dan juga terima kasih kepada penerbit LOKOMEDIA yang telah membantu saya menerbitkan buku ini. Untuk pertanyaan atau saran bisa dikirim ke email [email protected]

Yogyakarta, Juli 2010

Sidiq Wahyu

Page 6: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

vi

Halaman ini Sengaja Dikosongkan

www.bukulokomedia.com

Page 7: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

vii

Daftar Isi

Kata Pengantar ....................................................................................................v

Daftar Isi ............................................................................................................vii

STEP 1. Perancangan Konsep Sistem Informasi PMB

1.1. Pendahuluan .................................................................................................2

1.2. Membuat Peta Situs Sistem PMB ...............................................................3

1.3. Alur Kerja Sistem PMB Berbasis WEB dan Mobile ..................................4

1.4. Analisa Kebutuhan Sistem PMB .................................................................6

1.5. Instalasi dan Konfigurasi Software ..............................................................7

STEP 2. Implementasi Dan Perancangan Pembuatan Database dan Tabel

2.1. Pendahuluan ...............................................................................................10

2.2. Perancangan Database untuk Sistem PMB ...............................................10

2.2.1. Database yang Digunakan ...............................................................10

2.2.2. Merancang Tabel Admin..................................................................10

2.2.3. Merancang Tabel Pendaftaran .........................................................11

2.2.4. Merancang Tabel Jenis .....................................................................12

2.2.5. Merancang Tabel Agama .................................................................13

2.2.6. Merancang Tabel Jurusan_smu .......................................................14

2.2.7. Merancang Tabel Kabupaten & Propinsi ........................................15

2.2.8. Merancang Tabel Warga, Jurusan, Jurusan2, Info, Tempat,

Syarat, Gelombang, Status, Status Admin, pmb_config ................16

Page 8: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

viii

STEP 3. Implementasi Pembuatan Sistem PMB Berbasis Web

3.1. Pendahuluan ...............................................................................................20

3.2. Membuat Halaman Utama (Main) ............................................................20

3.3. Membuat Halaman Index ..........................................................................23

3.4. Membuat Halaman Informasi PMB ..........................................................26

3.5. Membuat class.mysql.php .........................................................................26

3.6. Membuat Halaman Konfirmasi Pembayaran ............................................27

3.7. Membuat Halaman Pendaftaran ................................................................35

3.8. Membuat Halaman Data Pendaftar ...........................................................40

3.9. Membuat Halaman Pengumuman Kelulusan ...........................................44

STEP 4. Implementasi Pembuatan Sistem PMB Berbasis Mobile

4.1. Pendahuluan ...............................................................................................46

4.2. Instalasi WinWAP ......................................................................................48

4.3. Membuat Halaman Utama (Main) ............................................................54

4.4. Membuat Halaman Index ..........................................................................57

4.5. Membuat Halaman Informasi PMB ..........................................................58

4.6. Membuat Halaman Pendaftaran ................................................................59

4.7. Membuat Halaman Data Pendaftar ...........................................................65

4.8. Membuat Halaman Data Kelulusan ..........................................................73

4.9. Membuat Halaman Konfirmasi Pembayaran ............................................78

STEP 5. Implementasi Pembuatan Administrasi Sistem PMB

5.1. Pendahuluan ...............................................................................................90

5.2. Membuat Halaman Index ..........................................................................90

5.3. Membuat Halaman Main (Utama) ............................................................93

5.4. Membuat Halaman Menu Admin ..............................................................94

Page 9: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

ix

5.5. Membuat Halaman Data Pendaftar .........................................................104

5.6. Membuat Halaman Cek Pendaftaran ......................................................107

5.7. Membuat Halaman Cek Tes Tertulis ....................................................... 111

5.8. Membuat Halaman Konfigurasi PMB ....................................................113

5.9. Membuat Menu Logout Admin ...............................................................114

5.10. Sebuah Penutup ......................................................................................115

Lampiran ........................................................................................................117

Page 10: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

Halaman ini Sengaja Dikosongkan

www.bukulokomedia.com

Page 11: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

Perancangan Konsep Sistem Informasi PMB

1StEp

Page 12: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

2 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

STEP KE-1Perancangan Konsep Sistem Informasi

Penerimaan Mahasiswa Baru (PMB)

1.1 PendahuluanInti dari step ke-1 ini adalah kita akan menganalisa dan merancang konsep sistem penerimaan mahasiswa baru yang akan dibangun. Iyaa, karena hal ini merupakan kewajiban kita sebelum nantinya action membuat sistem tersebut. Jika kita membuat sistem tanpa ada rancangan konsepnya itu bagaikan kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan terjadi? Pastinya rasa dari bakso sapi tersebut akan ‘ngalor-ngidul’ (gak jelas), betul??^_^

Woi penulis,, ini buku TI kok sampai ke membuat bakso sih?? Hehe. Sabar bro. Makanya, ayo kita langsung action untuk menganalisa dan merancang konsep sistem PMB yang akan dibangun aja ya..^_^

Nahh, sekarang… coba deh kita analisa dulu, biasanya kalau mau membangun sistem informasi PMB itu gimana sih alurnya? Menu-menu apa saja yang harus ada? Lalu proses-proses apa saja yang terjadi dalam sistem PMB? Untuk bisa menjawab pertanyaan ini, maka kita pun harus mengamati kegiatan pendaftaran mahasiswa baru yang ada di suatu kampus gitu. Rata-rata sih alur pendaftaran di semua kampus hampir sama ya.. Yaitu seperti berikut :

1. Mahasiswa datang ke kampus, tentunya ke tempat sekretariat PMB untuk mengambil formulir pendaftaran.

2. Customer service (CS) dari kampus memberikan formulir pendaftaran (yang sudah disertai no.pendaftaran) dan informasi tentang persyaratan yang harus dilengkapi.

3. Mahasiswa kemudian mengisi formulir pendaftaran dan melengkapi syarat-syaratnya.

4. Mahasiswa menyerahkan formulir pendaftaran yang sudah diisi dan menyerahkan persyaratan lengkap, sekaligus membayarkan uang pendaftaran kepada CS.

5. CS pun mengecek formulir dan persyaratannya. Jika sudah lengkap maka

Page 13: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

3STEP 1 . Perancangan Konsep S is tem In formasi PMB

CS memberikan kartu untuk mengikuti ujian tes tertulisnya.

6. Mahasiswa mengkuti ujian tes tertulis sesuai jadwal yang diberikan.

7. Panitia akan mengumumkan hasil ujian tes di papan pengumuman. Kemudian kepada mahasiswa yang lulus ujian tes dimohon untuk melakukan registrasi.

8. Mahasiswa yang sudah dinyatakan lulus diwajibkan melakukan registrasi dan pembayaran biaya kuliahnya.

9. Jika sudah OK, maka mahasiswa sudah resmi menjadi mahasiswa di kampus tersebut dan mendapatkan KTM (Kartu Tanda Mahasiswa) dan panduan yang lain.

Kurang lebih seperti itu kan alur pendaftaran mahasiswa baru secara offline. Nahh, bagaimana kalau kita akan meng-online kan alur tersebut. Maksudnya adalah membuat sistem untuk menangani hal-hal terkait dengan penerimaan mahasiswa baru tersebut. Langsung saja ya ke langkah berikutnya…

1.2 Membuat Peta Situs (Site Map) Sistem PMBSaya yakin Anda pasti sudah tahu ya apa itu peta situs?? Yang namanya peta berarti kan yang menggambarkan denah gitu. Berarti peta situs itu yaa yang menggambarkan denah dari situs yang akan dibangun. Misalkan menu-menu apa saja sih yang ada di situs ini nanti. Kalau misalkan user nge-klik menu A, maka akan dibawa ke halaman mana gitu, dst.

Bagi Anda yang pernah kuliah di jurusan Teknik Informatika, alangkah lebih baik lagi kalau dibuat DFD dan ERD nya terlebih dahulu. Sambil belajar jadi seorang analis kan?? Pengalaman kita waktu skripsi, kebanyakan menggunakan metode extreme programming kan, yaitu kita langsung membuat sistemnya (coding) dulu, baru kemudian menggambar rancangan sistemnya untuk laporan skripsi kita, hehe. Bagi Anda yang tidak tahu apa itu DFD dan ERD, gak usah berkecil hati, karena gak wajib kok... DFD dan ERD itu merupakan salah satu alat bantu untuk membangun/ mengembangkan sistem. Kalau DFD itu untuk menggambarkan aliran data yang terjadi dalam sistem tersebut, sedangkan ERD itu untuk menggambarkan rancangan database nya.

Yaa, sudah, langsung action lagi aja ya…Saya kan dah janji gak kebanyakan teori,hehe. Nahh, gambar 1.1 berikut adalah gambaran dari sistem/ situs yang akan dibangun.

Page 14: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

4 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

Gambar 1.1 Peta situs PMB

Nahh, kurang lebih seperti itu gambaran sistem yang akan dibangun. Jadi menu utama di situs tersebut ada 5 menu. Entah itu yang berbasis Web, maupun yang berbasis Mobile. Lanjut lagi yukk….

1.3 Alur Kerja Sistem PMB Berbasis Web dan MobileUntuk dapat membangun sistem informasi PMB ini, kita harus memahami alur kerja sistem yang akan kita buat nantinya. Hal ini bisa disesuaikan dengan hasil analisa yang sudah kita lakukan sebelumnya atau disesuaikan dengan kondisi di kampus masing-masing.

Nahh, pada program yang akan kita buat ini, sistem bisa menangani masalah-masalah sebagai berikut:

1. Seorang calon mahasiswa baru bisa mendapatkan semua informasi tentang penerimaan mahasiswa baru melalui website ataupun handphone nya. Misalnya informasi program studi & konsentrasi, biaya kuliah, jadwal kegiatan PMB, pengumuman kelulusan, dll.

Page 15: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

5STEP 1 . Perancangan Konsep S is tem In formasi PMB

2. Calon mahasiswa tersebut bisa melakukan pendaftaran secara online tanpa harus mendaftar menjadi member dulu.

3. Di form pendaftaran, mahasiswa harus mengisikan form tersebut secara lengkap. Jika sudah lengkap dan melakukan pendaftaran, maka mahasiswa sudah terdaftar di sistem.

4. Mahasiswa pun bisa melakukan pembayaran via transfer ke rekening panitia PMB. Kemudian mahasiswa bisa melakukan konfirmasi pembayarannya lewat fitur di web ataupun handphone nya. Hal ini untuk memudahkan calon mahasiswa dari luar kota.

5. Untuk melakukan konfirmasi pembayaran, mahasiswa harus menginputkan nama/ nomor pendaftarannya terlebih dahulu. Sehingga sistem akan menampilkan data pendaftarannya secara detail. Setelah itu baru bisa melakukan konfirmasi. Hal ini dilakukan agar mahasiswa tidak salah dalam melakukan konfirmasi.

6. Setelah admin melakukan cek pembayaran mahasiswa tersebut dan ternyata pembayarannya masuk, maka admin mengubah status syarat pendaftaran mahasiswa tersebut menjadi lengkap sehingga bisa melanjutkan ke prosedur berikutnya.

7. Mahasiswa yang melakukan pembayaran online harus tetap datang ke sekretariat PMB untuk melihat jadwal ujian dan mengambil kartu ujiannya.

8. Setelah ujian selesai, maka tugas admin adalah mengubah status tes mahasiswa dan memilih jurusan diterima. Sehingga mahasiswa bisa mendapatkan informasi bahwa dirinya diterima di jurusan apa gitu.

9. Sistem pun bisa melakukan pencarian data kelulusan berdasarkan nomor pendaftaran/ nama mahasiswa yang diinputkan ketika berada di form pencarian.

10. Calon mahasiswa bisa mendapatkan informasi data pendaftar-pendaftar secara detail berdasarkan gelombang masing-masing, yaitu gelombang khusus, gelombang I, dst.

11. Mahasiswa pun bisa melakukan pencarian pendaftar berdasarkan nama/ nomor pendaftarannya. Hal ini berguna misalkan mahasiswa tersebut ingin melihat apakah temannya ada yang mendaftar di kampus itu juga. Begitu…^_^

Beberapa daftar di atas merupakan kriteria sistem yang akan kita bangun

Page 16: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

6 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

nantinya. Dengan kriteria sistem tersebut diharapkan kita akan bisa lebih mudah dalam mengimplementasikan ke dalam program.

1.4 Analisa Kebutuhan Sistem PMBBerdasarkan peta situs dan kriteria yang sudah kita tentukan sebelumnya, maka kita bisa menentukan kebutuhan-kebutuhan apa saja sih yang harus dipenuhi untuk membangun sistem yang bisa berjalan sesuai rancangan site map dan kriteria tersebut. Betul kan?hehe.

Kebutuhan-kebutuhannya tentunya terdiri dari beberapa yaitu kebutuhan software/ aplikasi dan kebutuhan program itu sendiri. Untuk kebutuhan software yang diperlukan untuk membangun sistem PMB ini adalah sebagai berikut:

1. Notepad++ untuk area kerja coding kita nantinya. (sudah kami sertakan di CD ini, kalau Anda sudah punya yaa bagus tuh,^_^)

2. Apache Web Server untuk testing hasil kerja coding kita nantinya. Dalam hal ini kami sarankan untuk memakai XAMPP yang sudah 1 paket. (XAMPP sudah disertakan juga di CD ini)

3. Emulator WinWAP Browser untuk testing program Mobile kita nantinya. Oo,iya, untuk progam aplikasi Mobile ini kita menggunakan teknologi WAP (Wireless Application Protocol). Untuk lebih jelas tentang teori/konsep WAP, bisa belajar dari mbah google ya...^_^. Yang jelas bahasa pemrograman yang akan kita pakai adalah Wireless Markup Language (WML).

4. Sudah itu saja deh kayaknya…hehe.

Sedangkan untuk kebutuhan programnya tentunya ada banyak sekali yahh, yaitu dijelaskan per menu yang ada sebagai berikut:

1. Menu home (index.php)

2. Menu informasi PMB.

Menu ini dibagi 2 sub-menu yaitu program studi dan biaya kuliah. Kedua sub-menu ini cukup dibuat secara statis. Jadi kita tidak perlu pusing-pusing memikirkannya,hehe. Cukup membuat 2 program statis, yaitu info.php dan biaya.php

Page 17: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

7STEP 1 . Perancangan Konsep S is tem In formasi PMB

3. Menu pendaftaran.

Disinilah kita harus membuat program inti yaitu form untuk pendaftaran. Kemudian kita harus membuat program (script) validasi untuk memastikan semua form diisi. Setelah itu juga membuat program untuk mengirimkan data pendaftaran ke sistem.

4. Data pendaftar.

Program yang dibutuhkan adalah program membuat form untuk pencarian data pendaftar berdasarkan nama/nomor pendaftaran. Kemudian membuat program untuk menampilkan data pendaftar berdasarkan gelombang masing-masing.

5. Data kelulusan

Program yang dibutuhkan adalah program membuat form untuk pencarian data kelulusan berdasarkan nama/nomor pendaftaran. Kemudian membuat program untuk menampilkan langsung data semua kelulusan dari link yang ada di halaman ini.

6. Konfirmasi pembayaran.

Menu ini sebenarnya hampir sama kok dengan menu data pendaftar. Jadi kita harus membuat program menampilkan form untuk cek data pendaftaran yang akan dikonfirmasikan pembayarannya. Seperti yang sudah dijelaskan di alur kerja sistem sebelumnya tentang proses konfirmasi ini. Oke? ^_^

1.5 Instalasi dan Konfigurasi SoftwareUntuk instalasi Notepad++, XAMPP, WinWAP Browser nya sudah bisa kan? Saya yakin Anda sudah bisa ya… Tinggal di next-yes-next-yes gitu kan?hehe. Tapi tenang saja, khusus untuk instalasi WinWAP Browser nya akan kami jabarkan di STEP ke-4 (Semua software yang dibutuhkan sudah disertakan di CD buku ini).

Sedangkan untuk konfigurasi yang harus dilakukan adalah sebagai berikut:

1. Buka file C:\xampp\apache\conf . Konfigurasi yang harus Anda lakukan adalah mengubah atau menambahkan deskripsi DirectoryIndex dan AddType menjadi seperti berikut ini:

Page 18: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

8 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

<IfModule dir_module>

DirectoryIndex index.html

DirectoryIndex index.php

DirectoryIndex default.php

DirectoryIndex main.php

DirectoryIndex index.wml

</IfModule>

Script DirectoryIndex tersebut kalau di XAMPP yang saya install terdapat pada baris ke-237.

Lalu ubah juga deskripsi AddType nya menjadi seperti berikut:<IfModule mime_module>

AddType application/x-httpd-wap .wml

AddType text/vnd.wap.wml .wml

AddType image/vnd.wap.wbmp .wbmp

AddType text/vnd.wap.wmlscript .wmlsc

AddType text/vnd.wap.wmlscript .wmls

AddType Application/vnd.wap.wmlc .wmlc

AddType Application/vnd.wap .wmlscript

AddType text/vnd.wap .wmlscript

Script AddType tersebut terdapat pada baris ke-390. Konfigurasi ini berguna untuk mengenalkan kepada apache bahwa nanti kita juga akan membuat file berekstensi .wml . Kalau tidak dikasih script pengenalan ini, maka sudah pasti program WML tersebut tidak bisa dijalankan.

Page 19: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

Perancangan dan Implementasi Pembuatan

Database dan Tabel

2StEp

Page 20: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

10 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

STEP KE-2Perancangan dan Implementasi Pembuatan

Database dan Tabel

2.1 PendahuluanInti dari step ke-2 ini adalah kita akan bersama-sama merancang basisdatanya, yaitu membuat database dan tabel yang dibutuhkan. Saya yakin Anda juga sudah tahu tentang database dkk. (dan kawan-kawannya,hehe). Jadi langsung action saja yakkk!!

2.2 Perancangan Database untuk Sistem PMB2.2.1 Database yang DigunakanWalaupun SI PMB ini nantinya akan menggunakan dua teknologi, yaitu Web dan Mobile, namun database yang digunakan untuk menyimpan semua data dalam sistem tersebut cukup 1 database saja. Database yang akan dibuat kita beri nama sipmbdb.

Untuk perancangan tabelnya nanti ini agak berbeda dari cara biasanya lho...Pokoknya ini menggunakan cara kreatif. Tabelnya sendiri ada sekitar 20-an, semuanya saling berelasi. Terutama di tabel pendaftaran nanti. Tabel yang dibutuhkan yaitu sebagai berikut:

2.2.2 Merancang Tabel AdminTabel admin berguna untuk menyimpan data username dan password yang dimiliki oleh pengelola sistem ini, alias sering disebut ‘Sang Administrator’. Langkah untuk merancangnya adalah sebagai berikut:

1. Buka localhost/phpmyadmin di browser Anda.

2. Create new database sipmbdb.

3. Create new table on database sipmbdb. Nama tabel yang dibuat admin. Rancangannya adalah sebagai berikut:

Page 21: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

11STEP 2 . Perancangan dan Implementas i Pembuatan Da tabase dan Tabe l

Field Type Keterangan

ad_id int(11) a u t o _ i n c r e m e n t , primary key

ad_nama varchar(20)

username varchar(40)

password varchar(40)

4. Sekarang insert data sekalian yaa... Kalau kita sudah berada di halaman phpmyadmin, caranya sangat mudah sekali. Kalau Anda dari IT pasti sudah tahu caranya dong,^_^. Silahkan insert data sesuai kebutuhan Anda. Tinggal di klik tabel admin yang barusan dibuat. Lalu klik tab menu insert. Kalau sudah di insert tinggal diisi dan klik Go… Jadi deh…

2.2.3 Merancang Tabel PendaftaranTabel pendaftaran ini digunakan untuk menyimpan data pendaftaran mahasiswa. Pendaftaran merupakan proses inti dalam sistem ini. Nahh, inilah cara kreatif yang harus Anda pahami. Di dalam tabel pendaftaran ini nantinya banyak field yang berisi id-id saja. Hal ini dilakukan dengan tujuan penghematan memori dalam database pada saat penyimpanan data pendaftaran, karena yang disimpan kebanyakan hanya 1 bit saja, yaitu id nya. Nantinya id ini akan nge-reference ke id yang sesuai (yang berada di tabel lainnya)… Begitu...

Sekarang, kita langsung action saja yaa, biar lebih jelas,oke. Rancangan tabel pendaftarannya adalah sebagai berikut:

Page 22: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

12 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

Field Type Keterangan

p_id int(11) a u t o _ i n c r e m e n t , primary key

p_tgl Datetime

p_nama varchar(100)

p_no_id varchar(100)

j_id int(11)

a_id int(11)

p_asal varchar(100)

js_id int(11)

p_nem decimal(3,2)

p_alamat Text

w_id int(11)

k_id int(11)

p_kodepos varchar(6)

p_tlp varchar(30)

p_email varchar(30)

ju_id int(11)

ju_id2 int(11)

ju_fix int(11)

i_id int(11)

t_id int(11)

s_id int(11)

g_id int(11)

b_id int(11)

st_id int(11)

ko_tgl varchar(30)

ko_jam varchar(30)

ko_no_rek varchar(30)

Page 23: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

13STEP 2 . Perancangan dan Implementas i Pembuatan Da tabase dan Tabe l

Nahh, sekarang pasti sudah paham kan maksud yang tadi?? Kan kelihatan tuh, banyak field yang ber id, tapi yang ber type int(11) lho. Misal j_id, a_id, js_id, ju_id, ju_id2, g_id, dst…. Field-field ini nanti nge-reference ke field yang ada di tabel lainnya. Tentunya yang sesuai dengan nama fieldnya. Jadi intinya di tabel pendaftaran ini banyak sekali relasi ke tabel yang lain. Untuk lebih jelasnya lagi, nanti bisa dilihat di gambar relasi tabelnya, Oke??!

Oo,,iya,,untuk insert data khusus di tabel pendaftaran ini nanti saja ya, ketika di aplikasi nya. Lanjutttt!!!

2.2.4 Merancang Tabel JenisTabel jenis ini digunakan untuk mendefinisikan jenis kelamin yang ada. Rancangan tabel jenis adalah sebagai berikut:

Field Type Keterangan

j_id int(11) a u t o _ i n c r e m e n t , primary key

j_nama varchar(20)

Nahh, tadi kan di tabel pendaftaran ada field j_id tuh. Field j_id yang ada di tabel pendaftaran tadi nge-reference ke j_id yang ada di tabel jenis ini. Sehingga nanti saat query dijalankan, program bisa tahu kalau misalkan j_id nya 1 itu nama jenis nya apa, dst.

Untuk lebih jelasnya, ayo action membuat master data jenis dulu ke tabel jenis. Caranya seperti yang sudah dijelaskan tadi yaa. Yang kita insert kan cukup 2 data saja. Yaitu seperti berikut:

j_id j_nama

1 Pria

2 Wanita

2.2.5 Merancang Tabel AgamaTabel agama ini digunakan untuk mendefinisikan agama yang ada di option list (pilih agama) saat melakukan pendaftaran. Nahh, a_id yang ada di tabel pendaftaran tadi juga nge-reference ke a_id yang ada di tabel agama ini. Rancangan tabelnya seperti berikut:

Page 24: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

14 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

Field Type Keterangan

a_id int(11) a u t o _ i n c r e m e n t , primary key

a_nama varchar(20)

Setelah itu langsung saja kita buat master data agama ke tabel agama tersebut. Dalam hal ini karena ada 6 pilihan agama, maka kita harus menginputkan 6 data sebagai berikut:

a_id a_nama

1 Islam

2 Katolik

3 Protestan

4 Budha

5 Hindhu

6 Lainnya

2.2.6 Merancang Tabel Jurusan_smuTabel jurusan_smu ini digunakan untuk mendefinisikan jurusan yang ada di option list (pilih jurusan smu) saat melakukan pendaftaran. Nahh, js_id yang ada di tabel pendaftaran tadi juga nge-reference ke js_id yang ada di tabel jurusan_smu ini. Rancangan tabelnya seperti berikut:

Field Type Keterangan

js_id int(11) a u t o _ i n c r e m e n t , primary key

js_nama varchar(20)

Setelah itu langsung saja kita buat master datanya juga ke tabel jurusan_smu tersebut. Dalam hal ini ada 6 pilihan jurusan, maka kita harus menginputkan 6 data sebagai berikut:

Page 25: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

15STEP 2 . Perancangan dan Implementas i Pembuatan Da tabase dan Tabe l

js_id js_nama

1 IPA

2 IPS

3 Bahasa

4 STM

5 SMEA

6 Lainnya

2.2.7 Merancang Tabel Kabupaten & PropinsiTabel kabupaten ini digunakan untuk mendefinisikan nama-nama kabupaten yang ada di seluruh indonesia. Tentunya berdasarkan propinsi yang sebelumnya sudah dipilih oleh mahasiswa saat melakukan pendaftaran lewat sistem ini. Jadi, k_id yang ada di tabel pendaftaran tadi juga nge-reference ke k_id yang ada di tabel kabupaten ini. Rancangan tabelnya seperti berikut:

Field Type Keterangan

k_id int(11) a u t o _ i n c r e m e n t , primary key

pr_id int(11)

k_nama varchar(20)

Wahh, kalau untuk pembuatan master data kayaknya gak mungkin deh ditampilin di buku ini,hehe. Karena total ada 453 kabupaten. Jadi nanti bisa import sql yang sudah disertakan dalam CD buku ini yaa.... Sedangkan rancangan tabel propinsinya adalah sebagai berikut:

Field Type Keterangan

pr_id int(11) a u t o _ i n c r e m e n t , primary key

pr_nama varchar(20)

Untuk tabel propinsi, pembuatan master datanya juga tidak ditampilkan karena jumlah propinsi yang begitu banyak, yaitu 33 propinsi.

Page 26: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

16 Sis tem Pener imaan Mahas iswa Baru Berbas is Web dan Mobi le

2.2.8 Merancang Tabel Warga, Jurusan, Jurusan2, Info, Tempat, Syarat, Gelombang, Status, Status Admin, pmb_config Tabel-tabel yang disebutkan diatas sebenarnya struktur tabelnya sama semua, hanya terdiri dari 2 field saja. Yaitu id dan nama saja. Penjelasannya pun juga sama dengan yang dijelaskan sebelumnya di tabel jenis/ tabel agama/ tabel jurusan_smu diatas. Pada intinya di tabel pendaftaran itu ada id yang nge-reference ke masing-masing tabel yang id nya sesuai dengan id yang ada di tabel pendaftaran tersebut. Begitu ceritanya… Jadi tidak perlu dijelaskan 1 per 1 yaa pembuatan tabel dan master datanya. Konsepnya sama kok dengan yang diatas. Karena kalau dijelaskan semua, akan menghabiskan banyak halaman sendiri,hehe.

Oo,,iya,,,mungkin Anda bertanya, “Selain untuk penghematan memori, kenapa sih di tabel pendaftaran banyak sekali field yang berisi id-id saja? Jadi kan banyak relasinya”… Pertanyaan bagus tuh,hehe. Hal tersebut kita lakukan untuk mempermudah kita dalam membuat program & sql query nantinya. Lalu juga agar di phpmyadmin nya terlihat lebih rapi,hehe. Oo,iya,untuk pembuatan tabel & master datanya bisa juga langsung import dari awal setelah kita membuat database sipmbdb tadi… langsung saja klik tab import, terus import deh file sql yang ada di CD buku ini. Tapi kalau mau membuat tabel dan master data secara mandiri seperti yang sudah dijelaskan diatas juga boleh kok, Oke? TETAP SEMANGAATTTTTT!!!

Oo,,iya, hampir saja ada yang lupa… Gambar relasi antar tabelnya adalah sebagai berikut:

Page 27: Sistem Berbasis Web dan Mobile - tokolokomedia.com · kita membuat bakso sapi tanpa mengetahui komponen resepnya/ tanpa ada panduannya sama sekali. Bisa kita bayangkan apa yang akan

17STEP 2 . Perancangan dan Implementas i Pembuatan Da tabase dan Tabe l

Gambar 2.1 Relasi antar tabel