PERANCANGAN SISTEM INFORMASI BERBASIS WEB JARINGAN ALUMNI (JALU) SMA BAKTI PONOROGO MENGGUNAKAN PHP DAN MYSQL
Naskah Publikasi
diajukan oleh
Priyo Arif Wibowo
07.12.2394
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011
2
WEB-BASED INFORMATION SYSTEM DESIGN HIGH SCHOOL BAKTI PONOROGO ALUMNI NETWORK USING PHP AND MYSQL PERANCANGAN SISTEM INFORMASI BERBASIS WEB JARINGAN ALUMNI (JALU) SMA BAKTI PONOROGO MENGGUNAKAN PHP DAN MYSQL Priyo Arif Wibowo Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA
ABSTRACT Rapid technological developments have brought us to coexist with the information, communication and technology itself. In the face of globalization must be balanced with maximizing our existing technology as a means to exchange information and share information. The purpose of making this website is intended as an interactive medium of communication and provide overview information about high school alumni BAKTI Ponorogo. It also serves to give alumni a place to share with other alumni, because the Internet itself is one among the many media that deserve the attention of high school BAKTI Ponorogo and is part of the study of science communication that it should get more attention in order to follow the rapid development of information technology. The concept used in the manufacture of this website that is a company profile, the making of this website which uses the concept of Entertainment, for which the primary segmentation include high school alumni and then Consecrated Ponorogo general, for the manufacture of packaging in the Alumni Network website is not too formal, to be closer to the youth market. The focus in making this website is to build closer to the community. Keywords: Information Systems, Schools, Social Networking, Communications
3
1. Pendahuluan
Era globalisasi sekarang ini dunia informasi berkembang begitu pesat karena ditunjang dengan perkembangan teknologi yang semakin canggih. Komputer merupakan salah satu alat guna menunjang perkembangan teknologi informasi. Dapat dikatakan sistem informasi yang menggunakan website akan memberikan informasi yang lengkap, cepat dan akurat. Kelebihan website merupakan sarana dalam memberikan informasi dan memberikan kekuatan orang untuk saling berbagi dengan memiliki satu atau lebih jenis spesifik dari saling ketergantungan, persahabatan, kekeluargaan dan kepentingan bersama sering di sebut jaringan sosial. Teknologi
komputer
berkembang
dengan
munculnya
internet
dimana
komputer-komputer dapat saling terhubung membentuk jaringan yang sangat luas yang terdiri dari ribuan komputer diseluruh dunia. Siapapun yang mempunyai akses kedalam jaringannya dapat saling berinteraksi dan bertukar informasi berbagai macam bentuk data teks, gambar, suara, video, file dan sebagainya. Lebih dari itu jaringan ini dapat diakses selama 24 jam. Berdasarkan latar belakang tersebut diatas maka topik yang diambil media berinteraksi jaringan alumni. Melihat hal itu maka penulis memilih judul: “PERANCANGAN SISTEM INFORMASI BERBASIS WEB JARINGAN ALUMNI (JALU) SMA BAKTI PONOROGO MENGGUNAKAN PHP DAN MYSQL”
2. Dasar Teori
2.1 Konsep Dasar Sistem Informasi Sistem adalah sekumpulan objek-objek yang saling berelasi dan berinteraksi serta hubungan antar objek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan. Secara sederhana sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur atau variable-variabel yang saling terorganisasi, saling berinteraksi, dan
4
saling bergantung sama lain. Unsur-unsur yang mewakili suatu sistem secara umum adalah masukkan (Input), pengolahan (Processing) dan keluaran (Output). 1 Informasi merupakan hal yang sangat penting didalam suatu organisasi. Suatu sistem yang kurang mendapatkan informasi akan menjadi luruh, kerdil, dan akhirnya berakhir. . Masukan
Pengolahan
Keluaran
(Input)
(Processing)
(Output)
Gambar 2.1 siklus pengolahan data Informasi berbeda dengan data, data dapat didifinisikan sebagai fakta dan angka yang belum punya arti dari suatu kejadian dan belum mempunyai nilai manfaat bagi pengguna atau user. Sedangkan informasi menurut Davis 1995, adalah : Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau mendatang. Mc Leod (1995) mengatakan bahwa informasi adalah data yang telah diproses, atau data yang memiliki arti.. 2
2.2 Konsep Dasar Internet Internet (Interconnected Network) adalah suatu hubungan antara komputer-komputer yang membentuk suatu jaringan yang luas dan global yang saling bertukar informasi secara terus menerus. Internet merupakan jaringan global yang menghubungkan suatu jaringan dengan jaringan lainnya di seluruh dunia. Media yang menghubungkan bisa berupa kabel, maupun frekuensi radio.
1
Hanif Al Fatta, scott (1996), Analisis & perancangan Sistem Informasi: untuk Keunggulan Bersaing Perusahaan & Organisasi Modern (Yogyakarta, Andi) hal 3‐6. 2 Davis 1995, Mc Leod 1995, Analisis dan Perancangan Sistem Informasi: untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern (jogjakarta, penerbit Andi), hal 9.
5
2.3 Website Website atau situs web merupakan suatu kumpulan halaman-halaman web yang saling berhubungan dan memuat teks, gambar, suara, video serta data digital lain. Website dialamatkan dengan sebuah nama domain atau IP address dalam jaringan internet. Sebuah website diletakkan pada sebuah computer server yang biasanya disediakan oleh layanan web hosting. sebuah computer server dapat menampung beberapa website. Masing-masing website memiliki alamat unik yang berbeda. Pengguna internet dapat mengakses website tersebut dengan cara mengetikkan alamat IP/nama domain pada addressbar di dalam web browser.
2.4 Bahasa Pemrograman Bahasa pemrograman merupakan aturan baku tentang penulisan kode untuk membuat suatu perintah. Dalam membangun sebuah website digunakan beberapa bahasa pemrograman antara lain: 1.1.1 HTML Hyper Text Markup Language (HTML) merupakan bahasa pemrograman website yang paling dasar, yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. 1.1.2 CSS Cascanding Syle Sheet (CSS) merupakan
suatu teknologi yang digunakan untuk
memperindah tampilan halaman website (situs). Dengan Metode CSS keseluruhan warna dan tampilan yang ada di situs web dapat dirubah/diformat ulang dengan cepat. CSS juga telah di standartkan oleh World Wide Web Consortium (W3C) untuk di gunakan di web browser. 1.1.3 Java Script JavaScript adalah bahasa script yang dicantumkan pada sebuah halaman web yang dijalankan pada web browser seperti Internet Explorer (IE), Mozilla FireFox dan Opera. 1.1.4 PHP PHP adalah salah satu bahasa pemrograman di internet. PHP bersifat cepat, gratis dan murah. Selain itu PHP mendukung penggunaan database seperti MySQL, PostgreSQl, Oracle, etc.
6
Untuk dapat menjalankan PHP melalui browser, maka anda diharuskan terlebih dahulu menginstall web server ( misalnya Apache, PWS, IIS ) lalu menginstall PHP. 3. Gambaran Umum
3.1 Tinjauan Umum 3.1.1 Sejarah Singkat SMA Bakti Ponorogo adalah Lembaga Pendidikan yang berada di Jalan Batoro Katong No. 24 Kelurahan Nologaten, Kecamatan Ponorogo Kabupaten Ponorogo Jawa Timur Indonesia, dengan status sekolah Akriditasi nilai A. Kepala sekolah Drs. Sunyoto NIP. 196001031986031016 yang berdiri pada tahun 1983 dan dimulai pembelajaran pada tahun pelajaran 1983-1984. Alumni dari SMA Bakti Ponorogo setelah lulus sekolah kebanyakan tidak ada komunikasi lagi antar alumni. Kendalanya para alumni akan disibukan dengan aktifitas baru dan akan melupakan teman waktu masih SMA dulu karena jarangnya komunikasi. 3.1.2 Profil SMK N 4 Purworejo adalah satu-satunya sekolah kejuruan yang memiliki keahlian di bidang penangkapan ikan di Kabupaten Purworejo. SMK N 4 Purworejo beralamatkan di Jl. Purwodadi – Grabag KM. 5 Desa Briyan, Kec. Ngombol, Kab. Purworejo. Kode Pos.54712. Meskipun belum lama berdiri, namun antusias dari para siswa yang ingin masuk ke SMK N 4 Purrworejo sangat banyak.
3.1.3 Visi dan Misi Visi dari SMA Bakti Ponorogo adalah unggul dalam Ilmu Pengetahuan dan Teknologi yang berdasarkan iman, taqwa, dan nilai-nilai agama menjunjung tinggi kebudayaan bangsa serta mandiri. Misi dari SMA Bakti Ponorogo adalah sebagai berikut : 1.
Melaksanakan proses belajar mengajar yang efektif, berdaya guna dan
berhasil guna memanfaatkan Teknologi Informasi dan Komunikasi. 2.
Menumbuhkembangkan potensi diri pada setiap siswa sehingga dapat
dikembangkan secara optimal. 3.
Meningkatkan pendalaman dan pengamalan ajaran Agama Islam dalam
kehidupan sehari-hari.
7
3.2 Analisis Kebutuhan Sistem Analisis Kebutuhan Sistem ini adalah fase analisis untuk memahami kebutuhan sistem baru secara mendalam dan pengembangan sistem baru. Analisis Kebutuhan Sistem ini di bagi menjadi 2 jenis, yaitu kebutuhan fungsional dan kebutuhan non fungsional. 1.
Kebutuhan Fungsional Analisis kebutuhan fungsional adalah kebutuhan yang berisikan proses-proses
kebutuhan yang wajib ada pada sistem dan berisikan informasi-informasi yang ada dan bisa dihasilkan oleh sistem tersebut 2.
Kebutuhan Non Fungsional Analisis kebutuhan non fungsional adalah fitur tambahan yang bisa menunjang kinerja
sistem untuk memproses inputan-outputan data dan juga bisa mempermudah pengguna dalam menggunakan sistem menjadi lebih baik.
3.3 Perancangan Sebelum masuk kedalam pembahasan web, disini penulis akan menjelaskan tentang perancangan web. Di dalam peracangan akan dibahas tentang perancangan database dan perancangan sistem. Perancangan database meliputi tahapan normalisasi serta flowchart. Sedangkan untuk perancangan sistem menggunakan data flow diagram (DFD).
3.4 Kamus Data Kamus data atau data dictionary atau disebut juga dengan istilah sistem data dictionary adalah catalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem informasi. Dengan menggunakan kamus data analisis sistem dapat mendefenisikan data yang akan mengalir di suatu sistem dengan lengkap. Kamus data dibuat pada tahap analisis sistem dan digunakan baik pada tahap analisis maupun pada tahap perancangan sistem. Kamus data dibuat berdasarkan arus data yang ada di data flow diagram, yang digunakan untuk menerangkan tentang struktur arus data secara lebih terperinci. Berikut
8
adalah gambar kamus data yang menunjukan hubungan antara data flow diagram dengan kamus data
3.5 Flowchart Di dalam perancangan sistem, flowchart digunakan untuk menggambarkan alur program yang akan dibuat. Di dalam perancangan system ini, terdapat 3 Flowchart, yaitu : 1.
Flowchart Sistem Untuk Alumni
2.
Flowchart Sistem Untuk Admin.
3.6 Perancangan Database Perancangan database adalah tahapan bagaimana mengatur dan mendesain data baru yang akan menghasilkan suatu data yang cepat, efisien, dan mudah dalam melakukan proses manipulasi. Berikut perancangan database pada website ini. 3.6.1 Tahapan Normalisasi Normalisasi diperlukan untuk melakukan pengujian apakah database yang dibuat sudah normal atau belum. Normal disini mengandung arti bahwa suatu database sudah tidak menimbulkan kekacauan data ataupun duplikasi data. Jadi normalisasi adalah proses pengelompokan data elemen menjadi tabel-tabel yang menggunakan relasi dan entitas. 1.
Bentuk Unnormal Bentuk unnormal merupakan kumpulan data yang tidak lengkap dan terduplikasi.
2.
Bentuk Normalisasi Pertama Normalisasi pertama memiliki ciri yaitu tidak ada atribut yang bernilai ganda atau
atribut yang duplikat. 3.
Bentuk Normalisasi Kedua Normalisasi kedua memiliki ciri yaitu bentuk telah memenuhi kriteria bentuk normal ke
satu. Atribut bukan kunci haruslah bergantung secara fungsi pada kunci utama primary key. Sehingga untuk membentu normal kedua haruslah sudah ditentukan kunci field. Kunci field haruslah unik dan dapat memenuhi atribut lain yang menjadi anggotanya 4.
Bentuk Normalisasi Ketiga
9
Pada normalisasi bentuk ketiga semua field dan relasi berada pada bentuk normalisasi kedua dan tidak adanya ketergantungan transitif dimana semua atribut bukan kunci hanya tergantung pada atribut kunci primer secara menyeluruh. 5.
Relasi Antar Tabel Relasi antartabel berfungsi untuk menjukkan relasi atau hubungan antar tabel
sehingga membentuk suatu jaringan data.
3.7 Perancangan Struktur Tabel Database yang digunakan pada web ini dirancang dengan menggunakan MySQL. MySQL merupakan pengelola database server yang menggunakan bahasa standar SQL (Structure Query Language).
3.8 Struktur Aplikasi Web yang Digunakan Suatu website terdiri dari link-link yang menyediakan berbagai informasi. Begitu pula dengan website Alumni SMA Bakti Ponorogo ini yang terdiri dari link yang dapat menampilkan data atau informasi yang sesuai dengan nama link tersebut. 3.8.1 Struktur Halaman Alumni Alumni dapat mendaftar dan berhubungan dengan alumni yang lain. 3.8.2 Struktur Halaman Admin Admin mempunyai hak penuh terhadap seluruh data yang ada di dalam website. Pengelolaan data yang diperlukan dalam website menjadi tanggung jawab administrator. 3.9 Perancangan User Interface Rancangan Interface Website Alumni SMA Bakti Ponorogo terdiri dari 2 bagian yaitu halaman alumni dan halaman administrator.
10
Gambar 3.3 Tampilan Halaman Home
4 Pembahasan
4.1 Implementasi Tahapan Implementasi merupakan tahap penerapan dari tahap perancangan yang dituliskan pada bab tiga. Implementasi meliputi implementasi database dan implementasi program sehingga halaman web siap untuk diakses. 4.1.1 Implementasi Database Query yang digunakan untuk menyusun database adalah sebagai berikut : CREATE DATABASE `sma_tes`;
11
Gambar 4.1 Membuat Database sma_tes
4.1.2 Implementasi Program Tahapan Implementasi merupakan tahap penerapan dari sistem agar siap untuk dioperasikan atau dijalankan. Tahap implementasi ini merupakan tahap penterjemahan rancangan tabel kedalam satu bahasa pemrograman, salah satunya adalah bahasa pemrograman php. Kode program untuk koneksi ke database koneksi.php:
4.1.3 Implementasi Proses Pengolahan Data Implementasi proses pengolahan data merupakan proses penginputan data yang dilakukan oleh admin untuk melakukan manipulasi data. 4.1.4 Manual Instalasi 4.1.4.1 Instalasi Server
12
Software yang diinstal sebagai server adalah XAMPP.
Gambar 4.2 Proses Instalasi XAMPP Setelah proses instalasi selesai dapat ditampilkan halaman control panel XAMPP. Kemudian klik tombol Start pada Apache dan MySQL. Untuk mencoba software yang telah diinstal dapat dibuka di browser dgn alamat http://localhost.
Gambar 4.3 Control Panel XAMPP
13
Gambar 4.4 Halaman Web XAMPP Setelah semua proses instalasi selesai, database dapat dibuat melalui phpMyAdmin. Nama database diisikan di kolom MySQL localhost kemudian klik create. Jumlah table serta jumlah field diisi sesuai dengan kebutuhan.
Gambar 4.5 Halaman phpMyAdmin Semua file-file program yang dibuat harus berdirektori di lokasi instalan XAMPP. Biasanya destinasi direktori hasil instalan mengarah ke C:\xampp. Kemudian file-file disimpan di folder htdocs. File-file yang dibuat dapat dipanggil melalu browser dengan alamat http://localhost/nama_program.
4.1.4.2 Mekanisme Upload Setelah semua tahap telah selesai, langkah terakhir adalah melakukan proses upload ke web server di internet. Namun proses ini tidak mudah karena kita memerlukan domain dan pemilihan hosting. Setelah proses itu dilakukan baru kita dapat meng-upload file ke server hosting. Dalam meng-upload tentu saja harus mencari server yang dapat menangani situsnya. Ada dua jenis server saat ini yaitu, server gratis dan non gratis. 1.
Mengupload Database Login terlebih dahulu pada account hosting dengan cara membuka control panel
domain, yaitu www.alumnismabakti.com/cpanel
14
Gambar 4.2 Tampilan Login cpanel Klik pada link menu MySQL Databases
Gambar 4.3 Tampilan Menu cPanel 2.
Membuat database beserta username dan password Pilih Add Mysql Database, kemudian akan muncul tampilan seperti dibawah ini.
15
Gambar 4.4 Tampilan MySQL Database ADD pada add user To Database. Kemudian muncul tampilan seperti di bawah ini
Gambar 4.5 Tampilan Add User
16
3.
Setelah membuat database, kenudian masuk ke halaman PhpMyAdmin
4.
Kemudian pilih menu import dan pilih file database yang akan di uplod
Gambar 4.7 Tampilan Menu Import
5.
Upload File Untuk mengupload file kita bisa memilih cara yang berbeda yaitu dengan File Manager
di Cpanel atau melalui FTP (File Transfer Protokol). Gambaran di bawah ini akan menjelaskan cara mengupload melalui FTP (File Transfer Protokol). Membuka aplikasi FileZila, pada tampilan ini harus mengisi Host, Username, Password.
Gambar 4.8 Tampilan Filezilla
17
Pada tampilan di atas klik Quickconnect, kemudian Upload file yang akan diupload dari local computer dengan cara klik kanan pada file kemudian upload.
Gambar 4.9 Tampilan Saat Upload File di Filezilla
4.2 Error Testing Error testing merupakan pengencekan website pada browser, apakah website berjalan dengan baik dan pada browser atau tidak
Gambar 4.10 Tampilan Menu Profil
18
4.3 Kelebihan dan Kelemahan Web Dari semua file-file *.php, *.css, dan *.js di atas, akhirnya program dapat diselesaikan. Dan dari pengujian program dapat disimpulkan bahwa program memilki kelebihan dan kelemahan. Berikut kelebihan dan kelemahan website SMA Bakti Ponorogo: 4.4.1 Kelebihan 1. Alumni dapat berinteraksi langsung dengan alumni yang lain menggunakan pesan dan komentar. 2. Password dilengkapi dengan enkripsi sebagai keamanan. 4.4.2 Kelemahan 1. Fungsi tambah halaman masih bersifat semi manual, maksudnya terdapat fungsi tambah halaman tetapi dalam pemasangan link halaman masih dilakukan secara manual. 2. Fitur-fitur masih dalam proses pengembangan.
5. Kesimpulan
Dari hasil perancangan, pembuatan dan implementasi program, maka dapat disimpulkan bahwa tujuan membuat dan menganalisis website yang baik sebagai sarana yang bisa memberikan informasi mengenai Alumni SMA Bakti Ponorogo telah tercapai, antara lain sebagai berikut: a.
Website ini merupakan alternative baru sebagai metode penghubung antar alumni SMA
Bakti Ponorogo berbasis web. b.
Sebagai sarana penyampaian informasi tentang kegiatan alumni SMA Bakti Ponorogo
secara online.
19
DAFTAR PUSTAKA
Davis 1995, Mc Leod, 1995. “Analisis dan Perancangan Sistem Informasi: untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern”, Penerbit Andi, Yogyakarta. Hanif Al Fatta, scott, 1996. “Analisis & perancangan Sistem Informasi: untuk Keunggulan Bersaing Perusahaan & Organisasi Modern”, Penerbit Andi, Yogyakarta. Kertahadi 1995, Murdick dan Ross, 1993. “Analisis dan Perancangan Sistem Informasi: untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern”, Penerbit Andi, Yogyakarta.
Kusrini, M.Kom; Andri Koniyo; Penerbit Andi, “Tuntunan Praktis Membangun Sistem Informasi Akuntansi dengan Visual Basic & Microsoft SQL Server”, Penerbit Andi, Yogyakarta.
20