Membangun Website SMP Negeri 1 Dolok Batu Nanggar Menggunakan PHP Dan MySQL

(1)

NANGGAR MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

MADANIYAH FITRAHAYATI

072406074

PROGRAM STUDI D-3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

MEMBANGUN WEBSITE SMP NEGERI 1 DOLOK BATU

NANGGAR MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan Untuk melengkapi tugas dan memenuhi syarat menyelesaikan studi

pada program studi Diploma III Ilmu Komputer

MADANIYAH FITRAHAYATI

072406074

PROGRAM STUDI D-3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERNYATAAN

MEMBANGUN WEBSITE SMP NEGERI 1 DOLOK BATU NANGGAR

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2010

(4)

PENGHARGAAN

Puji dan syukur penulis panjatkan ke hadirat Allah SWT, yang telah melimpahkan

rahmat dan karunia-Nya, dalam menjalankan kehidupan ini. Karena berkat rahmat dan

izin-Nya pula penulis dapat menyelesaikan Tugas Akhir dengan judul

MEMBANGUN WEBSITE SMP NEGERI 1 DOLOK BATU NANGGAR

MENGGUNAKAN PHP DAN MYSQL. Penyusunan dan penulisan Tugas Akhir ini

dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Ilmu

Komputer Program Studi DIII di FMIPA USU Medan.

Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan

terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkan

terima kasih dan penghargaan yang setinggi-tingginya kepada:

1. Bapak Prof. Dr. Eddy Marlianto, M.Sc, selaku dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Dr. Saib Suwilo, M.Sc, selaku ketua jurusan Program Studi DIII Ilmu

Komputer.

3. Bapak Drs. Sawaluddin, M. IT sebagai Dosen Pembimbing yang telah banyak

meluangkan waktu, pikiran, serta dorongan moril dalam menyelesaikan Tugas

Akhir ini.

4. Bapak Zulpan, S.Pd, M.Pd selaku kepala sekolah SMP Negeri 1 Dolok Batu

Nanggar yang telah mengijinkan saya mengerjakan tugas akhir di smp tersebut.

5. Ayahanda dan Ibunda tercinta, terima kasih atas kasih sayangnya yang tulus serta

(5)

6. Seluruh pihak sekolah SMP Negeri 1 Dolok Batu Nanggar yang telah bersedia

membantu penulis dalam menyelesaikan tugas akhir ini.

7. Sahabat-sahabatku seperjuangan anak KOM A 2007 yang namanya tidak dapat

disebutkan satu persatu. Terima kasih atas kebaikan dan perhatiannya selama ini.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyak

kekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis

mengharapkan saran dan kritik yang membangun.

Akhir kata saya mohon maaf atas segala kekurangan yang ada dalam penulisan

Tugas Akhir ini dan sekali lagi saya berharap semoga Tugas Akhir ini dapat

memberikan manfaat khususnya bagi penulis dan para pembaca pada umumnya.

Medan, Juni 2010

Penulis,

(6)

ABSTRAK

(7)

DAFTAR ISI

1.7 Sistematika Penulisan 5

Bab 2 Landasan Teori 7

2.1 Pengertian Komputer 7

2.2 Sistem 8

2.3 Informasi 8

2.4 Sistem Informasi 9

2.5 Syarat- syarat Merancang Sistem Informasi Berbasis Web 9

2.6 Internet 11

2.6.1 Network 12

2.6.2 World Wide Web (www) 12

2.6.2.1 Web Dinamis dan Web Statis 13

2.7 Web Server 13

2.8 HTML (Hypertext Markup Language) 14

2.9 Pengenalan PHP 15

2.9.1 Sejarah PHP 15

2.9.2 Kelebihan dan Kelemahan PHP 16

2.9.3 Penggabungan Script PHP dan HTML 17

2.10 MySQL 18

2.10.1 Pemakaian Dasar SQL 19

2.11 Data Flow Diagram (DFD) 21

2.12 Diagram Alir (Flowchart) 22

2.13 CSS(Cascading Style Sheet) 24

(8)

Bab 3 Sekilas Mengenai SMP Negeri 1 DBN 26

3.1 Profil SMP Negeri 1 DBN 26

3.2 Struktur Organisasi Sekolah 27

3.3 Uraian Tugas dan Fungsi Organisasi 29

Bab 4 Analisis dan Perancangan Sistem 35

4.1 Analisis 36

4.1.1 Analisis Sistem yang Sedang Berjalan 36

4.2 Perencanaan & Perancangan Sistem 39

4.3 Perancangan DFD 40

4.4 Perancangan Flowchart 42

4.5 Mendesain Layoutweb 50

4.6 Perancangan Halaman Website 51

4.7 Perancangan Database 52

Bab 5 Implementasi Sistem 57

5.1 Pengertian Implementasi Sistem 57

5.2 Tujuan Implementasi Sistem 57

5.3 Komponen-Komponen Utama Sistem 58

5.4 Instalasi Software 59

5.4.1 Instalasi Apache, PHP, dan MySQL 59

5.4.2 Instalasi Xampp 1.6.6 50

5.5 Pengujian di Browser 60

Bab 6 Kesimpulan Dan Saran 63

6.1 Kesimpulan 63

6.2 Saran 64

Daftar Pustaka 65

(9)

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Data Flow Diagram 21

Tabel 2.2 Simbol – Simbol Flowchart 32

Tabel 4.1 Tabel user 32

Tabel 4.2 Tabel tamu 33

Tabel 4.3 Tabel data_guru 33

Tabel 4.4 Tabel kelas 33

Tabel 4.5 Tabel nilai 34

Tabel 4.6 Tabel siswa 34

Tabel 4.7 Tabel Galeri 34

Tabel 4.8 Tabel Fasilitas 35

Tabel 4.9 Tabel Statistik 35

(10)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Tampilan Start page Macromedia Dreamweaver 8 25

Gambar 3.1 Struktur Organisasi SMP Negeri 1 Dolok Batu Nanggar 28

Gambar 4.1 Proses Penjadwalan KBM 36

Gambar 4.2 Proses Penilaian Siswa 37

Gambar 4.3 Proses Pendataan Siswa 38

Gambar 4.4 Diagram Konteks 41

Gambar 4.5 Diagram Konteks Level 0 (Nol) 42

Gambar 4.6 Aliran Informasi Rancangan Situs 44

Gambar 4.7 Flowchart Halaman Utama 45

Gambar 4.8 Flowchart Halaman Login Administrator 46

Gambar 4.9 Flowchart Halaman Profil 47

Gambar 4.10 Flowchart Halaman Akademik 48

Gambar 4.11 Flowchart Halaman Aplikasi 49

Gambar 4.12 Flowchart Halaman Pengumuman 50

Gambar 4.13 Rancangan Halaman Utama 51

Gambar 4.14 Rancangan Halaman Admin 52

Gambar 5.1 Peletakan Folder Berisi File-File dalam Folder htdocs 61

Gambar 5.2 Kotak URL 61

(11)

ABSTRAK

(12)

BAB 1

PENDAHULUUAN

1.1Latar Belakang

Dalam era globalisasi ini perkembangan teknologi memegang andil yang sangat besar

dalam kehidupan masyarakat. Dalam segi kehidupan, masyarakat memanfaatkan

perkembangan teknologi tersebut untuk mempermudah penyelesaian berbagai

pekerjaan. Tak terkecuali dalam hal penyampaian informasi. Informasi adalah data

yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya

(Jogiyanto, 2001).

Kini informasi banyak disampaikan melalui media elektronik atau yang

disebut Internet. Penyampaian informasi melalui media Internet diakui masyarakat

lebih cepat, akurat dan efisien. Oleh karena itu, berbagai instansi dan perusahaan

menyampaikan informasinya dengan media Internet.

Sistem informasi di SMP Negeri 1 Dolok Batu Nanggar masih menggunakan

sistem manual, sehingga sering kali menimbulkan kesulitan ketika melakukan

pencarian data. Hal ini dapat mengakibatkan menurunnya kinerja dan tidak efisien dan

efektifnya waktu yang digunakan. Oleh sebab itu penulis tertarik untuk membuat

tugas akhir dengan judul “Membangun Website Dinamis di SMP Negeri 1 Dolok

(13)

Perancangan Sistem Informasi SMP Negeri 1 Dolok Batu Nanggar Berbasis

Web ini berisi data dan informasi mengenai SMP Negeri 1 Dolok Batu Nanggar yang

terdiri dari data guru, data siswa, nilai siswa dalam tiap mata pelajaran, berita – berita

mengenai kegiatan sekolah dan mengenai perkembangan dunia pendidikan yang ada,

serta jadwal kegiatan belajar mengajar.

Aplikasi ini dirancang oleh sistem operasi Windows XP yang didukung oleh

software Web Server Apache, web scripting PHP dan MySQL sebagai Database

server. Selain itu, aplikasi web ini juga didukung bahasa pemrograman web lainnya

seperti HTML (Hypertext Markup Language), CSS (Cascading Style Sheets) serta

menggunakan Website editor Macromedia Dreamweaver 8 sebagai aplikasi

perancangan layout.

Administrator dalam aplikasi ini adalah anggota Tata Usaha yang diberi

wewenang untuk mengatur jalannya aplikasi ini. Misalnya mengatur informasi yang

dapat dilihat oleh pengguna (user). Pengguna / user yang kami maksud dalam aplikasi

ini adalah siswa- siswi SMP Negeri 1 Dolok Batu Nanggar, guru-guru yang mengajar

di SMP Negeri 1 Nanggar atau siapa saja yang mengunjungi situs SMP Negeri 1

Dolok Batu Nanggar ini. Dalam Situs ini informasi yang dapat di akses adalah

informasi mengenai data siswa, data guru, nilai siswa, sejarah/profil mengenai

sekolah, dan jadwal kegiatan belajar mengajar.

(14)

Dalam pengolahan data diperlukan suatu identifikasi terhadap permasalahan yang

dihadapi. Sering kali dalam melakukan proses pengolahan data muncul permasalahan

yang dapat menghambat kelancaran dari proses tersebut. Permasalahan yang dihadapi

oleh SMP N 1 DBN adalah sulitnya dilakukan penyebaran dan pencarian informasi

secara cepat, akurat, dan efesien. Beberapa faktor penyebab sulitnya dilakukan

penyebaran data adalah :

1. Metode pengumpulan dan penyimpanan data siswa dan guru serta pegawai

yang masih manual.

2. Laporan data hasil penilaian, absensi siswa, dan pengumuman jadwal mata

pelajaran yang masih manual sehingga mengakibatkan sistem yang tidak

terkoordinasi dengan baik dan sistematis.

3. Masih kurangnya prediksi data nilai, data jadwal, dan data absensi siswa yang

dapat membantu dalam pengolahan data akademik secara cepat, akurat, dan

terpercaya.

Maka untuk mengatasi masalah tersebut, penulis mencoba untuk membuat suatu

solusi melalui sistem informasi berbasis web. Dengan harapan dapat memudahkan

para siswa, guru, dan pegawai untuk mendapatkan informasi secara cepat, akurat, dan

terpercaya dan menciptakan sistem informasi yang sistematis dan terorganisasi dengan

baik.

(15)

Penelitian ini bertujuan untuk membangun suatu sistem informasi yang memberikan

kemudahan kepada para siswa, guru dan masyarakat sekolah dalam menerima

informasi dan memudahkan pihak sekolah dalam menyampaikan informasi .

1.4 Metode Penelitian

Tipe Penelitian ini bersifat deskriftif yang berusaha mengumpulkan data kualitatif

sebanyak mungkin yang merupakan data utama untuk menjelaskan permasalahan

yang akan dibahas nantinya.

Terdapat beberapa jenis metode desktiptif, dan pada program ini metode yang

penulis pakai adalah metode studi kasus (case study). Data kepustakaan juga ditelusuri

sebelum ke lapangan. Data kepustakaan itu dapat berupa buku, artikel, Internet, dan

tulisan – tulisan lainnya yang berhubungan dengan masalah penelitian ini.

Penulis juga melakukan pengumpulan data guna melengkapi data – data yang

diperlukan untuk menyelesaikan penelitian ini. Pengumpulan data dilakukan disekolah

dimana peneliti melakukan penelitian dilapangan.

1.5Kegunaan Penelitian

Dengan terciptanya web dinamis SMP Negeri 1 Dolok Batu Nanggar, diharapkan

masyarakat akan lebih mengenal sekolah tersebut, dan sekolah tersebut juga dapat

memperlihatkan mutu pendidikan yang ada, serta masyarakat juga dapat memberikan

(16)

1.6 Batasan Masalah

Penulis membatasi ruang lingkup masalah, hal ini dilakukan agar pembahasannya

tidak menyimpang dari topik permasalahan tentang perancangan web pada SMP

Negeri 1 Dolok Batu Nanggar. Batasan masalah dalam pembuatan tugas akhir ini

mengenai fasilitas, materi pelajaran yang ada serta staf pengajarnya, dan prestasi

telah yang diraih oleh SMP Negeri 1 Dolok Batu Nanggar. Data yang diambil adalah

data tahun 2009.

1.7Sistematika Penulisan

Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika

penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Bab ini merupakan berisikan latar belakang masalah, maksud dan tujuan,

serta metode penelitian.

BAB 2 LANDASAN TEORI

Di Bab ini dijelaskan teori-teori singkat tentang hal-hal yang berhubungan

dengan judul dan pembahasan bahasa pemograman PHP dan MySQL

sebagai databasenya dan HTML serta Apache sebagai teks editornya.

(17)

Pada bab ini dijelaskan mengenai profil SMP Negeri 1 Dolok Batu

Nanggar, struktur organisasi sekolah, serta uraian tugas.

BAB 4 PERANCANGAN SISTEM

Didalam bab ini dijelaskan dan diuraikan tentang pembuatan serta

perancangan sistem.

BAB 5 IMPLEMENTASI SISTEM

Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam

implementasi sistem juga disertai dengan komponen-komponen kebutuhan

sistem.

BAB 6 KESIMPULAN DAN SARAN

Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dari

uraian bab-bab sebelumnya. Dan akan akan memberikan saran-saran yang

(18)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Istilah komputer berasal dari bahasa latin “Computer” yang berarti menghitung (to

compute atau reckon). Komputer adalah suatu perangkat elektronika yang berkerja

secara terintegrasi dan terkoordinasi yang dapat meneriman input, mengolah dengan

prosedur tertentu, mengingat (baik masukan maupun hasil proses) serta menampilkan

hasil proses tersebut (Sutedjo, 2003).

Komputer merupakan suatu alat elektronik yang mampu melakukan beberapa

tugas yaitu menerima input, memproses input tadi sesuai dengan programnya,

menyimpan perintah-perintah dan hasil dari pengolahan, memprosesnya dan

meghasilkan output dibawah pengawasan suatu langkah instruksi-instruksi program

yang tersimpan di memori, serta menyediakan outputnya dalam bentuk informasi.

2.2 Sistem

Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau

subsistem yang saling berinteraksi untuk mencapai suatu tujuan (Jogiyanto,2000).

Dari uraian diatas mengenai defenisi sistem, penulis dapat menyimpulkan

(19)

cara yang dibuat sedemikian rupa yang terdiri dari dua elemen atau lebih yang saling

berhubungan untuk mengatasi masalah atau kendala-kendala yang terjadi dengan

tujuan yang diinginkan.

2.3 Informasi

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih

berarti bagi penerimanya. (Jogiyanto, 2001). Menurut George R. Terry, bahwa

informasi adalah data yang penting yang memberikan pengetahuan yang berguna.

Sedangkan menurut Gordon B. Davis, informasi adalah data yang telah diolah

menjadi sebuah bentuk yang penting bagi penerima dan mempunyai nilai yang nyata

atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau yang akan

datang.

Kegunaan informasi adalah untuk mengurangi ketidak pastian di dalam proses

pengambilan keputusan tentang suatu keadaan. Informasi yang digunakan di dalam

suatu sistem informasi umumnya digunakan untuk beberapa kegunaan. Informasi

digunakan tidak hanya digunakan oleh satu orang pihak dalam suatu organisasi. Nilai

sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk

mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif

dibandingkan dengan biaya untuk mendapatkan informasi tersebut.

2.4 Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan

(20)

kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan

laporan-laporan yang diperlukan. (Jogiyanto, 2001).

Menurut Simkin Mark G dalam bukunya yang berjudul “computer

information system for business”. Sistem informasi adalah sekumpulan elemen yang

bekerja secara bersama-sama baik secara manual ataupun berbasis komputer dalam

melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan,

pemprosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi

proses pengambilan keputusan.

2.5 Syarat-Syarat Merancang Sistem Informasi Berbasis Web

Adapun syarat- syarat agar terbentuknya sebuah website adalah;

1. Tersedianya Web Server

Baik web statis ataupun dinamis, jika ingin bisa online di internet, maka syarat

pertama haruslah memiliki server, baik berupa hardware maupun software.

Untuk hardware yaitu seperangkat komputer yang selalu terhubung

online dengan internet. Untuk software, selain operating system, harus

disediakan juga software untuk web server itu sendiri. Untuk saat ini web

server yang menjadi favorit adalah Apache.

2. Tersedianya Software Pemrograman Web Berbasis Server.

Jika ingin membuat web, berarti harus tersedia sebuah bahasa

pemrograman web selain HTML, baik itu client side maupun server side.

Untuk yang client side, memiliki kekurangan yaitu instruksi program bisa

(21)

instruksi programnya tidak terlihat oleh user. Yang terlihat adalah seperti

HTML biasa. Contoh bahasa pemrograman web yang favorit adalah PHP.

3. Tersedianya Database.

Database merupakan software yang digunakan untuk menyimpan dan me-

manajemen data. Jika memiliki data yang sedikit, mungkin masih bisa

memakai file biasa sebagai media penyimpanannya. Tapi jika datanya

sudah sangat banyak, tanpa database akan sangat rumit. Database dapat

menyimpan berjuta-juta data, dan dapat diakses dengan sangat cepat.

Contoh database yang bisa dipakai untuk membuat web adalah Oracle,

MsSQLServer, MySQL dan masih banyak lagi yang lain. Saat ini

database yang menjadi favorit adalah MySQL.

2.6 Internet

Internet adalah sekumpulan jaringan berbeda yang saling terhubung bersama sebagai

suatu kesatuan dengan menggunakan berbagai macam protocol, salah satunya adalah

protocol TCP/IP (Transmission Control Protocol/Internet Protocol) (Shalahuddin,M

dan Rossa A.S, 2010). TCP/IP adalah protocol yang paling banyak digunakan di

internet. Protokol TCP/IP merupakan cara standard untuk memaketkan dan

mengalamatkan data komputer (sinyal elektronik) sehingga data tersebut dapat dikirim

ke komputer terdekat atau keliling dunia dan tiba dalam yang waktu yang cepat tanpa

rusak atau hilang.

(22)

yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya, jaringan

komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi

tulang punggung global untuk sumber daya informasi yang disebut dengan internet.

Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan

komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok

memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide, menyusunnya,

menciptakan sesuatu yang berguna dan membuatnya tersedia buat pemakai internet di

seluruh dunia.

2.6.1 Network

Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau

lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi

membentuk satu sistem. Dengan network, komputer yang satu dapat menggunakan

data di komputer lain, dapat mencetak laporan di printer komputer lain, dapat

memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara

yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus

informasi dari satu area ke area lainnya.

2.6.1.1World Wide Web(WWW)

World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu layanan

yang didapat oleh pemakai komputer yang terhubung ke Internet. Web pada awalnya

(23)

pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan

dalam dokumen web yang ditampilkan dalam browser web.

Kini Internet identik dengan web, karena kepopuleran web sebagai standard

interface pada layanan-layanan yang ada di Internet. Internet identik dengan web,

karena popularitasnya sebagai penyedia informasi dan interface yang dibutuhkan oleh

pengguna Internet dari masalah informasi sampai dengan komunikasi.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku Internet

lainnya dan menelusuri (informasi) di Internet. Selain itu web telah diadopsi oleh

perusahaan sebagai sebagian dari strategi teknologi informasinya, karena beberapa

alasan :

a. Akses informasi mudah.

b. Setup server lebih mudah.

c. Informasi mudah didistribusikan.

d. Bebas platform; informasi dapat disajikan oleh browser web pada sistem

operasi mana saja karena adanya standar dokumen berbagai tipe data dapat

disajikan.

2.6.1.2Web Dinamis dan Web Statis

Secara umum web dapat dibagi menjadi 2 kategori, yaitu web dinamis dan web statis.

Perbedaan keduanya dapat dilihat dari jenis web tersebut. Web dinamis adalah jenis

web yang isinya selalu berubah-ubah. Contoh web dinamis adalah web berita, web

(24)

tidak berubah-ubah. Biasanya web jenis ini dibuat menggunakan teknologi HTML

yang isinya tidak dapat dirubah kecuali dengan cara merubah langsung isinya dari file

aslinya (*.html).

2.7 Web Server

Web Server adalah suatu perangkat lunak yang dijalankan pada komputer server dan

berfungsi agar dokumen web yang disimpan di server dapat diakses oleh user

(Shalahuddin,M dan Rossa A.S, 2010). Middleware adalah perangkat lunak yang

bekerja sama dengan web server dan berfungsi menterjemahkan kode – kode

tertentu, menjalankan kode – kode tersebut dan memungkinkan berinteraksi dengan

basis data. Web browser adalah perangkat lunak di sisi client yang digunakan untuk

mengakses informasi web. Contoh Internet Explorer, Netscape, dan Mozilla.

2.8 HTML (HyperText Markup Language)

HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script

dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML

memiliki beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah

tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>,

judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-agian

(25)

<html>

<head>

<title>…</title>

</head>

<body>

… isi dari halaman web …

</body>

</html>

Keterangan:

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan

diakhiri dengan tag penutup </html>.

2. Pada elemen head <head>, dapat kita sisipkan kode-kode untuk

menuliskan keterangan tentang dokumen HTML, atau dapat juga kita

sisipkan scripts-scripts pemograman web seperti JavaScript, VBScripts,atau

CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik

dan dinamis.

3. Elemen <body> </body> berisi tag-tag untuk isi atau layout

tampilanpada situs, seperti : <font> </font>, <table>, </table>, <form>,

</form>. Tag adalah kode-kode yang digunakan untuk mem_setting

dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut :

<tag-awal>TEKS<tag-akhir>

Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>,

(26)

2.9 Pengenalan PHP (Personal Home Page)

2.9.1 Sejarah PHP

Hypertex Preprocessor (PHP) adalah skrip yang berjalan pada server side yang

ditambahkan dalam HTML. PHP itu sendiri merupakan singkatan dari Personal Home

Page Tools. Skrip ini akan membuat suatu aplikasi yang dapat diintegrasikan kedalam

HTML sehingga suatu halaman HTML tidak lagi bersifat statis, namun menjadi

bersifat dinamis. Sifat server side membuat pengerjaan skrip tersebut dikerjakan di

server sdangkan yang dikirimkan kepada browser adalah hasil proses dari skrip

tersebut yang sudah berbentuk HTML.

PHP dibuat pada tahun 1994 oleh Rasmus Lerdfort. Tetapi dikembangkan oleh

orang lain dan setelah melalui tiga kali karya penulisan, akhirnya PHP menjadi bahasa

Pemograman Web. PHP adalah sebuah produk yang berbentuk open source, sehingga

source code-code dari PHP dapat digunakan, diganti, diedit tanpa harus membayar

atau dikenakan biaya.

2.9.2 Kelebihan dan Kelemahan PHP

Kelebihan PHP sebagai bahasa server-side adalah :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan

(27)

2. Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS

sampai dengan apache, dengan configurasi yang relatif mudah.

3. Dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan

secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.

Adapun Kelemahan PHP adalah :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau

penggunaan template dapat memperbaikinya).

3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam

melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.

2.9.3 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu

memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan

tanda tanya dilanjutkan tanda tag tutup ( ?> ). Ada dua tipe penggabungan antara PHP

dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP

digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan

script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai

(28)

Contoh penulisan Embedded Script dapat dilihat di bawah ini :

<html>

<head>

<title>Testing</title>

</head>

<body>

<? echo "Halo Dunia"; ?>

</body>

</html>

2. Non Embedded Script

Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.

Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri

keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan

script HTML sebagai bagian dari script PHP. Contoh Penulisan Non Embedded

Script dapat dilihat dibawah ini :

<?

echo ‘<html>’;

echo ’<head>’;

echo ‘<title>Testing</title>’;

echo ‘</head> <body>’;

echo ‘Halo Dunia’;

echo ‘</body>’;

echo ’</html>’;

(29)

2.10 MySQL

MySQL adalah sebuah aplikasi Relational Database Managemen Server (RDBMS).

Dengan menggunakan MySQL server, maka data dapat diakses oleh banyak pemakai

secara bersamaan. MySQL menggunakan bahasa SQL ( structure Query Language )

yaitu bahasa pemrograman standar yang digunakan untuk mengakses server database.

Tiap database memiliki tabel-tabel, tiap table memiliki field-field. Umumnya

informasi tersimpan dalam tabel-tabel yang secara logis merupakan struktur-struktur

dimensi terdiri atas baris dan kolom. Field-field tersebut dapat berupa data seperti int,

real, char, date, time, dan lainnya.

MySQL memiliki keunggulan, diantaranya :

a. Bekerja pada berbagai platform ( tersedia berbagai versi untuk berbagai

sistem operasi )

b. Pengaksesan database dapat dilakukan dengan mudah

c. Memiliki jenis kolom yang cukup banyak sehingga memudahkan

konfigurasi sistem database

d. Mendukung record yang memiliki kolom dengan panjang tetap atau

panjang bervariasi, dan masih banyak keunggulan lainnya

e. MySQL dan PHP saling terintegrasi , maksudnya adalah pembuatan

database dengan menggunakan sintak PHP dapat dibuat. Sedangkan

input yang dimasukkan melalui aplikasi web yang menggunakan skrip

(30)

MySQL yang ada di server dan tentunya web tersebut berada di sebuah

web server.

2.10.1 Pemakaian Dasar SQL

Pemakaian dasar SQL adalah sebagai berikut:

1. Mendefinisikan Tabel

CREATE TABLE NAMA_TABLE (DEFINISI_TABLE);

Contoh: CREATE TABLE MAHASISWA ( NAMA VARCHAR(20),

ALAMAT VARCHAR(255), PASSWORD VARCHAR(10) );

2. Menyimpan data

INSERT INTO NAMA_TABLE (DAFTAR_FIELD) VALUES

(DAFTAR_NILAI);

Contoh: INSERT INTO MAHASISWA (NAMA, ALAMAT, PASSWORD)

VALUES ('dani’, 'jl.Dr.Mansur Gg.Idris Ahmad No.53, '20155');

3. Mengambil data

SELECT DAFTAR_FIELD FROM NAMA_TABLE KONDISI;

Contoh: SELECT NAMA FROM MAHASISWA;

4. Mengubah data

(31)

DATA_FIELD_BARU;

Contoh:UPDATE MAHASISWA SET nama = 'dani' WHERE nama =

'Madaniyah';

5. Menghapus data

DELETE FROM NAMA_TABLE KONDISI

Contoh: DELETE FROM MAHASISWA WHERE NAMA='dani';

2.11 Data Flow Diagram (DFD)

Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi untuk

menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan

suatu sitem yang telah ada atau sistem baru yang akan dikembangkan secara logika

tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.

Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang

menguasai bidang komputer untuk mengerti sistem yang sedang dikerjakan.

(32)

Tabel 2.1 Simbol Data Flow Diagram

NO. SIMBOL KETERANGAN

1

External entity (kesatuan luar) adalah kesatuan

lingkungan luar sistem yang dapat berupa orang,

organisasi atau sistem lainnya yang berada pada

lingkungan luarnya yang akan memberikan input

ataupun menerima output dari sistem.

2 Attibute (proses) adalah kegiatan atau kerja yang

dilakukan oleh orang, mesin atau komputer dari

hasil suatu arus data yang masuk ke dalam proses

untuk dihasilkan arus data yang akan keluar dari

proses.

3 Storage (penyimpanan) adalah untuk

menggambakan simpanan data yang dapat berupa

file atau data base di dalam komputer

4 Data Flow (Arus Data) adalah arus dari data yang

dapat berupa masukan (input) untuk sistem atau

(33)

2.12 Diagram Alir (Flowchart)

Flowchart merupakan gambar yang menampilkan struktur dan isi halaman per

halaman. Bagan alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari

proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang

menyatakan tiap langkah program. Simbol-simbol flowchart dapat dilihat pada tabel

2.2 berikut ini:

Tabel 2.2 Simbol-Simbol Flowchart

SIMBOL NAMA KETERANGAN

Input/Output symbol

Simbol input/output digunakan mewakili data input/output

Process symbol

Simbol proses digunakan untuk

mewakili suatu proses

Flow lines symbol Simbol garis arah digunakan untuk

menunjukkan arus dari proses

Connector symbol

(34)

Decision symbol

Simbol keputusan digunakan untuk

suatu penyeleksian kondisi di dalam

program

Predifined process symbol

Simbol proses terdefenisi digunakan untuk menunjukan suatu operasi yang rincinya ditunjukan ditempat / halaman lain.

Magnetik disk symbol

Simbol yang menunjukkan

penyimpanan data ke dalam database

Terminal point symbol

Simbol titik terminal digunakan untuk menunjukkan awal dan akhir dari suatu proses

2.13 CSS (Cascading Style Sheet)

Sebagai pelengkap pada HTML dan tugas utama CSS adalah menetapkan aturan

tampilan/style yang akan digunakan pada sebuah website. CSS dapat mengubah besar

kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula

mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan

oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada

(35)

2.14 Macromedia Dreamweaver 8

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia

Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja

semakin mudah pengunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8

adalah Zoom Tool and Guides, Panel CSS yang baru, Code collapse, Coding Toolbar

dan Insert Flash Video.

Tidak jauh beda dengan kemampuan versi sebelumnya, Macromedia

Dreamweaver 8 mendukung pemrograman Client Side yang terkenal, yaitu JavaScipt

dengan penggunaan yang sangat mudah. Macromedia dreamweaver 8 juga

mendukung pemrograman Script Server Side, seperti Personal Home Page (PHP),

Active Server Pages (ASP), ASP.NET, ColdFusion dan Java Server Pages (JSP).

Membuka program Macromedia Dreamweaver 8 tidak berbeda dengan

membuka program Windows lainnya, yaitu Start - All Programs – Macromedia -

Macromedia Dreamweaver 8. Pada awal pembukaan akan tampil Start Page atau

halaman awal dari Dreamweaver 8.

(36)

BAB 3

SEKILAS MENGENAI SMP NEGERI 1

DOLOK BATU NANGGAR

3.1 Profil SMP Negeri 1 Dolok Batu Nanggar

SMP Negeri 1 Dolok Batu Nanggar berdiri pada tahun 1968. Sekolah ini berlokasi di

Jalan Karya Bhakti Serbelawan, dan merupakan Sekolah Menengah Pertama(SMP)

terfavorit di kota Serbelawan. Kegiatan belajar mengajar pada sekolah ini hanya

dilakukan pada pagi hari yaitu dari mulai pukul 07.15 sampai dengan pukul 13.45,

sedangkan sore hari sekolah ini mengadakan kegiatan ekstrakulikuler seperti PMR,

Pramuka, Kegiatan Olahraga dan lain sebagainya.

Sekolah ini memiliki 23 ruang kelas terdiri dari 8 ruang kelas untuk kelas VII,

7 ruang kelas untuk kelas VIII, 8 ruang kelas untuk kelas IX. Untuk pelaksanaan

kegiatan olah raga sekolah ini sudah di lengkapi dengan lapangan basket, lapangan

volley dan lapangan untuk lompat jauh.

Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan,

laboratorium komputer, laboratorium bahasa dan laboratorium IPA serta fasilitas

lainnya untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan

moral dan ahlak siswa dengan adanya tempat ibadah seperti mushola dan kegiatan -

kegiatan keagamaan seperti sholat zuhur berjamaah setiap pulang sekolah untuk siswa

(37)

3.2 Struktur Organisasi

Organisasi merupakan salah satu alat untuk mencapai tujuan secara efektif dan

rasional. Pembentukan organisasi dan pembagian tugas merupakan unsur utama dan

alat utama untuk mencapai kontrol yang baik. Pengorganisasian berarti menetukan

bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan

kerja sama yang sesuai antara bagian.

Struktur organisasi adalah rangka atau bagian yang menunjukan tugas untuk

mencapai tujuan organisasi, hubungan antara fungsi-fungsi, dan tanggung jawab

antara setiap anggota organisasi. Dengan adanya struktur organisasi, maka pimpinan

dan bawahan yang ada didalamnya akan mengetahui kegiatan-kegiatan yang harus

(38)

(39)

3.3.1 Kepala Sekolah

Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator,

supervisor serta pemimpin / Leader inovator.

3.3.2 Wakil Kepala Sekolah

Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan:

1. Menyusun kurikulum.

2. Mengatur segala program kesiswaan.

3. Merencanakan kebutuhan sarana dan prasarana.

4. Mengatur dan mengembangkan hubungan dengan masyarakat.

5. Mengatur dan mengawasi penyelenggaraan program pendidikan.

6. Mengatur mutasi siswa.

7. Menyusun program kegiatan ekstrakurikuler.

8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.

3.3.3 Tata Usaha

Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan

bertanggung jawab kepada kepala sekolah dalam kegiatan-kegiatan sebagai berikut:

1. Penyusunan program kerja tata usaha sekolah.

2. Pengolahan keuangan sekolah.

(40)

3.3.4 Komite Sekolah

Membantu sekolah dalam hal:

1. Peningkatan kegiatan sekolah.

2. Peningkatan kesejahteraan guru dan pegawai.

3.3.5 Pembantu Kepala Sekolah

3.3.5.1 Bidang Sarana dan Prasarana

Tugas yang dilakukan disini adalah:

1. Pembangunan sarana dan prasarana.

2. Pengawasan dalam hal sarana dan prasarana yang ada.

3.3.5.2 Bidang Kurikulum

Membantu Kepala Sekolah dalam hal:

1. Pelaksanaan kurikulum.

2. Pemberian tugas guru.

3. Mengawas jadwal pelaksanaan KBM.

4. Administrasi kurikulum dan penelitian.

5. Konsultasi dengan Kepala Sekolah.

(41)

Membantu Kepala Sekolah dalam bidang:

1. Pembinaan disiplin sekolah.

2. Koordinator pembinaan siswa.

3. Koordinator pelaksana kegiatan intra / ekstrakulikuler.

4. Koordinator kegiatan sekolah.

3.3.6 Guru

Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan

kegiatan proses belajar mengajar secara efektif dan efisien.

3.3.7 Wali Kelas

Membantu kepala sekolah dalam kegiatan:

1. Pengelolaan kelas.

2. Penyelenggaraan administrasi kelas.

3. Pembuatan catatan khusus tentang siswa.

4. Penyusunan statistik bulanan siswa.

5. Penyusunan nilai siswa.

3.3.8 Guru Pembimbing dan Konseling (BP/BK)

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan

pembimbingan dan konseling di sekolah.

(42)

3.4.1 Visi Sekolah

Adapun visi SMP Negeri 1 Dolok Batu Nanggar adalah:

“ Berprestasi dan Terampil yang Berwawasan Iptek dan Imtak”.

Dengan indikator:

1. Terwujudnya Pengembangan Kurikulum Adaptif dan Produktif.

2. Terwujudnya Proses Pembelajaran yang Efektif & Efisiens.

3. Terwujudnya Tamatan yang Handal dan Berstandar Nasional.

4. Terwujudnya Sarana & Prasarana Pendidikan yang Sesuai Perkembangan

Zaman.

5. Terwujudnya SDM Pendidikan yang Handal dan Profesional.

6. Terwujudnya Sekolah Menjadi Pusat Pembelajaran setiap Waktu.

7. Terwujudnya Partisipasi yang baik dalam Penggalangan Biaya Pendidikan.

3.4.2 Misi Sekolah

1. Mewujudkan Perangkat Kurikulum yang lengkap yang berwawasan kemasa

depan.

2. Mewujudkan system penilaian yang otentik.

3. Mewujudkan lulusan yang cerdas dan terampil

4. Mewujudkan proses pembelajaran yang aktif , kreatif, efektif dan

menyenangkan.

5. Mewujudkan fasilitas sekolah yang mutkhir.

6. Mewujudkan pendidik dan tenaga kependidikan yang professional.

(43)

8. Mewujudkan Managemen Berbasis Sekolah ( MBS ) yang tangguh.

3.4.3 Tujuan Sekolah :

Tujuan Jangka Pendek

 Menghasilkan perangkat kurikulum yang lengkap.

 Menghasilkan system penilaian yang otentik.

 Terciptanya kerja sama yang baik dan hubungan yang harmonis antara sekolah dan masyarakat.

Tujuan Jangka Menengah

 Terciptanya kehidupan social yang agamis dan berbudaya

 Meraih prestasi 10 besar pada lomba akademik Tingkat Kabupaten.

 Meningkatkan pencapaian nilai rata-rata UN sehingga mencapai Standar Nasional.

Tujuan Jangka Panjang

 Terwujudnya fasilitas/ sarana prasarana sekolah yang lengkap.

 Meraih prestasi 10 besar pada lomba akademik Tingkat Propinsi.

(44)

BAB 4

ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis

Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus

diperhatikan adalah tahap analisis. Tahap analisis merupakan tahap pemahaman

dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir

data, kamus alir data dan enskripsi proses. Tahap analisis bertujuan untuk mengetahui

mekanisme sistem, proses-proses yang terlibat dalam sistem serta hubungan antara

proses tersebut.

4.1.1 Analisis Sistem Yang Sedang Berjalan (Current System)

Pengelolaan informasi di SMP Negeri 1 Dolok Batu Nanggar masih di lakukan secara

manual, penyimpanan data seperti jumlah siswa yang mendaftar setiap tahunnya,

data-data akademik siswa, dan data-data guru serta data-data mengenai sarana dan

prasarana masih dilakukan secara manual. Sehingga sering kali terjadi kesulitan dalam

pencarian data yang dibutuhkan. Selain itu, penyimpanan data secara manual dalam

hal ini penyimpanan data-data berupa arsip dalam bentuk kertas, juga membutuhkan

(45)

Dengan adanya system informasi berbasis web dinamis ini, diharapkan

penyimpanan data, penyebaran informasi kepada para siswa, dan guru juga menjadi

lebih efisien dan efektif.

a. Proses Penjadwalan Proses Belajar Mengajar

Jadwal

Mengikuti Pelajaran sesuai jadwal

Mulai

Mencatat Data Guru

Jadwal

End

Mengajar sesuai jadwal

Jadwal Arsip

jadwal pelajaran

Arsip jadwal pelajaran

SISWA PKS Bidang Akademik Guru Mata Pelajaran

Gambar 4.1 Proses Penjadwalan KBM

1. Wakasek bidang Kurikulum mencatat data guru dan kelas, kemudian wakasek

(46)

2. Setelah di bagi wakasek bidang kurikulum kemudian memberikan jadwal

kepada tata usaha untuk kemudian diteruskan kepada siswa dan guru mata

pelajaran.

b. Proses Penilaian Siswa

Mulai

Gambar 4.2 Proses penilaian siswa

1. Siswa mengikuti ujian yang diadakan oleh guru mata pelajaran masing-masing

(47)

2. Hasil koreksi ujian diserahkan kepada tata usaha kemudian hasil ujian tersebut

dicatat kedalam arsip nilai siswa oleh tata usaha

3. Siswa menerima laporan akademik mereka masing-masing

c. Proses Pendataan siwa

SISWA Pegawai Tata Usaha

Mulai

Mengisi Form Pendataan

Form Pendataan yang telah diisi

Catat data siswa

Arsip data siswa

Membuat Laporan pendataa n siswa

Arsip data siswa

Gambar 4.3 Proses pendataan siswa

1. Siswa mengisi formulir pendataan diri siswa guna kelancaran administrasi

2. Data siswa yang telah diisi oleh siswa kemudian di kumpulkan oleh pegawai

(48)

4.2 Perencanaan & Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun

sebuah situs. Perencanaan yang matang akan memberikan hasil akhir yang bagus.

Dalam membuat sebuah situs, tentukan terlebih dahulu tujuan dari situs yang akan

dibuat karena bentuk desain dan isi sebuah situs sangat tergantung dari tujuan situs itu

dibuat.

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan

yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen

yang membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa

pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan

sebagai media untuk membuat layout dari situs yang telah dirancang.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:

1. Situs apa yang akan dibuat?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut?

3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut?

4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

Situs yang akan dibuat dalam tugas akhir ini adalah situs lembaga pendidikan

pemerintahan, dalam hal ini adalah SMP Negeri 1 Dolok Batu Nanggar, yang

menyediakan informasi-informasi mengenai lembaga pendidikan tersebut, termasuk

didalamnya berita yang berkenaan dengan sekolah, dan artikel yang berguna bagi

(49)

Pada situs SMP Negeri 1 Dolok Batu Nanggar, penulis juga menyediakan

beberapa aktivitas lain diantaranya, memberikan kritik dan saran melalui fasilitas

buku tamu, forum diskusi sesama pengunjung situs, mengirim artikel sehingga bisa

berbagi informasi sesama pengunjung, memberikan polling terhadap mata pelajaran

apa yang dianggap sulit oleh siswa, melihat daftar guru SMP Negeri 1 Dolok Batu

Nanggar, dan melihat kalender pendidikan.

4.3. Perancangan DFD (Data Flow Diagram)

Data Flow Diagram (DFD) merupakan diagram yang menggunakan notasi-notasi

(simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan

untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan

dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data

tersebut mengalir. Adapun Data Flow Diagram yang penulis ajukan, yaitu:

(50)

Guru

Desain Sistem Informasi SMP Negeri 1 Dolok Batu

Nanggar

Kepala Sekolah Siswa

Akademik

Pembuatan Laporan Aplikasi

Profil Sekolah

Laporan Data Siswa

Data siswa

Data guru

Laporan Data Guru

Data Akademik

Data Aplikasi

Data Profil sekolah

Laporan

- Data Siswa - Data Guru - Data Profil sekolah - Data Akademik - Data Aplikasi

(51)

4.4. Perancangan Flow Chart

Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran

informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang

menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya

flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman

situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu

mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting

dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.

Secara sederhana flowchart dalam membangun situs ini dapat dilihat pada

(52)

Index / Halaman Utama

Login Administrator

Profil Akademik Aplikasi Contact Us Pengumuman

Visi & Misi

Fasilitas

Struktur Organisasi

Statistik

Data Guru

Data Siswa

Nilai siswa

Kepala Sekolah

Jadwal KBM

Buku Tamu

Login

Galery

Pengumuman Hasil UAS

Kegiatan Ekstrakulikuler

(53)

1. Flow Chart Halaman Utama

Pilih Link Yang Ada B

Pilih Link Yang Ada

(54)

2. Flowchart halaman login administrator

A

Input Username Dan Password

If True

Halaman Utama Admin

Keluar

END

Administrator & Password Salah

F YA

Ya

Tidak

(55)

3. Flowchart halaman Profil

B

Visi & Misi

Struktur Organisasi

Fasilitas

Statistik

Halaman Visi & Misi

Halaman Struktur Organisasi

Halaman Fasilitas

Halaman Statistik

Pimpinan Halaman Pimpinan

Keluar

END

Visi & Misi

Struktur Organisasi

Fasilitas

Statistik

Pimpinan ya

ya

ya Tidak

Tidak

(56)

4. Flowchart Halaman Akademik

(57)

5. Flowchart Halaman Aplikasi

D

Buku Tamu

Login

Galery

Keluar

Halaman Buku Tamu

Halaman Login

Halaman Galery

Buku Tamu

Login

Galery Ya

Ya

Ya Tidak

Tidak

END Tidak

(58)

6. Flowchart Halaman Pengumuman

E

Pengumuman Hasil UAS

Ekstrakulikuler

Keluar

Halaman pengumuman UAS

Halaman Login

Pengum uman

UAS

Ekstraku likuler Ya

Ya Tidak

Tidak

END

(59)

4.5 Mendesain Layout Web

Salah satu faktor agar situs diminati para pengunjung adalah desain layout yang

bagus. Sebelum kita mendesain sebuah layout terlebih dahulu kita harus membuat

sketsa, setelah itu kita bagi situs menjadi beberapa bagian, diantaranya adalah:

a. Bagian header berisi nama sekolah dan beberapa grafik untuk mempercantik

tampilan.

b. Navigasi harus mudah dikenali dan mudah digunakan

c. Bagian konten merupakan isi yang ingin disampaikan kepada pengunjung.

d. Bagian Footer berisi nama, dan informasi dari pemilik situs

Bagian-bagian lainnya, bisa merupakan artikel, info terkini, polling, dan kalender.

Isi

Gambar 4.2 Rancangan Halaman Utama Header

Footer

Pengumuman

Polling

(60)

Gambar 4.3 Rancangan Halaman Administrator

4.6 Perancangan Halaman Website

Adapun halaman - halaman yang dibangun oleh penulis adalah:

a. Halaman index merupakan halaman yang pertama kali muncul pada

saat website dibuka. Halaman ini berisikan artikel dan link-link menuju

halaman berikutnya.

b. Halaman home merupakan halaman yang berisikan sekilas tentang

SMP N 1 Dolok Batu Nanggar serta link-link menuju halaman

berikutnya.

c. Halaman profil merupakan halaman yang berisikan tentang profile

sekolah mengenai visi misi, dan sejarah tentang sekolah

e. Halaman struktur organisasi merupakan halaman yang berisikan data

mengenai struktur organisasi SMP N 1 Dolok Batu Nanggar

Header

Home Guru Siswa Roster Berita Logout

(61)

f. Halaman pimpinan merupakan halaman yang berisikan data kepala

sekolah SMP N 1 Dolok Batu Nanggar

g. Halaman Akademik berisikan data mengenai guru dan siswa serta

hal-hal yang berkaitan dengan kegiatan akademik

h. Halaman aplikasi berisikan data mengenai aplikasi untuk masuk ke

halaman login, halaman galeri dan buku tamu

i. Halaman contact us berisikan contact nomor untuk menghubungi pihak

SMP N 1 Dolok Batu Nanggar

j. Halaman pengumuman berisikan pengumuman – pengumuman di SMP

Negeri 1 Dolok Batu Nanggar seperti pengumuman hasil UAN

4.7 Perancangan Database

Perancangan database adalah salah satu langkah untuk menentukan file database,

tabel, tipe data dan ukuran dari data yang digunakan. Tahap ini merupakan tahap yang

paling penting dalam perancangan sistem.

Pada tahap ini dipersiapkan tempat untuk menampung data di server, data

tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman,

baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke

halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan

program MySQL.

Adapun database yang dibuat oleh penulis adalah database Website SMPN1

(62)

a. Tabel user

Tabel 4.1 user

Field Type Length Keterangan

username Varchar 50 Username

password Varchar 50 Password

b. Tabel tamu

Tabel 4.2 tamu

email Varchar 50 Email pengirim pesan

nama Varchar 100 Nama pengirim pesan

homepage Varchar 100 Alamat homepage pengirim

pesan

cs Text Tanggal pesan dikirim

c. Tabel data_guru

Tabel 4.3 data_guru

nip Int 10 Nip guru

nama_guru Varchar 50 Nama guru

ttlahir Varchar 50 Tempat tanggal lahir

agama Varchar 10 Agama

jkelamin Varchar 15 Jenis kelamin

golongan Varchar 10 Golongan

pendidikan Varchar 20 Pendidikan terakhir

(63)

d. Tabel kelas

Tabel 4.4 kelas

id_kelas Int 3 Id

kelas Varchar 10 Nama kelas

e.Tabel nilai

Tabel 4.5 nilai

id_nilai Int 10 Id nilai

nis Int 50 Nis siswa

id_kelas Int 50 Id kelas

id_bistud Int 10 Id bidang studi

semester Varchar 15 Semester

nama Varchar 30 Nama siswa

Field Jenis Length Keterangan

nis Int 10 Nis

nama_siswa Varchar 50 Nama siswa

ttlahir Varchar 30 Tempat tanggal lahir

agama Varchar 10 Agama

jeniskelamin Varchar 15 Jenis kelamin

kelas Varchar 10 Kelas

alamat Text Alamat siswa

nama_ayah Int 20 Nama ayah

pekerjaan_ayah Int 30 Pekerjaan ayah

nama_ibu Int 20 Nama ibu

(64)

g. Tabel Galeri

Tabel 4.7 Galeri

No Varchar 10 no

gambar Varchar 100 Gambar

h. Tabel Fasilitas

Tabel 4.8 fasilitas

No int 10 no

fasilitas Varchar 50 Fasilitas

keterangan Text Keterangan fasilitas

gambar Varchar 100 Gambar fasilitas

i. Tabel statistik

Tabel 4.9 statistik

Ip Varchar 90 Ip address user

tanggal Date Tanggal akses

hits Varchar 100 Jumlah total

online Varchar 255 Jumlah user online

j. Tabel bidang_study

Tabel 4.10 bidang_study

Id_bistud int 3 Id bidang studi

Bidang studi Varchar 50 Nama bidang studi

k. Tabel wali_kelas

Tabel 4.3 wali_kelas

Id_wali int 4 Id wali kelas

Id_kelas int 30 Id kelas

(65)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan

dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall

dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang

lama.

5.2 Tujuan Implementasi Sistem

Tujuan Implementasi sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru.

3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat

(66)

5.3 Komponen Utama dalam Sistem

Dalam pembuatan sistem informasi SMP Negeri 1 Dolok Batu Nanggar yang sudah

dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan

tenaga pelaksana (brainware).

a. Perangkat keras (Hardware)

Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara

lain:

1. Prosesor

2. Harddisk

3. Memori

4. Monitor

5. Keyboard

6. Mouse

7. Dan lain-lain

b. Perangkat Lunak (Software)

1. PHP, MySQL, dan Macromedia Dreamweaver 8

2. Anti virus untuk mengetahui terjadinya kerusakan sistem.

c. Tenaga Pelaksana (Brainware)

Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer

(67)

5.4 Instalasi Software

5.4.1 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.

Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache,

http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap

instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan

menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan

melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal

ini memerlukan pengaturan yang sedikit rumit.

Alternatif lain yang digunakan penulis adalah dengan menginstalasi Xampp .

Perangkat lunak Xampp 1.6.6 ini penulis download di situs

http://www.apachefriends.org

5.4.2 Instalasi Xampp 1.6.6

Xampp memberikan paket-paket, diantaranya:

a. Apache Web Server version 2.2.4

b. PHP Script Language version 5.2.3

c. MySQL Database version 5.0.45

d. PhpMyAdmin Database Manager version 2.10.2

e. Perl 5.10.1

(68)

Dengan menginstalasi Xampp secara otomatis ketiga software utama yang

akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu

konfigurasi yang rumit.

5.5 Pengujian di Browser

Setalah menginstal xampp, maka aplikasi web telah dapat diujikan dikomputer lokal.

Adapun caranya adalah sebagai berikut:

1. Letakkan file-file yang membangun web kedalam suatu folder, kemudian

diletakkan didalam folder htdocs, folder web diberi nama smpnegeri terlihat

seperti gambar berikut:

Gambar 5.1 Peletakkan Folder Berisi File-File Web Dalam Folder htdocs

2. Buka web browser dalam hal ini browser yang digunakan adalah Mozilla

Firefox

3. Pada kotak URL ketikkan http://localhost/smpnegeri . Tampilannya sebagai

(69)

Gambar 5.2 Kotak URL

4. Setelah dilakukan Enter pada Keyboard maka akan terlihat tampilan sebagai

berikut:

(70)

BAB 6

Article I.

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan System

dalam pembangunan website SMP Negeri 1 Dolok Batu Nanggar. Maka dapat penulis

simpulkan :

1. Website merupakan sarana informasi online yang dapat diakses oleh siapapun.

2. Dalam membangun sebuah website tidak harus terhubung dengan internet.

Internet diperlukan pada saat upload file dan pengaksesan website.

3. Layout/header yang bagus dan menarik dapat menambah daya tarik website

sehingga banyak dikunjungi para pengunjung.

4. Website yang baik adalah website yang selalu meng-update informasinya

(71)

6.2 Saran

1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa

bosan dan mendapatkan informasi-informasi yang up-to-date.

2. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan

dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak

(72)

DAFTAR PUSTAKA

Herlambang,Ferry. 2006. Menggali Keajaiban Behaviors pada Dreamweaver 8. Jakarta: PT.Gramedia.

Kurniawan, Budi. 2008. Desain Web Praktis dengan CSS. Jakarta: Elex Media Komputindo.

Laudon, K. C. dan Jane P. L. 2008. Sistem Informasi Manajemen.Terjemahan Chrishwan Sungkono dan Machmudin Eka P. Jakarta: Salemba 4

Madcoms. 2008. PHP & MySQL untuk Pemula. Madiun: Madcoms & Andi

Panduan Tatacara Penulisan Skripsi & Tugas Akhir. 2008. Dokumen Nomor: Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, K. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Penerbit Andi.

Ramadhan, A. dan Hendra, S. 2005. Buku Latihan PHP 5 dan MySQL. Jakarta: Elex Media Komputindo.

Seri Panduan Desain Web Macromedia Dreamweaver. 2004. Yogyakarta: Penerbit Andi

Shalahuddin, M dan Rosa, A. S. 2010. Java di Web. Bandung:Penerbit Informatika.

(73)

L

A

M

P

I

R

A

N

(74)

Tampilan index.php

Script Index.php

<!--

.style1 {font-family: Georgia}

.style2 {font-family: Georgia; font-weight: bold; } .style4 {color: #0000FF}

--> </style> </head>

<body>

(75)

</div>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=7,0,19,0" width="200" height="100" align="left"> <param name="movie" value="Kalender.swf">

<param name="quality" value="high"> <embed src="Kalender.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="310"

height="130"></embed> </object></p>

<p>

<h3 align="left" class="style4"> Profil </h3>

<a href="profil.php"> profil sekolah</a> <a href="galeri.php">Galeri</a>

<a href="fasilitas_lengkap.php">Fasilitas</a> <br>

<a href="org.php">Struktur organisasi</a>

<a href="kepsek.php">pimpinan sekolah</a> </p> <p>

<h3 align="left" class="style4"> Akademik</h3>

<a href="tampilsiswa.php"> Data Siswa</a> <a href="tampil_dataguru.php">Data Guru</a> <a href="#">Jadwal Pelajaran</a>

</p> <p>

<h2 class="style2">BERITA MENGENAI SEKOLAH </h2></p> <h2>Pengumuman Hasil UN</h2>

Untuk melihat pengumuman hasil UN silahkan <a href="nilai un.htm">klik disini...</a>

</p> <p>

<h2>Melihat NISN(Nomor Induk siswa Nasional)</h2> <p>Untuk melihat NISN anda dapat berkunjung ke <a href="www.jardiknas.go.id/nisn">link berikut ini</a>

<form action="www.google.co.id"> <label>search</label>

(76)

</div>

</div>

</div> </div>

<img src="image/tut-wuri-handayani.png" width="44" height="22" /> <a href="tentangsekolah.php">Contact Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> <span class="style1">| ©SMP NEGERI 1 DOLOK BATU NANGGAR </span></div> </body>

</html>