Tugas Akhir Sistem Informasi Akademik Berbasis Web Di Politeknik Indotec Kendari

1
LAPORAN TUGAS AKHIR SISTEM INFORMASI AKADEMIK BERBASIS WEB DI POLITEKNIK INDOTEC KENDARI
Disusun Oleh
Zulkifli Izharul Abdullah
TI 09 002 TI 09 016
PROGRAM STUDI TEKNIK INFORMATIKA POLITEKNIK INDOTEC KENDARI 2011
HALAMAN PERSETUJUAN
Disusun Dan Diajukan Oleh
IZHARUL ABDULLAH Ti 09 016 Telah Mendapat Persetujuan Dari Tim Pembimbing Pembimbing I Pembimbing II
Baco, S.Kom NIDN. 0910068002
Hamzah Hamid, S.Pi NIDN. 09291076602
Mengetahui Ketua jurusan Teknik Informatika Politeknik Indotec Kendari
Akbar Nurdin ssi
HALAMAN PENGESAHAN
Disusun Dan Diajukan Oleh
IZHARUL ABDULLAH TI 09 016
Telah Dipertahankan Didepan Penguji Pada Tanggal . . . . . . November 2011 Dan Dinyatakan Telah Memenuhi Syarat Menyetujui Pembimbing Pembimbing I Pembimbing II
BACO, S.Kom NIDN. 0910068002
HAMZAH HAMID, S.Pi NIDN. 0929107602
Dewan Penguji Penuji I Penguji II Penguji III
BACO, S.Kom NIDN. 0910068002
M. YUSRAN TJAPPE, SE
YACUB, S.Kom
Mengetahui Ketua Jurusan Teknik Informatika Politeknik Indotec Kendari
AKBAR NURDIN Ssi
RIWAYAT HIDUP
Pas Foto 3x4
A. Identitas 1. Nama 2. Tempat Tanggal Lahir 3. Jenis Kelamin 4. Agama 5. Suku / Bangsa 6. Alamat
: Izharul Abdullah : Batuawu, 10 Februari 1989 : Laki Laki : Islam : Moronene / Indonesia : Lorong Dolok / Mandonga
B. Pendidikan 1. SD Negeri 1 Batuawu, Tamat Tahun 2001 2. SMP Negeri 3 Kabaena, Tamat Tahun 2004 3. STM Kendari, Tamat Tahun 2007
MOTTO
Hidup Adalah Kesempatan Maka Gunakanlah Kesempatai Itu Selagi Masih Ada Tantangan Adalah Semangat Dengan Semangat Kita Dapat Selangkah Lebih Maju
Ilmu Adalah Harapan, Infestasi Paling Berharga Dengan Harapan Gapailah Cita Citamu Untuk Berkarya Maka Hormatilah, Hargai Dan Cintailah Ilmu Yang Kamu Peroleh Sebagat Mana Kamu Mencintai, Bangsa, Negara Keluarga dan Profesimu
Profesi Adalah Ibadah Maka Tunjukanlah Yang Terbaik Buat Profesimu Hiasilah Harimu Dengan Senyum Dengan Senyuman Merubah Hitam Menjadi Putih
Karya Tulis Ini Kupersembahkan : Kepada : Agama, Almamaterku Kedua Orang Tuaku
PRAKATA
Puji syukur penulis panjatkan kehadirat Allah SWT. Yang telah memberikan karunianya-Nya, sehingga penulis dapat menyelesaikan penyusunan Tugas Akhir ini. Salawat dan salam senantiasa tercurah atas Rasulullah Muhammad SAW. Manusia terindah yang pernah hadir di muka bumi. Penulis menyadari sepenuhnya bahwa dalam penulisan Tugas Akhir ini masih jauh dari kesempurnaan, baik mengenai penulisan maupun isinya, namun dengan segala kerendahan hati, penulis memberanikan diri mempersembahkannya untuk memenuhi salah satu persyaratan guna memperoleh gelar Ahli Madya Computer pada akademi politeknik Indotec Kendari Jurusan Teknik Informatika. Sehubungan dengan hal tersebut, penulis mengharapkan kriitik dan saran yang membangun demi kesempurnaan penyusunan Tugas Akhir ini. Dalam pelaksanaan Tugas Akhir ini penulis dapat mendapatkan bantuan dari berbagai pihak baik berupa, bimbingan, saran, nasehat, serta semangat. Oleh karena itu dengan besar hati penulis menyampaikan ucapan terima kasih kepada : 1. Bapak Akbar Nurdin Ssi Selaku ketua Jurusan Teknik Informatika. 2. Bapak Baco, S.Kom selaku pembimbing I dan Bapak Hamzah Hamid, S.Pi selaku pembimbing II, yang telah memberikan bimbingan, koreksi demi perbaikan selama penyusunan Tugas Akhir ini. 3. Bapak dan ibu Dosen serta staf Politeknik Indotec yang telah memfasilitasi dan memberikan ilmu pengetahuan kepada penulis selama menempuh perkuliahan di Piliteknik Indotec Kendari 4. Tak lupa penulis ucapkan terima kasih yang tak terhingga kepada kedua orang tua yang telah memeberikan motifasi atau dorongan selama memenpuh pendidikan sehingga penulis dapat menyelesaikan studi dengan baik 5. Rekan rekan seperjuangan angakatan 2008 Jurusan Teknik Informatika yang namanya tiidaak sempat disebut satu persatu, penulis mengucapkan
terimakasih yang sebesar besarnya atas dukungan dan kebersamaannya selama menempuh pendidikan 6. Terimakasih kepada istri saya tercinta Veby Resti Winengsih yang salalu selalu setia memberikan semangat dalam menyelesaikan tugas akhir ini. 7. Terimakasih kepada Rasya Nisa Fatir yang selalu memberikan support dalam menyelesaikan tugas akhir ini. Akir kata penullis menghaturkan ucapan Alhamdulillah, semoga segala bantuan dan amal ibadah dari semua pihak yang telah membantu, kiranya mendapatkan pahala yang setimpal dari Allah SWT. Semoga Allah SWT senantiasa melimpahkan rahmat dan karunia-Nya kepada kita Semua.
Kendari, 28 November 2011
penyusun
DAFTAR ISI
Hal HALAMAN JUDUL........................................................................................ i HALAMAN MOTTO ...................................................................................... ii KATA PENGANTAR ..................................................................................... iii DAFTAR ISI .................................................................................................... iv DAFTAR TABEL ............................................................................................ viii DAFTAR GAMBAR ....................................................................................... ix DAFTAR LISTING ......................................................................................... xi
BAB.I
PENDAHULUAN ......................................................................... 1 A. Latar belakang ........................................................................ 1 B. Identifikasi Masalah ............................................................... 2 C. Batasan masalah ..................................................................... 2 D. Rumusan Masalah .................................................................. 3 E. Tujuan ................................................................................... 3 F. Mamfaat ................................................................................. 3 a. Bagi mahasiswa ................................................................. 4 b. Bagi kampus ...................................................................... 4 G. Metode pengumpulan data ..................................................... 4 1. Observasi ........................................................................... 4 2. Interview ............................................................................ 4 3. Referensi/pustaka .............................................................. 5
BAB II.
GAMBARAN UMUM PTS POLITEKNIK INDOTEC .............. 6 A. Profil umum PTS POLITEKNIK INDOTEC ........................ 6 B. Struktur organisasi politeknik indotec ................................... 8 C. VISI dan MISI PTS POLITEKNIK INDOTEC..................... 9
BAB III.
LANDASAN TEORI .................................................................... 10 A. Konsep dasar sistem ............................................................... 10 1. Karakteristik System ........................................................ 10 2. Tahap pengembangan sistem............................................. 11 B. Basis data ............................................................................... 12 C. DBMS .................................................................................... 13 D. Model Data ............................................................................. 13 1. Entitas ................................................................................ 13 2. Atribut ............................................................................... 14 3. Relasi ................................................................................. 14 E. Diagram konteks dan diagram alir data ................................. 15 a. Diagram konteks................................................................ 15 b. Diagram alir data ............................................................... 16 F. ERD ........................................................................................ 17 G. SQL ........................................................................................ 17 H. Browser .................................................................................. 17 1. Web Server ........................................................................ 17 2. Web browser...................................................................... 19 I. Hypertext Markup Language (HTML) .................................. 21 1. Dasar-dasar HTML............................................................ 21 2. Struktur dasar html ............................................................ 22 J. PHP ........................................................................................ 23 1. Sekilas PHP ....................................................................... 23 2. Script PHP ......................................................................... 24 3. Tag PHP ............................................................................ 25 K. MySQL................................................................................... 26 L. Sistem Informasi .................................................................... 28 M. Adobephotoshop .................................................................... 28 N. Macromedia Dreamweaver .................................................... 29
10
O. Xammp ................................................................................... 30
BAB IV.
ANALISA DAN PERANCANGAN SISTEM ............................. 32 A. Analisa sistem ........................................................................ 32 B. Diagram konteks dan DAD/DFD ........................................... 33 1. Diagram konteks................................................................ 34 2. DFD level 0 Sistem informasi Akademik ......................... 35 3. DFD level 1 untuk login dan verifikasi user ..................... 36 4. DFD level 1 untuk pengisian KRS .................................... 37 5. DFD level 1 untuk pengolahan nilai.................................. 38 C. ERD ........................................................................................ 38 D. Rancangan Tabel .................................................................... 39 E. Rancangan tamplan ................................................................ 43
BAB V
IMPLEMENTASI SISTEM .......................................................... 47 A. Implementasi Basis Data ........................................................ 47 1. 2. 3. 4. 5. 6. 7. 8. 9. Tabel Agenda .................................................................. 47 Tabel berita ..................................................................... 48 Tabel download ............................................................... 48 Tabel hubungi ................................................................. 48 Tabel komentar ............................................................... 49 Tabel mahasiswa ............................................................. 49 Tabel matakuliah ............................................................. 50 Tabel modul .................................................................... 51 Tabel nilai ....................................................................... 51
10. Tabel poling .................................................................... 52 11. Tabel user ........................................................................ 52 B. Implementasi program Aplikasi ............................................. 58 1. 2. 3. Halaman login admin (CMS) .......................................... 58 Halaman utama untuk admin .......................................... 59 Halaman utama ............................................................... 60
11
4. 5. 6. 7. 8. 9.
Halaman home ................................................................ 61 Tampilan halaman profil ................................................. 63 Tampilan halaman login mahasiswa ............................... 64 Tampilan halaman utama pengisian KRS ....................... 65 Tampilan profil mahasiswa ............................................. 66 Tampilan halaman pilihan semester ................................ 67
10. Tampilan halaman hasil mahasiswa ................................ 68
BAB VII
KESIMPULAN DAN SARAN ..................................................... 80 A. Kesimpulan ............................................................................ 80 B. Saran ....................................................................................... 81
DAFTAR PUSTAKA LAMPIRAN
12
DAFTAR TABEL
Hal Tabel 1. Tabel 2. Tabel 3. Tabel 4. Tabel 5. Tabel 6. Tabel 7. Tabel 8. Tabel 9. Agenda .......................................................................................... 39 Berita ............................................................................................. 39 Download ...................................................................................... 40 Hubungi ......................................................................................... 40 Komentar ....................................................................................... 40 Mahasiswa ..................................................................................... 41 Matakuliah ..................................................................................... 41 Modul ............................................................................................ 42 Nilai ............................................................................................... 42
Tabel 10. Poling ............................................................................................ 43 Tabel 11. User ............................................................................................... 43
13
DAFTAR LISTING PROGRAM
Hal Listing 1. Listing 2. Listing 3. Listing 4. Listing 5. Listing 6. Listing 7. Listing 8. Listing 9. Listing 10. Listing 11. Listing 12. Listing 13. Listing 14. Struktur dasar html................................................................. 22 Struktur dasar php .................................................................. 24 Tag dasar php ......................................................................... 25 Halaman login admin ............................................................. 59 Halaman utama admin ........................................................... 60 Halaman pertama ................................................................... 61 Halaman home ....................................................................... 62 Halaman profil kampus .......................................................... 63 Tampilan halaman login mahasiswa ...................................... 64 Tampilan halaman utama pengisian krs................................. 65 Halaman profil mahasiswa..................................................... 66 Tampilan pilihan semester ..................................................... 67 Halaman matakuliah yang diprogramkan .............................. 68 Halaman khs mahasiswa ........................................................ 69
Listing 15. Halaman transkip nilai mahasiswa ........................................ 69
14
BAB I PENDAHULUAN
A. Latar Belakang Perkembangan Teknologi Informasi di seluruh dunia telah membuat hidup manusia menjadi semakin mudah. Terutama sejak diciptakannya jaringan internet, komunikasi menjadi semakin tidak terbatas dan tanpa hambatan, baik hambatan geografis maupun hambatan waktu. Kita dapat segera berkomunikasi dengan keluarga /saudara / teman yang berada di belahan dunia lain secara langsung melalui jaringan internet. Sudah tidak perlu diperdebatkan lagi bahwa perkembangan teknologi komputer sudah sangat maju. Perkembangan teknologi komputer memberikan manfaat yang cukup besar di segala bidang. Teknologi informasi dapat meningkatkan kinerja dan memungkinkan berbagai kegiatan dapat
dilaksanakan dengan cepat, akurat dan efisien, sehingga akhirnya akan meningkatkan produktivitas. Perkembangan teknologi informasi
memperlihatkan bermunculnya berbagai jenis kegiatan yang berbasis pada teknologi informasi, seperti e-government, e-commerce, e-education, elearning, e-medicine, e-laboratory dan lainnya, yang kesemuanya itu dimaksudkan untuk memudahkan mendapatkan sebuah informasi yang diinginkan seseorang. Seiring perkembangan teknologi informasi tersebut, tentunya harus bisa dimanfaatkan untuk dapat mengambil keuntungan dari dampak
perkembangan teknologi informasi tersebut. Sistem manual yang memiliki banyak kelemahan sudah semestinya ditinggalkan dan beralih kepada sistem informasi yang terkomputerisasi. Sebesar apapun manfaat dari perkembangan teknologi informasi jika tidak dimanfaatkan maka keunggulan atau manfaatnya menjadi tidak berguna. Politeknik Indotec Kendari merupakan
15
salah satu perguruan tinggi swasta di Kendari - Sulawesi Tenggara yang sedang berkembang. Dalam pelaksanaan selama ini, Sistem Informasi Akademik masih menggunakan sistem manual Hal ini juga dapat membuat bagian
Akademik/Front Office.besar kemungkinan untuk menjadi kurang teliti karena banyaknya mahasiswa yang harus dilayani, hal ini memungkinkan terjadinya kesalahan mermasukkan data ketika proses memasukkan data ke database.
B. Identifikasi Masalah Kemudahan-kemudahan yang dihasilkan oleh jaringan internet ini telah pula membuat proses perkuliahan dapat dipermudah, terutama dalam proses pengisian Kartu Rencana Studi (KRS) Dan Dapat Menampilkan KHS secara online. Karena dengan adanya jaringan internet telah dimungkinkan dibuatnya sistem informasi akademik. Untuk pembuatan aplikasi secara online, sekarang ini telah tersedia berbagai bahasa pemrograman yang mendukung aplikasi secara online, diantaranya yaitu ASP (Active Server Pages), PHP (PHP: Hypertext Preprocessor), Coldfusion dan Perl. Dalam kesempatan kali ini yang akan penulis gunakan adalah bahasa pemrograman PHP.
C. Batasan Masalah Mengingat luas dan kompleksnya permasalahan yang ada pada akademik Politeknik Indotec Kendari, maka Penulis dalam Laporan ini hanya membahas beberapa masalah sebagai berikut : 1. Input nilai akademik perkuliahan mahasiswa. 2. Input berita kampus dan jadwal perkuliahan. 3. Pembuatan database dalam format MySql untuk mendukung sistem pengisian Formulir Rencana Studi secara online. 4. Registrasi Mahasiswa dengan bahasa pemrograman PHP. Sitem pengisian KRS (kartu rencana studi) online yang dibuat mencakup proses sejak
16
mahasiswa
menukarkan
bukti
pembayaran,
sampai
mahasiswa
mendapatkan bukti pengisian Kartu Rencana Studi. D. Rumusan Masalah Apabila menggunakan sistem online, mahasiswa dapat memilih sendiri matakuliah yang diinginkannya secara langsung melalui komputer-komputer yang tersedia di laboratorium, warnet bahkan dari rumah masing-masing. Dengan pengisian langsung, Berdasarkan alasan yang Penulis kemukakan di atas maka rumusan masalah pada laporan yang Penulis buat adalah : 1. Sistem yang lama mengharuskan mahasiswa untuk datang ke kampus jika ingin melakukan penawaran mata kuliah (KRS). 2. Sistem yang lama mengharuskan bagian Akademik untuk meng-input-kan data/memindahkan data dari lembaran formulir pendaftaran & KRS ke komputer, sehingga menyita banyak waktu kerja bagian Akademik 3. Sistem yang lama mengharuskan mahasiswa untuk datang ke kampus jika ingin mengetahui nilai akademik, jadwal kuliah dan informasi terbaru dari kampus.
E. Tujuan Penelitian ini berupaya untuk memperbaiki sistem lama, yang secara manual dan menggantikannya dengan sistem baru, yang barjalan secara online.
F. Manfaat Penggantian sistem ini diharapkan dapat menghemat biaya serta menghemat waktu yang telah dikeluarkan selama proses pengisian Kartu Rencana Studi berlangsung. Dalam pembuatan tugas akhir ini terdapat mamfaat bagi Mahasiswa, kampus yaitu :
17
a. Bagi mahasiswa 1. Sebagai sarana penerapan ilmu yang diperoleh dibangku kuliah 2. Tugas proyek melatih penerapan pengetahuan dalam pengumpulan, pengolahan serta menganalisa data. 3. Tugas proyek melatih kedisiplinan, ketepatan kerja serta kekompakan kerja team. b. Bagi kampus 1. Menguji teori yang telah didapat mahasiswa selama kuliah dan menerapkannya pada tugas proyek yang ditangani. 2. Sebagai sarana evaluasi dibidang akademik bagi perkembangan dan peningkatan mutu pendidikan sehingga didapat suatu keseimbangan kurikulum yang dibutuhkan pada realita dilapangan kerja. 3. Menyiapkan mahasiswa yang siap menjadi tenaga kerja yang terampil dan siap pakai untuk bekerja dan bersikap kompetitif positif.
G. Metode pengumpulan data Dalam menunjang pencarian fakta dan pencaria data guna pemecahan masalah yang berkaitan dengan kasus ini, maka di perlukan pemahaman bagaiman sistem tersebut berjalan di perlukam beberapa metoda penelitian untuk memperoleh data yang akurat dan menghasilkan suatu sistem perangkat lunak yang baik. Metode yang digunakan tim tugas proyek kami dalam membuat sistem infomasi akademik politeknik indotec kendari berbasis web adalah : 1. Observasi Merupakan metode yang dilakukan dengan cara pengamatan secara langsung terhadap objek yang diteliti. Contoh : KHS, KRS, MATA KULIAH 2. Interview
18
Merupakan metode dengan cara tanya jawab atau wawancara secara lansung dengan pihak Pengasuh/Pemimpin dan Pengurus secara lisan.
3. Referensi Pustaka Merupakan metode yang dilakukan dengan cara pembahasan referensi buku buku pedoman yang berkaitan dengan penelitian.
19
BAB II GAMBARAN UMUM POLTEKNIK INDOTEC KENDARI
A. Profil umum PTS POLITECNIK INDOTEC Nama Yayasan Pendidikan Yayasan Moderen Pendidikan Muslim
Ketua yayasan, Pembina di struktur
Yayasan, dst..(terlampir organisasi) Lembaga Awal yang didirikan
LPBM Indotec School, Ijin Diknas Provinsi & Kota 17 maret 2008 Berkembang menjadi PTS Politeknik Indotec 14 juli 2009 Alamat : Jl. Sultan Hasanuddin 37 Tlp. 3122215 email: Kota Kendari (0401)
polotec_plasa.com,
Provinsi Sulawesi Tenggara
No. Akte Yayasan
No. 9, Tanggal 6 Maret 2006
Status Tanah berdirinya kampus I a. Surat kepemilikan tanah b. Luas Tanah Hak Milik (sertipikat terlampir) 312 M2
Status Bangunan a. Surat Izin Bagunan
Hak Milik Nomor : 02/IMB-DTB/VII/2006,
Tanggal 13 Juli 2006 b. Luas Bangunan Lantai III, Luas + 317 M2
20
Jumlah Mahasiswa TA 2010/2011 Data Ruangan Kuliah saat ini a. Ruangan Teori b. Rg Lab. Komputer & Perakitan
327 Orang
6 Ruangan 2 Ruangan
Kapasitas Ruang Kuliah
34 Orang per kelas
Dosen dan Tenaga administrsi a. Jumlah Dosen Keseluruhan b. Dosen TetapYayasan c. Dosen Tidak Tetap d. Bg. Akademik & Kemahasiswaan e. Bag. Administrasi & Keuagan f. Bagian Umum 28 Orang 19 Orang 9 Orang 2 Orang 2 Orang 2 Orang
21
BAB III LANDASAN TEORI
A. Konsep Dasar Sistem 1. Karakteristik system Suatu system mempunyai karakteristik atau sifat-sifat tertentu (Jogiyanto, 1999), yaitu : a. Konsep system Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi dan bekerja sama membentuk suatu kesatuan. Komponen-komponen sistem atau eleman-elemen sistem dapat berupa suatu subsistem atau bagian-bagian system. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. b. Batas system Batas sistem (boundary) merupakan daerah yang membatasi antara suatu system dengan system lainnya atau dengan lingkungan luarnya yang memungkinkan suatu system yang dipandang sebagai satu kesatuan. Batas dari system menunjukan ruang lingkup (scope) dari sistem tersebut. c. Lingkungan Luar System Lingkungan luar (environment) dari suatu sistem adalah apapun yang berada diluar batas system yang mempengaruhi operasi sistem. d. Penghubung system Penghubung (interface) merupakan media penghubung antara suatu subsistem dengan subsistem lain. e. Masukkan system Masukkan (input) adalah energi yang di masukkan kedalam sistem.
22
f. Keluaran system Keluar (output) adalah hasil dari energy yang diolah dan di klasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. g. Pengolahan System Pengolahan sistem adalah bagian yang mengubah masukan yang berikan untuk system menjadi keluaran sistem yang digunnakan untuk keperluan tertentu. h. Sasaran system Suatu sistem pasti memiliki suatu tujuan (goal) atau sasaran (objective). Sasaran sistem sangat menentukan masukan yang dibutuhkan system dan keluaran yang akan dihasilkan oleh sistem. Sistem dikatakan berhasil jika mengenai sasaran atau tujuan sistem.
2. Tahap pengembangan sistem Dalam pengenmbangan sebuah sistem ada beberapa tahap yang harus dilakukan yaitu: a. Tahap studi kelayakan Pada tahap ini idetifikasi terhadap kebutuhan baru mulai dilakukan. Idetifikasi tidak haya didasarkan pada kebutuha baru yang dikehedaki oleh manajemen tetapi juga harus memperhatikan kebutuhan pada sistem yag sudah ada, baik sistem maual maupu otomatis b. Tahap recana pedahuluan Tahap ini menentukan lingkup proyek atau sistem yang akan ditangani.Lingkup sistem yang ditangani dijabarkan dalam bentuk Diagram Koteks.DAD (Diagram Alir Data) merupakan alat yang biasa dipakai untuk mendokumentasikan proses dalam sistem. DAD menekankan pada fungsi-fungsi didalam sistem c. Tahap analisis sistem Pada tahap ini analis mengumpulkan informasi detail tentang kebutuhan pengguna, pengumpulan kebutuhan pengguna ini biasa
23
dilakukan melalui wawancara, observasi, dan kuesioner, hasil yang didapatkan dipakai untuk menyusun DAD untuk sistem baru.
d. Tahapan ini dibagi menjadi dua bagian yaitu 1. Perancangan basis data Perancangan basis data merupakan langkah awal untuk mementukan basis data yang diharapkan, yang dapat mewakili seluruh kebutuhan pengguna. Perancangan basis data terdiri atas peranccangan data secara konseptual, logical, fisikal. 2. Perancangan proses Perancangan proses merupakan tahap lanjut
mengimplementasikan basis data yang mencakup desain sistem dan pengcodingan program sehingga terbentuk sebuah sistem
B. Basis Data Basis data (database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan lainnya. Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur, dan batasan dari data atau informasi yang akan disimpan. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi pada para pengguna. Mengapa basis data penting Basis data menjadi penting karena munculnya beberapa masalah bila tidak menggunakan data yang terpusat, seperti adanya duplikasi data, hubungan antar data tidak jelas, organisasi data dan update menjadi rumit. Jadi tujuan dari pengaturan data dengan menggunakan basis data adalah : 1. Menyediakan penyimpanan data untuk dapat digunakan oleh organisasi saat sekarang dan masa yang akan datang.
24
2. Cara pemasukan data sehingga memudahkan tugas operator dan menyangkut pula waktu yang diperlukan oleh pemakai untuk mendapatkan data serta hak hak yang dimiliki terhadap data yang ditangani. 3. Pengendalian data untuk setiap siklus agar data selalu up-to-date dan dapat mencerminkan perubahan spesifik yang terjadi di setiap sistem. 4. Pengamanan data terhadap kemungkinan penambahan, modifikasi, pencurian dan gangguan-gangguan lain.
C. DBMS Penyusunan basis data meliputi proses memasukkan data kedalam media penyimpanan data, dan diatur dengan menggunakan perangkat Sistem Manajemen Basis Data (Database Management System DBMS). Manipulasi basis data meliputi pembuatan pernyataan (query) untuk mendapatkan informasi tertentu, melakukan pembaharuan atau penggantian (update) data, serta pembuatan report dari data. Tujuan utama DBMS adalah untuk menyediakan tinjauan abstrak dari data bagi user. Jadi sistem
menyembunyikan informasi mengenai bagaimana data disimpan dan dirawat, tetapi data tetap dapat diambil dengan efisien. Pertimbangan efisiensi yang digunakan adalah bagaimana merancang struktur data yang kompleks, tetapi tetap dapat digunakan oleh pengguna yang masih awam, tanpa mengetahui kompleksitas struktur data.
D. Model Data 1. Entitas (Entity) Entitas adalah sekumpulan objek yang terdefinisikan yang mempunyai karakteristik sama dan bisa dibedakan satu dan lainnya. Objek dapat berupa barang, orang, tempat atau suatu kejadian. Contoh : entitas mahasiswa, jurusan, nilai ujian.
Mahasiswa
25
Gambar 2. entitas
2.
Attribut Attribut adalah deskripsi data yang bisa mengidentifikasikan entitas yang membedakan entitas tersebut dengan entitas yang lain. Seluruh atribut harus cukup untuk menyatakan indentitas obyek, atau dengan kata lain, kumpulan attribut dari setiap entitas dapat mengidentifikasikan keunikan suatu individu. Contoh : entitas
Mahasiswa memiliki atribut Nim_Mahasiswa, Nama_Mahasiswa.
Nim_Mahasiswa
Nama_Mahasiswa
Mahasiswa
Gambar 3. Atribut
3.
Relasi Relasi adalah bagian paling penting dalam suatu basis data. Relasi digunakan untuk membuat hubungan antar entitas yang secara logika berhubungan. Dua entitas yang berbeda dapat memiliki hubungan dengan mengunakan relasi. Contoh : Jika seorang mahasiswa dapat memilih beberapa mata kuliah, maka entitasnya adalah mahasiswa dan mata_kuliah. Relasi ditunjukkan dengan tanda belah ketupat yang diberi nama sesuai nama relasinya. Tipe-tipe Relasi : Relasi memiliki beberapa tipe, yaitu : 1. Relasi satu-satu (one to one 1:1)
26
Dua entitas memiliki relasi satu-satu jika pada setiap anggota dari satu entitas hanya memiliki hubungan dengan satu anggota pada entitas yang lain. Contoh : Mahasiswa Hanya memilki satu Password
Mahasiswa
Memiliki
Password
Gambar 4. Relasi one to one
2. Relasi Satu-Banyak / Banyak-Satu (one to many 1:m) Mahasiswa memilih Bayak Matakuliah . Entitas memiliki relasi satu-banyak apabila semua anggota dari entitas yang pertama memiliki pasangan dengan satu atau lebih anggota pada entitas kedua, dan untuk semua anggota pada entitas yang kedua, hanya memiliki satu. Contoh Mahasiswa dapat memilih banyak matakuliah
Mahasiswa
Memilih
Matakuliah
Gambar 5. Relasi one to many
E. Diagram Konteks Dan diagram Alir Data a. Diagram Konteks Pengertian diagram konteks adalah suatu diagram alir yang tingkat tinggi yang menggambarkan seluruh jaringan, masukan dan keluaran. sistem yang dimaksud adalah untuk menggambarkan sistem yang sedang
27
berjalan. mengidentifikasikan awal dan akhir data awal dan akhir yang masuk dan keluaran sistem. Diagram ini merupakan gambaran umum sistem yang nantinya akan kita buat. secara uraian mah dapat dikatakan bahwa diagram kontek itu berisi siapa saja yang memberikan data (inputan) kesimstem serta kepada siapa data informasi yang harus dihasilkan sistem. jadi dalam diagram ini yang dibutuhkan adalah : 1. Siapa saja pihak yang akan memberikan data ke sistem. 2. Data apa saja yang diberikannya kesistem 3. Kepada siapa sistem harus memberikan informasi atau laporan 4. Apa saja isi atau jenis laporan yang harus dihasilkan sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem
Gambar 6. Diagram konteks
b. Diagram Alir Data Alir Data menggambarkan aliran data dari suatu entitas ke entitas lainnya. Arah panah menggambarkan aliran data. Ada beberapa aliran data, yaitu : 1. Antara dua proses yang berurutan 2. Dari penyimpanan data (data store) ke proses dan sebaliknya 3. Dari source ke proses
28
4. Dari proses ke sink Walaupun DAD mempunyai kelebihan-kelebihan, yaitu dapat menggambarkan sistem secara terstruktur dengan memecah-mecah menjadi level lebih rendah (decomposition), dapat menunjukkan arus data di sistem, dapat menggambarkan proses paralel di sistem, dapat menunjukkan simpanan data, dapat menunjukkan entitas luar, tetapi DAD juga mempunyai keterbatasan. Keterbatasan dari DAD adalah sebagai berikut : 1. 2. 3. DAD tidak menunjukkan proses perulangan (loop) DAD tidak menunjukkan proses keputusan (decision) DAD tidak menunjukkan proses perhitungan
F. ERD ERD (Entity Relationship Diagram) adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam system secara abstrak ERD adalah notasi grafik darisebuah model data atau model jaringan yang menjelaskan tentang data yang disimpan (storage data) dalam system secara acak Elemen-Elemen Diagram Hubungan Entity Entity (Entitas) Relationship (Hubungan antar entitas) Attribute (Kolom) Cardinality (Jumlah maksimum baris)
G. SQL SQL (Structured Query Language) adalah sebuah bahasa yang dipergunakan untuk mengakses data dalam basis data relasional. Bahasa ini secara de facto merupakan bahasa standar yang digunakan dalam manajemen basis data relasional. Saat ini hampir semua server basis data yang ada mendukung bahasa ini untuk melakukan manajemen datanya.
H. Browser 1. Web Server
29
Pengertian Web Server merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman - halaman web yang umumnya berbentuk dokumen HTML Macam - macam Web Server diantanya: Apache Web Server - The HTTP Web Server a. Apache Tomcat b. Microsoft windows Server 2003 Internet Information Services (IIS) c. Lighttpd d. Sun Java System Web Server e. Xitami Web Server f. Zeus Web Server Namun web yang terkenal dan yang sering digunakan adalah Apache dan Microsoft Internet Information Service (IIS). Cara kerja web server : a. Cara kerja Web Server Web server merupakan mesin dimana tempat aplikasi atau software beroperasi dalam medistribusikan web page ke user, tentu saja sesuai dengan permintaan user. b. Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP (networking protocol) yg memungkinkan semua komputer dapat berkomunikasi satu dengan yg lainnya. Pada saat browser meminta data web page ke server maka instruksi permintaan data oleh browser tersebut di kemas di dalam TCP yg merupakan protocol transport dan dikirim ke alamat yg dalam hal ini merupakan protocol berikutnya yaitu Hyper Text Transfer Protocol (HTTP). HTTP ini merupakan protocol yg digunakan dalam World Wide Web (WWW) antar komputer yg terhubung dalam jaringan di dunia ini. Untuk mengenal protocol ini jelas sangan mudah sekali dimana setiap kali anda mengetik http:// anda telah
30
menggunakannya, dan membawa anda ke dunia internet. Data yg di passing dari browser ke Web server disebut sebagai HTTP request yg meminta web page dan kemudian web server akan mencari data HTML yg ada dan di kemas dalam TCP protocol dan di kirim kembali ke browser. Data yg dikirim dari server ke browser disebut sebagai HTTP response. Jika data yg diminta oleh browser tidak ditemukan oleh si Web server maka akan meninbulkan error yg sering anda lihat di web page yaitu Error : 404 Page Not Found.
2. Web Browser Pengertian web browser atau internet browser adalah sebuah aplikasi perangkat lunak untuk melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web. Sumber informasi diidentifikasi dengan Uniform Resource Identifier (URI) termasuk sebuah halaman web, gambar, video, atau bagian lain dari konten web. a) Tujuan Web Browser Tujuan utama dari web browser adalah untuk membawa sumber informasi kepada pengguna. Proses ini dimulai ketika pengguna memasukan sebuah Uniform Resource Identifier (URI), misalnya, http://anneahira.com ke dalam browser. Sumber yang telah diambil web browser akan ditampilkan. HTML ditampilkan ke mesin tata letak browser, dan akan diubah dari markup ke dokumen interaktif. Selain dari HTML, web browser umumnya bisa menampilkan setiap jenis konten yang menjadi bagian dari suatu halaman web. Kebanyakan browser dapat menampilkan gambar, audio, video, dan file XML, dan sering mempunyai plug-in untuk mendukung aplikasi Flash dan applet Java. Jika menemui tipe file yang ditetapkan untuk didownload, maka browser akan meminta pengguna untuk menyimpan file ke disk. b) Rincian Web Browser
31
Memahami pengertian web browser harus juga memahami tentang rinciannya. Kita semua tahu apa itu web browser seperti yang terlihat, tapi ada baiknya untuk mengetahui rincian lengkap dari berbagai bagian browser web. Bagian-bagian dari browser termasuk: 1. Status Bar. Ini adalah kotak di bagian bawah jendela browser Anda. Status bar menampilkan segala macam informasi, tergantung pada apa yang Anda lakukan pada saat itu. Sebagian besar untuk menunjukkan kecepatan beban dan URL dari alamat yang sedang ditunjuk oleh mouse. 2. Address Bar. Ini adalah kotak di bagian atas jendela browser Anda yang menampilkan seluruh URL atau alamat situs web. 3. Title Bar. Bar judul ada di bagian paling atas jendela browser Anda. Anda akan melihat judul halaman web di sana, misalnya, Anda akan melihat "Anne Ahira untuk Indonesia" ketika Anda membuka situs anneahira.com. 4. Toolbar Ikon. Toolbar dan ikon perusahaan browser yang ada di bagian atas kanan jendela browser Anda, di bawah Title Bar. Di sinilah Anda akan melihat tombol Back, tombol Home, tombol Refresh, dll. 5. Display Window. Jendela Display hanyalah istilah mewah untuk ruang kerja browser Anda. Ini berupa frame di mana Anda melihat halaman website. 6. Scroll Bar. Jika ketika Anda membuka situs web dan Anda harus "scroll ke bawah" untuk membaca sesuatu, maka Anda telah menggunakan scroll bar. c) Macam-Macam Web Browser Untuk memahami tentang pengertian web browser, berikut adalah beberapa web browser yang tersedia bagi Anda yang bisa didownload secara gratis.
32
1. Microsoft Internet Explorer. Sebagian besar pengguna internet menggunakan Internet Explorer karena mudah digunakan dan sebagian besar situs web yang ditulis dengan Internet Explorer, yang berarti bahwa mereka lebih kompatibel. 2. Opera. Opera merupakan browser populer yang mudah
digunakan, namun memiliki beberapa masalah kompatibilitas dengan berbagai situs. 3. Mozilla Firefox. Firefox adalah web browser yang cukup cepat dalam memperoleh pengguna. Ia berada di belakang Internet Explorer karena memiliki tabbed browsing, fitur keamanan superior, dan akses yang cepat. 4. Google Chrome. Google Chrome adalah web browser yang dirancang untuk sistem Windows. Ia menawarkan desain minimal dan 'teknologi canggih', untuk membuat akses lebih cepat, aman, dan mudah. 5. Mac Safari. Khusus untuk pengguna Mac, Safari adalah pilihan yang sangat baik untuk sebuah web browser. Safari
berkemampuan akses cepat dan kompatibilitas yang baik.
I.
Hypertext Markup Language (HTML) Hypertext Markup Language adalah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web. Kode-kode ini
menerjemahkan bagaimana tampilan sebuah halaman web (pengaturan huruf, animasi, letak gambar, dan sebagainya). Dalam sebuah halaman web, pasti akan ada banyak elemen, contoh dari elemen adalah bagian atas (head), tabel, paragraf, dan daftar/list. Untuk menandakan elemen-elemen tersebut dalam sebuah file HTML, digunakanlah tag. 1. Dasar-dasar HTML Tag HTML terdiri dari kurung buka siku <, nama tag, dan kurung tutup siku >. Tag HTML biasanya memiliki penutup, contoh:
33
<HEAD> ditutup dengan </HEAD>, penutup ini menandakan akhir dari pernyataan (statement) tag tersebut. Tag penutup persis seperti tag pembuka, hanya ditambahkan garis miring / didepannya. Beberapa tag memiliki atribut tambahan yang disertakan saat penulisan tag tersebut, jadi atribut ini ditulis didalam tanda kurung, sebagai contoh: tag img (image) memiliki atribut berupa src, width, alt, dll. Contoh : <img src="image/mahasiswa.gif" width="91" height="20">. Sebagai catatan, tag HTML tidaklah case sensitive, jadi jika kita menuliskan <title> akan memiliki pengaruh yang sama dengan <TITLE>. Semua tag HTML pasti dikenali oleh setiap program Web Browser, jika sebuah browser tidak mengenali suatu tag, maka tag tersebut tidak akan dibaca oleh browser. Jika diantara tag yang tidak dikenal tersebut ada tulisan, tulisan akan tetap ditampilkan. 2. Struktur Dasar HTML Semua file HTML harus memiliki beberapa tag HTML standar. Semua dokumen HTML terdiri dari head dan body. Head terdiri dari title, dan body terdiri dari tulisan dan gambar/animasi yang ingin ditampilkan di layar, seperti jenis paragraph, list, warna, dan sebagainya. Contoh halaman HTML paling sederhana yang hanya terdiri dari head dan sedikit tulisan pada body sebagai berikut : <html> <head> <title>Sebuah halaman HTML yang simpel.</title> </head> <body> <p> Ini adalah sebuah paragraph</p> </body> </html>
Listing 1. Struktur dasar HTML
34
Tag yang penting adalah <html>, <head> dan <body>. Beberapa browser (terutama yang terbaru) akan tetap dapat membaca dokumen HTML meskipun kita lupa menyertakan tag-tag tersebut, tapi beberapa browser tidak bisa. Jadi jangan lupa untuk menyertakan tag tersebut setiap kali kita membuat halaman HTML. Berikut sedikit penjelasan mengenai beberapa tag HTML. 1. HTML Tag ini memberitahu browser bahwa file yang dibaca adalah file HTML. Tag ini diletakkan pada baris paling awal dari dokumen HTML. 2. HEAD Tag ini adalah bagian paling atas dari dokumen HTML. Title adalah salah satu contoh tag yang dapat disertakan pada tag ini. 3. TITLE Berisi judul halaman web yang dibuat, dan mengidentifikasikan isi dari halaman tersebut secara global. Title biasanya ditampilkan pada title bar di browser. Title juga digunakan sebagai penentu halaman web kita pada beberapa search engine (seperti HotBot atau Infoseek). 4. BODY Adalah bagian kedua dari sebuah dokumen HTML, dan biasanya adalah bagian yang paling banyak dari sebuah dikomen HTML (bila dibandingkan dengan head).Terdiri dari isi utama halaman web tersebut. Tag-tag HTML yang akan dijelaskan selanjutnya diletakkan dalam body.
J.
PHP 1. Sekilas PHP PHP adalah singkatan dari PHP Hypertext Prepocessor, yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada
35
HTML. PHP diciptakan oleh Rasmus Lerdorf. Programming Hypertext Processor adalah bahasa pemrograman untuk dijalankan melalui halaman web, umumnya digunakan untuk mengolah informasi di internet. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk mebuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam Operating System (OS), misalnya Windows, Linux dan Mac OS. Selain Apache, PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS, Caudium, PWS dan lain-lain. Seperti pernah disinggung sebelumnya bahwa PHP dapat memanfaatkan database untuk menghasilkan halaman web yang dinamis. Sistem manajemen database yang sering digunakan bersama PHP adalah MySQL. Namun PHP juga mendukung sistem manajemen Database Oracle, Microsoft Acces, Interbase, d-Base, PostgreSQL dan sebagainya. Hingga kini PHP sudah berkembang hingga versi ke 5. PHP 5 mendukung penuh Object Oriented Programing(OOP), integrasi XML, mendukung semua ekstensi terbaru MySQL, pengembangan web services dengan SOAP dan REST, serta ratusan peningkatan kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan web server lainnya PHP juga bersifat open source sehingga setiap orang dapat
menggunakannya dengan gratis. 2. Skrip PHP Untuk memahami sistem kerja php, terlebih dulu kita harus memahami anatomi skrip php. Ada dua jenis skrip php, yaitu 1. Skrip php yang berada didalam html : <html> <?php Statement ?> </html> 2. Skrip php yang berdiri sendiri : <?php
36
echo (<html> Statement </html> ); ?>

Listing 2. Struktur dasar PHP
Statement Kita akan membuat skrip sederhana untuk mengetahui bagaimana php bekerja. Buka folder www yang terletak di C:\AppServ\www, kemudian buat folder baru bernama Tutorial. Jika anda menggunakan program webserver lain maka folder tempat menyimpan file berbeda. Buka program notepad, ketik skrip berikut : <?php echo (Hello world); ?> 3. Tag PHP Dalam penulisan tag dasar PHP, dapat dilakukan dengan banyak cara sehingga akan memudahkan pemakainya. Tag-tag yang dapat digunakan adalah bentuk STYLE, XML, ASP dan Java Script. Adapun tag standar yang biasanya digunakan mirip dengan penulisan program XML, yang diawali dengan <? Php dan diakhiri dengan ?> contoh penulisan program dengan style standar adalah sebagai berikut : <HTML> <HEAD> <TITLE> dasar PHP </TITLE> </HEAD> <BODY> <? Echo dasar PHP; ?> </BODY> </HTML>
Listing 3. Tag dasar PHP
37
4.
Keunggulan PHP Beberapa kelebihan bahasa pemrograman PHP : 1. bisa bikin web kita jadi dinamis. 2. PHP dapat berjalan dalam web server yang berbeda dan dalam Sistem Operasi yang berbeda. 3. PHP diterbitkan secara gratis. 4. PHP dapat berjalan pada web server apapun. sperti: Apache, IIS, Microsoft personal Web Server, dll.
K. MySQL Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang khusus digunakan untuk mengolah database. SQL pertama kali didefinisikan oleh American National Standards Institute (ANSI) pada tahun 1986. MySQL adalah sebuah sistem manajemen database yang bersifat open source. MySQL adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh MySQL AB yang berada di Swedia. MySQL dapat digunakan untuk membuat dan mengola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah dan menghapus data yang berada dalam database. MySQL merupakan sisitem manajemen database yang bersifat at relational. Artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih cepat. MySQL dapat digunakan untuk mengelola database mulai dari yang kecil sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintahperintah Structured Query Language (SQL) untuk mengelola databasedatabase yang ada di dalamnya. Hingga kini, MySQL sudah berkembang hingga versi 5. MySQL 5 sudah mendukung trigger untuk memudahkan pengelolaan tabel dalam database. 1 Membuat Data Base
38
Sebelum membuat table atau memasukkan data, maka harus membuat database terlebih dahulu dengan perintah : CREATE DATABASE nama_database;
Membuka Data Base Untuk membuka suatu database digunakan perintah USE nama_database;
Membuat Tabel Untuk membuat table yang berfungsi untuk menyimpan data digunakan perintah ; CREATE TABLE nama_tabel ( Nama_field1 tipe_data1 Nama_field2 tipe_data2 );
Memasukkan Data ke table Untuk memasukkan data ketabel digunakan perintah : INSERT INTO nama_table (field1,field2) VALUES (nilai_field1, nilai_field2,.);
Menampilkan Data Dari Tabel Jika kita ingin melihat data dari field suatu tabel digunakan perintah SELECT (field1,field2.) FROM nama_table; Untuk melihat semua tabel digunakan perintah SELECT * FROM nama_tabel; Untuk menampilkan data tertentu yang kita inginkan menggunakan perintah; SELECT (field1,field2..) FROM nama_tabel WHERE kategori; Untuk mengurutkan suatu fielddapat digunakan perintah; SELECT (field1,field2..) FROM nama_tabel ORDER BY kriteria;
Menghapus data dari tabel Untuk menghapus data dari tabel kita gunakan perintah :
39
DELETE FROM nama_tabel WHERE Kriteria; Jika akan menghapus semua record cukup dilakukan perintah deletetanpa menyebutkan criteria. Data yang telah dihapus tidak dapat dimunculkan kembali kecuali harus membuat tabel baru lagi. 7 Mengubah data dari tabel Dalam memodifikasi suatu field dari suatu record dilakukan perintah UPDATE nama_tabel SET Nama_field=nilai_baru1,. WHERE criteria;
L. Sistem Informasi Suatu Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau menyelesaikan sasaran tertentu. Pengembangan Sistem Informasi (yang direalisasikan dengan bantuan computer (Computerised Information System) Melalui suatu tahapan yang disebut Sistem Analisis dan Desain. Informasi adalah suatu data yang diolah menjadi bentuk yag lebih berguna dan lebih berarti bagi yang menerimanya. Data adalah fakta yang menggambarkan suatu kejadian dan kesatuan yang nyata. Sistem informasi adalah tatanan yang terdiri atas sejumlah komponen fungsional yang saling berhubungan dan secara bersama-sama bekerja untuk memenuhi syarat suatu proses atau pekerjaan tertentu
M. Adobe Photoshop Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama
40
Photoshop CS (Creative Suite), versi sembilan disebut Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , dan versi yang terakhir (kesebelas) adalah Adobe Photoshop CS4. Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.
Gambar 7. Area kerja Photoshop
N. Macromedia Dreamweaver Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web. Dreamweaver MX dalam hal ini digunakan untuk web
desain.dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver.
41
Teknologi
Dreamweaver
Roundtrip
HTML
mampu
mengimpor
dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya. Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs.
Gambar 8. Area kerja macromedia dreamweaver
O. Xampp kepanjangan dari XAMPP yaitu Apache, PHP, MySQL dan
phpMyAdmin. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi. Versi XAMPP yang ada saat ini adalah Versi 1.4.14 atau yang terbarunya anda bisa download pada http://www.apachefriends.org/en/xampp-window.html. versi ini terdiri atas: b. Apache versi 2.0.54 c. MySQL versi 4.1.12 Software XAMPP
42
d. PHP versi 5.0.4 e. phpMyAdmin versi 2.6.2-p11 Web server tersebut mari kita mengenalnya lebih dekat satu per satu. Mengenai APACHE Apache sudah berkembang sejak versi pertamanya. Sampai saat ditulisnya artikel ini versi terakhirnya yang ada yaitu Apache ver 2.0.54. Apache bersifat open source, artinya setiap orang boleh
menggunakannya, mengambil dan bahkan mengubah kode programnya.
Gambar 9. Halaman utama dari Xampp
43
B. Strukrur Organisasi Politeknik Indotec Kendari
Baco,S.kom Direktur eksekutif
Bahrin,S.pd.Mag Ka.Senat akademik
Hamzah hamid,S.pi Direktur pendidikan
Hamsyah mappa,BAPP,SC.HONS Koord.Pengemb.Riset & Pengemb.Masy
David C.E Lipasaly,SE.MM Koord.Pemasaran,SDM & penempatan kerja
Bachrul,S.nise,S.kom Wakil direktur 1
Bachrul S.nise,S.kom Wakil direktur II
Iksan Tonggasa,SE Kajur perkantoran
Hera susanti,ST Kajur Sekretaris
Rais Gone,S.kom Kajur Kompak
Hellen K,SE.AK Kajur Manaj. & Pemantau
Yuliana K,S.kom Kajur manajemen informatika
Jumadil Nangsi,S.kom Kajur teknik informatika
Dosen Tetap/Dosen LB Muhammmad Rizal,SE KA.tata usaha
Unit Penunjang
Wayan Sri Ka.Perpustakaan
Ari Wijaya Ka.Lab.komputer
Drs.Alimuddin Penegak disiplin
Aris Arnadi Koord.Pengajar
Laliono BAAK
Srisakti khopel,Amd BAK
ASNITA Front Office
Mahasiswa-mahasiswi
Gambar. 1. Struktur Organisasi Politeknik Indotec kendari
INDRA Koord. kebersihan
44
C. VISI dan MISI PTS POLITEKNIK INDOTEC VISI 1. Menjadi universitas dalam jangka waktu 5-10 tahun mendatang 2. Menjadi perguruan tinggi swasta terbaik di indonesia timur
MISI Atas dasar Visi pengembangan Kampus ke depan, maka Misi PTS Politeknik indotec adalah sebagai berikut : 1. Mengedepan kan kejujuiran & Profesional dalam mengambil keputusan & bekerja 2. Setiap Dosen & Mahasiswa terus diarahkan kreatif, Inovatif dan bekerja tepat waktu 3. Secara Terus menerus melakukan efisiensi birokrasi administerasi & akademik 4. Disiplin Berseragam dan Beretika serta menumbuhka kekeluargaan antara warga kampus 5. Semaksimal mungkin memajukan / menyempurnakan sarana prasarana kampus setiap saat untuk sesuai sumberdaya daya yang ada Tri yang
dimaksimalakan,
mendukung penyelenggaraan
Dharma
Perguruan Tinggi, khususnya pembelajaran perkuliahan di kelas. 6. Melahirkan Output / Alumni yang mudah bekerja dan berkualitas
45
BAB IV ANALISA DAN PERANCANGAN
A. Analisa Sistem Untuk mengatasi permasalahan, penulis mengajukan pembuatan sebuah sistem baru untuk proses pengisian Kartu Rencana Studi (KRS) yang berbasiskan web. Sistem baru ini diharapkan dapat mempercepat proses pengisian KRS dibandingkan dengan sistem yang lama. Penulis sengaja memilih sistem yang berbasis web, karena dengan menggunakan sistem yang berbasis web, program dapat diakses dari mana saja dan kapan saja. mengapa penulis memilih untuk mengajukan sistem berbasis web : 1 Untuk berhubungan antara server dan klien, hanya dibutuhkan sebuah web server saja. 2 Memberikan kemudahan bagi pengguna (mahasiswa), karena antar muka yang digunakan adalah web browser, yang mana semua mahasiswa pasti sudah sangat umum menggunakannya. Hal ini juga mempermudah programmer karena tidak perlu membuat program antar muka untuk klien. 3 Sistem berbasis web merupakan sistem yang fleksibel, karena sistem tersebut berbasis web, maka aplikasi tersebut dapat diakses dari mana saja, dari warnet, rumah, laboratorium, kantor, bahkan dari tempat liburan, mahasiswa dapat mengisi KRS cukup dengan membuka web browser saja. Prosedur pengisian Kartu Rencana Studi online dapat diuraikan sebagai berikut : 1. Mahasiswa mengambil slip pembayaran untuk pada bagian keuangan. 2. Mahasiswa menukarkan bukti pembayaran dengan user dan password yang akan digunakan untuk login ke sistem. User dan password ini hanya dapat digunakan satu kali saja, apabila pada proses pengisian mahasiswa melakukan kesalahan, maka mahasiswa tersebut dapat menghubungi
46
bagian akademik untuk melakukan perbaikan atau meminta pengaktifan kembali passwordnya. 3. Pada waktu pelaksanaan pengisian Formulir Rencana Studi, mahasiswa akan dihadapkan dengan tampilan untuk memasukkan user dan passwordnya. 4. Apabila user dan password yang diisikan benar, maka sistem akan menampilkan layar untuk pengisian Kartu Rencana Studi. Mahasiswa memilih mata kuliah yang akan diambil. 5. Dalam proses pemilihan mata kuliah ini, sistem secara otomatis akan memeriksa, apakah mata kuliah prasyarat dari mata kuliah yang ingin diambil. 6. Pemilihan mata kuliah sesuai dengan batas maksimal sks yang dapat diambil, yaitu tergantung dari IPK mahasiswa tersebut. 7. Setelah mahasiswa selesai memilih mata kuliah, dan menekan tombol logout, maka sistem akan menyimpan mata kuliah pilihan mahasiswa tersebut pada pusat data. 8. Sistem akan mencetak bukti pengisian KRS untuk diberikan pada mahasiswa sebagai bukti bahwa mahasiswa tersebut telah melakukan pengisian Kartu Rencana Studi.
B. Diagram Konteks dan DAD/DFD Pada proses , pihak POLITEKNIK INDOTEC akan memberikan slip pembayaran pertama, setelah mahasiswa membayar uang kuliah untuk semester yang akan datang, mahasiswa menukarkan bukti pembayarannya dengan user dan password yang nantinya dapat digunakan untuk proses pengisian Kartu Rencana Studi (KRS). Bila waktu pengisian Kartu Rencana Studi tiba, mahasiswa melakukan login untuk bisa masuk ke menu pengisian KRS. Pada proses ini, berhubungan dengan database mahasiswa, yang dimaksudkan untuk menulis pada database mahasiswa apabila mahasiswa tersebut sudah membayar uang kuliah, dan apabila mahasiswa telah melakukan login, maka status login pada database mahasiswa akan bernilai
47
true (yang berarti mahasiswa tersebut sudah pernah login ke sistem). Pada proses 2.0, pengisian KRS oleh mahasiswa dimulai, proses ini berhubungan dengan database Matakuliah, mahasiswa, dan nilai, karena menu yang ditampilkan pada proses pengisian KRS ini, diambil dari ketiga database tersebut. Pada proses ini, mahasiswa hanya tinggal memilih mata kuliah yang ingin diikuti, dan pada akhir proses, mahasiswa akan mendapatkan bukti pengisian KRS, dan. Mata kuliah yang telah dipilih oleh mahasiswa akan ditulis pada database perkuliahan.
1. Diagram konteks
1 login profil Mahasiswa userpass SISTEM INFORMASI AKADEMIK nilai data mhs
Akademik Ak ademik
khs transkip
laporan
Pimpinan Pimpinan
Gambar 10. Diagram konteks
48
2. DFD level 1 sistem informasi akademik
Mahasiswa
Akademik
profil Mahasiswa login
data mhs
userpass Mahasiswa
1 login dan verivikasi User
id_mahasiswa mhs
data mahasiswa
+
login berhasil
semester mahasiswa pil matkul
2 pengisian KRS id_matakuliah matakuliah data matakuliah
+
Lihat nilai
4 khs Mahasiswa 3 id_nilai pengolahan nilai nilai Data Nilai proses laporan input nilai
+
transkip nilai laporan
Mahasiswa
Akademik
Pimpinan Pimpinan
Gambar 11. DFD level 1 sistem informasi akademik
49
3. DFD level 2 untuk login dan verifikasi user
data mhs baru Akademik
2 update data mhs data mhs Mahasiswa profil
4 proses pengolahan data mhs id_mahasiswa mhs edit data mhs
nim
id_mhs
login Mahasiswa
3 userpass verifikasi user Mahasiswa
Gambar 12. DFD level 2 untuk login dan verifikasi user
50
4. DFD level 3 untuk pengisian KRS

3 id matakuliah cek matakuliah
Flow_104 1 pengolahan data matakuliah
id_matakuliah matakuliah
mahasiswa
semester
data matakuliah
2 pil matkul mahasiswa entri matakuliah id matakuliah
Gambar 13 DFD level 3 Untuk Pengisian KRS
51
5. DFD level 4 untuk pengolahan nilai
id nilai nilai
Mahasiswa id_nilai transkip
khs Mahasiswa
pengolahan nilai mhs 1
id nilai cek nilai 2 nilai
Akademik Ak ademik
Gambar 14. DFD level 4 Untuk Pengolahan Nilai
C. ERD
Gambar 15. Entitas Relation Diagram
52
D. RANCANGAN TABEL
Tabel 1. Agenda
Field Id_agenda Tema Isi_agenda Tempat Pengirim Tgl_mulai Tgl_selesai Tgl_posting Username
Tipe data Int(5) Varchar(50) Text Varchar(100) Varchar(100) Date Date Date Varchar(100)
Ekstra Auto_increment
keterangan Primary_key
Table 2. berita
Field Id_berita username judul Isi berita Pengirim hari tanggal jam gambar Dibaca
Tipe data Int(5) Varchar(30) Varchar(100) Text Varchar(100) Varchar(20) Date Time Varchar(100) Int(5)
53
Table 3. download
Field Id_download judul Nama_file Tgl_posting
Tipe data Int(5) Varchar(50) Varchar(100) Date
Table 4. hubungi
Field Id_hubungi nama email subject Pengirim Pesan tanggal
Tipe data Int(5) Varchar(50) Varchar(100) Varchar(100) Varchar(100) Text Date
Table 5. komentar
Field Id_komentar Id_berita
Tipe data Int(5) Int(5)
Nama_komentar Varchar(100) url Isi komentar tgl Jam_komentar aktif Varchar(100) Text Date Time Enum (Y,T)
54
Table 6. mahasiswa
Field Id_mhs nim Nama jurusan
Tipe data Int(5) Varchar(50) Varchar(100) Enum (TI,MI,MP) Enum (L,P) Enum (Y,N) Varchar(20) Varchar(100) Varchar(100)
jk blokir telp email Gambar
Tabel 7. Matakuliah
Field Id_mk Kd_mk Nm_mk Sms Semester
Tipe data Int(5) Varchar(50) Varchar(100) Varchar(2) Enum (genap,ganjil)
jurusan
Enum (TI,MI,MP)
sks email aktif
Varchar(20) Int (5) Enum (Y,N)
55
Tabel 8. Modul
Field Id_modul Nama_modul link gambar publish status
Tipe data Int(5) Varchar(50) Varchar(100) Varchar(100) Enum (Y,N) Enum (user,admin) Enum (Y,N) Int (5)
aktif urutan
Tabel 9. Nilai
Field Id_nl nim nama Kd_mk Nm_mk nilai Nilai_angka Sks Bobot Aktif
Tipe data Int(5) Varchar(50) Varchar(100) Varchar(50) Varchar(100) Varchar(100) Int (5) Int (5) Int (5) Int (5)
56
Tabel 10. poling
Field Id_poling pilihan rating aktif
Tipe data Int(5) Varchar(100) Int(5) Enum (Y,N)
Tabel 11. user
Field username password Nama_lengkap Email No_telp Blokir
Tipe data Varchar (50) Varchar(50) Varchar(100) Varchar(100) Varchar (20) Enum (Y,N)
E. RANCANGAN TAMPILAN
POLITEKNIK INDOTEC KENDARI HALAMAN ADMINISTRATOR
Username Password
Footer
Gambar 16. Rancangan Halaman admininstrator
57
Menu PILIHAN Info
Footer
Gambar 17. Rancangan Halaman home admininstrator
No 1 2 Menu PILIHAN 3 4 5
Matakuliah
Semester
Nilai
Footer
Gambar 18. Rancangan Halaman admininstrator input nilai
58
GAMBAR
Gambar 19. Rancangan Halaman depan / utama
LOGO
YAYASAN PENDIDIKAN MUSLIM MODEREN POLITEKNIK INDOTEC KENDARI Jl sultan hasanuddin n0 37 telp (0401) 3122215
Home | Bantuan
Profil
Info
Footer
Gambar 20. Rancangan Halaman home
59
LOGO
SISTEM INFORMASI AKADEMIK POLITEKNIK INDOTEC KENDARI
Username Password jurusan Footer
Gambar 21. Rancangan Halaman login mahasiswa
LOGO
SISTEM INFORMASI AKADEMIK POLITEKNIK INDOTEC KENDARI Matakuliah yang diprogramkan
Menu PILIHAN
Kartu hasil study
Transkip nilai
Footer
Gambar 22. Rancangan Halaman nilai
60
BAB V IMPLEMENTASI SISTEM
A. Implementasi Basis Data Rancangan basis data yang telah dibuat pada bab sebelumnya akan dituangkan kedalam sebuah perangkat lunak. Rancangan tersebut dituangkan dengan menggunakan database MySQL yang merupakan software sistem manajemen data base (DBMS/Database Management sistem ), dalam pemamfaatan dan pengaplikasikan databasenya MySQL tidak di lakukan secara Manual, Namun Menggunakan Sofware bantu yang dapat mengelola dan memanajemen database MySQL yaitu Dengan XAMPP . Implementasi dari basis data Sistem informasi Akademik Politeknik Indotec School Kendari meliputi beberapa Tabel- table yang termanajemen dalam sebuah data base db_kampus1. 1. Tabel Agenda Table ini berisi tentang agenda atau pengumuman yang diterbitkan oleh kampus dan table ini disimpan di database dengan nama agenda. Adapun struktur tabelnya adalah sebagai berikut : Field Id_agenda Tema Isi_agenda Tempat Pengirim Tgl_mulai Tgl_selesai Tgl_posting Username Tipe data Int(5) Varchar(50) Text Varchar(100) Varchar(100) Date Date Date Varchar(100) Ekstra Auto_increment keterangan Primary_key
61
2. Table berita Table ini berisi tentang Berita yang diterbitkan oleh kampus dan table ini disimpan di database dengan nama berita. Adapun struktur tabelnya adalah sebagai berikut : Field Id_berita username judul Isi berita Pengirim hari tanggal jam gambar Dibaca Tipe data Int(5) Varchar(30) Varchar(100) Text Varchar(100) Varchar(20) Date Time Varchar(100) Int(5) Ekstra Auto_increment keterangan Primary_key
3. Table download Table ini berisi tentang file yang diterbitkan oleh kampus untuk didownload oleh mahasiswa dan table ini disimpan di database dengan nama download Adapun struktur tabelnya adalah sebagai berikut : Field Id_download judul Nama_file Tgl_posting Tipe data Int(5) Varchar(50) Varchar(100) Date Ekstra Auto_increment keterangan Primary_key
4. Table hubungi Table ini berisi tentang mahasisa untuk memberikan saran n kritik atau pemberitahuan tentang apa yang mau disampaikan kepada kampus dan
62
table ini disimpan di database dengan nama hubungi Adapun struktur tabelnya adalah sebagai berikut : Field Id_hubungi nama email subject Pengirim Pesan tanggal Tipe data Int(5) Varchar(50) Varchar(100) Varchar(100) Varchar(100) Text Date Ekstra Auto_increment keterangan Primary_key
5. Table komentar Table ini berisi tentang komentar yang disediakan oleh kampus untuk komentar-komentar dari isi berita yang ditulis oleh mahasiswa dan table ini disimpan di database dengan nama komentar Adapun struktur tabelnya adalah sebagai berikut : Field Id_komentar Id_berita Tipe data Int(5) Int(5) Ekstra Auto_increment keterangan Primary_key
Nama_komentar Varchar(100) url Isi komentar tgl Jam_komentar aktif Varchar(100) Text Date Time Enum (Y,T)
6. Table mahasiswa Table ini berisi tentang Data Mahasiswa yang diterbitkan oleh kampus dan table ini disimpan di database dengan nama Mahasiswa. Adapun struktur tabelnya adalah sebagai berikut :
63
Field Id_mhs nim Nama jurusan
Tipe data Int(5) Varchar(50) Varchar(100) Enum (TI,MI,MP) Enum (L,P) Enum (Y,N) Varchar(20) Varchar(100) Varchar(100)
jk blokir telp email Gambar
7. Tabel Matakuliah Table ini berisi tentang Data Matakuliah yang diprogramkan oleh
Mahasiswa dan table ini disimpan di database dengan nama Matakuliah. Adapun struktur tabelnya adalah sebagai berikut : Field Id_mk Kd_mk Nm_mk Sms Semester Tipe data Int(5) Varchar(50) Varchar(100) Varchar(2) Enum (genap,ganjil) jurusan Enum (TI,MI,MP) sks email aktif Varchar(20) Int (5) Enum (Y,N) Ekstra Auto_increment keterangan Primary_key
64
8. Tabel Modul Table ini berisi tentang Data-Data yang Akan ditampilkan Dihalaman depan dan dapat diinput oleh Mahasiswa dan table ini disimpan di database dengan nama Modul. Adapun struktur tabelnya adalah sebagai berikut : Field Id_modul Nama_modul link gambar publish status Tipe data Int(5) Varchar(50) Varchar(100) Varchar(100) Enum (Y,N) Enum (user,admin) aktif urutan Enum (Y,N) Int (5) Ekstra Auto_increment keterangan Primary_key
9. Tabel Nilai Table ini berisi tentang Data-Data Nilai mahasiswa yang Akan ditampilkan Dihalaman Input dan table ini disimpan di database dengan nama Nilai. Adapun struktur tabelnya adalah sebagai berikut : Field Id_nl nim nama Kd_mk Nm_mk nilai Nilai_angka Sks Bobot Tipe data Int(5) Varchar(50) Varchar(100) Varchar(50) Varchar(100) Varchar(100) Int (5) Int (5) Int (5) Ekstra Auto_increment keterangan Primary_key
65
10. Tabel poling Table ini berisi tentang Poling atau pemilihan yang Akan ditampilkan Dihalaman Idepan yang dapat di ikuti oleh semua mahasiswa sebagai wadah untuk melihat Persentase suara terbanyak dan table ini disimpan di database dengan nama Poling. Adapun struktur tabelnya adalah sebagai berikut : Field Id_poling pilihan rating aktif Tipe data Int(5) Varchar(100) Int(5) Enum (Y,N) Ekstra Auto_increment keterangan Primary_key
11. Tabel user Table ini berisi tentang user atau hak akses yang Akan ditampilkan Dihalaman Administrator yang tabel ini khusus untuk admin atau server yang akan mengelola website ini dan table ini disimpan di database dengan nama User. Adapun struktur tabelnya adalah sebagai berikut : Field username password Nama_lengkap Email No_telp Blokir Tipe data Varchar (50) Varchar(50) Varchar(100) Varchar(100) Varchar (20) Enum (Y,N) Ekstra Auto_increment keterangan Primary_key
Berikut ini juga akan ditampilkan gambar-gambar dari tabel-tabel diatas yang dituangkan kedalam database MySQL phpMyAdmin. Adapun tampilanya adalah sebagai berikut
66
Gambar 23. Tampilan struktur tabel agenda
Gambar 24. Tampilan struktur tabel berita
67
`
Gamabar 25.Tampilan struktur tabel download
Gambar 26. Tampilan struktur tabel hubungi
68
Gambar 27. Tampilan struktur tabel komentar
Gambar 28. Tampilan struktur tabel mahasiswa
69
Gambar 29. Tampilan struktur tabel matakuliah
Gambar 30. Tampilan struktur tabel modul
70
Gambar 31. Tampilan struktur tabel nilai
Gambar 32. Tampilan struktur tabel poling
71
Gambar 33. Tampilan struktur tabel user
B. Implementasi Program Aplikasi Tahap ini merupakan tahap akhir dari proses membangun sebuah Sistem Informasi Akademik Politeknik Indotec Kendari. Dalam tahap ini semua rancangan yang sudah dibuat kemudian diterjemahkan dengan menggunakan bahasa pemograman sehingga menjadi sebuah sistem Pada implementasi program aplikasi sistem informasi akademik Indotec kendari memiliki tampilan sebagai berikut : 1. Halaman login admin (CMS)
Gambar 34. Gambar tampilan halaman login admin
72
<body> <div id="header"> <div id="content"> <h2>Login kie dulu nah cesssssss........!!!!!!! </h2> <img src="images/login-welcome.gif" width="97" height="105" hspace="10" align="left"><form method="POST" action="cek_login.php"> <table> <tr><td>Username</td><td>:<inputtype="text" name="username"></td></tr> <tr><td>Password</td><td>:<inputtype="password"name="password"></td> </tr><tr><td colspan="2"><input type="submit" value="Login"></td></tr> </table></form> <pclass="style1">KreasibyCostikCommunitycesss..................!!!!!!!!!! </p> </div> <div id="footer"> Copyright ©2010 <br> Kelompok 4 Dharwis..Masdar..Zulkifli..Izharul..Tommy As..!! </div> </div> </body> listing 4. halaman login admin
Halaman login admin ini khusus untuk pengelola website ini peruntukkan khusus untuk kampus untuk mengelola content website.
2. Halaman utama untuk admin
Gambar 35. tampilan halaman utama admin
73
if ($_GET[module]=='home'){ echo "<h2>Selamat Datang</h2> <p>Hai <b>$_SESSION[namalengkap]</b>, selamat datang di halaman Administrator website <b>POLITEKNIK INDOTEC KENDARI</b> SULAWESITENGGARA.<br> Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. </p> <p> </p><p> </p><p> </p><p> </p><p> </p> <p> </p><p> </p><p> </p> <p align=right>Login : $hari_ini, "; echo tgl_indo(date("Y m d")); echo " | "; echo date("H:i:s"); echo " WIB</p>"; } listing 5. halaman utama admin
Halaman utama admin ini akan tampil apabila sukses login dan kemudian mengelola content website. 3. Halaman utama
Gambar 36. tampilan halaman pertama
74
<marquee> WELCOME TO CAMPUS.... POLITEKNIK INDOTEC </marquee> </h2> <div id="slider_container_1"> <div id="SliderName"> <a href="#1"> <img src="img/logo1.jpg" width="413" height="340"title="Description from Image Title" /></a> <div class="SliderNameDescription"> <img src="img/Darwis ( (1).jpg" width="58" height="44" style="float:left;margin-right:5px;" /> <strong>Costik @ Community</strong><br />From <a href="javascript:void(0);">D@rwis</a> Maaf Bozz WEB nya Kurang Sempurna </div><a href="#2"> <img src="img/DSC01907.JPG" width="407" height="224" />
listing 6. halaman pertama
Halaman pertama ini menampilkan gambar-gambar kampus
4. Halaman home
Gambar 37. tampilan halaman home
75
$aksi="modul/mod_berita/aksi_berita.php"; switch($_GET[act]){ // Tampil Berita default: echo "<h2>Berita</h2> <input type=button value='Tambah Berita' onclick= \"window.location.href= '?module=berita&act=tambahberita';\"> <table> <tr><th>no</th><th>judul</th><th>tgl. posting</th><th>aksi</th></tr>"; $p = new Paging; $batas = 10; $posisi = $p->cariPosisi($batas); if ($_SESSION[leveluser]=='admin'){ $tampil = mysql_query("SELECT * FROM berita ORDER BY id_berita DESC LIMIT $posisi,$batas"); } else{ $tampil=mysql_query("SELECT * FROM berita WHERE username='$_SESSION[namauser]' ORDER BY id_berita DESC LIMIT $posisi,$batas"); } $no = $posisi+1; while($r=mysql_fetch_array($tampil)){ $tgl_posting=tgl_indo($r[tanggal]); echo "<tr><td>$no</td><td>$r[judul]</td><td>$tgl_posting</td> <td><a href=?module=berita&act=editberita&id=$r[id_berita]>Edit</a> | <a href=$aksi?module=berita&act=hapus&id=$r[id_berita]>Hapus</a></td> </tr>"; $no++;
Listing 7. halaman home
Halaman pertama ini menampilkan semua data-data kampus yang telah diposting oleh administrator
76
5. Tampilan halaman profil
Gambar 38. Tampilan halaman profil kampus
$sql = mysql_query("SELECT * FROM modul WHERE id_modul='37'"); $r = mysql_fetch_array($sql); echo "<h2>Profil</h2> <form method=POST enctype='multipart/form-data' action= $aksi?module= profil&act=update> <input type=hidden name=id value=$r[id_modul]> <table> <tr><td><img src=../foto_banner/$r[gambar]></td></tr> <tr><td>Ganti Foto : <input type=file size=30 name=fupload></td></tr> <tr><td><textarea name='isi' style='width: 500px; height: 300px;'> $r[static_content] </textarea> </td></tr> <tr><td><input type=submit value=Update></td></tr></form></table>"; break; } ?> listing 8. halaman profil kampus
Halaman pertama ini menampilkan profil kampus yang telah diposting oleh administrator
77
6. Tampilan halaman login mahasiswa
gambar 39. tampilan halaman login mahasiswa
<form method="POST" action="cek_login.php"> <table> <tr><td>Username</td><td> : <input type="text" name="nama"></td></tr> <tr><td>Password</td><td>: <input type="password" name="nim"></td></tr> <tr><td>jurusan</td><td> : <select name='jurusan'> <option selected='selected' value='jurusan'>-Silahkan Pilih-</option> <option value='TI'>Teknik Informatika</option> <option value='MI'>Manajemen Informatika</option> <option value='MP'>Manajemen Pemasaran</option> </select></td></tr> <tr><td colspan="2"><input type="submit" value="Login"></td></tr> </table> </form> Listing 9. Tampilan halaman login mahasiswa
Halaman pertama ini menampilkan halaman login mahasiswa yang telah teregistrasi
78
7. Tampilan halaman utama pengisian KRS
Gambar 40. Tampilan halaman utama pengisian KRS
if ($_GET[module]=='home'){ echo "<h1> <p>Selamat Datang di Website <b><font color='BLUE'>POLITEKNIK INDOTEC KENDARI</font></b> SULAWESI-TENGGARA.<br></p> <p><b><font color='red'>$_SESSION[nama]</font></b> telah teregistrasi .....<br> Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website.<br> <p align=right>Creaty By :<font color='red'>D H @ R W I Z</font> </p></h1> <p align=right>Login : $hari_ini, "; echo tgl_indo(date("Y m d")); echo " | "; echo date("H:i:s"); echo " WIB</p>"; } Listing 10. Tampilan halaman utama pengisian KRS
Halaman utama pengisian KRS ini menampilkan halaman untuk mahasiswa yang telah teregistrasi dalam mengisi KRS
79
8. Tampilan profil mahasiswa
Gambar 41. Tampilan halaman profil mahasiswa
<tr><td>Foto</td> <td> : <img src='../foto_berita/small_$r[gambar]'></td></tr> <tr><td>NAMA</td> <td> : $_SESSION[nama]</td></tr> <tr><td>NIM</td> <td> : $_SESSION[nim]</td></tr> <tr><td>JURUSAN</td><td> : $_SESSION[jurusan]</td></tr> <tr><td>NO TELP/HP</td><td> : $_SESSION[telp]</td></tr> <tr><td>JENIS KELAMIN</td><td> : $_SESSION[jk]</td></tr> <tr><td>E_MAIL</td><td> : $_SESSION[email]</td></tr> Jika Anda Ingin Melihat **perubahan status anda.....<br> silahkan <b> LOGOUT</b> Dan <b>LOGIN</b> Kembali<tr><td colspan=2><a href=?module=data&act=edituser&id=$r[id_mhs]>Edit Profil</a> </table></form>"; } break; Listing 11. halaman profil mahasiswa
Halaman profil mahasiswa ini menampilkan halaman untuk mahasiswa yang telah teregistrasi dalam mengisi KRS
80
9. Tampilan halaman pilihan semester
Gambar 42. Tampilan pilihan semester
echo " <table> <tr><th>Pilihan semester untuk memilih matakuliah</th></tr> <tr><td><input type=button value='Pil.Semester 1' onclick=\"window.location.href='?module=pilihan&act=inputmatakuliah5';\"> >>--->_<b>Semester Satu</b></tr></td> <tr><td><input type=button value='Pil.Semester 3' onclick=\"window.location.href='?module=pilihan&act=inputmatakuliah1';\"> >>--->_<b>Semester Tiga</b></tr></td> <tr><td><input type=button value='Pil.Semester 5' onclick=\"window.location.href='?module=pilihan&act=inputmatakuliah2';\"> >>--->_<b>Semester Lima</b></tr></td> <tr><td><input type=button value='Pil.Semester 7' onclick=\"window.location.href='?module=pilihan&act=inputmatakuliah3';\"> >>--->_<b>Semester Tujuh</b></tr></td> </table>"; break;
Listing 12. Tampilan pilihan semester Halaman profil mahasiswa ini menampilkan halaman untuk mahasiswa dalam mengisi KRS
81
10. Tampilan halaman hasil mahasiswa
Gambar 43. tampilan halaman hasil mahasiswa
echo"<h2><b><fontcolor='BLUE'>MatakuliahYang Diprogramkan</b></font></h2> <table> $tampil=mysql_query("SELECT * FROM nilai WHERE nim='$_SESSION[nim]' AND sms='$_SESSION[sms]'"); while ($r=mysql_fetch_array($tampil)){ echo "<tr> <td align=center>$no</td> <td>$r[kd_mk]</td> <td>$r[nm_mk]</td> </tr>"; $no++; Listing 13. Halaman matakuliah yang diprogramkan }
82
echo "</table>"; echo "<h2><b><font color='BLUE'>Kartu Hasil Study (KHS)</b></font></h2> $tampil=mysql_query("SELECT * FROM nilai WHERE nim='$_SESSION[nim]' AND sms='$_SESSION[sms]'"); while ($r=mysql_fetch_array($tampil)){ echo "<tr> <td>$no</td> <td>$r[kd_mk]</td> <td>$r[nm_mk]</td> <td align=center>$r[nilai_angka]</td> <td align=center>$r[nilai]</td> <td align=center>$r[sks]</td> <td align=center>$r[bobot]</td> </tr>"; $no++; Listing 14. Halaman KHS mahasiswa } echo "</table>"; echo "<h2><b><font color='BLUE'>Transkip Nilai</b></font></h2> $tampil=mysql_query("SELECT * FROM nilai WHERE nim='$_SESSION[nim]'"); while ($r=mysql_fetch_array($tampil)){ echo "<tr> <td>$no</td> <td>$r[kd_mk]</td> <td>$r[nm_mk]</td> <td>$r[sms]</td> <td align=center>$r[nilai_angka]</td> <td align=center>$r[nilai]</td> <td align=center>$r[sks]</td> <td align=center>$r[bobot]</td> </tr>"; $no++; } Listing 15. Halaman transkip nilai mahasiswa
Halaman hasil mahasiswa ini menampilkan halaman matakuliah yang diprogramkan, Kartu hasil Study, dan Transkip nilai mahasiswa yang sudah teregistrasi
83
BAB VI KESIMPULAN DAN SARAN
A. Kesimpulan Pengisian Kartu Rencana Studi (KRS) adalah proses yang pasti akan dilakukan oleh setiap mahasiswa. Tidak hanya di POLITEKNIC INDOTEC KENDARI, namun juga di kampus-kampus lainnya. Dalam pelaksanaannya proses pengisian dapat dilakukan secara manual, yaitu mahasiswa mengisi KRS dengan menuliskan pilihan mata kuliahnya pada lembaran KRS, dan kemudian mengantri di loket pengesahan. Atau dapat juga dilakukan dengan sistem yang lebih baik, dimana mahasiswa tidak perlu lagi menuliskan mata kuliah yang diinginkan pada lembaran KRS, melainkan cukup memilih mata kuliah pada web browser saja, dan mahasiswa juga tidak perlu mengantri di loket pengesahan untuk mendapatkan pengesahan. Sistem ini adalah sistem yang berbasiskan web. Dimana semua proses akan dilakukan pada web server, dan antar muka yang digunakan adalah web browser. Dari pembuatan tugas akhir ini, dapat diambil kesimpulan sebagai berikut : 1. Tidak ada lagi antrian mahasiswa pada saat pengambilan kertas form Kartu Rencana Studi yang masih kosong, karena memang dengan menggunakan sistem online, Form tersebut tidak diperlukan lagi. 2. Proses pelaksanaan pengisian Kartu Rencana Studi dapat lebih cepat dilakukan bila dibandingkan dengan sistem pengisian Kartu Rencana Studi yang lama, karena mahasiswa tidak perlu lagi mengantri untuk bertemu dosen pembimbing akademik, serta tidak perlu mengantri di loket pengesahan. 3. Kesalahan pembacaan data oleh petugas input data sangat minim sekali, karena mahasiswa melakukan sendiri pemilihan mata kuliah, dan hasilnya langsung disimpan di-database. Hal ini dapat mengurangi jumlah
84
mahasiswa yang tidak puas karena salah masuk kelas. Selain itu petugas tidak menjadi sibuk seperti biasanya pada sistem lama. 4. Mahasiswa dapat mengisi Kartu Rencana Studi dimana saja dan kapan saja, selama proses pengisian Kartu Rencana Studi berlangsung. 5. Petugas sekretariat tidak perlu repot melayani seluruh mahasiswa, melainkan hanya beberapa mahasiswa saja yang bermasalah dalam pengisian Kartu Rencana Studinya. 6. Keamanan data masing-masing mahasiswa cukup terjamin, karena setiap mahasiswa mendapatkan password yang berbeda..
B. Saran Penulis menyadari bahwa pada Sistem Pengisian Kartu Rencana Studi secara online masih memiliki beberapa kekurangan, untuk itu, apabila penelitian sistem pengisian Kartu Rencana Studi secara online ini ingin dilanjutkan, penulis ingin memberi beberapa saran mengenai bagian-bagian yang sebaiknya dibahas, yaitu: 1. Masalah koneksi jaringan. Pada saat pengisian Kartu Rencana Studi berlangsung, server akan diakses oleh banyak mahasiswa secara bersamaan, sebaiknya bandwith yang digunakan untuk mengakses server harus besar, untuk menghindari kegagalan proses karena koneksi jaringan yang lambat. 2. Masalah keamanan jaringan komputer. Karena sistem ini adalah sistem online, maka server akan dapat diakses dari mana saja, dan kapan saja. Untuk itu diperlukan keamanan jaringan, untuk melindungi data-data pada server. Hal ini bertujuan untuk menghindari manipulasi data oleh pihak luar, maupun oleh mahasiswa sendiri. 3. Masalah perangkat keras komputer server. Karena diakses secara bersamaan, diperlukan perangkat keras yang mampu menangani proses dengan cepat untuk banyak user. Karena meskipun koneksi ke server lambat, namun bila komputer tidak dapat memproses perintah dengan cepat, maka tetap akan memakan waktu yang lama.
85
4. Adanya kekurangan-kekurangan dalam sistem, yaitu : a. Perlu adanya sosialisasi lebih pada mahasiswa, mengenai cara penggunaan dan fungsinya. Karena tanpa adanya sosialisasi lebih lanjut, tujuan dari sistem akan sulit dicapai. b. Belum adanya keamanan password, karena password. c. Belum adanya kerjasama dengan pihak bank, karenanya mahasiswa masih harus bertemu dengan bagian akademik untuk menunjukkan bukti bayar.
86
DAFTAR PUSTAKA [1] Bakken, Stig Seather, PHP Manual, PHP Documentation Group, 2003 [2] Didik Dwi Prasetyo, Belajar sendiri tanpa guru PHP dan MySQL, Yogyakarta, Elex Media Komputindo. [3] Lerdorf, Rasmus, Programming PHP, Sebastopol: OReilly & Associates, 2003 [4] Meloni, Julie C, PHP, MySQLTM and Apache in 24 Hours, United States of America: Sam Publishing, 2003 [5] MySQL 5.0 Reference Manual, MySQL software [6] Sutarman, Pemrograman Web PHP dan MySQL, Yogyakarta, Graha Ilmu. [7] Welling, Luke, PHP and MySQL Web Development, United States of America: Sam Publishing, 2001 [8] Prasetyo, Eko, Pemrograman Web PHP & MySQL untuk Sistem Informasi Perpustakaan, Yogyakarta, Graha Ilmu, 2008 [9] Andi, Membuat Aplikasi Database Karyawan Online Berbasis WEB dengan PHP dan MySQL, Madiun, 2005 [10] Website : http://ilmukomputer.com
87
Halaman utama
Halaman home
88
Halaman login mahasiswa
Halaman profil kampus
89
Halaman pengumuman
Halaman info kampus
90
Halaman materi kuliah
Halaman call center
91
Halaman home mahasiswa
Halaman matakuliah, krs,khs
92
Halaman pilihan semester
Halaman semester satu ganjil
93
Halaman semester tiga ganjil
Halaman semester lima ganjil
94
Halaman semester tujuh ganjil

Tugas Akhir Sistem Informasi Akademik Berbasis Web Di Politeknik Indotec Kendari

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Akhir Sistem Informasi Akademik Berbasis Web Di Politeknik Indotec Kendari

Diunggah oleh

Hak Cipta:

Format Tersedia

1

Zulkifli Izharul Abdullah

PROGRAM STUDI TEKNIK INFORMATIKA POLITEKNIK INDOTEC KENDARI 2011

Baco, S.Kom NIDN. 0910068002

Hamzah Hamid, S.Pi NIDN. 09291076602

Mengetahui Ketua jurusan Teknik Informatika Politeknik Indotec Kendari

Akbar Nurdin ssi

IZHARUL ABDULLAH TI 09 016

BACO, S.Kom NIDN. 0910068002

HAMZAH HAMID, S.Pi NIDN. 0929107602

Dewan Penguji Penuji I Penguji II Penguji III

BACO, S.Kom NIDN. 0910068002

Mengetahui Ketua Jurusan Teknik Informatika Politeknik Indotec Kendari

AKBAR NURDIN Ssi

Pas Foto 3x4

Kendari, 28 November 2011

10. Tampilan halaman hasil mahasiswa ................................ 68

KESIMPULAN DAN SARAN ..................................................... 80 A. Kesimpulan ............................................................................ 80 B. Saran ....................................................................................... 81

DAFTAR PUSTAKA LAMPIRAN

Tabel 10. Poling ............................................................................................ 43 Tabel 11. User ............................................................................................... 43

DAFTAR LISTING PROGRAM

Listing 15. Halaman transkip nilai mahasiswa ........................................ 69

BAB II GAMBARAN UMUM POLTEKNIK INDOTEC KENDARI

Ketua yayasan, Pembina di struktur

Yayasan, dst..(terlampir organisasi) Lembaga Awal yang didirikan

Provinsi Sulawesi Tenggara

No. Akte Yayasan

No. 9, Tanggal 6 Maret 2006

Status Bangunan a. Surat Izin Bagunan

Hak Milik Nomor : 02/IMB-DTB/VII/2006,

Tanggal 13 Juli 2006 b. Luas Bangunan Lantai III, Luas + 317 M2

Kapasitas Ruang Kuliah

34 Orang per kelas

BAB III LANDASAN TEORI

Mahasiswa memiliki atribut Nim_Mahasiswa, Nama_Mahasiswa.

Gambar 4. Relasi one to one

Gambar 5. Relasi one to many

Gambar 6. Diagram konteks

H. Browser 1. Web Server

berkemampuan akses cepat dan kompatibilitas yang baik.

echo (<html> Statement </html> ); ?>

Gambar 7. Area kerja Photoshop

Gambar 8. Area kerja macromedia dreamweaver

O. Xampp kepanjangan dari XAMPP yaitu Apache, PHP, MySQL dan

menggunakannya, mengambil dan bahkan mengubah kode programnya.

Gambar 9. Halaman utama dari Xampp

B. Strukrur Organisasi Politeknik Indotec Kendari

Baco,S.kom Direktur eksekutif

Bahrin,S.pd.Mag Ka.Senat akademik

Hamzah hamid,S.pi Direktur pendidikan

Hamsyah mappa,BAPP,SC.HONS Koord.Pengemb.Riset & Pengemb.Masy

David C.E Lipasaly,SE.MM Koord.Pemasaran,SDM & penempatan kerja

Bachrul,S.nise,S.kom Wakil direktur 1

Bachrul S.nise,S.kom Wakil direktur II

Iksan Tonggasa,SE Kajur perkantoran

Hera susanti,ST Kajur Sekretaris

Rais Gone,S.kom Kajur Kompak

Hellen K,SE.AK Kajur Manaj. & Pemantau

Yuliana K,S.kom Kajur manajemen informatika

Jumadil Nangsi,S.kom Kajur teknik informatika

Dosen Tetap/Dosen LB Muhammmad Rizal,SE KA.tata usaha

Wayan Sri Ka.Perpustakaan

Ari Wijaya Ka.Lab.komputer