SISTEM INFORMASI SEKOLAH BERBASIS WEB
TUGAS AKHIR
RAHMADANI SAPITRI BATUBARA
102406132
PROGRAM STUDI DIPLOMA-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
SISTEM INFORMASI SEKOLAH BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer
RAHMADANI SAPITRI BATUBARA
102406132
PROGRAM STUDI DIPLOMA-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : SISTEM INFORMASI BERBASIS WEB
Kategori : TUGAS AKHIR
Nama : RAHMADANI SAPITRI BATUBARA
Nomor Induk Mahasiswa : 102406132
Program Studi : D3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM
(FMIPA) UNIVERSITAS SUMATERA UTARA
Diketahui
Departemen Matematika FMIPA USU
Ketua, Pembimbing
Prof. Dr. Tulus, M.Si Sajadin Sembiring, S.Si.,M.Comp.Sc NIP: 92 0 9 0 1 1 9 8 8 0 3 1 0 0 2
PERNYATAAN
SISTEM INFORMASI SEKOLAH BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.
Medan, 12 Juni 2013
PENGHARGAAN
Syukur Alhamdulillah penulis ucapkan serta panjatkan ke hadirat Allah SWT yang telah memberikan rahmat, berkah serta hidayah-Nya kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini sebagai salah satu syarat untuk menyelesaikan perkuliahan pada Program Studi Diploma-3 Teknik Informatika Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
1. Sajadin Sembiring, S.Si.,M.Comp.Sc selaku Dosen pembimbing penulis yang selalu memberikan masukan, baik kritik dan saran kepada penulis selama pembuatan tugas akhir ini mulai dari awal sampai dengan selesai.
2. Bapak Syahril Efendi, S.Si, MIT selaku Ketua Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera utara.
3. Bapak Prof.Drs.Tulus, M.Si selaku Ketua Departemen Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara.
5. Bapak dan Ibu Dosen serta Staf Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
6. Buat Adik-Adikku Tersayang yang telah memberikan semangat kepada penulis dalam penyelesaian tugas akhir ini.
7. Kepada Aminah Arfah, Masita, Yakhdi Perari Pinem, Yudho Murphy Harahap dan Diory S Marbun sebagai teman terdekat yang telah membantu dan memberi semangat penulis dalam menyelesaikan tugas akhir ini.
penulis dalam memberikan saran untuk menyelesaikan program.
9. Buat seluruh teman angkatan 2010 yang selama ini telah menjadi keluarga dan sahabat penulis.
10.Semua keluarga, saudara, dan juga rekan-rekan baik dikampus maupun diluar kampus.
Laporan ini sudah selesai, namun penulis menyadari bahwa masih ada kekurangan didalamnya karena keterbatasan pengetahuan dan kemampuan penulis. Untuk itu, diharapkan kritik dan saran yang bersifat membangun demi perbaikan dan penyempurnaan laporan ini. Semoga laporan ini bermanfaat bagi semua yang membaca sebagai wacana dalam memperluas cakrawala pengetahuan.
Kiranya Allah SWT memberikan hidayah-Nya kepada kita semua sehinga sukses dalam menggapai cita-cita yang diinginkan. Amin.
Medan, 12 Juni 2013 Penulis,
DAFTAR ISI
1.4 Tujuan Penelitian 3
1.5 Manfaat Penelitian 3
1.6 Metode Penelitian 3
1.7 Sistematika Penulisan 4
Bab 2 Landasan Teori 6
2.1Pengertian Informasi 6
2.2 Pengertian Sistem 7
2.3 Sistem Informasi 8
2.3.1 Komponen Sistem Informasi 9
2.3.2 Perangkat Sistem Informasi 11
2.4 Internet 13
2.4.1 Manfaat Internet 13
2.5 Website 14
2.5.1 Web Statis 15
2.6 PHP 16
2.9 Macromedia Dreamweaver 22
2.10 Xampp 23
Bab 3 Analisi dan Perancangan Sistem 24
3.1 Analisi Kebutuhan 24
3.1.1 Kebutuhan Antarmuka 24
3.1.2 Kebutuhan Data 24
3.2 Perencanaan dan Perancangan 29
3.3 Perancangan Halaman Website 31
3.3.1 Halaman Home 31
3.3.2 Halaman Gallery 31
3.3.3 Halaman Guru 31
3.3.4 Halaman Siswa 31
3.3.5 Halaman Contact Us 32
3.3.6 Halaman Administrator 32
3.4 Perancangan Diagram Alir (Flowchart) Website 32
3.4.1 Flowchart Menu Utama 32
3.4.2 Flowchart Admin 34
3.4.3 Flowchart Admin Siswa 35
3.5 Merancang Database Server 36
3.6 Design Website 36
3.6.1 Design Halaman Home 36
3.6.2 Design Header 37
3.7 Gambaran Umum Perancangan Website 37
3.7.1 Administrator Website 37
Bab 4 Implementasi dan Pengujian Sistem 39
4.1 Pengertian Implementasi Sistem 39
4.3 Komponen dalam Implementasi Sistem 40
4.4 Instalasi Apache, PHP, dan MySQL 41
4.5 Instalasi Xampp 46
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel Admin 25
Tabel 3.2 Tabel Siswa 26
Tabel 3.3 Tabel Guru 27
Tabel 3.4 Tabel Buku Tamu 28
DAFTAR GAMBAR
Halaman
Gambar 3.1 Flowchart Menu Utama 33
Gambar 3.2 Flowchart Admin 34
Gambar 3.3 Flowchart Admin Siswa 35
Gambar 4.1 Tampilan Halaman Home 50
Gambar 4.2 Tampilan Halaman Guru 51
Gambar 4.3 Tampilan Halaman List Data Siswa 52
Gambar 4.4 Tampilan Halaman Info Ulangan 53
Gambar 4.5 Tampilan Halaman Profil Guru 54
Gambar 4.6 Tampilan Halaman Absensi Guru 55
Gambar 4.7 Tampilan Halaman Siswa 56
Gambar 4.8 Tampilan Halaman Login 56
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Dunia internet semakin lama semakin berkembang karena manusia selalu mencari terobosan baru. Dalam perkembangan sebuah sistem informasi jarak jauh yang memberikan hak akses khusus bagi anggotanya sudah banyak yang menggunakannya. Dengan perkembangan teknologi yang semakin pesat, sarana dan prasarana pendidikan pun harus mengikutinya, salah satunya dengan media komputerisasi yaitu internet. Dengan internet dimana siswa maupun guru dapat mengakses ilmu pengetahuan dan informasi kapan saja dan dimana saja.
sesuai dengan apa yang dikehendaki oleh pembuat. Sebuah sistem informasi yang baik tentunya mampu menjalankan semua hal yang berkaitan dengan penyelenggaraan hal-hal spesifik. Semua komponen dipermudah dengan adanya sistem ini. Untuk membuat sebuah program aplikasi yang baik, pengolahan data merupakan kunci utama untuk mencapai kesempurnaan. Dengan pengolahan data yang baik maka kita dapat dengan mudah mengakses data yang dibutuhkan. SMP Negeri 2 Pargarutan Angkola Timur adalah salah satu sekolah yang memerlukan dan belum memiliki sistem informasi sekolah berbasis web sehingga sistem informasi sekolah berbasis web ini sangat dibutuhkan. Berdasarkan uraian di atas maka penulis memilih judul ”SISTEM
INFORMASI SEKOLAH BERBASIS WEB”.
1.2 Rumusan Masalah
1.3 Batasan Masalah
Berdasarkan kemampuan penulis, batasan masalah dari Tugas Akhir ini adalah membahas pembuatan sistem informasi sekolah berbasis web pada SMP Negeri 2 Angkola Timur yang berisikan halaman home, halaman gallery, halaman guru, halaman siswa, halaman news, dan halaman contact us.
1.4 Tujuan
Adapun tujuan dari penyusunan Tugas akhir ini adalah untuk membangun sistem informasi sekolah berbasis web.
1.5 Manfaat Penelitian
informasi yang ada pada website ini.
1.6 Metode Penelitian
Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah:
1. Penelitian Kepustakaan (Library Research)
Penelitian dilakukan dengan menggunakan buku-buku yang berhubungan dengan masalah sehingga memudahkan penulis untuk merancang situs yang akan dibuat.
2. Penelitian Lapangan (Field Research)
3. Studi Literatur
Penulis mempelajari website-website yang berhubungan dengan Tugas akhir penulis seperti website-website sekolah, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi beberapa website yang menyediakan tutorial mengenai pemrograman web.
1.7 Sistematika Penulisan
Agar dapat memberikan gambaran yang jelas pada penulisan tugas akhir ini, maka penulis membaginya dalam beberapa bab sebagai berikut :
BAB 1 : PENDAHULUAN
BAB 2 : LANDASAN TEORI
Bab ini membahas tentang konsep dasar dan teori – teori yang mendukung pembuatan sistem informasi sekolah berbasis web.
BAB 3 : ANALISIS DAN PERANCANGAN SISTEM
Bab ini membahas tentang perancangan sistem yaitu meliputi analisis kebutuhan sistem dan perancangan sistem yang terdiri dari analisis kebutuhan, perancangan halaman website, dan flowchart sistem.
BAB 4 : IMPLEMENTASI DAN PENGUJIAN SISTEM
Bab ini berisi tentang implementasi dan pengujian sistem yang telah dirancang.
BAB 5 : KESIMPULAN DAN SARAN
BAB 2
LANDASAN TEORI
2.1 Pengertian Informasi
Beberapa pengertian tentang informasi sebagai berikut:
a. Menurut Jogiyanto dalam buku „Analisis dan desain sistem informasi‟ adalah : “Informasi diartikan sebagai data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya” . (Jogiyanto, 2005).
b. Menurut Davis dalam Abdul Kadir (2003: 28) Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi pengambilan keputusan saat ini atau saat mendatang.
c. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima (A. Kristanto, 2003).
2.2 Pengertian Sistem
Ada berbagai pendapat yang mendefinisikan pengertian sistem , seperti dibawah ini : a. “Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling
berhubungan , berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu”.(Jogiyanto,2005).
b. Masih dalam buku „Analisia dan Desain sistem informasi‟ karangan jogiyanto menerangkan:“Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu”.(Jogiyanto,2005).
2.3 Sistem Informasi
Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat manusia dari beberapa komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.
a. Menurut George M.Scott dalam buku „prinsip-prinsip Sistem Informasi Manajemen‟ pengertian sistem informasi adalah; „Sistem informasi adalah sistem
yang diciptakan oleh para analisis dan manajer guna melaksanakan tugas khusus tertentu yang sangat esensial bagi berfungsinya organisasi‟. (G. M. Scott, 2001)
b. Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian , mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan‟. (Jogiyanto,2005)
2.3.1 Komponen sistem informasi
Sistem informasi terdiri dari beberapa komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai tujuan.
Adapun komponen-komponen dari sistem informasi sebagai berikut :
a. Blok Masukan (Input Block)
Blok masukan dalam sebuah sistem informasi meliputi metode-metode dan media untuk menangkap data yang akan dimasukkan, dapat berupa dokumen-dokumen dasar.
b. Blok Model (Model Block)
c. Blok Keluaran (Link Block)
Blok keluaran berupa data-data keluaran seperti dokumen link dan informasi yang berkualitas.
d. Blok Teknologi (Thechnology Block)
Blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan data dan mengakses data, menghasilkan dan mengirim keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses pengolahan yang terjadi dalam sistem.
e. Blok Basisdata (Database Block)
f. Blok Kendali (Control Block)
Meliputi masalah pengendalian terhadap operasional sistem yang berfungsi mencegah dan menangani kegagalan/kesalahan sistem.
2.3.2 Perangkat sistem informasi
Sebuah sistem informasi yang lengkap memiliki beberapa perangkat seperti berikut :
a. Hardware
Merupakan perangkat keras dari sistem informasi. Sistem informasi modern memilki perangkat keras seperti komputer, printer, dan teknologi jaringan komputer.
b. Software
c. Data
Data merupakan komponen dasar dari sistem informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.
d. Prosedur
Merupakan bagian yang berisikan dikumentasi prosedur atau proses-proses yang terjadi dalam sistem.
e. Manusia
Manusia merupakan bagian utama dari suatu sistem informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut :
2. First level manager : untuk mengolah pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of control dan pengambilan keputusan level menengah kebawah.
3. Management : untuk pembuatan laporan berkala, permintaan khusus, analis khusus, laporan khusus, pendukung analisis pengambilan keputusan level atas.
4. Staff specialist : untuk menganalisis perencanaan dan pelaporan.
2.4 Internet
Secara teknis internet merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di dunia,yang saling berinterkasi dan bertukar informasi.Sedangkan dari segi ilmu pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara maupun animasi untuk melakukan pertukaran informasi jarak jauh.
2.4.1 Manfaat internet
Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi,akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.
a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi fasilitas internet seperti e-mail, www, newsgroup dan lain-lainnya.
b. Mengurangi biaya kertas dan biaya distribusi dengan adanya koran, majalah dan brosur di dalam internet.
c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk suatu perusahaan.
d. Komunikasi interkatif melalui e-mail, video conferencing, dan sebagainya.
2.5 Website
Website atau word wide web sering disingkat sebagai www atau web, yaitu sebuah sistem dimana informasi dalam bentuk teks, gambar, suara dan lain-lain direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser. Kemampuan di atas telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pad dokumen lain. Dengan sebuah browser yang memiliki graphical user interface (GUI), link-link dapat dihubungkan ketujuannya dengan menunjuk link tersebut dengan mouse dan mengklik link tersebut. Menurut kemampuannya, web dibedakan menjadi 2 (dua), yaitu web statis dan web dinamis.
2.5.1 Web statis
mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis. Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya berupa HTML yang dutulis pada editor teks dan disimpan dalam bentuk .html atau .htm .
2.5.2 Web dinamis
2.6 PHP
Beberapa pengertian tentang PHP sebagai berikut :
1. PHP adalah singkatan dari PHP : Hypertext Preprocessor.
2. PHP adalah bahasa scripting server-side, artinya di jalankan di server, kemudian link-nya dikirim ke client (browser).
3. PHP digunakan untuk membuat aplikasi web.
4. PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll.).
2.6.1 Sejarah PHP
homepage-nya.Rasmus Ledorf adalah salah satu pendukung open source. Oleh karena itu,ia mengeluarkan Personal Homepage Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dengan meluncurkan PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan di dunia.Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Wistead bekerja sama untuk menyempurnakan PHP 2.0.Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus diluncurkan sehingga tahun 2000 dikeluarkan PHP 4.0. Tidak henti sampai disitu,kemampuan PHP terus ditambah dan versi terbaru yang telah dikeluarkan adalah PHP 5.0.x.
2.6.2 Kelebihan PHP
dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai CGI processor. PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP dapat menghasilkan teks seperti XHTML dan file XML lainnya.
2.6.3 Instalasi PHP
2.6.4 Sintaks PHP
Kode PHP di tulis di teks editor, sama halnya seperti HTML. Kode PHP bisa digabung atau disisipkan dengan kode HTML, Javascript, CSS dan script lainnya untuk membuat halaman web.
1. Penulisan kode PHP harus di awali dengan <?php dan diakhiri dengan ?>.
2. Untuk mengakhiri baris kode PHP harus diberi tanda titik koma (;) di akhir baris kode PHP.
3. Untuk penulisan komentar di awali tanda // atau antara /* dan */ .
2.7 MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal. MySQL menggunakan bahasa SQL untuk mengakses database-nya. Lisensi MySQL adalah FOSS License Exception dan ada juga yang versi komersial-nya. Tag MySQL adalah “The World's most popular open source database”.MySQL tersedia untuk beberapa platform, di antara nya adalah untuk versi windows dan versi linux. Untuk melakukan administrasi secara lebih mudah terhadap MySQL, anda dapat menggunakan software tertentu, di antaranya adalah phpmyadmin dan MySQL yog.
Beberapa defenisi MySQL sebagai berikut :
2. MySQL merupakan sistem manajemen database atau basis data terhubung (Relation Datatabase Management System). Database terhubung menyimpan pada table-tabel terpisah.Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standar yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart.
3. MySQL merupakan Software Open Source,berarti semua orang diijinkan menggunakan dan memodifikasi software ini.Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapt mempelajari Source Code dan menggunakannya sesuai kebutuhan.
5. MySQL server bekerja di client server atau sistem embedded. Software Database MySQL merupakan sistem yang terdiri atas multithread SQL Server yang mendukung software client dan library yang berbeda,tool administrative, dan sejumlah Application Programming Interface (APIs).
6. MySQL tersedia dalam beberapa macam bahasa.
Beberapa SQL command atau perintah SQL yang harus diketahui adalah :
a. CREATE DATABASE, untuk membuat sebuah database. b. DROP DATABASE, untuk menghapus sebuah database. c. CREATE TABLE, untuk membuat sebuah tabel.
2.8 Apache
Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache terlibat dalam suatu proyek yang disebut Proyek Apache untuk mengembangkan suatu software implementasi di server HTTP (web) yang handal, standar komersial, dan Source Code-nya didistribusikan secara gratis. Adapun alamat website Apache adalah :http://www.apache.org/.
2.9 Macromedia Dreamweaver
mudah dalam penggunaannya.Fasilitas terbaru dari Macromedia Dreamweaver adalah Zoom Tool and Guides, Panel CSS yang baru,Code Collapse,Coding Toolbar,Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.
Tidak jauh berbeda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal, yaitu Javascript dengan penggunaan yang sangat mudah.Macromedia Dreamweaver 8 juga mendukung pemrograman Script Server Side,seperti PHP,ASP,ASP.NET, dan JSP.
2.10 Xampp
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Kebutuhan
“ Analisis Sistem yaitu Penguraian dari suatu sistem informasi yang utuh kedalam
bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan , kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya”. (jogiyanto,2005).
3.1.1. Kebutuhan antar muka
1. Perangkat harus mampu membaca data kunci pada saat proses pencarian, proses pemasukan data, perubahan data penghapusan data.
2. Perangkat lunak harus mampu menyimpan data yang dimasukan oleh operator ke dalam storage.
3. Ada proses dalam perangkat lunak yang mampu membaharui semua data yang disimpan dalam storage.
3.1.2. Kebutuhan data
Data-data yang akan diolah di dalam website ini adalah:
3.1Tabel Admin
Field Name Type Width Description
id Int 10 No.Urut (auto_increment)
user varchar 255 Nama User
2. Data yang terdapat pada tabel siswa.
3.2 Tabel Siswa
Field Name Type Width Description
id_sis Int 10
No.Urut (auto_increment)
nis_sis Int 50 Nis Siswa
Password varchar 255 Password Siswa nama_sis varchar 255 Nama siswa kelamin_sis Enum 0','1' kelamin siswa
tgllahr_sis Date date tanggal lahir siswa agama_sis varchar 255 agama siswa alamat_sis varchar 255 alamat siswa
3. Data yang terdapat pada tabel guru.
3.3 Tabel Guru
Field Name Type Width Description
id_g Int 10 No.Urut (auto_increment)
nig_g Int 50 Nig Guru
Password Varchar 255 Password Guru
nama_g Varchar 255 Nama Guru
kelamin_g Enum 0','1' kelamin Guru tgllahr_g Date date tanggal lahir Guru
agama Varchar 255 agama Guru
bidang Varchar 255 Bidang studi yang diajarkan lulusan Varchar 255 Pen.Terakhir Guru alamat_g Varchar 255 Alamat Guru
akses Int 10 -
4. Data yang terdapat pada tabel buku tamu.
3.4 Tabel Buku Tamu
Field Name Type Width Description
id Int 10
No.Urut (auto_increment)
tgl varchar 30 tanggal
nama varchar 255 nama
email varchar 255 email
5. Data yang terdapat pada tabel info ujian
3.5 Tabel Info Ujian
Field
Name
Type Width Description
id int 10 No.Urut (auto_increment,primery key)
nig int 30 no.induk guru
studi varchar 255 b.studi
tgl_ujian date - tanggal ujian
jam_ujian time 255 jam ujian
3.2 Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem,diagram alur, tujuan dan isi dari situs yang dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemrogramannya. MySQL sebagai databasenya,Apache sebagai servernya dan dreamweaver sebagai media untuk membuat layout dari situs yang akan dirancang.
Sebelum membangun sebuah website,ada beberapa pertanyaan sebagai identifikasi yang perlu dilakukan,antara lain :
a. Website apa yang dibangun?
b. Siapa saja pengunjung yang akan diharapkan ke website tersebut? c. Apa saja aktivitas yang dapat dialakukan pengunjung dalam website?
arah yang lebih lanjut. Berkaitan dengan website yang akan dibangun,maka jawaban penulis untuk beberapa pertanyaan tersebut adalah :
a. Website yang akan dibuat adalah sistem informasi berbasis web,yang menyediakan informasi menyangkut pendidikan dan kegiatan yang dilakukan di sekolah.
b. Pengunjung situs tersebut adalah para siswa,namun tidak menutup kemungkinan bagi masyarakat umum untuk membantu mengetahui tentang SMPN2 Angkola Timur.
3.3 Perancangan Halaman Website
3.3.1 Halaman home
Halaman home merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya.
3.3.2 Halaman gallery
Halaman ini berisikan foto-foto sekolah, siswa yang sedang belajar dan ruangan guru.
3.3.3 Halaman guru
3.3.4 Halaman siswa
Halaman ini berisi data-data siswa.
3.3.5 Halaman contact us
Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah, identitas sekolah dan lain-lain.
3.3.6 Halaman admin
3.4 Perancangan Diagram Alir (flowchart)Website
3.4.1 Flowchart Menu Utama
Seseorang pengunjung website dapat mengakses website SMPN2 Angkola Timur dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada gambar 4.1 di bawah ini :
3.4.2 Flowchart Admin
Tidak
3.4.3 Flowchart administrator siswa
3.5 Merancang DatabaseServer
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diakses oleh program yang kita buat pada tahap pemrograman yang baik menambah,mengubah,menghapus dan menampilkan database itu sendiri.Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database sekolah yang terdiri dari 5 (lima) tabel sebagai berikut :
3.6 DesignWebsite
3.6.1 Design halaman home
3.6.2 Design header website
Header website adalah paling bagian atas dari website yang biasanya berisi gambar website, alamat, dan nama website. Header ini berisi tulisan SMP NEGERI 2 ANGKOLA TIMUR dan nama web.
3.7 Gambaran Umum Perancangan Website
3.7.1 Administrator website
Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin penggunaharus melakukan login terlebih dahulu. Pada halaman administrator website SMPN.2 Angkola Timur terdapat data siswa dan data guru.
a. Halaman Data Siswa
halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah,mengubah dan menghapus data siswa.
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstal, dan memulai sistem yang baru untuk menggantikan sistem yang lama.
4.2 Tujuan Implementasi
Tujuan implementasi sistem adalah sebagai berikut :
2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki.
3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa mengalami kesulitan.
4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan oleh pemakai.
4.3 Komponen dalam Implementasi Sistem
Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan baik atau tidak,maka perlu dilakukan pengujian terhadap sistem yang telah kita buat. Untuk itu dibutuhkab beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software) dan perangkat otak (brainware).
1. Perangkat Keras (hardware) a. Monitor
b. CPU (Central Processing Unit) c. Harddisk
d. Memory minimal 256 MB e. Keyboard dan Mouse
2. Perangkat Lunak (Software) a. Sistem Operasi Windows XP
b. MySQL sebagai pengelola database server. c. PHP sebagai bahasa pemrograman serverside.
d. Apache Web Server sebagai server local dalam pengetesan halaman web. e. Macromedia Dream weaver sebagai media mendesain web dan
menggabungkan antara layout dengan bahasa pemrograman. f. Browser sebagai software untuk menjalankan website dibuat.
b. Pengunjung
4.4 Instalasi Apache, PHP dan MySQL
Dalam menginstal apache, PHP dan MySQL dapat dilakukan secara satu persatu.Namun pada perancangan website ini penulis menggunakan software Apache2triad. Dimana pada software ini sudah terdapat Apache,PHP dan MySQL. Adapun langkah-langkah menginstal Apache2triad adalah sebagai berikut :
1. Klik ganda pada Setup untuk mulai proses instalasi.
Network / Domain isi dengan nama jaringan atau domain Anda. Server Name isi dengan nama server.Administrator Email Address isi dengan alamat email Anda.Klik NEXT jika sudah selesai diisi.
4. Lalu pada jendela selanjutnya Custom Setup, Klik Change untuk menentukan dimana lokasi penyimpanan file instalasi.
7. Ready to Install the program ? Klik Install.
9. Jika sudah, Klik Finish
Setelah Apache di Install sekarang cek apakah Apache sudah berhasil di install pada komputer Anda. Untuk mengeceknya, silahkan Anda buka aplikasi Browser, lalu ketikkan localhost.
Berikut adalah tampilan jika Apache berhasil di install :
4.5 Instalasi Xampp
3. Kemudianakan muncul jendela selamat datang lalu klik next
6. Proses instalasi sedang berjalan
4.6 Pengujian Sistem
4.6.1 Tampilan halaman home
Halaman home adalah halaman pembuka yang akan tampil setelah masuk ke situs SMPN.2 Angkola Timur. Adapun tampilan halaman home adalah sebagai berikut :
4.6.2 Tampilan halaman guru
Halaman guru akan terlihat jika guru melakukan login ke dalam website ini. Namun guru tidak bisa melakukan register di hakaman login,database guru harus dimasukkan dari halaman admin oleh admin.
Di halaman guru terdapat List Data Siswa, Info Ulangan, Forum Siswa, Profil, Absensi, Ganti Password, dan Logout.
4.6.3 Tampilan halaman list data siswa
Halaman list data siswa berisi data-data siswa. Tampilannya seperti gambar di bawah ini.
4.6.4 Tampilan halaman info ulangan
Halaman info ulangan berisi jadwal ulangan siswa yang diinput oleh guru bidang studi masing-masing. Halaman ini akan terlihat di halaman siswa.
Tampilannya seperti gambar di bawah ini.
4.6.5 Tampilan halaman profil guru
Halaman profil guru berisi data guru. Adapun tampilannya seperti gambar di bawah ini.
4.6.6 Tampilan Halaman Absensi Guru
Halaman absensi guru adalah halaman untuk tempat guru mengabsen. Jika guru mengklik hadir atau ijin maka akan tersimpan ke dalam database dan akan terlihat di halaman admin. Adapun tampilannya seperti gambar di bawah ini.
4.6.7 Tampilan halaman siswa
Setelah siswa login maka siswa akan masuk ke halaman siswa gambar di bawah ini. Pada halaman ini siswa dapat melihat info ulangan, melihat profil sendiri, pergi ke halaman forum siswa dan mengganti password.
4.6.8 Tampilan halaman login
Pada halaman ini siswa dan guru dapat login dengan memasukkan nis/nig dan password. Kemudian user yang akan login memilih sebagai guru atau siswa,lalu mengklik tab login jika data siswa atau guru sudah ada dalam database.Jika belum ada datanya di dalam database maka harus melakukan registrasi.
4.6.9 Tampilan halaman administrator
Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin penggunaharus melakukan login terlebih dahulu.
BAB 5
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Kesimpulan yang dapat diambil dari penjelasan dan bab-bab sebelumnya sebagai berikut :
1. Dalam membangun sebuah website diperlukan beberapa tahapan yaitu tahap perencanaan,tahap perancangan diagram alir (flowchart), merancang dan mempersiapkan database server, dan tahap implementasi.
3. Pembuatan website ini dilakukan pada intranet atau komputer lokal tanpa terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting website dan pengaksesan situs setelah di hosting.
6.2 Saran
Ada beberapa saran penulis pada pembuatan website ini, yakni :
1. Administrator perlu melakukan pembaharuan atau update pada website ini guna memberikan informasi yang terbaru.
DAFTAR PUSTAKA
Jogiyanto. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta : Andi Yogyakarta
Kadir, Abdul. 2003. Pemrograman Web. Yogyakarta : Andi Yogyakarta
Panduan Tata cara Penulisan Skripsi & Tugas Akhir.2010. Dokumen Nomor : Akad/05/2005. Medan : Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
http://robymaulana.blogspot.com/2009/01/informasi-dan-komunikasi-pengertian.html.
Diakses tanggal 23 Mei 2013.
http://tipsmotivasihidup.blogspot.com/2013/02/pengertian-sistem.html. Diakses tanggal
