Full text

(1)

PERANCANGAN SISTEM INFORMASI REGISTRASI ONLINE

BERBASIS WEB SMA NEGERI 1 SUNGGAL

TUGAS AKHIR

YUNITA BR HUTAURUK

092406080

PROGRAM STUDI DIPLOMA-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

PERANCANGAN SISTEM INFORMASI REGISTRASI ONLINE

BERBASIS WEB SMA NEGERI 1 SUNGGAL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahlimadya Komputer

YUNITA BR HUTAURUK

092406080

PROGRAM STUDI DIPLOMA-III TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : PERANCANGAN SISTEM INFORMASI REGISTRASI

ONLINE BERBASIS WEB SMA NEGERI 1 SUNGGAL

Kategori : TUGAS AKHIR

Nama : YUNITA BR HUTAURUK

Nomor Induk Mahasiswa : 092406080

Program Studi : DIPLOMA (D3) KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2012

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua,

Prof. Drs. Tulus, Vordipl.Math., M.Si., Ph.D. NIP: 196209011988031002

Pembimbing

Prof. Drs. Tulus, Vordipl.Math., M.Si., Ph.D NIP: 196209011988031002

(4)

PERNYATAAN

PERANCANGAN SISTEM INFORMASI REGISTRASI ONLINE BERBASIS WEB SMA NEGERI 1 SUNGGAL

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 2012

(5)

PENGHARGAAN

Puji syukur dan terimakasih kehadirat Tuhan Yang Maha Esa, karena dengan limpah rahmat dan karunia-nya penulis berhasil menyelesaikan tugas akhir yang berjudul ”Perancangan Sistem Informasi Registrasi Online Berbasis Web SMA Negeri 1 Sunggal“ ini pada waktu yang telah ditetapkan.

Pada kesempatan ini dengan rasa hormat dan hati yang tulus dan ikhlas penulis mengucap terimakasih yang sebesar-besarnya kepada Bapak Dr.Sutarman, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara, Bapak Syahril Effendi, S.Si, M.IT selaku Ketua Jurusan Program Studi D-3 Teknik Informatika, Bapak Prof. Drs. Tulus, Vordipl.Math., M.Si., Ph.D selaku Dosen Pembimbing Tugas Akhir Program Studi D-3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara, seluruh Staf Pengajar Program Studi D-3 Teknik Informatika Fakultas MIPA USU. Teristimewa kepada Mama, O br. Pangaribuan yang telah senantiasa mendoakan saya, serta kepada wali, A. Hutauruk dan I. br. Pardede yang telah menjadi orangtua kedua bagi saya, menasihati saya dan memberikan perhatian yang sangat besar kepada saya. Sahabat-sahabat terbaik Anwar, Nella Aggneta dan Ribka serta teman-teman kom A’09 dan seangkatan lainnya yang selalu menemani dalam suka dan duka. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu-persatu.

Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapapun yang membacanya. Semoga Tuhan Yang Maha Esa senantiasa memberikan rahmat kepada kita semua. Amin.

Medan, Juni 2012 Penulis

(6)

ABSTRAK

(7)

DAFTAR ISI

Persetujuan ii

Pernyataan iii

Penghargaan iv

2.4.3 Penggabungan Script PHP dan HTML 17

2.5 MySQL 19

2.6 Pengenalan Adobe Dreamweaver CS4 21

2.8 Data Flow Diagram 22

2.9 JavaScript 25

2.10 Ajax 26

Bab 3 Sekilas Mengenai SMA 1 Sunggal 27

3.1 Sejarah SMA Negeri 1 Sunggal 27

3.2 Profil SMA Negeri 1 Sunggal 29

(8)

3.4 Uraian Tugas dan Funfsi Organisasi 30

3.4.1 Kepala Sekolah 30

3.4.2 Wakil Kepala Sekolah 31

3.4.3 Tata Usaha 31

3.4.4 Pembantu Kepala Sekolah 32

3.4.4.1 Bidang Sarana dan Prasarana 32

3.4.4.2 Bidang Kurikulum 32

3.4.4.3 Bidang Kesiswaan 32

3.4.4.4 Bidang Hubungan Masyarakat 33

3.4.5 Guru 33

3.3.6 Wali Kelas 33

3.3.7 Guru Pembimbing dan Konseling (BP/BK) 34

3.4 Seleksi SMA 34

Bab 4 Perancangan Sistem 35

4.1 Perancangan Sistem 35

4.2 Data Flow Diagram (DFD) 35

4.3 Flowchart Sistem 38

4.4 Mendesain Layout Web 43

4.5 Perancangan Database 44

Bab 5 Implementasi Sistem 48

5.1 Pengertian Implementasi Sistem 48

5.2 Tujuan Implementasi Sistem 48

5.3 Komponen Utama dalam Implementasi Sistem 49

5.3.1 Perangkat Keras (Hardware) 49

5.3.2 Perangkat Lunak (Software) 49

5.3.3 Unsur Manusia (Brainware) 50

5.4 Proses Instalasi XAMPP 51

5.5 Proses Pengujian Website Melalui Browse 52

5.6 Design Website 52

Daftar Pustaka 74

(9)

DAFTAR TABEL

Halaman

Tabel 2.1 Tabel simbol-simbol DFD 23

Tabel 2.2 Tabel simbol-simbol Flowchat 23

Tabel 4.1 Tabel Admin 44

Tabel 4.2 Registrasi Calon Siswa 44

Tabel 4.3 Registrasi Siswa Baru (1) 45

Tabel 4.4 Registrasi Siswa Baru (2) 45

Tabel 4.5 Registrasi Siswa Baru (3) 45

Tabel 4.6 Registrasi Siswa Baru (4) 45

Tabel 4.7 Registrasi Siswa Baru (5) 46

Tabel 4.8 Registrasi Siswa Baru (6) 46

Tabel 4.9 Registrasi Siswa Baru (7) 49

Tabel 4.10 Registrasi Siswa Baru (8) 47

Tabel 4.11 Registrasi Siswa Baru (9) 47

Tabel 4.12 Upload Foto 47

(10)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Lima Komponen Sistem Informasi 10

Gambar 3.1 Srtuktur Organisasi 30

Gambar 4.1 Diagram Konteks Sistem Informasi Siswa Baru 36 Gambar 4.2 Diagram Konteks Sistem Informasi Registrasi 37 Gambar 4.3 DFD Level 1 Perancangan Sistem Informasi 38

Gambar 4.4 Flowchart Halaman Utama 39

Gambar 4.5 Flowchart Login Admin 40

Gambar 4.6 Flowcat Menu Admin 41

Gambar 4.7 Flowcat Halaman Proses nilai pada Admin 42

Gambar 4.8 Rancangan Halaman Utama 44

Gambar 4.9 Rancangan Halaman Administrator 45 Gambar 5.4 Autentifikasi Instalasi Apache2triad 63

Gambar 5.1 Tampilan Halaman Home 53

Gambar 5.2 Tampilan Halaman Pengumuman Pendaftaran 53 Gambar 5.3 Tampilan Halaman Pendaftaran Siswa Baru 54 Gambar 5.4 Tampilan Halaman Calon Siswa Terdaftar 54 Gambar 5.5 Tampilan Halaman Pengumuman Hasil Ujia n 55

Gambar 5.6 Tampilan Halaman Admin 55

(11)

ABSTRAK

(12)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan dunia komputer yang semakin kompleks mendorong setiap individu ataupun kelompok mau tidak mau harus menerapkannya dalam segala aktivitas. Ada satu kalimat yang menarik mengatakan bahwa siapa saja yang menguasai teknologi informasi akan menjadi pemenangnya. Mau disadari atau tidaknya, setiap sistem yang ada seakan kurang lengkap jika masih menggunakan model ataupun pengarsipan secara manual. Disamping banyak energi sumber daya yang terbuang sia-sia dan juga dari segi finansial tentunya menjadikan biaya tinggi.

(13)

terkomputerisasi untuk melakukan pendataan secara terstruktur sehingga segala proses yang seharusnya memerlukan waktu yang lama dapat terarasi dengan cepat.

Sistem informasi registrasi online ini dirancang sedenikian rupa untuk membantu pihak sekolah dapat menyimpan data siswa-siswi baru secara cepat dan sewaktu-waktu dapat dibuka kembali dengan waktu yang singkat. Perancangan sistem informasi ini menggunakan PHP dan MySQL sebagai pembuatan database-nya.

Dengan melihat kondisi ini, penulis tertarik untuk mengangkat masalah ini sebagai tugas akhir Penulis, dengan judul “PERANCANGAN SISTEM INFORMASI REGISTRASI ONLINE BERBASIS WEB SMAN 1 SUNGGAL”.

1.2 Identifikasi Masalah

(14)

1.3 Batasan Masalah

Agar masalah yang dibahas tidak menyimpang dari tujuan, maka perlu dibuat suatu batasan masalah, yaitu :

1. Sistem dirancang untuk menampilkan informasi sekolah penerimaan calon siswa baru dan siswa baru yang diterima pada SMA Negeri 1 Sunggal.

2. Sistem ini dirancang dengan menggunakan PHP, MySQL dan AJAX.

3. Sistem yang dirancang diupayakan sedemikian rupa sehingga dapat bekerja secara dinamis, yaitu dapat dipergunakan dari tahun ke tahun.

1.4Maksud dan Tujuan

1.4.1 Maksud

(15)

1.4.2 Tujuan

Adapun tujuan dari penelitian ini adalah mendesain sistem informasi dan database yang dapat mempermudah pemberian informasi dan memberikan rancangan suatu sistem pengolahan dan penyimpanan data yang terkomputerisasi kepada SMA Negeri 1 Sunggal guna membantu pihak sekolah dalam pemngumpulan data calon siswa-siswi baru dan siswa-siswi baru yang diterima di sekolah tersebut.

1.5 Metode Penelitian

Penelitian ini akan dilaksanakan dengan mengikuti beberapa langkah yang akan digunakan penulis, yaitu:

1. Pengumpulan data-data pendukung

Pengumpulan data dalam penelitian penulis lakukan dengan mencari data-data yang valid.

2. Membuat Rancangan Aplikasi

Proses pembuatan ini meliputi pembuatan rancangan aplikasi dan pembuatan user interface aplikasi.

(16)

Menguji apakah aplikasi web yang dibuat telah berhasil berjalan sesuai dengan keinginan dan melakukan perbaikan kesalahan jika masih terdapat error pada aplikasi.

4. Implementasi Aplikasi

Penerapan aplikasi yang dirancang setelah melalui tahap pengujian dan telah berjalan dengan baik.

5. Penyusunan dan pengadaan laporan

Tahap akhir dari penelitian yang dilakukan, yaitu membuat laporan tentang penelitian yang telah dilakukan

1.6 Sistematika Penulisan

Adapun sistematika penulisan laporan Tugas Akhri ini adalah sebagai berikut:

BAB 1 PENDAHULUAN

(17)

BAB 2 LANDASAN TEORI

Pada Bab ini penulis menjelaskan teori-teori singkat tentang hal-hal yang berhubungan dengan judul dan bahasa Pemrograman PHP dan MySQL yang digunakan oleh penulis.

BAB 3 SEKILAS MENGENAI SMA NEGERI 1 SUNGGAL

Pada Bab ini dijelaskan dan diuraikan tentang sejarah SMA Negeri 1 Sungal, profil SMA Negeri 1 Sunggal, sruktur organisasi, dan penyeleksian calon siswa-siswi baru.

BAB 4 IMPLEMENTASI SISTEM

Bab ini menguraikan tentang langkah-langkah dalam implementasi sistem juga disertai dengan komponen-komponen kebutuhan sistem.

BAB 5 KESIMPULAN DAN SARAN

(18)

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Sistem Informasi

2.1.1 Sistem

Sistem informasi berisi informasi tentang orang-orang, tempat dan hal-hal penting di dalam suatu organisasi (Kenneth C. Laudon dan Jane P. Laudon, 2007). Suatu sistem pada dasarnya adalah sekolompok unsur yang erat hubungannya satu dengan yang lain, yang berfungsi bersamasama untuk mencapai tujuan tertentu. Secara sederhana, suatu sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur, komponen, atau variabel yang terorganisir, saling berinteraksi, saling tergantung satu sama lain, dan terpadu.

(19)

yang tertentu. Pendekatan sistem yang merupakan jaringan kerja dari prosedur lebih menekan urutan operasi di dalam sistem (Jogianto Hartono, 1999).

2.1.2 Informasi

Informasi (information) sendiri berarti data yang telah dibentuk menjadi sesuatu yang memiliki arti dan berguna bagi manusia(Kenneth C. Laudon dan Jane P. Lauudon, 2007). Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya, sedangkan data merupakan sumber informasi yang menggambarkan suatu kejadian dan fakta. Kejadian-kejadian (event) adalah sesuatu yang terjadi pada saat tertentu (Jogianto Hartono, 1999).

Kualitas informasi tergantungdari 3 hal, yaitu informasi harus :

1. Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak biasa atau menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan maksudnya.

2. Tetap pada waktunya, berarti informasi yang dating pada penerima tidak boleh terlambat.

(20)

2.1.3 Sistem Informasi

Sistem informasi (information system) secara teknis dapat didefinisikan sebagai sekumpulan komponen yang saling berhubungan, mengumpulkan (atau mendapatkan), memproses, menyimpan dan mendistribusikan informasi untuk menunjang pengambilan keputusan dan pengawasan dalam suatu organisasi (Kenneth C. Laudon dan Jane P. Laudon, 2007).

Pengertian “Sistem” dan “Informasi” menurut beberapa ahli, diantaranya adalah sebagai berikut:

1. Sistem menurut Fathansyah, merupakan suatu tatanan yang terdiri atas sejumlah komponen fungsional yang saling berhubungan secara bersama – sama yang bertujuan untuk memenuhi suatu proses atau pekerjaan tertentu.

2. Sistem menurut Jogiyanto H. M. Adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang saling berinteraksi untuk mencapai tujuan. 3. Informasi menurut Gordon B. Davis yaitu data yang sudah diproses yang berguna

untuk / bagi pengguna dan mempunyai nilai pikir yang nyata bagi pembuatan keputusan pada saat sedang berjalan atau prospek masa depan.

(21)

Gambar 2.1. Lima Komponen Sistem Informasi

Dari definisi diatas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerjasama secara untuk melaksanakan pengolahan informasi dari mulai mengumpulkan, pengolahan, penyimpanan sampai pendistribusiannya.

2.2 Pengertian Komputer

Komputer barasal dari bahasa yunani “compute” yang kemudian diartikan ke dalam bahasa inggris yaitu “to compute” yang berarti hitung, sehingga komputer dapat diartikan sebagai alat hitung atua mesin hitung. Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan dalam memori dan menghasilkan output berupa informasi.

Hardware System

Software

Data

(22)

Bila dijabarkan, definisi dari komputer itu sendiri adalah seperangkat peralatan elektronik yang berkerja bersama-sama secara otomatis, menerima input, memproses data dan menghasilkan output secara logis, cepat dan tepat berdasarkan perintah-perintah tertentu dan komputer itu sendiri adalah bagian dari sistem komputerisasi.

Sistem komputerisasi adalah adalah kumpulan beberapa perangkat komputer yang saling mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu pekerjaan. Tujuan dari sistem komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan tersebut dapat tercapai, maka elemen-elemen dari komputer harus lengkap. Sistem komputer memiliki beberapa komponen yaitu :

a. Perangkat keras (hardware)

Istilah mengenai sekelompok mesin, ataupun istilah mengenai jutaan komponen kemudian dikenal sebagai hardware komputer atau perangkat keras komputer. Hardware komputer juga dapat diartikan sebagai peralatan fisik yang dapat dilihatr ataupun dipindahkan. Berdasarkan kegunaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu :

1. Alat Input

(23)

2. Alat proses

Alat peroses atau CPU (Central Processing Unit), merupakan alat atau unit terpanting didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengelolahan data berlangsung, seperti metherboard dan processor.

3 .Alat Ouput

Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

b. Perangkat Lunak (software)

Komputer tidak dapat bekerja tanpa adanya program yang telah dimasukkan kedalamnya. Program ini bisa berupa suatu prosedur pengoperasian dari komputer itu sendiri ataupun berbagai prosedur dalam hal pemrosesan data yang telah ditetapkan sebelumnya. Dan program inilah yang disebut sebagai software.

c. Pengguna Komputer

(24)

2.3 Pengertian Internet

Internet (International Networking) adalah sutu kumpulan jaringan komputer dari berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di seluruh dunia telah bergabung dengan internet..

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer 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.

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna..

2.3.1 Aplikasi Web

(25)

(HyperText Transfer Protocol). Pada perkembangan berikut, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain yaitu PHP.

Aplikasi Web sendiri dapat dibagi menjadi dua bagian, yaitu :

a. Web statis

Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.

b. Web dinamis

Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP

2.3.2 Web Server

(26)

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.4 Sejarah PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa pemrograman berbasis web yang terbukti sangat reliable penggunaanya dan mempunyai dukungan yang kuat. Dukungan tersebut ialah kemampuan dari PHP untuk terintegrasi dengan berbagai macam databse.

PHPpertama kali diciptakan oleh Rasmus Lerdof pada tahun 1994. Awalnya PHP digunakan untuk mencatat jumlah serta mengetahui siapa saja pengunjung pada homepage-nya. Rasmus Ledorf adalah salah satu pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP1.0 dengan meluncurkan PHP2.0.

(27)

sehingga pada tahun 2000 dikeluarkan PHP4.0. tidak terhenti sampai disitu, kemampuan PHPterus ditambah, dan versi terbaru yang telah dikeluarkan adalah PHP5.0.x

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.

Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.

2.4.1 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yangdapat dilakukan oleh CGI, sepeti mengumpulkan data dari form, menghasilkan isihalaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebihdari kemampuan CGI.

(28)

banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor. PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

2.4.2 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.

2.4.3 Penggabungan Script PHP dan HTML

(29)

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 PHP sebagai bagian dari script HTML. Contoh penulisan Embedded Script dapat dilihat di bawah ini:

<html>

<head>

<title>coba</title> <head>

<body> <? echo ” Hellow” ?> </body> </html>

2. Non Embedded Script

(30)

<?

echo’<html>’; echo’<head>’;

echo’<title>coba</title>’; echo’< /head > <body>’; echo’Hellow’;

echo’</body>’; echo’</html>’; ?>

2.5 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL sendiri bisa didownload dari http://www.mysql.org atau http://www.mysql.com.

(31)

aplikasi web bagi klien-nya. TcX merupakan perusahaan pengembang software dan konsultan database.

Michael Widenius atau disebut ” Monty ” adalah pengembangan satu-satunya di TcX. Dengan berlandasan pada aplikasi UNIREG dan ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan mSQL singkatan mini SQL ( Stucture Query Language ). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia melakukan uji coba, ternyata mSQL tidak cukup cepat dan fleksibel. Dan pada versi pertama mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat mSQL, namun karena David tengah sibuk dalam mengembangkan versi 2 mSQL, maka dia (Monty) memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirnya MySQL.

(32)

Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi 3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya:

Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat memperoleh pemasukan terutama dari jasa konsultasi seputar MySQL.

Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web sederhana, namun belum memadai untuk aplikasi bisnis. Contoh kelemahannya itu adalah:

JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING. Tipe data TIMESTAMP dan kolom auto–update, namun tidak terdapat system– generated number (sequnce), baru diakhir tahun 1996 ditambahkan modifier kolom AUTO_INCREMENT. Kelemahannya berikutnya, yaitu terdapat LIMIT dan GROUP BY dan ORDER BY yang masih memiliki keterbatasan.

2.6 Pengenalan Adobe Dreamweaver CS4

(33)

dan kemudahan penggunaannya. Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 10 yang ada dalam Adobe Creative Suite 4 (sering disingkat Adobe CS4).

Penyedia Versi Nama

alternatif Tanggal rilis Keterangan

Macromedia

1.0 1.0 Desember 1997 Rilis awal, hanya untuk Mac OS. 1.2 Maret 1998 Versi pertama untuk Windows

2.0 2.0 Desember 1998

3.0 3.0 Desember 1999

UltraDev 1.0 Juni 1999

4.0 4.0 Desember 2000

UltraDev 4.0 Desember 2000

6.0 MX 29 Mei 2002

7.0 MX 2004 10 September

2003 8.0 [1] 8.0 13 September

2005

Adobe

9.0 CS3 16 April 2007 Replaced Adobe GoLive in the Creative Suite series

10.0 CS4 23 September

2008

2.7 Data Flow Diagram (DFD)

(34)

Tabel 2.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1. Kesatuan Luar

(External entity)

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem

Proses(Proses) Kegiatan dari hasil suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau untuk mengubah input menjadi output

Aliran Data

(Data Flow)

Data mengalir melalui sistem dimulai dengan sebagian input dan diubah menjadi output.

Penyimpanan Data

(Data Storage)

Data disimpan untuk keperluan berikutnya

Sumber: www.google.com

Tabel 2.2 Simbol-simbol Flowchart

No. Simbol Fungsi

(35)

Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.

Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.

Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage.

Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama.

Off-Page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.

Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri.

Document, merupakan simbol untuk data yang berbentuk informasi.

(36)

Display, untuk output yang ditujukan suatu device, seperti monitor.

Magnetic Disk, untuk menyimpan data.

Sumber: www.google.com

2.8 JavaScript

Java pertama kali diluncurkan pada tahun 1995 sebagai bahasa pemrograman umum (general purpose programming language) dengan kelebihan dia bias dijalankan di web browser sebagai applet. Sejak awal, para pembuat Java telah menanamkan visi mereka ke dalam Java untuk membuat piranti-piranti yang ada di rumah seperti TV, telepon, radio dan sebagainya supaya dapat berkomunikasi satu sama lain. Tentu saja jalan menuju visi ini tidak mudah untuk ditemukan apalagi untuk ditempuh. Langkah pertama yang diambil oleh Sun Microsystem adalah dengan membuat JVM (Java Virtual Machine) yang kemudian diimplementasikan dalam bentuk JRE (Java Runtime Environment).

2.10 AJAX

(37)
(38)

BAB 3

SEKILAS MENGENAI SMA NEGERI 1 SUNGGAL

3.1 Sejarah SMA Negeri 1 Sunggal

Undang-Undang Nomor 20 tahun 2003 Tentang Sistem Pendidikan Nasional merupakan pencerahan dalam dunia pendidikan di Indonesia. Berbagai paradigm baru menyangkut guru, proses pembelajaran dan elemen-elemen penting dalam pendidikan dimuat dalam undang-undang tersebut. Dalam apasal 3 Undang-undang No. 20 Itu dijelaskan bahwa Pendidikan nasional berfungsi mengembangkan kemampuan dan membentuk watak serta peradaban bangsa yang bermartabat dalam rangka mencerdaskan kehidupan bangsa , bertujuan untuk berkembangnya potensi peserta didik agar menjadi manusia yang beriman dan bertakwa kepada Tuhan Yang Maha Esa, berakhlak mulia, sehat, berilmu, cakap, kreatif, mandiri, dan menjadi warganegara yang demokratis serta bertanggungjawab.

(39)

Standar pengelolaan, Standar Pembiayaan, Standar penilaian pendidikan. Melalui Standar Nasional Pendidikan, sekolah dapat”berkaca diri” sejauh mana setiap standar pendidikan dicapainya, dan sejauh mana kepala sekolah dapat mengelola sekolah.

SMA Negeri 1 Sunggal, Kecamatan Sunggal, Kabupaten Deli Serdang terletak di antara kotamadya Medan dan Kotamadya Binjai dan didirikan pada bulan Juli tahun 2005. Warga masyarakat mayoritas berprofesi sebagai buruh pabrik dan petani. Dari segi ekonomi masyarakat, warga masyarakat Sunggal dirata-ratakan dalam kategori kelas menengah ke bawah.

SMA Negeri 1 Sunggal merupakan SMA satu-satunya di kecamatan sunggal. Sehingga menjadi idola bagi siswa-siswi lulusan SMP yang ada di kecamatan tersebut. Di kecamatan Sunggal terdapat 4 SMP Negeri dan ditambah beberapa sekolah SMP Swasta, sehingga siswa pendaftar ke SMA Negeri 1 Sunggal tiap tahun melebihi siswa yang akan diterima, pada tahun pembelajaran 2011/2012 jumlah siswa yang mendaftar 564 orang dan yang diterima sebanyak 270 orang.

(40)

3.2 Profil SMA Negeri 1 Sunggal

Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.30 sampai dengan pukul 13.15. Setiap mulai dan selesai pelajaran selalu diiringi doa menurut kepercayaan masing-masing. Pada hari kamis pukul 07.15 diadakan senam kesegaran jasmani yang diikuti oleh seluruh warga sekolah SMA Negeri 1 Sunggal. Sedangkan pada sore hari sekolah ini mengadakan kegiatan ekstrakulikuler sepeerti kegiatan olahraga, bimbingan belajar dan sebagainya.

Fasilitas yang terdapat pada sekolah ini adalah gedung sekolah, kantor dan ruang laboratorium. Gedung sekolah terdiri dari: 17 ruangan belajar, 1 ruangan perpustakaan dan 1 ruangan aula. Kantor terdiri dari: 1 ruangan kepala sekolah, 1 ruangan kantor tata usaha, 1 ruangan kantor guru, 1 ruangan OSIS dan 1 ruangan BP. Sedangkan ruang laboraorium terdiri dari: 1 ruangan laboratorium fisika, 1 ruangan laboratorium kimia, 1 ruangan laboratorium biologi dan 1 ruangan laboratorium komputer.

3.3 Struktur Organisasi

(41)

Gambar 3.1 Struktur Organisasi

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.

3.4 Uraian Tugas dan Fungsi Organisasi

3.4.1 Kepala Sekolah

(42)

3.4.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.4.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.

3. Penyusunan administrasi perlengkapan sekolah.

(43)

3.4.4 Pembantu Kepala Sekolah

3.4.4.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.4.4.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.

3.4.4.3 Bidang Kesiswaan

Membantu Kepala Sekolah dalam bidang: 1. Pembinaan disiplin sekolah.

2. Koordinator pembinaan siswa.

(44)

3.4.4.4 Bidang Hubungan Masyarakat

Membantu Kepala Sekolah dalam bidang: 1. Pembinaan disiplin sekolah.

2. Koordinator pembinaan siswa.

3. Koordinator pelaksana kegiatan intra / ekstrakulikuler. 4. Koordinator kegiatan sekolah.

3.4.5 Guru

Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.

3.3.6 Wali Kelas

Membantu kepala sekolah dalam kegiatan: 1. Pengelolaan kelas.

(45)

3.3.7 Guru Pembimbing dan Konseling (BP/BK)

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.

3. 4 Seleksi SMA

(46)

BAB 4

PERANCANGAN SISTEM

4.1. Perancangan Sistem

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Perancangan sistem merupakan upaya organisasi atau lembaga untuk memulai memiliki sistem yang lebih baik lagi dari sistem yang sebelumnya.

4.2. Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah suatu gambaran grafis dari suatu sistem yang dapat

menggambarkan arus data di dalam sistem dengan stuktur, jelas dan menggunakan sejumlah

bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses

(47)

Berikut ini adalah bentuk Data FlowDiagram dari Perancangan Sistem Informasi Registrasi Online SMA Negeri 1 Sunggal:

Gambar 4.1 Diagram Konteks Sistem Penerimaan Siswa Baru Calon Siswa

Sistem Penerimaan Siswa Baru

Kepala Sekolah Dinas Pendidikan

Panitia PSB

Daftar Siswa

(Pengumuman) Data Calon Siswa

Petunjuk pelaksanaan

Persetujuan Daftar Calon Siswa

Data Calon Siswa Daftar Siswa

(48)

- Data siswa terdaftar

- Data siswa diterima - Data diri

- Peng-input-an nilai calon siswa

- Info siswa terdaftar - Info pengumuman

- Info siswa diterima - Info Siswa terdaftar - Info hasil Ujian

Gambar 4.2 Diagram Konteks Sistem Informasi Registrasi Calon Siswa dan Siswa yang diterima

Sistem Penerimaan Siswa Baru

Admin Calon Siswa

/ pengguna

Siswa Baru Diterima

(49)

F5 Daftar

F1 Admin

F1 Admin simpan edit hapus

F2 Lihat Siswa Terdaftar

simpan edit hapus

F3 Proses nilai

simpan simpan edit hapus

F6 Registrasi F4 Lihat Sisa diterima

simpan edit hapus

Gambar 4.3 DFD Level 1 Perancangan Sistem Informasi Registrasi Online

4.3 Flowchart Sistem

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hinggal akhir. Berikut ini flowchart -flowchart sistem yang dirancang penulis.

Sistem Calon Siswa

/ user

Admin

Login

Proses pengolahan data Siswa baru

browsing

informasi simpan

(50)
(51)

No

Yes

Gambar 4.5 Flowchart Login Admin

Halaman Login Admin adalah halaman khusus login user admin. Setelah username dan password admin dimasukkan dengan benar maka selanjutnya masuk ke halaman admin. Jika login gagal maka akan kembali ke halaman login admin.

B

Form Login Admin

Masukkan Username dan Password

Password dan username sudah benar?

Halama n Ad i

(52)

Y

No

Y

No

Y

No No

Y

Gambar 4.6 Flowchart Menu Admin C

Menu admin

Pilih

Lihat Calon Siswa

Proses nilai Siswa

Lihat Siswa yang

diterima

Logout Prosedur

Prosedur C1

Login Admin Halaman Calon

Siswa terdaftar

(53)

No

Y

Gambar 4.7 Flowchart Halaman Proses nilai pada Admin C1

Form Input Nomor Ujian

dan Nilai

Masukkan Nomor Ujian dan Nilai

Apakah Nomor Ujian

ada dalam

database

Selesa

(54)

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

1. Bagian header berisi nama sekolah dan beberapa grafik untuk mempercantik tampilan

2. Navigasi harus dikenali dan mudah digunakan

3. Bagian konten merupakan isi yang ingin disampaikan pada pengunjung 4. Bagian footer berisi nama dan info dari pemilik situs

Header

Home

Pengumuman Pendaftaran Pendaftaran Siswa Baru Calon Siswa Terdaftar Pengumuman Hasil Ujian

Isi

(55)

Gambar 4.8 Rancangam Halaman Utama

Gambar 4.9 Rancangan Halaman Administrator

4.5 Perancangan Database

Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Berikut ini adalah perancangan database yang dapat penulis uraikan sesuai dengan kebutuhan yang diperlukan sebagai media input, penyimpanan data serta sebagai media output :

Tabel 4.1 Admin

Nama Field Type Size Keterangan

id Integer 11 primary key

Header

Logout

Lihat Calon siswa terdaftar Proses Nilai

Lihat Siswa yang Diterima Isi

(56)

username Varchar 50 password Varchar 32

Tabel 4.2 Registrasi Calon Siswa

Nama Field Type Size Keterangan

Id Integer 11 primary key, auto increment

nomor_ujian Varchar 8

sandi Varchar 32

nama Varchar 50

ttl Varchar 50

Asal_sekolah Varchar 50

Tahun_tamat Integer 5

Nilai_un Float

foto Varchar 255

Alamat Varchar 50

Tabel 4.3 Registrasi Siswa Baru (1)

Nama Field Type Size Keterangan

Nis Varchar 20 primary key

Tabel 4.4 Registrasi Siswa Baru (2)

Nama Field Type Size Keterangan

nis Integer 20

Alamat Varchar 100

kdpos Varchar 7

Notelp Varchar 15

Email Varchar 30

Tabel 4.5 Registrasi Siswa Baru (3)

Nama Field Type Size Keterangan

Nis Varchar 20

(57)

Kab_kot Varchar 20

Alamat2 Varchar 50

Kdpos2 Varchar 7

Notelp2 Varchar 15

Tabel 4.6 Registrasi Siswa Baru (4)

Nama Field Type Size Keterangan

Nis Integer 20 primary key

propskolah Varchar 35

Kab_kot_skul Varchar 35

Almtskolah Varchar 50

Nmskolah Varchar 30

Notelpskul Varchar 15

nofaxskul Varchar 15

Tabel 4.7 Registrasi Siswa Baru (5)

Nama Field Type Size Keterangan

Nis Integer 20

Thnmasuk Varchar 4

Kelas Varchar 4

Thnskhun Varchar 4

Jlh_un Varchar 1

Nilai_un Varchar 4

Jlh_uas Varchar 2

Nilai_uas Varchar 4

Tabel 4.8 Registrasi Siswa Baru (6)

Nama Field Type Size Keterangan

Nis Integer 20

Nmayah Varchar 30

Tgllahir_ay Varchar 2

Blnlahir_ay Varchar 4

Thnlahir_ay Varchar 4 almtayah Varchar 50

Notelp_ay Varchar 15 Pnd_ayah Varchar 20

Pkrjaan_ayah Varchar 20

Gaji Integer 9

Tabel 4.9 Registrasi Siswa Baru (7)

Nama Field Type Size Keterangan

Nis Integer 20

(58)

Tgllahir_ib Varchar 2

Blnlahir_ib Varchar 4

Thnlahir_ib Varchar 4

almtibu Varchar 50

Notelp_ib Varchar 15

Pnd_ibu Varchar 20

Pkrjaan_ibu Varchar 20

Gaji 2 Integer 9

Tabel 4.10 Registrasi Siswa Baru (8)

Nama Field Type Size Keterangan

Nis Integer 20

sktbawaan Varchar 5

Sebutkan Varchar 50

Butawrn Varchar 5

goldarah Varchar 2

bratbdan Varchar 5

tggibdan Varchar 3

Tabel 4.11 Registrasi Siswa Baru (9)

Nama Field Type Size Keterangan

Nis Integer 20

Pass Varchar 32

konfirmpass Varchar 32

Tabel 4.12 Upload Foto

Nama Field Type Size Keterangan

Id Integer 5

File_name Varchar 255

Location Varchar 255

Tabel 4.13 Nilai Ujian

Nama Field Type Size Keterangan

Id Integer 5

Noujian Varchar 9

(59)

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 menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang tugas.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol, dan mendokumentasikan website. 4. Mendapatkan persetujuan.

(60)

5.2 Tujuan Implementasi Sistem

Tujuan dari implementasi sistem adalah sebagai berikut:

1. Mengkaji apakah sistem yang telah dibuat dapat memberikan manfaat dan kontribusi yang signifikan kepada user yang menggunakannya.

2. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan informasi.

3. Memastikan bahwa penggunaan dan manfaat sistem yang telah dibuat lebih baik dari sistem yang telah ada sebelumnya.

5.3 Komponen Utama dalam Implementasi Sistem

Adapun komponen utama dalam proses perancangan sistem informasi registrasi online ini yaitu:

5.3.1. Perangkat Keras (Hardware)

Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Perangkat keras (hardware) yang digunakan meliputi:

a. Monitor

b. CPU (Central Processing Unit)

(61)

e. Keyboard dan mouse

5.3.2. Perangkat Lunak (Software)

Software adalah instruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan website adalah:

a. PHP dan MySQL

b. Adobe Dreamweaver CS5. c. Windows 7.

d. Adobe Photoshop CS4. e. Mozilla Firefox. f. Ms. Office g. Dan lain-lain

5.3.3 Unsur manusia (Brainware)

(62)

a. Analisis Sistem, yaitu orang membentuk dan membangun fasilitas rancangan sistem atau program.

b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.

c. Operator(Admininistrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lain sebagainya.

d. Public(Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.

5.4Proses Instalasi XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsi dari xampp adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Adapun langkah-langkah singkat dalam menginstal xampp yaitu:

1. Pilih versi xampp yang ingin digunakan. Sebaiknya xampp yang digunakan adalah xampp dengan versi terbaru.

(63)

3. Ikutilah langkah-langkah dan perintah yang terdapat didalam proses installasi xampp seperti memilih bahasa, dll. Tunggu hingga proses installasi selesai.

4. Setelah proses installasi selesai, maka web server (XAMPP) telah dapat digunakan dan diuji coba.

5.5 Proses Pengujian Website Melalui Browser.

Proses pengujian merupakan hal penting yang harus dilakukan dalam sebuah sistem. Hal ini dikarenakan agar kita dapat melihat dan menilai secara langsung hasil dari sistem yang telah kita kerjakan. Adapun langkah-langkah yang harus dilakukan dalam proses pengujian website antara lain:

1. Simpan website (source coude) dan segala hal yang berkaitan dengan website yang telah dibuat didalam folder xampp htdocs. Dalam hal ini folder website didalam htdocs bernama “esaprakarsa” dan nama database dari website ini adalah “esaprakarsa”.

2. Aktifkan web server yang telah diinstal ataupun yang telah tersedia sebelumnya (dalam hal ini yaitu xampp).

3. Buka browser yang tersedia ataupun browser yang ingin digunakan seperti: Mozilla Firefox, Opera, Internet Explorer, dll.

(64)

5.6 Design Website

Adapun demosntrasi program yang terdapat pada website SMA Negeri 1 Sunggal adalah sebagai berikut:

(65)

Gambar 5.2 Tampilan Halaman Pengumuman Pendaftaran

(66)

Gambar 5.4 Tampilan Halaman Calon Siswa Terdaftar

(67)

Gambar 5.6 Tampilan Halaman Admin

(68)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

(69)

1. Dalam pembuatan website ini ada beberapa tahapan yang dilakukan penulis yaitu tahap perencanaan, tahap perancangan diagram alir (flowchart), merancang dan mempersiapkan database server, dan tahap implementasi sistem.

2. Website ini dibuat dengan menggunakan bahasa pemograman PHP dan Ajax sebagai bahasa pemogramannya, MySQL sebagai database servernya dan apache sebagai server.

3. Pembuatan website ini dilakukan pada intranet atau komputer lokal tanpa terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting website dan pengaksesan situs setelah di hosting.

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

5. Layout/header yang bagus dan menarik dapat menambah daya tarik website sehingga banyak dikunjungi para pengunjung.

6. Website yang baik adalah website yang selalu meng-update informasinya dengan segala yang baru.

6.2 Saran

Adapun beberapa saran penulis pada pembuatan website ini adalah :

1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi-informasi yang up-to-date.

(70)

3. Perlu dilakukan penggandaan (backup) database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak

DAFTAR PUSTAKA

Frihartono, S. 2005. PHP Dan MySQL Untuk Web. Yogyakarta : Andi

H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex Media Komputindo.

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

Hartono, Jogianto.1999.Analisis & Desain.Yogyakarta:Penerbit Andi.

Laudon, Kenneth C. dan Jane P, Laudon. 2007. Sistem Informasi Manajemen. Terjemahan Chrishwan Sungkono dan Machmudin Eka P. Jakarta: Salemba :

4 hal. 15.

Nugroho, B. Database Relasional Dengan MySQL. Yogyakarta : Andi

(71)

3. Perlu dilakukan penggandaan (backup) database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak

DAFTAR PUSTAKA

Frihartono, S. 2005. PHP Dan MySQL Untuk Web. Yogyakarta : Andi

H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex Media Komputindo.

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

Hartono, Jogianto.1999.Analisis & Desain.Yogyakarta:Penerbit Andi.

Laudon, Kenneth C. dan Jane P, Laudon. 2007. Sistem Informasi Manajemen. Terjemahan Chrishwan Sungkono dan Machmudin Eka P. Jakarta: Salemba :

4 hal. 15.

Nugroho, B. Database Relasional Dengan MySQL. Yogyakarta : Andi

(72)

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta : Andi Offset.

www.google.co.id,2012

Listing Program

1. Halaman Utama (index.php)

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

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Sistem Pendaftaran Siswa Baru</title>

<link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript">

$(document).ready(function() {

$('a[href=#top]').click(function(){

$('html, body').animate({scrollTop:0}, 'slow'); return false;

(73)

$(function() {

$('#leftPan ul li a').click(function() { var url = $(this).attr('href'); $('#ambil').load(url);

return false;

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

<div id="loading" style="display:none"><img src="images/loading.gif" /><br />Sedang memuat ...</div>

<body>

(74)

<div id="leftTopPan">

<a href="index.php"><img src="images/logo2.gif" title="Consultant" alt="Consultant" border="0" /></a> </div>

<ul>

<li></li>

<li><a href="home.php">Home</a></li>

<li><a href="jalur.php">Pengumuman Pendaftaran </a></li> <li><a href="pregisform.php">Pendaftaran Siswa Baru</a></li> <li><a href="calon-terdaftar.php">Calon Siswa Terdaftar</a></li> <li><a href="cek.php">Pengumuman Hasil Ujian</a></li>

</ul>

<form action="admin/login-admin-exec.php" method="post"> <h2>Administrator Login</h2>

<label>Log In:</label>

<input type="text" id="Yourname" name="username" value="Username"

onblur="if(this.value=='') this.value='Username';" onfocus="if(this.value=='Username') this.value='';" />

<label>Password:</label>

<input name="password" type="password" id="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" />

<input name="" type="submit" class="button" value="Login" /> </form>

</div>

<div id="rightPan">

<h1>Sistem Online Penerimaan Peserta Didik Baru<br /><p>SMA Negeri 1 Sunggal</p> </h1>

<div id="ambil">

<h2>Selamat Datang di Sistem Online Pendaftaran Siswa Baru</h2>

<p align="center"><font color= color="#000066" size="2" face="Courier New, Courier, mono">PENERIMAAN

SISWA BARU <br />

SMA NEGERI 1 SUNGGAL<br />

TAHUN PELAJARAN 2012/2013</font></p>

<p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">I.

Pendahuluan</font></p> <blockquote>

(75)

kecamatan tersebut. Di kecamatan Sunggal terdapat 4 SMP Negeri dan ditambah beberapa sekolah SMP Swasta, sehingga siswa pendaftar ke SMA Negeri 1 Sunggal &nbsp;tiap tahun melebihi siswa yang akan diterima, pada tahun pembelajaran 2011/2012 jumlah siswa yang mendaftar 564 orang dan yang diterima sebanyak 270 orang. Guna mewujudkan visi tersebut, SMA Negeri 1 Sunggal telah

menetapkan misi, yakni:</font></p>

<p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">1.

</font> <font color="#000066" size="2" face="Courier New, Courier, mono" align="justify">Menyiapkan

calon pemimpin umat-bangsa masa depan yang menguasai ilmu pengetahuan dan teknologi yang dilandasi iman dan taqwa yang kuat;</font></p>

<p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">2.

</font><font color="#000066" size="2" face="Courier New, Courier, mono" align="justify">Menyelenggarakan

pendidikan menengah umum secara profesional, kreatif, inovatif, dan kompetitif agar proses pembelajaran berlangsung efektif dan produktif untuk meraih prestasi belajar yang memuaskan;</font></p>

<p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono" align="justify">3.

Menciptakan lingkungan belajar yang religius melalui penegakkan keteladanan dan pembiasaan dalam pengamalan perilaku shalih</font></p>

</blockquote> <blockquote>

<p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">Dalam

<p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono">

<p><font color="#000066" size="2" face="Courier New, Courier, mono"><br /> 2. TUJUAN</font></p>

<blockquote>

(76)

Tujuan seleksi peserta didik baru SMA Negeri 1 Sunggal:<br />

a. Adanya input peserta didik yang dapat memenuhi syarat dengan kriteria yang ditetapkan oleh SMA Negeri 1 Sunggal<br />

b. Mendapatkan input peserta didik yang kompeten, terampil dan berkualitas baik secara intelektual, emosional maupun spiritual (IQ, EQ, dan SQ).</font></p> <p align="justify"><font color="#000066" size="2" face="Courier New, Courier, mono"><br />

Melalui seleksi peserta didik, diharapkan mampu meningkatkan kualitas out put (lulusan) SMP/MTs melalui pendidikan pada jenjang menengah atas di SMA Negeri 1 Sunggal, sehingga dapat melanjutkan ke jenjang pendidikan tinggi berkualitas dengan dibekali keimanan dan ketakwaan yang kuat.<br /> </font><font color="#FFFFFF" size="2" face="Courier New, Courier, mono"> </font></p>

</blockquote>

<font color="#FFFFFF"></font> <p>.</p> <div id="footerPan">

<a href="index.php">Home</a> | <a href="home.php" target="_blank">SMA NEGERI 1 SUNGGAL

</a><br />

Pendaftaran Siswa Baru - SMA NEGERI 1 SUNGGAL- 2012 </div>

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

2. Halaman Pengumuman Pendaftaran (jalur.php)

<h2>Tata Cara, Persyaratan Pendaftaran dan Pendaftaran ulang</h2> <h3>1. Tata Cara dan Persyaratan Pendaftaran</h3>

<blockquote> <h5><font size="3">Tata Cara</font></h5> <ol>

<li>Sosialisasi penerimaan Peserta Didik Baru pada tanggal 18-20 Juni 2012<strong></strong></li>

(77)

<li>Pendaftaran dilakukan secara tertulis dengan mengisi formulir dan dengan mengajak calon peserta didik yang telah disediakan dan menerima tanda bukti pendaftaran.</li>

<li>Calon peserta didik yang mencabut berkas dianggap mengundurkan diri.</li> </ol>

<h5><font size="3">Persyaratan</font></h5> <ol>

<li>Telah lulus dan memiliki ijazah/STTB SMP/MTs/SMPLB/Program Paket B.</li> <li>Memiliki Surat Keterangan Hasil Ujian Nasional (SKHUN) / Surat Keterangan Hasil Ujian Akhir Berstandar Nasional (SKHUASBN).</li>

<li>Berusia paling tinggi 18 (delapan belas) tahun pada awal tahun pelajaran 2012/2013.</li>

<li>Mengisi formulir pendaftaran yang telah disediakan pada halaman pendaftaran.</li>

</ol>

</blockquote>

<h3>2. Pendaftaran Ulang</h3>

<blockquote> <ol>

<li>Pengumuman penerimaan calon siswa peserta didik baru dilaksanakan secara serentak pada tanggal 30 Juni 2012 pukul 15.00 wib melalui situs ini ataupun datang langsung ke SMA Negeri 1 Sunggal.</li>

<li>Pendaftaran Ulang peserta didik baru pada tanggal 2-4 Juli 2012 pukul 08.00-13.00 wib melalui situs ini.</li>

</ol>

</blockquote>

3. Halaman Pendaftaran Siswa Baru (pregisform.php) <div class="cleaner_h5"></div>

<h2>Formulir Pendaftaran SMA N 1 Sunggal </h2> <div class="cleaner_h5"></div>

<div class="cleaner_h5"></div> <div class="cleaner_h5"></div> <div class="cleaner_h5"></div> <fieldset>

<form action="pregis-exec.php" method="POST" enctype="multipart/form-data"> <table border="0">

<tr>

<td>Nama Lengkap</td>

<td><input type="text" name="nama" required></td> </tr>

</tr>

<td>Asal Sekolah</td>

(78)

</tr> <tr>

<td>Tempat tanggal lahir</td>

<td><input type="text" name="ttl" required></td> </tr>

<tr>

<td>Tahun tamat</td>

<td><select name=tahuntmt> "

<option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> </select> </td> </tr>

<tr>

<td>Jumlah Mata pelajaran UN</td>

<td><input type="text" name="jlhmp"></td> </tr>

<tr>

<td>Jumlah Nilai UN</td>

<td><input type="text" name="jlhnilai"></td> </tr>

<tr>

<td>Alamat</td>

<td><input type="text" name="alamat" required></td> </tr>

<tr>

<td>Upload Foto</td>

<td><input name="images" type="file" required/></td> </tr>

<tr>

<td><input type="submit" name="sumbit" value"kirim"/></td> </tr>

</table> </form> </fieldset>

4. Calon Siswa Baru (calon-terdaftar.php)

<legend>Daftar Nama Calon Siswa yang akan ikut ujian pada tanggal : 9 Juni 2012</legend>

<table bordercolor="#807D79" width="100%" border="1" cellpadding="5" cellspacing="0">

(79)

<td><div align="center">Asal Sekolah</div></td>

mysql_select_db('db_regsekolah', $sambung);

$query ="select * from pre_registrasi"; $hasil = mysql_query($query);

$no=1;

while($data=mysql_fetch_array($hasil)){ echo "<tr>";

echo "<td>$no</td>";

echo "<td>".$data['nama']."</td>"; echo "<td>".$data['ttl']."</td>";

echo "<td>".$data['asal_sekolah']."</td>"; echo "</tr>";

$no++; }

?>

</fieldset>

5. Halaman Pengumuman Hasil Ujian (cek.php) <h2>Pengumuman Hasil Ujian</h2>

<table border="0">

<form action="cek-exec.php" method="POST"> <tr>

<td>Masukkan Nomor Ujian</td>

<td><input type="text" name="noujian" required/></td> </tr>

<tr>

<td><input type="submit" value="Cek" name="submit"/></td> </tr>

</form> </table>

(80)

session_start();

include "../koneksi.php";

$username=$_POST['username']; $password=$_POST['password'];

$query="select * from admin where username='$username' and password='$password'"; $hasil=mysql_query("$query");

$cek=mysql_num_rows($hasil); if ($cek){

$_SESSION['username']=$username; $_SESSION['password']=$password;

echo "<script>

eval(\"parent.location='admin-panel.php'\"); </script>";

} else{

?><script>alert("Login gagal!");document.location.href="../index.php"</script> <?php echo mysql_error();

} ?>

7. Logout Admin (logout.php) <?php

session_start(); session_destroy(); ?>

<script>

(81)

8. Halaman admin (admin-panel.php) <?php

session_start();

if(!isset($_SESSION['username'])) {

echo "<script>

alert ('Anda belum login/sudah logout!'); eval(\"parent.location='index.php'\"); </script>";

}

?> <html>

<head><title>Kontrol Panel Admin</title>

<link href="../style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript">

$(document).ready(function() {

$('a[href=#top]').click(function(){

$('html, body').animate({scrollTop:0}, 'slow');

$('#leftPan ul li a').click(function() { var url = $(this).attr('href'); $('#ambil').load(url);

(82)

left:175px;

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true); //-->

</script>

<div id="loading" style="display:none"><img src="images/loading.gif" /><br />Sedang memuat ...</div>

</head> <body>

<div id="leftPan">

<div id="leftTopPan">

<a href="index.php"><img src="images/logo2.gif" title="Consultant" alt="Consultant" border="0" /></a> </div>

<ul>

<li><a href="logout.php">Logout</a></li>

<li><a href="../calon-terdaftar.php">Lihat Calon Siswa Terdaftar</a></li> <li><a href="../entry-nilai.php">Proses Nilai Siswa</a></li>

<li><a href="../daftar-diterima.php">Lihat siswa yang diterima</a></li> </ul></div>

<div id="rightPan">

<h1>Kontrol Panel Admin </h1> <div id="ambil">

<blockquote>&nbsp; </blockquote> <font color="#FFFFFF"></font>

<p>.SELAMAT DATANG ADMIN,</p> </div>

(83)

</html>

9. Proses nilai siswa (entry-nilai.php) <html>

<head><title>Entry Nilai Ujian Siswa</title> <body>

<table border="0">

<form action="../proses_nilai.php" method="POST"> <tr>

<td>Nomor Ujian : </td>

<td><input type="text" name="noujian"/></td> </tr>

<tr>

<td>Nilai :</td>

<td><input type="text" name="nilai"/></td> </tr>

<tr>

<td><input type="submit" value="simpan"/></td> </tr>

//koneksi database

$sambung=mysql_connect('localhost','root',''); if (!$sambung)

{

die('Tidak dapat terhubung ke database: ' . mysql_error()); }

mysql_select_db('db_regsekolah', $sambung);

$query="select * from pre_registrasi where nomor_ujian='$noujian'"; $hasil=mysql_query("$query");

Gambar

Gambar 2.1. Lima Komponen Sistem Informasi
Gambar 2 1 Lima Komponen Sistem Informasi . View in document p.21
Tabel 2.1 Simbol-simbol DFD
Tabel 2 1 Simbol simbol DFD . View in document p.34
Tabel 2.2 Simbol-simbol Flowchart
Tabel 2 2 Simbol simbol Flowchart . View in document p.34
Gambar 3.1 Struktur Organisasi
Gambar 3 1 Struktur Organisasi . View in document p.41
Gambar 4.1 Diagram Konteks Sistem Penerimaan Siswa Baru
Gambar 4 1 Diagram Konteks Sistem Penerimaan Siswa Baru . View in document p.47
Gambar 4.2 Diagram Konteks Sistem Informasi Registrasi Calon Siswa dan Siswa
Gambar 4 2 Diagram Konteks Sistem Informasi Registrasi Calon Siswa dan Siswa . View in document p.48
Gambar 4.3 DFD Level 1 Perancangan Sistem Informasi Registrasi Online
Gambar 4 3 DFD Level 1 Perancangan Sistem Informasi Registrasi Online . View in document p.49
Gambar 4.4 Flowchart Halaman Utama
Gambar 4 4 Flowchart Halaman Utama . View in document p.50
Gambar 4.5 Flowchart Login Admin
Gambar 4 5 Flowchart Login Admin . View in document p.51
Gambar 4.6 Flowchart Menu Admin
Gambar 4 6 Flowchart Menu Admin. View in document p.52
Gambar 4.7 Flowchart Halaman Proses nilai pada Admin
Gambar 4 7 Flowchart Halaman Proses nilai pada Admin . View in document p.53
Gambar 4.9 Rancangan Halaman Administrator
Gambar 4 9 Rancangan Halaman Administrator . View in document p.55
Tabel 4.1 Admin
Tabel 4 1 Admin . View in document p.55
Tabel 4.2 Registrasi Calon Siswa
Tabel 4 2 Registrasi Calon Siswa . View in document p.56
Tabel 4.5 Registrasi Siswa Baru (3)
Tabel 4 5 Registrasi Siswa Baru 3 . View in document p.56
Tabel 4.8 Registrasi Siswa Baru (6)
Tabel 4 8 Registrasi Siswa Baru 6 . View in document p.57
Tabel 4.9 Registrasi Siswa Baru (7)
Tabel 4 9 Registrasi Siswa Baru 7 . View in document p.57
Tabel 4.7 Registrasi Siswa Baru (5)
Tabel 4 7 Registrasi Siswa Baru 5 . View in document p.57
Tabel 4.6 Registrasi Siswa Baru (4)
Tabel 4 6 Registrasi Siswa Baru 4 . View in document p.57
Tabel 4.13 Nilai Ujian
Tabel 4 13 Nilai Ujian . View in document p.58
Tabel 4.11 Registrasi Siswa Baru (9)
Tabel 4 11 Registrasi Siswa Baru 9 . View in document p.58
Tabel 4.12 Upload Foto
Tabel 4 12 Upload Foto . View in document p.58
Tabel 4.10 Registrasi Siswa Baru (8)
Tabel 4 10 Registrasi Siswa Baru 8 . View in document p.58
Gambar 5.1 Tampilan Halaman Home
Gambar 5 1 Tampilan Halaman Home . View in document p.64
Gambar 5.3 Tampilan Pendaftaran Siswa Baru
Gambar 5 3 Tampilan Pendaftaran Siswa Baru . View in document p.65
Gambar 5.4 Tampilan Halaman Calon Siswa Terdaftar
Gambar 5 4 Tampilan Halaman Calon Siswa Terdaftar . View in document p.66
Gambar 5.5 Tampilan Halaman Pengumuman Hasil Ujian
Gambar 5 5 Tampilan Halaman Pengumuman Hasil Ujian . View in document p.66
Gambar 5.6 Tampilan Halaman Admin
Gambar 5 6 Tampilan Halaman Admin . View in document p.67
Gambar 5.7 Tampilan Halaman Proses Nilai Siswa pada Admin
Gambar 5 7 Tampilan Halaman Proses Nilai Siswa pada Admin . View in document p.67

Referensi

Memperbarui...

Download now (120 pages)