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

MEDAN

2010

(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

MEDAN

2010

(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

MADANIYAH FITRAHAYATI 072406074

(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

Perancangan Sistem Informasi SMP Negeri 1 Dolok Batu Nanggar Berbasis Web ini bertujuan untuk mempermudah proses pencarian atau searching data dan informasi untuk seluruh siswa dan guru SMP Negeri 1 Dolok Batu Nanggar, yang mengalami kesulitan dalam memperoleh data mengenai aktivitas akademik di SMP Negeri 1 Dolok Batu Nanggar tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil sekolah, agenda kegiatan, jadwal Kegiatan Belajar Mengajar (KBM) dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah xampp ( terdiri dari apache server, PHP dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.2.3, Apache versi 2.2.4 sebagai web server, MySQL 5.0.45 sebagai database, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, dan Adobe Photoshop CS sebagai editor grafis.

(7)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Persembahan iv

Penghargaan v

Abstrak vii

Daftar Isi viii

Daftar Tabel x

Daftar Gambar xi

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Tujuan Penelitian 4

1.4 Metode Penelitian 4

1.5 Kegunaan Penelitian 5

1.6 Batasan Masalah 5

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

LAMPIRAN A LAMPIRAN B

(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 kritik dan saran yang dapat membangun SMP Negeri 1 Dolok Batu Nanggar .

(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. BAB 3 SEKILAS MENGENAI SMP NEGERI 1 Dolok Batu Nanggar

(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 ada manfaatnya.

(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 pengertian dari sistem yang berkaitan dengan judul, yaitu ”Sistem adalah suatu

(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 kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan

(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 terlihat oleh pengguna internet. Sedangkan server side lebih aman karena

(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 adalah ruang informasi dalam Internet, dengan menggunakan teknologi hypertext,

(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 perdagangan (e-commerce), sedangkan web statis merupakan jenis web yang isinya

(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 HTML perhatikan skema dibawah ini :

(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>, <hr>, <img>, dan lain-lain sebagainya.

(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 sebuah kompilasi dalam penggunaanya.

(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 bagian dari script HTML.

(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 server side seperti PHP dapat langsung dimasukkan ke database

(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

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 hasil (output) dari proses sistem.

(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

Simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di halaman yang masih sama atau di halaman lainnya

(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 halaman HTML.

(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 muslim dan Pembinaan kerohanian setiap hari jum’at untuk siswa Kristen.

(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 dilakukan dan batas-batas kekuasaan yang ada padanya.

(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. 7. Mewujudkan sekolah menjadi pusat pembelajaran setiap waktu.

(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.

 Menghasilkan lulusan yang mampu bersaing di tingkat nasional.

(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 banyak ruang sebagai tempat penyimpanan, dan biaya yang juga tidak sedikit.

(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 mulai membagi kelas berdasarkan jumlah kelas dan guru

(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

Siswa Mengikuti

Ujian

Hasil Pekerjaan Siswa

Memeriksa Tugas siswa

Hasil Koreksi tugas siswa

Catat Nilai Siswa

Membuat Laporan Akademik

Arsip Nilai Siswa

Laporan Akademik

Siswa Arsip Nilai Siswa Laporan akademik

Siswa

Selesai

SISWA Guru Mata Pelajaran

Gambar 4.2 Proses penilaian siswa

1. Siswa mengikuti ujian yang diadakan oleh guru mata pelajaran masing-masing kemudian hasil pekerjaan di periksa oleh para guru

(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 pengunjung.

(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:

Siswa

Administrator

Kepala Sekolah Desain Sistem

Informasi SMP Negeri 1 Dolok

Batu Nanggar

Data Akademik

Guru

Akademik

Pengumuman Aplikasi

Data Pengumuman Data Profil sekolah

Laporan Data Siswa

Data Aplikasi

Laporan Data Guru Data siswa

Data Guru

Laporan

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

(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 gambar di bawah ini:

(52)

Index / Halaman Utama

Profil Akademik Aplikasi Contact Us Pengumuman

Visi & Misi

Fasilitas

Struktur Organisasi

Statistik

Data Guru

Data Siswa

Nilai siswa

Kepala Sekolah

Jadwal KBM

Buku Tamu

Galery

Pengumuman Hasil UAS

Kegiatan Ekstrakulikuler

(53)

1. Flow Chart Halaman Utama START

Menampilkan Halaman Utama

Halaman Utama

Memilih Daftar Link

Profil

Akademik

Aplikasi

Pengumuman

Form Login A

Keluar

Pilih Link Yang Ada B

Pilih Link Yang Ada

Pilih Link Yang Ada Contact Us

Ya Tidak

Tidak

(54)

2. Flowchart halaman login administrator

Input Username Dan Password

If True

Halaman Utama Admin

Keluar

END

Administrator & Password Salah

F YA

Tidak

(55)

3. Flowchart halaman Profil

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 Tidak

Tidak

(56)

4. Flowchart Halaman Akademik

Pilih Data Guru

Pilih Data Siswa

Pilih Nilai Siswa

Pilih Jadwal KBM

Keluar

Halaman Data Guru

Halaman Data Siswa

Halaman Nilai Siswa

Halaman Jadwal KBM

Data Guru

Data Siswa

Nilai Siswa

Jadwal KBM Ya

Ya Tidak

Tidak

END Tidak

(57)

5. Flowchart Halaman Aplikasi

Buku Tamu

Galery

Keluar

Halaman Buku Tamu

Halaman Login

Halaman Galery

Buku Tamu

Galery Ya

Ya Tidak

Tidak

END Tidak

(58)

6. Flowchart Halaman Pengumuman

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

Footer

(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 Dolok Batu Nanggar dengan tabel-tabel sebagai berikut:

(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

Field Type Length Keterangan

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

Field Type Length Keterangan

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

Field Type Length Keterangan

id_kelas Int 3 Id

kelas Varchar 10 Nama kelas

e.Tabel nilai

Tabel 4.5 nilai

Field Type Length Keterangan

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

nilai_1 Int 10 Nilai 1

nilai_2 Int 10 Nilai 2

nilai_3 Int 10 Nilai 3

nilai_4 Int 10 Nilai 4

nilai_5 Int 10 Nilai 5

nilai_6 Int 10 Nilai 6

nilai_7 Int 10 Nilai 7

total Varchar 10 Rata-rata

f. Tabel siswa

Tabel 4.6 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

Field Type Length Keterangan

No Varchar 10 no

gambar Varchar 100 Gambar

h. Tabel Fasilitas

Tabel 4.8 fasilitas

Field Type Length Keterangan

No int 10 no

fasilitas Varchar 50 Fasilitas

keterangan Text Keterangan fasilitas

gambar Varchar 100 Gambar fasilitas

i. Tabel statistik

Tabel 4.9 statistik

Field Type Length Keterangan

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

Field Type Length Keterangan

Id_bistud int 3 Id bidang studi

Bidang studi Varchar 50 Nama bidang studi

k. Tabel wali_kelas

Tabel 4.3 wali_kelas

Field Type Length Keterangan

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 rencana, mengontrol dan melakukan instalasi baru secara benar.

(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 untuk menjalankan program.

(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 berikut:

(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 dengan segala yang baru.

(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 berhak mengaksesnya.

(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. Sutarman. 2003. Seri Pemrograman Web dengan PHP dan MySQL. Yogyakarta:

(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>

<marquee><h3>Selamat datang di SMP Negeri 1 Dolok Batu Nanggar Jalan Karya Bhakti Udjung Serbalawan</h3></marquee>

(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>

<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> </p> </p> <p> </p> <p>  </p> </div> <div id="Content2"> <div id="search"> <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>

(77)

Script Halaman Visi& Misi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!--

.style1 {color: #0033FF} -->

</style> </head> <body>

<?php include"menu.php" ?></div> <div id="Menu">

<marquee><h3>Selamat datang di SMP Negeri 1 Dolok Batu Nanggar Jalan Karya Bhakti Udjung Serbalawan</h3></marquee>

</div>

<div class="feature"> <h2 align="right"><?php

include"tanggal.php";?></h2><img src="image/gbr.JPG" alt="" width="239" height="159" />

(1)

<li><a href="data_siswa/inputsiswa_form.php">Update Data Siswa</a></li> <li><a href="data_siswa/tampil_semua_siswa.php">Tampilka Data siswa</a></li> </ul>

<h3>Berita dan Informasi</h3> <ul>

<li><a href="logout.php">Keluar dari halaman ini</a></li> </ul>

</div> </div>

<div id="footer">

<p>Design by <a href="http://www.madaniyah.wordpress.com/">Madaniyah Fitrahayati</a>.</p>

</div></div></div> </body>

</html>

Tampilan Form Pengisian Data Guru

Script inputguru.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>

<head>

<body>

<div id="outer"><div id="outer2"><div id="header"> <h1>administrator </h1>

<h2>By Madaniyah Fitrahayati</h2> </div> <div id="menu">

<ul>

<li><a href="inputguru.php">Input Data Guru</a></li> <li><a href="lihatguru.php">Tampil Data Guru</a></li> <li><a href="editguru.php">Edit Data Guru</a></li> <li><a href="hapus_dataguru.php">Hapus Data Guru </a></li>

</div>

(2)

<tr> <td>Tempat/Tanggal Lahir</td> <td>:</td> <td><label>

</tr>

<tr>

<td>Agama</td> <td>:</td> <td><label>

<select name="agama" id="agama"> <option value="null">:::Agama:::</option> <option value="Islam">Islam</option> <option value="Katolik">Katolik</option> <option value="Protestan">Protestan</option> <option value="Hindu">Hindu</option>

<option value="Budha">Budha</option> </select>

</label></td> </tr>

<tr>

<td>Jenis Kelamin</td> <td>:</td>

<td>

<input name="jkelamin" type="radio" value="Laki-Laki" /> Laki-Laki

<input name="jkelamin" type="radio" value="Perempuan" /> Perempuan</td>

</tr>

<tr>

<td>Golongan</td> <td>:</td>

<select name="golongan" id="golongan"> <option>--Golongan--</option> <option value="I/a">I A</option> <option value="I/b">I B</option> <option value="I/c">I C</option> <option value="I/d">I D</option> <option value="II/a">II A</option> <option value="II/b">II B</option> <option value="II/c">II C</option> <option value="II/d">II D</option> <option value="III/a">III A</option> <option value="III/b">III B</option> <option value="III/c">III C</option> <option value="III/d">III D</option> <option value="IV/a">IV A</option>

</label></td> </tr>

<tr>

<td>Pendidikan</td> <td>:</td>

(3)

<option value="null">:::Pendidikan:::</option> <option value="SMA/SMK">SMA/SMK</option> <option value="Diploma 1">Diploma 1</option> <option value="Diploma 2">Diploma 2</option> <option value="Diploma 3">Diploma 3</option> <option value="Diploma 4">Diploma 4</option>

<option value="Sarjana Muda">Sarjana Muda</option> <option value="S-1">S-1</option>

</tr>

<tr>

<td>Alamat</td> <td>: </td>

</tr>

<tr>

<label>

</tr>

</table>

</div>

</div><div id="footer">

<p>Design by <a href="http://www.madaniyah.wordpress.com/">Madaniyah Fitrahayati</a>.</p>

</div> </div></div> </body>

</html>

(4)

Script inputsiswa_form.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>

<head>

<!--

.style5 {family: Verdana, Arial, Helvetica, sans-serif; size: 12px; font-weight: bold; color: #000000; }

a:link {

color: #000000;

text-decoration: none; }

a:visited {

text-decoration: none; color: #000000;

}

a:hover {

text-decoration: none; color: #0000FF;

}

a:active {

text-decoration: none; color: #000000;

} --> </style> </head>

<body>

<h1>administrator </h1>

(5)

</div>

<li><a href="inputsiswa_form.php">Input Data Siswa</a></li>

<li><a href="tampil_semua_siswa.php">Tampil Data Siswa</a></li>

<li><a href="datasiswa.php">Edit Data Siswa</a></li> <li><a href="hapus.php">Hapus Data Siswa</a></li> <li><a href="../index.php">Back To Home</a></li> </ul>

</div>

<?php

include("../../conf/koneksi.php"); $nis=$_REQUEST['nis'];

$sql="select * from siswa where nis='$nis'"; $query=mysql_query($sql);

$row=mysql_fetch_array($query); $kelas=$row['kelas'];

.style1 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;

} --> </style>

<tr>

<label>

</span></td> </tr>

<tr>

<label>

</span></td>

</tr> <tr>

<td><span class="style7 style1">Agama</span></td> <td><span class="style7">

<label>

<option value="Null" selected="selected">--Agama--</option> <option value="Islam">Islam</option>

<option value="Kristen">Kristen</option> <option value="Katolik">Katolik</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> </select>

</label> </span></td> </tr>

<tr>

<td><span class="style7 style1">Jenis Kelamin </span></td> <td>

(6)

<input name="jeniskelamin" type="radio" value="L" /> Laki- Laki

<input name="jeniskelamin" type="radio" value="P" /> Perempuan</td>

</tr>

<tr>

<td><span class="style7 style1">Kelas</span></td> <td><span class="style7">

<option value="Null">::Kelas::</option> <?php

include("../../conf/koneksi.php"); $sql="select * from kelas"; $query=mysql_query($sql); $row=mysql_fetch_assoc($query); ?>

<? do { ?>

<?php } while ($row=mysql_fetch_assoc ($query));?> </select> </span></td>

</tr> <tr> </tr> <tr> <td> <input type="submit" name="Submit" value="T A M B A H" /> </td>

</div> </div> <div id="footer"> <p>Design by <a href="http://www.madaniyah.wordpress.com/">Madaniyah Fitrahayati</a>.</p>

</div> </div></div> </body>

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

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

MEDAN

2010

MEMBANGUN WEBSITE SMP NEGERI 1 DOLOK BATU

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

MEDAN

2010

Header

Footer

BAB 5

IMPLEMENTASI SISTEM

Article I.

KESIMPULAN DAN SARAN

L

A

M

P

I

R

A

N

Tampilan Form Pengisian Data Guru

Script inputguru.php

Script inputsiswa_form.php

Parts

Dokumen yang terkait

Membangun website Dinamis Pada Organisasi Forsikamus 5 Medan Dengan Menggunakan Php Dan Mysql

Perancangan Website Penjualan Secara Online Menggunakan PHP Dan MYSQL

Sistem Informasi Akademik Berbasis Web Di SMA Negeri 1 Dolok Batu Nanggar

Membangun Aplikasi CMS Dengan Menggunakan PHP Dan MYSQL

Portal Akademik SMP Negeri 2 Sunggal Menggunakan PHP dan MYSQL

MEMBANGUN SISTEM INFORMASI SEKOLAH BEBASIS WEBSITE MENGGUNAKAN PHP DAN MYSQL DI SMP NEGERI 30 PADANG.

Website Penjualan Produk Distro Menggunakan PHP dan MYSQL.

Merancangan dan Membangun Aplikasi E-Learning pada SMP Negeri 1 Cimahi Menggunakan PHP dan MySQL.

Portal Akademik SMP Negeri 2 Sunggal Menggunakan PHP dan MYSQL

Perancangan Website Olahraga Sepakbola Nasional Menggunakan Php Dan Mysql

Dokumen yang Anda mencari sudah siap untuk unduhkan