Perancangan Aplikasi Penerimaan Murid Baru Pada Perguruan Islam SMA Cerdas Murni Berbasis Web

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

PERANCANGAN APLIKASI PENERIMAAN MURID BARU

PADA PERGURUAN ISLAM SMA CERDAS MURNI

BERBASIS WEB

TUGAS AKHIR

RAHMA ANNISA NAZAR

112406079

PROGRAM STUDI D3 TEKNIK INFORMATIKA

UNIVERSITAS SUMATERA UTARA

MEDAN

2014

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

PERANCANGAN APLIKASI PENERIMAAN MURID BARU

PADA PERGURUAN ISLAM SMA CERDAS MURNI

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

RAHMA ANNISA NAZAR

112406079

PROGRAM STUDI D3 TEKNIK INFORMATIKA

UNIVERSITAS SUMATERA UTARA

PERSETUJUAN

Judul : Perancangan Aplikasi Penerimaan Murid Baru Pada Perguruan Islam Sma Cerdas Murni

Berbasis Web Kategori : Tugas Akhir

Nama : Rahma Annisa Nazar Nomor Induk Mahasiswa : 112406079

Program studi : D3 Teknik Informatika Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di, Medan, Juli 2014

Disetujui Oleh:

Program Studi D3 Teknik Informatika Pembimbing, FMIPA USU

Ketua,

Dr. Elly Rosmaini, M.Si Drs. Sawaluddin, M.IT NIP. 196005201985032002 NIP. 195912311998021001

PERNYATAAN

PERANCANGAN APLIKASI PENERIMAAN MURID BARU PADA PERGURUAN ISLAM SMA CERDAS MURNI

BERBASISWEB

TUGAS AKHIR

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

Medan, Mei 2014

Rahma Annisa Nazar 112406079

PENGHARGAAN

Puji dan syukur penulis ucapkan kepada Allah SWT, dengan limpah karunia-Nya Penulis dapat menyelesaikan penysunan Tugas Akhir ini dengan judul Perancangan Aplikasi Penerimaan Murid Baru Pada Perguruan Islam SMA Cerdas Murni Berbasis Web.

.

Terima kasih penulis sampaikan kepada Bapak Drs. Sawaluddin, M.IT selaku pembimbing. Terima kasih kepada Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika FMIPA USU, Bapak Dr. Sutarman, M.Sc Selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah khususnya KOM B 2011. Akhirnya tidak terlupakan kepada kedua orang tua dan seluruh keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT membalasnya.

PERANCANGAN APLIKASI PENERIMAAN MURID BARU PADA PERGURUAN ISLAM SMA CERDAS MURNI BERBASIS WEB

ABSTRAK

Didalam era globalisasi sekarang ini komputer sangatlah penting dalam memproses sebuah pekerjaan yang cepat, tepat, dan akuran dalam menyajikan data secara lengkap. Kajian ini bertujuan untuk merancang sebuah aplikasi dalam sebuah aplikasi penerimaan murid baru agar kerja pegawai lebih efisien dan dinamis. Aplikasi ini didukung dengan menggunakan software XAMPP 1.6, PHP(hypertext proccessor) 5.2 , MySQL versi 5.0, Dreamweaver 8, dan dibantu web browser google chroome, mozilla firefox. Tujuan dari aplikasi ini adalah agar dapat membantu proses kerja pendataan murid baru dengan cepat, efisien, dan dengan disain dinamis, tidak lagi dilakukan secara manual, pengguna dapat melakukan update, edit, maupun delete data agar data tetap selalu ter-update.

DAFTAR ISI

Persetujuan i

i

Pernyataan ii

Penghargaan iii

Abstrak iv

Daftar Isi v

Daftar Gambar vii

Daftar Tabel viii

BAB 1 PENDAHULUAN

1.1Latar Belakang 1

1.2Identifikasi Masalah 2

1.3Batasan Masalah 3

1.4Maksud dan Tujuan 3

1.5Metode Penelitian 4

1.6Sistematika Penulisan 5

BAB 2 TINJAUAN TEORITIS

2.1Data dan Informasi 6

2.1.1 Pengertian Data 6

2.1.2 Pengertian Informasi 7

2.2Pengertian Sistem Informasi 8

2.3Pengertian Komputer 9

2.4Bagan Alir (Flowchart) 10

2.4.1 Kaidah-kaidah Pembuatan Bagan Alir (Flowchart) 10

BAB 3 DESKRIPSI SEKOLAH

3.1Sejarah Sekolah 33

3.2Profil Sekolah 33

3.3Visi dan Misi Sekolah 34

3.4Tujuan Sekolah 35

3.5Struktur Organisasi 36

BAB 4 PERANCANGAN SISTEM

4.1Perancangan Sistem 39

4.2Rancangan Model 39

4.3Data Flow Diagram 40

4.4Bagan Alur Flowchart 41

4.4.1 Flowchart Login 41

4.4.2 Flowchart Halaman Utama 42

4.4.3 Flowchart Form Pendaftaran 43

4.4.4 Flowchart Edit 44

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 47

5.2 Tujuan Implementasi Sistem 47

5.3 Komponen Komputer 48

5.4 Prosedur Penggunaan Website 50

5.4.1 Tampilan Halaman Login 51

5.4.2 Tampilan Halaman Utama 51

5.4.3 Tampilan Halaman Registration 52

5.4.4 Tampilan Halaman Data 53

5.4.5 Tampilan Halaman Edit 54

5.4.6 Tampilan Halaman Update Data 55

5.4.7 Tampilan Halaman Delete Data 56

LAMPIRAN

Daftar Gambar

Gambar 2.1 Urutan Pembuatan Alur Bagan 17

Gambar 3.1 Struktur Organisasi Perguruan Islam SMA CERDAS MURNI 36 Gambar 4.1 Data Flow Diagram (DFD) Diagram Konteks 38

Gambar 4.2 Flowchart Login 39

Gambar 4.3 Flowchart Halaman Utama 40

Gambar 4.4 Flowchart Form Pendaftaran 41

Gambar 4.5 Flowchart Edit 42

Gambar 5.1 Tampilan Halaman Login 51

Gambar 5.2 Tampilan Halaman Utama 52

Gambar 5.4 Tampilan Halaman Data 54

Gambar 5.5 Tampilan Halaman Edit 55

Gambar 5.6 Tampilan Halaman Update Data 56 Gambar 5.7 Tampilan Halaman Delete Data 57

Daftar Tabel

Tabel 2.1 Tabel Simbol-simbol Flowchart 16

Tabel 4.1 Tabel Admin 43

PERANCANGAN APLIKASI PENERIMAAN MURID BARU PADA PERGURUAN ISLAM SMA CERDAS MURNI BERBASIS WEB

ABSTRAK

Didalam era globalisasi sekarang ini komputer sangatlah penting dalam memproses sebuah pekerjaan yang cepat, tepat, dan akuran dalam menyajikan data secara lengkap. Kajian ini bertujuan untuk merancang sebuah aplikasi dalam sebuah aplikasi penerimaan murid baru agar kerja pegawai lebih efisien dan dinamis. Aplikasi ini didukung dengan menggunakan software XAMPP 1.6, PHP(hypertext proccessor) 5.2 , MySQL versi 5.0, Dreamweaver 8, dan dibantu web browser google chroome, mozilla firefox. Tujuan dari aplikasi ini adalah agar dapat membantu proses kerja pendataan murid baru dengan cepat, efisien, dan dengan disain dinamis, tidak lagi dilakukan secara manual, pengguna dapat melakukan update, edit, maupun delete data agar data tetap selalu ter-update.

BAB 1

PENDAHULUAN

1.1Latar Belakang

Perkembangan teknologi yang semakin pesat dan semakin akrab menyentuh kehidupan manusia membuat manusia yang dalam hal ini sebagai user menginginkan untuk dapat memperoleh informasi yang lengkap dan akurat. Disinilah peranan teknologi sangat dibutuhkan yaitu dalam upaya mewujudkan keinginan manusia tersebut. Karena informasi dirasakan sangat penting dalam pengambilan keputusan guna mencapai suatu tujuan yang diharapkan. Disadari atau tidak setiap sistem yang ada seakan kurang lengkap kalau masih menggunakan model ataupun pengarsipan secara manual.

aplikasinya pada dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi. Untuk dapat memaksimalkan penggunaan internet, harus dapat kita tentukan dan artikan tentang kebutuhan komunikasi dari seseorang.

Melihat hal itu penulis ingin merancang suatu aplikasi yang dapat membantu pengisian data untuk pendaftaran melalui bantuan internet. Sehingga untuk mengatasi permasalahan di atas penulis akan membuat tugas akhir dengan judul “Perancangan Aplikasi Penerimaan Murid Baru Pada Perguruan Islam SMA Cerdas Murni Berbasis Web”.

1.2Identifikasi Masalah

Kemampuan manusia dalam menyelesaikan suatu pekerjaan amatlah terbatas. Oleh karena itu bantuan komputer sangatlah diharapkan agar dapat membantu mempercepat pekerjaan manusia dalam hal penyusunan data. Sesuai dengan latar belakang masalah di atas maka penulis menidentifikasi masalah dalam beberapa hal berikut :

1. Bagaimana sistem aplikasi penerimaan murid baru ini dapat berjalan sesuai yang diharapkan dan dibutuhkan ?

2. Bagaimana merancang dan membangun sebuah sistem aplikasi penerimaan murid baru berbasis web?

1.3Batasan Masalah

Penulis melakukan pembatasan masalah ini bertujuan agar tidak adanya penyimpangan pembahasan dalam penyampaian teori yang akan disampaikan. Dalam perancangan kasus ini dilakukan beberapa batasan sebagai berikut :

1. Bahasa pemrograman yang digunakan dalam perancangan aplikasi ini berbasis web.

2. Menggunakan web server Apache, PHP dan Mysql,serta dibantu dengan software Macromedia Dreamweaver 8.

3. Aplikasi ini terfokus pada pengisian data murid baru secara baik melalui web.

4. Penggunaan aplikasi yang efisien dalam proses penerimaan murid baru.

1.4Maksud Dan Tujuan

Maksud dari penelitian ini adalah membangun perancangan aplikasi yang dapat membantu dalam mengatur data penerimaan murid baru yang dapat dilakukan dengan efisien.

Tujuan penulis dalam penelitian ini adalah Merancang sebuah aplikasi web dalam pendataan setiap murid baru yang akan masuk di Perguruan Islam

murid baru secara baik dan efisien, begitu juga dari pihak sekolah tidak lagi mengisi data murid baru secara manual.

1.5Metode Penelitian

Untuk menyusun tugas akhir ini, penulis melakukan metode penelitian dalam memperoleh data yang dibutuhkan sehingga dapat terlselesaikan dengan baik. Adapun metode penelitian yang dilakukan penulis adalah sebagai berikut :

1. Studi Literatur

Pengumpulan data yang erat kaitannya dengan permasalahan dengan cara membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya di perpustakaan USU maupun di sekolah SMA Cerdas Murni.

2. Perencanaan

Perencanaan ini Penulis lakukan guna untuk mencari hal-hal yang perlu Penulis lakukan kedepannya, agar Tugas Akhir ini terlaksana dengan lancar.

3. Analisis Sistem

Melakukan analisis sistem terhadap masalah yang ada mengenai aplikasi web yang bisa dijalankan dengan mudah dan bisa dimanfaatkan oleh pengguna dalam pengisian data murid baru.

4. Desain Sistem

Pada tahap ini dilakukan perancangan program, membuat desain aplikasi web tersebut.

5. Uji Coba

Melakukan pengujian program, mengangani dan memperbaiki kesalahan yang ada pada web aplikasi penerimaan murid baru agar dapat berjalan dengan baik.

6. Dokumentasi

Pada tahap ini dilakukan pembuatan laporan mulai dari studi literatur sampai dengan implementasi, serta penarikan kesimpulan dan saran. Pada tahap ini juga ada dicatat apa saja yang menjadi kelemahan dan kelebihan dalam web aplikasi ini.

7. Laporan Akhir

Laporan akhir dari pembangunan Tugas Akhir ini akan Penulis lakukan setelah semua hal-hal yang mengenai pembangunan Tugas Akhir ini selesai.

1.6Sistematika Penulisan

Untuk mempermudah penulisan tugas akhir ini, penulis membuat sistematika penulisan yang terdiri dari :

BAB 1 : PENDAHULUAN

Pada bab ini penulis menjelaskan secara ringkas tentang latar belakang, identifikasi masalah, batasan masalah, maksud dan tujuan, metode penilitian, dan sistematika penulisan.

BAB 2 : TINJAUAN TEORITIS

Pada bab ini penulis menjelaskan tentang teori-teori yang berhubungan dengan judul dan bahasa pemrograman yang digunakan penulis.

BAB 3 : DESKRIPSI SEKOLAH

Pada bab ini diuraikan tentang sejarah, visi dan misi, fasilitas sekolah serta program kerja pada SMA CERDAS MURNI.

BAB 4 : PERANCANGAN SISTEM

Pada bab ini penulis menjelaskan tentang objek yang digunakan dalam perancangan sistem, perancangan database, dan flowchart dari sistem yang dirancang pada program aplikasi ini yang

digunakan dalam pembuatan program aplikasi penerimaan murid baru ini.

BAB 5 : IMPLEMENTASI SISTEM

Bab ini membahas tentang definisi implementasi sistem, spesifikasi perangkat yang dibutuhkan, tujuan, dan pengujian sistem.

BAB 6 : KESIMPULAN DAN SARAN

Pada akhir bab ini penulis menguraikan kesimpulan bab-bab sebelumnya dan akan memberikan kesimpulan yang bermanfaat bagi aplikasi yang dirancang ini.

BAB 2

TINJAUAN TEORITIS

2.1 Data dan Informasi

2.1.1 Pengertian Data

Menurut (Simarmata, 2006) data dapat diartikan sebagai bahan baku informasi yang didefinisikan sebagai bahan kelompok teratur simbol-simbol yang mewakili kuantitas, tindakan benda dan sebagainya.

Data adalah catatan atas kumpulan fakta. Data merupakan bentuk jamak dari datum, berasal dari bahasa Latin yang berarti "sesuatu yang diberikan". Dalam penggunaan sehari-hari data berarti suatu pernyataan yang diterima secara

apa adanya. Pernyataan ini adalah hasil pengukuran atau pengamatan suatu variabel yang bentuknya dapat berupa angka, kata-kata, atau citra.

Dalam keilmuan (ilmiah), fakta dikumpulkan untuk menjadi data. Data kemudian diolah sehingga dapat diutarakan secara jelas dan tepat sehingga dapat dimengerti oleh orang lain yang tidak langsung mengalaminya sendiri, hal ini dinamakan deskripsi. Pemilahan banyak data sesuai dengan persamaan atau perbedaan yang dikandungnya dinamakan klasifikasi.

Dalam pokok bahasan Manajemen Pengetahuan, data dicirikan sebagai sesuatu yang bersifat mentah dan tidak memiliki konteks. Dia sekedar ada dan tidak memiliki signifikansi makna di luar keberadaannya itu. Dia bisa muncul dalam berbagai bentuk, terlepas dari apakah dia bisa dimanfaatkan atau tidak. Menurut berbagai sumber lain, data dapat juga didefinisikan sebagai berikut:

a. Menurut kamus bahasa inggris-indonesia, data berasal dari kata datum yang berarti fakta.

b. Dari sudut pandang bisnis, data bisnis adalah deskripsi organisasi tentang sesuatu (resources) dan kejadian (transactions)yang terjadi.

c. Pengertian yang lain menyebutkan bahwa data adalah deskripsi dari suatu kejadian yang kita hadapi. intinya data itu adalah suatu fakta-fakta tertentu sehingga menghasilkan suatu kesimpulan dalam menarik suatu keputusan.

2.1.2 Pengertian Informasi

Menurut (Simarmata, 2006) Informasi adalah pesan (ucapan atau ekspresi) atau kumpulan pesan yang terdiri dari order sekuens dari simbol, atau makna dari pesan atau kumpulan pesan. Informasi dapat direkam atau ditransmisikan. Hal ini dapat dicatat, dengan kata lain sebagai sinyal berdasarkan gelombang. Informasi adalah jenis acara yang mempengaruhi suatu negara dari sistem dinamis. Para konsep memiliki banyak arti lain dalam konteks yang berbeda. Informasi bisa di katakan sebagai pengetahuan yang didapatkan dari pembelajaran, pengalaman, atau instruksi . Namun demikian, istilah ini memiliki banyak arti bergantung pada konteksnya, dan secara umum berhubungan erat dengan konsep seperti arti, pengetahuan, negentropi, persepsi, stimulus, komunikasi, kebenaran, representasi, dan rangsangan mental.

Dalam beberapa hal pengetahuan tentang peristiwa-peristiwa tertentu atau situasi yang telah dikumpulkan atau diterima melalui proses komunikasi, pengumpulan intelejen, ataupun didapatkan dari berita juga dinamakan informasi. Informasi yang berupa koleksi data dan fakta seringkali dinamakan informasi statistik. Dalam bidang ilmu komputer, informasi adalah data yang disimpan, diproses, atau ditransmisikan. Penelitian ini memfokuskan pada definisi informasi sebagai pengetahuan yang didapatkan dari pembelajaran, pengalaman, atau instruksi dan alirannya.

Informasi adalah data yang telah diberi makna melalui konteks. Sebagai contoh, dokumen berbentuk spreadsheet (semisal dari Microsoft Excel) seringkali digunakan untuk membuat informasi dari data yang ada di dalamnya. Laporan laba rugi dan neraca merupakan bentuk informasi, sementara angka-angka di dalamnya merupakan data yang telah diberi konteks sehingga menjadi punya makna dan manfaat.

2.2 Pengertian Sistem Informasi

Menurut (Simarmata, 2006) Sistem Informasi adalah kombinasi dari teknologi informasi dan aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi dan manajemen. Dalam arti yang sangat luas, istilah sistem informasi yang sering digunakan merujuk kepada interaksi antara orang, proses algoritmik, data, dan teknologi. Dalam pengertian ini, istilah ini digunakan untuk merujuk tidak hanya pada penggunaan organisasi teknologi informasi dan komunikasi (TIK), tetapi juga untuk cara di mana orang berinteraksi dengan teknologi ini dalam mendukung proses bisnis.

Ada yang membuat perbedaan yang jelas antara sistem informasi, dan komputer sistem TIK, dan proses bisnis. Sistem informasi yang berbeda dari teknologi informasi dalam sistem informasi biasanya terlihat seperti memiliki komponen TIK. Hal ini terutama berkaitan dengan tujuan pemanfaatan teknologi informasi. Sistem informasi juga berbeda dari proses bisnis. Sistem informasi

Alter berpendapat untuk sistem informasi sebagai tipe khusus dari sistem kerja. Sistem kerja adalah suatu sistem di mana manusia dan/atau mesin melakukan pekerjaan dengan menggunakan sumber daya untuk memproduksi produk tertentu dan/atau jasa bagi pelanggan. Sistem informasi adalah suatu sistem kerja yang kegiatannya ditujukan untuk pengolahan (menangkap, transmisi, menyimpan, mengambil, memanipulasi dan menampilkan) informasi.

Dengan demikian, sistem informasi antar-hubungan dengan sistem data di satu sisi dan sistem aktivitas di sisi lain. Sistem informasi adalah suatu bentuk komunikasi sistem di mana data yang mewakili dan diproses sebagai bentuk dari memori sosial. Sistem informasi juga dapat dianggap sebagai bahasa semi formal yang mendukung manusia dalam pengambilan keputusan dan tindakan.

Sistem informasi merupakan fokus utama dari studi untuk disiplin sistem informasi dan organisasi informatika. Sistem informasi adalah gabungan yang terorganisasi dari manusia, perangkat lunak, perangkat keras, jaringan komunikasi dan sumber data dalam mengumpulkan, mengubah, dan menyebarkan informasi dalam organisasi.

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

2.3 Pengertian Komputer

Menurut (Hartono, 1999) komputer adalah alat yang dipakai untuk mengolah data menurut prosedur yang telah dirumuskan. Kata computer semula dipergunakan untuk orang melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.

Dalam arti seperti itu terdapat alat seperti slide rule, jenis kalkulator mekanik mulai dari abakus dan seterusnya, sampai semua komputer elektronik yang kontemporer. Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah "yang mengolah informasi" atau "sistem pengolah informasi." Selama bertahun-tahun sudah ada beberapa arti yang berbeda dalam kata "komputer", dan beberapa kata yang berbeda tersebut sekarang disebut disebut sebagai komputer.

Kata computer secara umum pernah dipergunakan untuk mendefiniskan orang yang melakukan perhitungan aritmatika, dengan atau tanpa mesin pembantu. Menurut Barnhart Concise Dictionary of Etymology, kata tersebut digunakan dalam bahasa Inggris pada tahun 1646 sebagai kata untuk "orang yang menghitung" kemudian menjelang 1897 juga digunakan sebagai "alat hitung

wanita Amerika Serikat dan Inggris yang pekerjaannya menghitung jalan artileri perang dengan mesin hitung.

Charles Babbage mendesain salah satu mesin hitung pertama yang disebut mesin analitikal. Selain itu, berbagai alat mesin sederhana seperti slide rule juga sudah dapat dikatakan sebagai komputer.

Perangkat-perangkat yang ada pada komputer adalah sebagai berikut : a. Pemroses atau CPU sebagai unit yang mengolah data

b. Memori RAM, tempat menyimpan data sementara c. Hard drive, media penyimpanan semi permanen

d. Perangkat masukan, media yang digunakan untuk memasukkan data untuk diproses oleh UPS, seperti mouse, keyboard, dan tablet

e. Perangkat keluaran, media yang digunakan untuk menampilkan hasil keluaran pemrosesan CPU, seperti monitor,speaker,plotter,proyektor dan printer. Sistem operasi Program dasar pada komputer yang menghubungkan pengguna dengan hardware komputer. Sistem operasi yang biasa digunakan adalah Linux, Windows, dan Mac OS. Tugas sistem operasi termasuk (namun tidak hanya) mengatur eksekusi program di atasnya, koordinasi input, output, pemrosesan, memori, serta instalasi software.

f. Program komputer merupakan aplikasi tambahan yang dipasang sesuai dengan sistem operasinya

g. ISA/PCI, slot untuk masukan kartu tambahan non-grafis h. AGP/PCIe, slot untuk masukan kartu tambahan grafis i. IDE/SCSI/SATA, slot untuk hard drive/ODD

j. USB, slot untuk masukan media plug-and-play (colok dan mainkan, artinya perangkat yang dapat dihubungkan ke komputer dan langsung dapat digunakan).

2.4 Bagan Alir (Flowchart)

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung.

Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan poses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchart selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahsa pemrograman.

Flowchart disusun dengan simbol-simbol. Simbol ini dipakai sebagai alat bantu menggambarkan proses di dalam program. Simbol-simbol yang dipakai antara lain :

Tabel 2.1 Tabel Simbol-simbol Flowchart

2.4.1 Kaidah-kaidah pembuatan Bagan Alir (Flowchart)

Dalam pembuatan flowchart tidak ada rumus atau patokan yang bersifat mutlak. Karena flowchart merupakan gambaran hasil pemikiran dalam menganalisa suatu masalah dengan komputer. Sehingga flowchart yang dihasilkan dapat bervariasi antara satu pemrogram dengan pemrogram lainnya.

Namun secara garis besar, setiap pengolahan selalu terdiri dari tiga bagian utama, yaitu;

a. Input berupa bahan mentah b. Proses pengolahan

c. Output berupa bahan jadi.

Untuk pengolahan data dengan komputer, dapat dirangkum urutan dasar untuk pemecahan suatu masalah, yaitu;

a. Start: berisi instruksi untuk persiapan perlatan yang diperlukan sebelum menangani pemecahan masalah.

b. Read: berisi instruksi untuk membaca data dari suatu peralatan input. c. Process: berisi kegiatan yang berkaitan dengan pemecahan persoalan

sesuai dengan data yang dibaca.

d. Write: berisi instruksi untuk merekam hasil kegiatan ke perlatan output. e. End: mengakhiri kegiatan pengolahan

Gambar 2.1 Urutan Pembuatan Alur Bagan

Dari gambar flowchart di atas terlihat bahwa suatu flowchart harus terdapat proses persiapan dan proses akhir. Dan yang menjadi topik dalam pembahasan ini adalah tahap proses. Karena kegiatan ini banyak mengandung variasi sesuai dengan kompleksitas masalah yang akan dipecahkan. Walaupun tidak ada kaidah-kaidah yang baku dalam penyusunan flowchart, namun ada beberapa anjuran yaitu:

a. Hindari pengulangan proses yang tidak perlu dan logika yang berbelit sehingga jalannya proses menjadi singkat.

2.5 Sejarah Internet

Istilah internet berasal dari bahasa Latin inter, yang berarti “antara”. Secara kata per kata internet berarti jaringan antara atau penghubung. Memang itulah fungsinya, internet menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat berkomunikasi. Sistem apa yang digunakan pada masing-masing jaringan tidak menjadi masalah, apakah sistem DOS atau UNIX. Sementara jaringan lokal biasanya terdiri atas komputer sejenis (misalnya DOS atau UNIX), internet mengatasi perbedaan berbagai sistem operasi dengan menggunakan “bahasa” yang sama oleh semua jaringan dalam pengiriman data. Pada dasarnya inilah yang menyebabkan besarnya dimensi internet.

Dengan demikian, definisi internet ialah “jaringannya jaringan”, dengan menciptakan kemungkinan komunikasi antar jaringan di seluruh dunia tanpa bergantung kepada jenis komputernya.

Seperti telah disebutkan di atas, internet terbentuk dari jaringan-komputer yang tersebar di seluruh dunia. Masing-masing jaringan-komputer terdiri dari tipe-tipe komputer yang berbeda dengan jaringan yang lainnya. Maka diperlukan sebuah protokol yang mampu mengintegrasikan seluruh jaringan komputer tersebut.

Solusinya adalah sebuah protokol pengiriman data yang tak bergantung pada jenis komputer dan digunakan oleh semua komputer untuk saling bertukar data. Agar data tidak hanya dapat dikirim dan diterima, melainkan juga dapat dimanfaatkan oleh setiap komputer, diperlukan program standar yang mengolah data tersebut pada sistem yang berkaitan.

Protokol pengiriman merupakan sebuah konvensi (kesepakatan) yang menetapkan dengan cara apa data dikirimkan dan bagaimana kesalahan yang terjadi dikenali serta dipecahkan. Secara sederhana prose pengiriman data terdiri atas dua langkah.

Pertama, data yang akan dikrimkan (misalnya sebuah file teks) dibagi ke dalam paket data berukuran data berukuran sama (paket), kemudian dikirimkan satu per satu. Di Internet, protokol ini disebut IP (Internet Protocol).

Kedua, harus dijamin setiap paket data sampai ke alamat yang benar dan semuanya benar diterima. Untuk itu diperlukan protokol lainnya, yaitu Transmission Control Protocol (TCP) mengaitkan sebuah blok data pada paket data IP, yang antara lain mengandung informasi mengenai alamat, jumlah total paket data dan urutan setiap paket yang membentuk paket tersebut. Hanya secara bersamaan kedua protokol membentuk kesatuan yang berfungsi, karena itu biasanya disebut TCP/IP. Dengan adanya TCP/IP ini, internet memiliki 3 keuntungan :

1. Memberi kesempatan internet menggunakan jalur komunikasi yang sama untuk pemakai yang berbeda pada saat yang sama. Karena paket-paket data tidak perlu dikirimkan bersama-sama, jalur komunikasi dapat membawa segala tipe paket data sementara mereka dikirimkan dari tempat yang satu ke tempat yang lain. Sebagai contoh, bayangkan sebuah jalan raya di mana mobil bergerak sepanjang jalan yang sama walaupun mereka menuju ke tempat-tempat yang berbeda-beda.

2. Memberi internet fleksibilitas. Sementara paket-paket data bergerak, mereka bergerak dari satu host ke host lain sampai mencapai tujuan akhir. Jika sebuah jalur komunikasi tidak berfungsi, sistem yang mengontrol aliran data dapat menggunakan jalur alternatif. Maka, paket-paket data dapat bergerak melalui jalur-jalur yang berbeda-beda.

3. Meningkatkan kecepatan transmisi data. Sebagai contoh, jika terjadi kesalahan, TCP meminta host asal mengirm kembali hanya paket-paket data yang mengandung kesalahan, bukan semua paket data. Ini berarti meningkatkan kecepatan transmisi data.

2.6 WWW (World Wide Web)

internet untuk menyampaikan informasi karena sifatnya mendukung multimedia. Artinya informasi tidak hanya disampaikan melalui teks, tapi juga gambar, video dan suara.

Web Server adalah komputer yang tergabung dalam jaringan atau internet yang memberikan informasi. Web client adalah komputer yang tergabung dalam jaringan atau internet yang meminta informasi. Untuk dapat mengakses web server, web client menggunakan aplikasi yang disebut Web browser. Web browser meminta dan menerima data dari web server melalui suatu protokol yang disebut http (hypertext tranfer protocol). Protokol ini bertugas untuk mengirimkan perintah dari web browser ke web server serta mengirimkan file/data dari web server ke web browser. File yang dikirim dalam layanan web ini berekstensi *.htm atau *.html. HTML merupakan singkatan dari hypertext markup language, yaitu satu bahasa yang digunakan untuk mendefinisikan susunan informasi dalam file hypertext. Hypertext sendiri adalah suatu struktur pemyampaian informasi dimana satu atau beberapa kata pada suatu file dapat di-link untuk mengeluarkan file baru yang biasanya berisi informasi detail tentang kata tersebut.

2.7 Pengertian HTML

HTML merupakan sebuah dasar ataupun pondasi bahasa pemograman sebuah web page, HTML muncul sebagai standar baru dari kemajuan dan berkembangnnya internet, pada pertama kali muncul internet masih dalam keadaan berbasis text

dimana tampilan sebuah halaman web hanya berisikan sebuah text yang monotone tanpa sebuah format dokumen secara visual, bayangkan saja sebuah dokumen text yang dikemas dalam bungkus format seperti tipe file .txt atau sering disebut notepad, tanpa paragrap, satu warna, satu ukuran huruf tanpa gambar serta tidak adanya visual format dokumen seperti halnya Ms. Word, hal ini akan sangat membosankan dalam membaca, dan selain itu pertamakali muncul internet user mengakses masih menggunakan sebuah terminal, hal itu jelas sangatlah tidak friendly. Pemograman HTML muncul seiring perkembangan teknologi dan informasi.

2.7.1 Struktur Dasar HTML

Menuru (Purbo, 1999) HTML merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser yang telah terinstal pada computer client. Secara umum Web dokumen terdiri dari menjadi dua elemen ataupun section yaitu head dan body, kedua elemen tersebut dipisahkan oleh beberapa tag, untuk lebih jelasnya dapat anda lihat sebuah pola dasar HTML dibawah ini :

<html> <head>

“Informasi Tentang Dokumen HTML” </head>

</body> </html>

Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai dari tag pembuka <html> sampai tag penutup </html>, sedangkan isi dari dokumen html tersebut adalah dua buah elemen atau section yaitu

a. Head yang dimulai dari tag pembukanya <head> sampai tag penutup head </head>, Pada elemen ini biasanya berisikan Title, merupakan judul dokumen.

b. Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman web. Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain, Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value, adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright, description, distribution, expires, keywords, revist, refresh maupun language.

c. Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web tersebut, untuk elemen keduanya adalah body mulai dari tag pembuka <body> sampai tag penutupnya </body> pada elemen ini berisikan informasi dan pengaturannya yang akan ditampilkan dalam browser. Untuk berikan informasi untuk distribusi global, orang perlu dipahami secara universal bahasa, penerbitan semacam bahasa ibu bahwa semua komputer dapat berpotensi memahami. Penerbitan bahasa yang

digunakan oleh World Wide Web adalah HTML (dari HyperText Markup Language). HTML penulis memberikan cara untuk:

a. Menerbitkan dokumen online dengan judul, teks, tabel, daftar, foto, dll Mengambil informasi online melalui hypertext link, di klik tombol.

b. Desain formulir untuk melakukan transaksi dengan layanan jarak jauh, untuk digunakan dalam mencari informasi, membuat reservasi, memesan produk, dll

c. Sertakan menyebar-lembaran, klip video, klip suara, dan aplikasi lainnya secara langsung di dokumen mereka.

2.8 Pengenalan PHP

Menurut (Purbo, 1999) php adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artinya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server, sedangkan yang dikirimkan ke browser hanya hasilnya saja.

File contoh1.php: <html>

<head> <title>

</head> <body> <?php

echo(“Hallo apakabar? Nama saya PHP script”); ?>

</body> </html>

2.8.1 Variable

Dalam PHP setiap nama variable diawali tanda dollar ($). Misalnya nama variable adalam PHP ditulis dengan $a. Jenis suatu variable ditentukan pada saat jalannya program dan tergantung pada konteks yang digunakan.

2.8.2 Kelebihan php

Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan Karena dianggap sudah tidak memenuhi keinginan pasar karena situs tersebut harus tetap dinamis selama setiap hari. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling

utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :

a. Oracle b. MySQL c. Sybase d. PostgreSQL

2.9 Pengertian MySQL

Menurut (Madcoms, 2009) MySQL adalah sistem manajemen database SQL yang bersifat open source dan paling populer saat ini. Sistem Database MySQL mendukung beberapa fitur seperti multithreaded, multi-user, dan SQL database management sistem (DBMS). Database ini dibuat untuk keperluan sistem database yang cepat, handal dan mudah digunakan.

Ulf Micheal Widenius adalah penemu awal versi pertama MySQL yang kemudian pengembangan selanjutnya dilakukan oleh perusahaan MySQL AB. MySQL AB yang merupakan sebuah perusahaan komersial yang didirikan oleh para pengembang MySQL. MySQL sudah digunakan lebih dari 11 millar instalasi saat ini.

2.9.1 Kelebihan MySQL

Berikut ini beberapa kelebihan MySQL sebagai database server antara lain : 1. Source MySQL dapat diperoleh dengan mudah dan gratis.

2. Sintaksnya lebih mudah dipahami dan tidak rumit. 3. Pengaksesan database dapat dilakukan dengan mudah.

4. MySQL merupakan program yang multithreaded, sehingga dapat dipasang pada server yang memiliki multiCPU.

5. Didukung program-program umum seperti C, C++, Java, Perl, PHP, Python, dsb.

6. Bekerja pada berbagai platform (tersedia berbagai versi untuk berbagai sistem operasi).

7. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi sistem database.

8. Memiliki sistem sekuriti yang cukup baik dengan verifikasi host. 9. Mendukung ODBC untuk sistem operasi Windows.

10.Mendukung record yang memiliki kolom dengan panjang tetap atau panjang bervariasi.

MySQL dan PHP merupakan sistem yang saling terintegrasi. Maksudnya adalah pembuatan database dengan menggunakan sintak PHP dapat di buat. Sedangkan input yang di masukkan melalui aplikasi web yang menggunakan script serverside seperti PHP dapat langsung dimasukkan ke database MySQL yang ada di server dan tentunya web tersebut berada di sebuah web server.

2.10 Apache

Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail(kegunaan basicnya). Selain itu, Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari. Kesimpulan ini bisa didapatkan dari jumlah pengguna yang jauh melebihi para pesaingnya. Sesuai hasil survai yang dilakukan oleh Netcraft, bulan Januari 2005 saja jumlahnya tidak kurang dari 68% pangsa web server yang berjalan di Internet. Ini berarti jika semua web server selain Apache digabung, masih belum bisa mengalahkan jumlah Apache.

Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation. Saat ini ada dua versi Apache yang bisa dipakai untuk server produksi, yaitu versi mayor 2.0 dan versi mayor 1.3. Apache merupakan webserver yang paling banyak digunakan saat ini. Hal ini disebabkan oleh beberapa sebab, di antaranya adalah karena sifatnya yang opensource dan mudahnya mengkostumisasikannya. diantaranya dengan menambahkan support secure protocol melalui ssl dan konektifitasnya

2.11 Sublime Text

Sublime Text adalah Text Editor dan para web desainer lainnya. Text editor ini biasa dipakai oleh para programmer handal. Sublime Text ini sangat ringan sekali, cross platform, bahkan gratis (meski ada versi berbayarnya). Tampilan text editor ini sangat membuat saya dan para programmer nyaman coding lama-lama didepan komputer. Selain itu yang tidak kalah penting adalah fungsionalitasnya. Fungsi yang sangat menonjol di Sublime Text adalah sebagai berikut :

a. Goto Anything

Cara menggunakannya dengan menekan tombol CTRL + P / CMD + P. Symbol @ untuk loncat ke suatu Symbol, sedangkan simbol # untuk pencarian didalam file tersebut dan : untuk loncat ke nomor baris tertentu. b. Multiple Selection

Cara menggunakannya dengan menekan tombol CTRL + Shift + L / CMD + Shit + L. Ini berfungsi untuk menyeleksi 1 baris kode untuk dipindahkan ke baris lain. Sedangkan CTRL + D / CMD + D untuk menambahkan penyeleksian lainnya.

c. Command Pallete

Cara menggunakannya dengan menekan tombol CTRL + Shift + P / CMD + Shift + P. Ini digunakan untuk penyortiran, mengubah sintaks dan mengubah pengaturan indentasi. Dengan hanya beberapa keystrokes, anda dapat mencari apa yang Anda inginkan, tanpa harus menavigasi melalui menu.

d. Split Editing

Dengan Split editing, anda dapat membagi layar editor untuk mengerjakan banyak code sekaligus. Caranya dengan Klik menu View -> Layout. Pilih Column Split yang diinginkan.

e. Dukungan Plugin

Ini yang tidak kalah penting, kita dapat menambahkan beberapa plugin yang kita inginkan seperti snippet, auto complete dalam bahasa pemrograman tertentu.

2.12 CSS (Cascading Style Sheet)

Menurut (Madcoms, 2009) Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya style dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.CSS dapat mengendalikan ukuran gambar, warna body teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri/kanan/atas/bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan

dokument. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

BAB 3

DESKRIPSI SEKOLAH

3.1 Sejarah Sekolah

Perguruan Islam SMA Cerdas Murni merupakan sekolah menengah atas yang beralamat di Jalan Beringin No.33 Pasar VII Tembung Kecamatan Percut Sei Tuan, Kabupaten Deli Serdang menempati bangunan milik sendiri. Saat ini sekolah tersebut berada di bawah naungan Dinas Pemuda dan Olahraga

Kabupaten Deli Serdang dan memiliki nilai Akreditasi A dari Badan Akreditasi Sekolah. Pengurus Yayasan dari sekolah ini adalah Adlin Murni.

1. Nama sekolah : Perguruan Islam SMA CERDAS MURNI 2. Alamat sekolah : Jl. Beringin No. 33 pasar VII Tembung 3. Kecamatan : Percut Sei Tuan

4. Kabupaten : Deli Serdang 5. Provinsi : Sumatera Utara

6. NIS : 302070106421

7. Tahun berdiri : 2005

8. Izin operasional : 421/6951/pdm/2011

9. Akte notaris : no.1/tgl 09-mei 2005 / no.c-900 h.t.01.02.th.2005 atas nama agusnita chairiza, sh

10. Jenjang Akreditas : A

11. Nama Yayasan : Yayasan Adlin Murni

12. Alamat Yayasan : Jl. Beringin No. 33 pasar VII Tembung

3.3 Visi dan Misi Sekolah

Terciptanya manusia yang cerdas, terampil dan beriman serta bertaqwa terhadap Tuhan Yang Maha Esa.

3.3.3 Misi

Meningkatkan proses pembelajaran agar siswa memperoleh ilmu pengetahuan, memberikan keterampilan. dan melatih siswa untuk mengamalkan ajaran agama dengan sebaik-baiknya.

3.4 Tujuan Sekolah

Adapun tujuan dari berdirinya sekolah adalah sebagai berikut :

1. Meningkatkan dan malaksanakan pembejaran yang optimal, sehingga sekolah mampu memenuhi tuntutan standar kelulusan yang ditetapkan dalam ujian nasional maupun ujian sekolah baik secara kualitas maupun secara kuntitas.

2. Memotivasi dan melatih dalam melaksanakan pembelajaran secara optimal sehingga dapat trampil, kreatif serta mampu bersaing ataupun berkompetisi dalam ilmu pengetahuan dan teknologi.

3. Menumbuhkan semangat sportifitas bersaing dan berkompetisi dalam berbagai ivent dalam meraih prestasi akademik baik ditingkat kecamatan, kabupaten, propinsi dan nasional.

4. Menumbuhkan penghayatan terhadap ajaran agama yang dianut sehingga menjadi sumber kearifan dalam bertindak.

5. Memberikan dan mewujudkan implementasi pembinaan iman dan taqwa.

3.5 Struktur Organisasi

Adapun struktur organisasi yang telah ditetapkan berikut penuturannya :

a. Kepala Sekolah

Kepala Sekolah mempunyai tanggung jawab dalam memimpin sekolah terhadap proses belajar dan mengajar dan mengkoordinasi bawahannya

dalam memberikan bimbingan serta petunjuk bagi pelaksanaan tugas dan bawahannya dan juga melakukan pengawasan pelaksanaan kurikulum serta membuat laporan pertanggungjawaban kepada Perguruan Islam SMA CERDAS MURNI terhadap seluruh kegiatan sekolah yang telah dilaksanakan maupun yang belum dilaksanakan.

b. Wakil Kepala Sekolah

Membantu teknik pelaksanaan kerja yang dilakukan oleh Kepala Sekolah dan mengganti posisi Kepala Sekolah apabila diperlukan.

c. Kepala Tata Usaha

Tugas tata usaha adalah :

1. Memberikan honor kepada seluruh guru dan pegawai

2. Menyusun dan menyiapkan segala perlengkapan administrasi sekolah 3. Membuat persentase kehadiran guru, stafpegawai dan siswa

4. Membuat laporan kepada Kepala Sekolah terhadap tugas-tugas ketatausahaan

d. Administrasi keuangan

Mengenai administrasi keuangan adalah :

1. Melakukan transaksi terhadap siswa yang memabayar uang sekolah 2. Menyusun laporan keuangan yang ditujukan kepada Kepala Sekolah

Adapun hal mengenai kesiswaan adalah : 1. Daftar hadir

2. Data-data siswa

3. Surat keterangan siswa 4. Ijazah

5. OSIS

f. Administrasi pendidikan

Mengenai administrasi pendidikan antara lain : 1. Memberikan nomor masuk dan nomor keluar 2. Memberikan proses belajar mengajar

g. Perpustakaan

1. Membuat daftar hadir pengunjung 2. Membuat data buku

Secara garis besar struktur organisasi sekolah terlihat seperti gambar berikut :

Yayasan

Adlin Murni

Komite Sekolah

Alex Harun

Kepala Sekolah

Asmaruddin, S.Pdi

PKS 2

M.Irvan, S.Pd

Kepala Tata Usaha

Yenny Nasril Yenny Nasril

PKS 1

Recvan ED, SH

Dewan Guru

Siswa OSIS

Bendahara

Yenny Nasril

Pustaka

M. Zainuddin

LAB

Rahmad Danil

BK/ BP

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Menurut (Pohan, 2007) perancangan sistem merupakan bagian awal dari

pembuatan sistem informasi bertujuan untuk memberikan ketentuan bentuk dan proses pada perangkat lunak agar pembuatan program tidak menyimpang dari aturan dan hasil analisis yang telah ditetapkan pada perancangan sistem.

4.2 Rancangan Model

Menurut (Pohan, 2007) rancangan model merupakan suatu gambaran yang

menjelaskan suatu bentuk atau model. Bentuk pertama physical model, bentuk ini biasanya digambarkan dengan diagram alir sistem (sistem flowchart). Bentuk ini menunjukkan bagaimana sistem secara fisik diterapkan. Bentuk kedua adalah model yang digambarkan dengan diagram arus data. Model ini menjelaskan

kepada pengguna bagaimana nantinya fungsi-fungsi di sistem informasi secara logika akan bekerja.

4.3 Data Flow Diagram ( DFD )

Data flow diagram ( DFD ) merupakan logika data proses yang menggambarkan arah arus data apa saja yang disimpan dan proses apa saja yang akan

menghasilkan data tersebut dengan interaksi antar data tersebut. Dibawah ini adalah data flow diagram ( DFD ) yang diusulkan penulis, yaitu :

1. Diagram konteks

Gambar 4.1 Data Flow Diagram (DFD) Diagram Konteks Laporan

Delete data Update data Form Pendaftaran

Aplikasi Penerimaan Murid Baru

Kepala Sekolah Admin

4.4 Bagan Alur Flowchart

4.4.1 Flowchart Login

Salah

Benar

Gambar 4.2 Flowchart Login

Start

Finish Login Username

Password

Ulangi Login

4.4.2 Flowchart Halaman Utama

Gambar 4.3 flowchart Halaman Utama

Start

Halaman Utama

About

Registration

Edit Data

Form Pendaftaran

Ya

Finish

Ya

Ya

Ya

Tidak Tidak Tidak

Tidak

Update, Delete

Data Pengenalan

4.4.3 Flowchart Form Pendaftaran

Gambar 4.4 Flowchart Form Pendaftaran

Benar Start

Finish Form Registration

Input nama,nisn,alamat, tempat, tanggal lahir, jk,agama, nama ayah, nama ibu, pekerjaan ayah, pekerjaan ibu,pendidikan ayah, pendidikan ibu , alamat ortu, asal sekolah

Selesai

Database

Salah

4.4.4 Flowchart Edit

Gambar 4.5 Flowchart Edit

Tidak Tidak

Ya Ya Start

Finish

Update Data Update

Data Edit

Database Form update

Delete

Data Form delete Delete _Data

Menampilkan Data Ya

4.5 Mempersiapakan Basis Data

1. Tabel Admin

Tabel 4.1 Tabel Admin No

Field Name Type and Width 1

Username Varchar(30) 2

Password Varchar(30)

2. Tabel Pendaftar

Tabel 4.2 Tabel Data Pribadi

No Field Name Type and Width 1

nisn varchar(30) 2

nama varchar(30) 3

alamat text

4

tempat text

5

tanggal_lahir varchar(2) 6

bulan varchar(20) 7

tahun varchar(4) 8

jenkel text

9

agama text

10

namaayah text

11

12

pekerjaanayah text 13

pekerjaanibu text 14

pendidikanayah text 15

pendidikanibu text 16

alamatortu text

17

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada dalam dokumen desain sistem yang disetujui dan menguji, menginstal, memulai, serta menggunakan sistem yang baru atau sistem yang diperbaiki. Penggunaan suatu komputer untuk pemecahan masalah membutuhkan suatu sistem yang baik, sehingga memungkinkan berhasilnya komputer dalam melaksanakan tugasnya, yaitu mengolah data menjadi informasi.

5.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah untuk menjelaskan tentang manual modul kepada semua user yang akan menggunakan sistem. Sehingga user tersebut dapat merespon apa yang ditampilkan di sistem dan memberikan masukan kepada pembuat sistem untuk dilakukan perbaikan agar sistem lebih baik lagi.

5.3 Komponen Sistem Komputer

Komponen sistem komputer pada umumnya terbagi menjadi empat, yaitu hardware / perangkat keras, software / perangkat lunak, komponen komunikasi dan komponen data.

1. Komponen sistem komputer yang pertama adalah hardware atau komponen perangkat keras. Komponen ini adalah semua peralatan sistem komputer yang dapat disentuh secara fisik. Perangkat keras ini sendiri juga terdiri dari tiga komponen, yaitu CPU; Peralatan Input Output, dan Memory. Bila lebih diperinci lagi, CPU juga terdiri beberapa komponen utama yaitu ALU atau Arithmatic Logic Unit yang gunanya untuk melakukan fungsi perhitungan; CU atau Control Unit yang mengatur proses perintah serta per-pindahan data dari bagian CPU yang satu kebagian CPU yang lainnya; dan BUS atau Interface Unit adalah komponen untuk mengantar perintah serta data diantara CPU dengan hardware lainnya.

2. Software component atau komponen perangkat lunak merupakan bagian komponen sistem komputer yang berupa program yang akan menentukan mengenai hal yang harus dilakukan. Untuk mendapat hasil yang bermanfaat, maka komputer harus melakukan perintah yang ada didalam program tersebut. Terdapat dua jenis perangkat lunak dalam sistem komputer, yaitu software aplikasi dan software system. Sofware system bermanfaat untuk mengatur penyimpanan file, melakukan load, serta menjalankan

mouse. Software system ini sering disebut dengan sistem operasi atau operation system, yang contohnya adalah Windows; Linux, Mac, dll. Sedangkan software aplikasi merupakan perangkat lunak yang merupakan tambahan sistem pada sistem operasi, seperti Open Office, aplikasi game, aplikasi multimedia, dll.

3. Komponen Data atau disebut data component merupakan fakta dasar yang menjadi wakil atas suatu kejadian. Data ini merupakan hasil dari proses system komputer yang berupa informasi. Bila kita melihat kilas balik sejarah komputer, data merupakan alasan utama hingga terciptanya komputer. Bentuk data pun berbagai jenis yang umumnya berupa angka.

4. Communication component atau komponen komunikasi terdiri atas software dan hardware pula. Untuk jenis perangkat keras dari komponen komunikas ini adalah Comunication Channel dan Networdk Interface Card / NIC atau yang umumnya disebut modem. Fungsi utama komponen komunikasi adalah untun menyediakan saluran antara computer. Hubungan tersebut dapat berupa radio, fiber optic, wirreless technology / saluran telepon, wire cable, infra merah, bluetooth. Berbeda dengan modem, maka komponen ini mengubungkan komputer dengan saluran komunikasi sebagai interface. Kemudian adanya software berfungsi untuk membuat tiap-tiap komputer mengerti atas data yang terkirim dianatar kompuer yang saling terhubung. Dengan demikian software ini dapat membangun saluran serta mengontrol setiap aliran data yang ada.

5.4 Prosedur Penggunaan Website

Ketika telah selesai mengerjakan tahap perancangan sistem, baik dalam

merancangan tabel-tabel di dalam database dengan menggunakan phpMyAdmin maupun dalam merancang halaman-halaman website, kini program tersebut dapat dijalankan.

5.4.1 Tampilan Halaman Login

Halaman ini menerangkan tentang form login admin untuk dapat mengakses atau memasukan data murid agar dapat diproses.

5.4.2 Tampilan Halaman Utama

Pada halaman ini admin akan memasuki halaman penjelasan tentang

pendeskripsian sekolah. Di halaman ini akan dijelaskan ulasan singkat tentang Sekolah, Visi, Misi, dan Tujuan berdirinya sekolah.

5.4.3 Tampilan Halaman Registration

5.4.4 Tampilan Halaman Data

5.4.5 Tampilan Halaman Edit

5.4.6 Tampilan Halaman Update Data

5.4.7 Tampilan Halaman Delete Data

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari hasil pembahasan tentang Aplikasi Penerimaan Murid Baru Perguruan Islam SMA Cerdas Murni berbasis web, maka penulis dapat mengmbil beberapa kesimpulan diantaranya sebagai berikut :

1. Dalam pembuatan basis data aplikasinya, Penulis memilih menggunakan MySQL.

2. Pada penulisan Skript Program Penulis menggunakan Program Sublime Text dan Macromedia Dream Weaver, karena program ini memberikan kemudahan dalam penulisan sintaks yang tersedia, dan sangat membantu untuk memudahkan membedakan sintaks yang satu dengan yang lain karena dilengkapi dengan warna dari setiap sintaks yang diberikan.

3. Aplikasi ini bertujuan untuk memudahkan dalam menyusun data murid secara baik dengan menggunakan bantuan komputer dalam pengaksesan data.

4. Adapun kendala yang dihadapi Penulis adalah dalam hal pengumpulan data, dikarenakan ada beberapa peraturan yang harus disetujui dalam proses pengumpulan data di sekolah.

6.2 SARAN

Adapun saran yang diberikan penulis untuk Aplikasi Penerimaan Murid Baru ini adalah sebagai berikut :

1. Perguruan Islam SMA Cerdas Murni hendaknya dapat menerapkan aplikasi ini agar tidak lagi mendata murid baru dilakukan secara manual. 2. Untuk implementasi aplikasi web ini kedepannya dapat

mempertimbangkan keamanan webnya.

3. Dalam penggunaan aplikasi ini Administrator wajib diberikan pelatihan untuk menghindari terjadinya kesalahan dalam penginputan data murid baru.

DAFTAR PUSTAKA

Kadir, Abdul. 2013. Pemrograman Database MySQL untuk pemula. Yogyakarta MediaKom

Kadir, Abdul. 2013. From Zero to a pro javascript & jquery. Yogyakarta : Penerbit Andi,

Purbo, W. Onno. 2002. E-learning berbasis PHP dan MySQL. Jakarta: Elex Media Komputindo

Pohan, Husni Iskandar. 2007. Pemrograman Web Dinamis Menggunakan HTML. Bandung: Informatika

Frihartomo, S.2005. PHP dan MySQL Untuk Web. Yogyakarta : Andi

Hartono. 1999. Pengenalan Komputer Dasar Pemrograman Sistem Informasi dan Inteligensi Buatan. Yogyakarta: Andi

Madcoms. 2009. Menguasai XHTML, HTML, CSS, PHP, dan MySQL melalui Dreamweaver. Yogyakarta : Andi

Simarmata, J. 2006. Pengenalan Teknologi dan Informasi, Yogyakarta : Andi Wahidin, 2010. Aplikasi PHP untuk Orang awam. Yogyakarta : Maxicom

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika :

Nama : RAHMA ANNISA NAZAR

Nim : 112406079

Program Studi : TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN APLIKASI PENERIMAAN MURID BARU PADA PERGURUAN ISLAM SMA CERDAS MURNI BERBASIS WEB

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut di atas pada tanggal... Juni 2014

Dengan hasil : Sukses / Gagal

Demikian surat keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2014 Dosen Pembimbing

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM PROGRAM STUDI TEKNIK INFORMATIKA

Jl. Bioteknologi No.1 Kampus USU Padang Bulan MEDAN-20155 Telp. (061)8211050, 8214290, Fax (061)8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : RAHMA ANNISA NAZAR

NIM : 112406079

Judul Tugas Akhir : Perancangan Aplikasi Penerimaan Murid Baru Pada Perguruan Islam SMA Cerdas Murni Berbasis Web

Dosen Pembimbing : Drs. Sawaluddin, M.IT Tanggal Mulai Bimbingan : 10 Februari 2014 Tanggal Selesai Bimbingan : 18 Juni 2014

No Tanggal Asisten Bimbingan

Pembahasan Pada Asisten Mengenai pada BAB

Paraf Dosen Pembimbing

Keterangan

1 10 Februari 2014 Pengajuan Proposal

2 30 Mei 2014 Pengajuan Laporan Bab 1-4

3 30 Mei 2014 Pengajuan Laporan Bab 5-6

4 6 Juni 2014 Uji program

5 10 juni 2014 Revisi Laporan Bab 1-6

6 18 Juni 2014 Acc laporan

*kartu ini dikembalikan ke Departemen Matematika setelah bimbingan selesai

Diketahui Disetujui,

Program Studi D3 Teknik Informatika Pembimbing, FMIPA USU

Ketua,

Dr. Elly Rosmaini, M.Si Drs. Sawaluddin, M.IT NIP. 196005201985032002 NIP. 195912311998021001

LISTING PROGRAM a. home.php <!DOCTYPE html> <head> <title>Registration</title> </head> <body> <div class="wrapper"> <div class="header">

<div class="logo"><img src="logo.png" width="80" height="80"></div>

<div class="logo2"><img src="home.png" width="80" height="90"></div>

<div class="text"><h3><marquee>APLIKASI PENERIMAAN MURID BARU PERGURUAN ISLAM SMA CERDAS MURNI <br> Jl. BRINGIN NO. 33 KABUPATEN DELISERDANG KECAMATAN PERCUT SEI TUAN</br></marquee></h3>

</div> </div>

<div class="left">

<div class="menu"><a href="home.php" target="_self" class="style1">ABOUT</a></div>

<div class="menu"><a href="insert.php" target="_self">REGISTRATION</a></div>

<div class="menu"><a href="data.php" target="_self">DATA</a></div>

<div class="menu"><a href="edit.php" target="_self">EDIT</a></div>

<div class="menu"><a href="logout.php" target="_self">LOGOUT</a></div>

</div>

Perguruan Islam SMA CERDAS MURNI adalah sebuah sekolah berbasis Agama Islam yang berdiri sejak tahun 2005 oleh Bapak H.Adlin. Sekolah ini berlokasi di Jalan Bringin No. 33 Tembung Kabupaten Deli Serdang, Kecamatan Percut Sei Tuan. Sekolah yang baru berdiri ini meiliki tenaga pengajar yang telah diseleksi terlebih dahulu dari pihak Dinas Pendidikan. Untuk menjamin kualitas sekolah,pihak yayasan sekolah tidak mau sembarangan untuk memilih pihak tenaga pengajar,begitu juga dengan murid yang akan memasuki sekolah di Perguruan Islam Cerdas Murni ini. Kuota murid yang diajar langsung oleh guru-guru profesional juga dibatasi. Sekolah ini berada di bawah naungan Dinas Pemuda dan Olahraga Kabupaten Deli Serdang dan telah dipercayai untuk mendapatkan Akreditasi A oleh pihak Dinas Pendidikan, dan telah menluncurkan ratusan Siswa-Siswinya dapat melanjutkan pendidikan ke Perguruan Tinggi Negeri di berbagai Propinsi di Indonesia. Suatu kebanggaan tersendiri dari pihak sekolah agar terus dapat menjadikan murid-muridnya kelak berguna bagi nusa dan bangsa. Adapun VISI dari Perguruan Islam SMA Cerdas Murni ini adalah terciptanya manusia yang cerdas, terampil dan beriman serta bertaqwa terhadap Tuhan Yang Maha Esa. Selain itu ada pula MISI Sekolah yaitu meningkatkan proses pembelajaran agar Siswa memperoleh ilmu pengetahuan, memberikan keterampilan, dan melatih siswa untuk mengamalkan ajaran agama dengan sebaik-baiknya. Selain visi dan misi ada pula tujuan berdirinya sekolah yaitu sebagai berikut : <br><br>

1. Meningkatkan dan malaksanakan pembejaran yang optimal, sehingga sekolah mampu memenuhi tuntutan standar kelulusan yang ditetapkan dalam ujian nasional maupun ujian sekolah baik secara kualitas maupun secara kuntitas.</br><br>

2. Memotivasi dan melatih dalam melaksanakan pembelajaran secara optimal sehingga dapat trampil, kreatif serta mampu bersaing ataupun berkompetisi dalam ilmu pengetahuan dan teknologi.</br><br>

3. Menumbuhkan semangat sportifitas bersaing dan berkompetisi dalam berbagai ivent dalam meraih prestasi akademik baik ditingkat kecamatan, kabupaten, propinsi dan nasional.</br><br>

4. Menumbuhkan penghayatan terhadap ajaran agama yang dianut sehingga menjadi sumber kearifan dalam bertindak.</br><br>

5. Memberikan dan mewujudkan implementasi pembinaan iman dan taqwa.

</br></p> </div>

</div> </div>

<div class="footer"> <p>

Copyright &copy; 2014 by Rahma Annisa Nazar</p> </div>

</body> </html>

b. insert.php

<!DOCTYPE html> <head>

<title>Registration</title> </head>

<div class="logo"><img src="logo.png" width="80" height="80"></div>

<div class="logo2"><img src="daftar.png" width="80" height="90"></div>

<div class="text"><h3><center><marquee> APLIKASI PENERIMAAN MURID BARU PERGURUAN ISLAM SMA CERDAS MURNI <br>Jl. Jl. BRINGIN NO. 33 KABUPATEN DELISERDANG KECAMATAN PERCUT SEI TUAN</br></marquee></center></h3> </div>

</div>

<div class="left">

<div class="menu"><a href="home.php" target="_self" class="style1">ABOUT</a></div>

<div class="menu"><a href="insert.php" target="_self">REGISTRATION</a></div>

<div class="menu"><a href="data.php" target="_self">DATA</a></div>

<div class="menu"><a href="edit.php" target="_self">EDIT</a></div>

<div class="menu"><a href="logout.php" target="_self">LOGOUT</a></div>

</div>

<div class="contain"> <center>

<form action="manipulasi-1.php?act=insert" method="post" name="cekForm" onSubmit="return cekFile()"> <table> <caption>FORM PENDAFTARAN</caption> <tr> <td valign="top"> <fieldset> <table> <tr>

<td><label for="">Nama</label></td><td>:</td>

<td><input type="text" name="nama" class="lebar" required/></td> </tr> <tr> <td><label for="">NISN</label></td><td>:</td>

<td><input type="text" name="nisn" required> </td> </tr> <tr> <td><label for="">Alamat</label></td><td>:</td>

<td><input type="text" name="alamat" class="lebar" required/></td> </tr> <tr> <td><label for="">Tempat</label></td><td>:</td>

<td><input type="text" name="tempat" class="lebar" required/></td> </tr> <tr>

<select name="tanggal_lahir">

<option value="">Tanggal :</option>

<?php

for($a=1; $a <= 31; $a++)

{ echo"<option value='$a'>$a</option>"; } ?> </select> <select name="bulan">

<option value="">Bulan :</option>

<option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maret">Maret</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Agustus">Agustus</option>

<option value="September">September </option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="Desember">Desember</option> </select> <select name="tahun">

<option value="">Tahun :</option>

<?php

echo "<option value='$a'>$a</option>"; } ?> </select> </td> </tr> <tr>

<td><label for="">Jenis Kelamin</label></td><td>:</td> <td>

<select name="jenkel">

<option readonly="readonly" value="">--pilih--</option>

<option value="Laki-laki">Laki-laki</option> <option value="Perempuan">Perempuan</option> </select> </td> </tr> <tr> <td><label for="">Agama</label></td><td>:</td>

<td><input type="text" name="agama" class="lebar" required/>

</td> </tr> <tr>

<td><label for="">Nama Ayah</label></td><td>:</td> <td><input type="text" name="namaayah" class="lebar" required/>

</td> </tr> <tr>

<td><input type="text" name="namaibu" class="lebar" required/>

</td> </tr> <tr>

<td><label for="">Pendidikan Ayah</label></td><td>:</td><td>

<select name="pendidikanayah">

<option readonly="readonly" value="">--pilih--</option> <option value="SD">SD</option> <option value="SMP">SMP</option> <option value="SMA">SMA</option> <option value="D3">D3</option> <option value="S1">S1</option> <option value="S2">S2</option> <option value="S3">S3</option> </select> </td> </tr> <tr>

<td><label for="">Pendidikan Ibu</label></td><td>:</td><td>

<select name="pendidikanibu">

<option readonly="readonly" value="">--pilih--</option> <option value="SD">SD</option> <option value="SMP">SMP</option> <option value="SMA">SMA</option> <option value="D3">D3</option> <option value="S1">S1</option> <option value="S2">S2</option> <option value="S3">S3</option> </select> </td> </tr>

<tr>

<td><label for="">Pekerjaan Ayah</label></td><td>:</td>

<td><input type="text" name="pekerjaanayah" class="lebar" required/> </td> </tr> <tr>

<td><label for="">Pekerjaan ibu</label></td><td>:</td> <td><input type="text" name="pekerjaanibu" class="lebar" required/>

</td> </tr> <tr>

<td><label for="">Alamat Orang Tua</label></td><td>:</td>

<td><input type="text" name="alamatortu" class="lebar" required/>

</td> </tr> <tr>

<td><label for="">Asal Sekolah</label></td><td>:</td> <td><input type="text" name="asalsekolah" class="lebar" required/>

</td> </tr> <tr>

<td><label for="">Jumlah Nilai UN</label></td><td>:</td>

<td><input type="text" name="jmlh" class="lebar" required/>

<tr>

<td><input type="submit" name="submit" value="DAFTAR"/></td> </tr> </table> </fieldset> </td> </tr> </table> </form> </center> </div> </div> </div> <div class="footer"> <p>

Copyright &copy; 2014 by Rahma Annisa Nazar</p> </div> </body> </html> c. data.php <!DOCTYPE html> <head> <title>Registration</title> </head> <body> <div class="wrapper"> <div class="header">

<div class="logo"><img src="logo.png" width="80" height="80"></div>

<div class="logo2"><img src="data.png" width="80" height="90"></div>

<div class="text"><h3><marquee>APLIKASI PENERIMAAN MURID BARU PERGURUAN ISLAM SMA CERDAS MURNI

<br>Jl. Jl. BRINGIN NO. 33 KABUPATEN DELISERDANG KECAMATAN PERCUT SEI TUAN</br></marquee></h3></div>

</div>

<div class="left">

<div class="menu"><a href="home.php" target="_self" class="style1">ABOUT</a></div>

<div class="menu"><a href="insert.php" target="_self">REGISTRATION</a></div>

<div class="menu"><a href="data.php" target="_self">DATA</a></div>

<div class="menu"><a href="edit.php" target="_self">EDIT</a></div>

<div class="menu"><a href="logout.php" target="_self">LOGOUT</a></div>

</div>

<div class="contain"> <table border="1">

<caption>TAMPILAN DATA KESELURUHAN</caption> <th>No</th> <th>NISN</th> <th>Nama</th> <th>Alamat</th> <th>Tempat</th> <th>Tanggal Lahir</th> <th>Bulan Lahir</th> <th>Tahun Lahir</th> <th>Jenkel</th> <th>Agama</th> <th>Nama Ayah</th> <th>Nama Ibu</th> <th>Pendidikan Ayah</th> <th>Pendidikan Ibu</th> <th>Pekerjaan Ayah</th>

<th>Asal Sekolah</th> <th>Jumlah Nilai UN</th>

<?php

include"koneksi.php";

$query = mysql_query("select * from datapribadi");

$k=1;

while($k < $tampil=mysql_fetch_array($query)){

$nisn = "$tampil[nisn]";

$nama = "$tampil[nama]";

$alamat = "$tampil[alamat]";

$tempat = "$tampil[tempat]";

$tanggal_lahir =

"$tampil[tanggal_lahir]";

$bulan = "$tampil[bulan]";

$tahun = "$tampil[tahun]";

$jenkel = "$tampil[jenkel]";

$agama = "$tampil[agama]";

$namaayah = "$tampil[namaayah]";

$namaibu = "$tampil[namaibu]";

$pendidikanayah =

"$tampil[pendidikanayah]";

$pendidikanibu =

"$tampil[pendidikanibu]";

$pekerjaanayah =

"$tampil[pekerjaanayah]";

$pekerjaanibu =

"$tampil[pekerjaanibu]";

$alamatortu =

"$tampil[alamatortu]";

$asalsekolah =

"$tampil[asalsekolah]";

$jmlh = "$tampil[jmlh]";

<tr> <td><?=$k?></td> <td><?=$nisn?></td> <td><?=$nama?></td> <td><?=$alamat?></td> <td><?=$tempat?></td> <td><?=$tanggal_lahir?></td> <td><?=$bulan?></td> <td><?=$tahun?></td> <td><?=$jenkel?></td> <td><?=$agama?></td> <td><?=$namaayah?></td> <td><?=$namaibu?></td> <td><?=$pendidikanayah?></td> <td><?=$pendidikanibu?></td> <td><?=$pekerjaanayah?></td> <td><?=$pekerjaanibu?></td> <td><?=$alamatortu?></td> <td><?=$asalsekolah?></td> <td><?=$jmlh?></td> </tr> <?php $k++; } ?> </table> </div> </div> <div class="footer"> <p>

</div> </body> </html> d. edit.php <!DOCTYPE html> <head> <title>Registration</title> </head> <body> <div class="wrapper"> <div class="header">

<div class="logo"><img src="logo.png" width="80" height="80"></div>

<div class="logo2"><img src="daftar.png" width="80" height="90"></div>

<div class="text"><h3><center><marquee> APLIKASI PENERIMAAN MURID BARU PERGURUAN ISLAM SMA CERDAS MURNI <br>Jl. Jl. BRINGIN NO. 33 KABUPATEN DELISERDANG KECAMATAN PERCUT SEI TUAN</br></marquee></center></h3> </div>

</div>

<div class="left">

<div class="menu"><a href="home.php" target="_self" class="style1">ABOUT</a></div>

<div class="menu"><a href="insert.php" target="_self">REGISTRATION</a></div>

<div class="menu"><a href="data.php" target="_self">DATA</a></div>

<div class="menu"><a href="edit.php" target="_self">EDIT</a></div>

<div class="menu"><a href="logout.php" target="_self">LOGOUT</a></div>

</div>

<div class="contain"> <center>

<table> <tr><br>

<td valign="top"> <fieldset>

<table>

<div class="menu"><a href="update.php" target="_self">UPDATE DATA</a></div>

<div class="menu"><a href="deletedata.php" target="_self">DELETE DATA</a></div> </table> </fieldset> </td> </br></tr> </table> </center> </div> <div class="footer"> <p>

Copyright &copy; 2014 by Rahma Annisa Nazar</p> </div> </body> </html> e. update.php <!DOCTYPE html> <head> <title>Registration</title> </head> <body> <div class="wrapper"> <div class="header"> <div class="header">

<div class="logo2"><img src="update.png" width="80" height="90"></div>

<div class="text"><h3><center><marquee> APLIKASI PENERIMAAN MURID BARU PERGURUAN ISLAM SMA CERDAS MURNI <br>Jl. Jl. BRINGIN NO. 33 KABUPATEN DELISERDANG KECAMATAN PERCUT SEI TUAN</br></marquee></center></h3> </div>

</div>

<div class="left">

<div class="menu"><a href="home.php" target="_self" class="style1">ABOUT</a></div>

<div class="menu"><a href="insert.php" target="_self">REGISTRATION</a></div>

<div class="menu"><a href="data.php" target="_self">DATA</a></div>

<div class="menu"><a href="edit.php" target="_self">EDIT</a></div>

<div class="menu"><a href="logout.php" target="_self">LOGOUT</a></div>

</div>

<div class="contain">

<center><form action="manipulasi-2.php?act=insert" method="post"> <table> <caption>UPDATE DATA</caption> <tr> <td valign="top"> <fieldset> <table> <tr> <td><label for="">NISN</label></td><td>:</td>

margin: 0px ;

background: url(bag1.png); }

.wrapper{

width: 960px; margin: auto; }

.header{

width: 960px; height: 100px;

border-radius: 10px; }

.logo {

width:80px; height:80px; float:left;

margin:10px 0px 10px 10px; }

.logo2 {

width:80px; height:100px; float:right;

} .text

{

padding: 20px 0px 30px 60px; font-family: "tempus Sans ITC"; color: #000000;

font-size:13px;

margin:40px 40px 0px 40px; }

.left{

float: left; width: 200px; height: 500px; border-right: 13px; border-radius: 10px; }

.menu{

width:188px;

background:#FFA4A4; margin:5px 5px; height:30px;

text-align:center; float:left;

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

text-decoration:none; color: #009933;

width:188px;

font-family:JasmineUPC; font-size:20px;

font-weight:bold; height:30px;

border-radius: 10px; }

.menu a:hover{

color:#97FF97; display:block;

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.contain{

float: left; width: 760px; height: 500px; margin left: 20px;

font-family: "juice ITC"; font-size: 30px;

overflow-y:scroll;

}

#lebar{

float: left; width: 700px; height: 450px;

background:rgb(255,255,255); }

p{

text-align: center; }

.footer{

width: 401px;

margin-left: 195px;

padding: 0px 209px 5px 349px; color: #003300;

border-radius: 10px; font-family:"xiomara"; font-size: 20px;

}

.style1 {font-family: "apple cider daydreams"} </style>

g.

Style login

<style type="text/css"> body{

background: url(tes1.png); }

label {

font-size: 15px;

font-family: "comic Sans MS"; list-style-type: none;

color: #FFFFF;

margin-bottom: 10px; font-weight: bold; letter-spacing: 5px;

text-transform: uppercase; display: block;

} .pesan

{

padding:5px;

font-family:"comic Sans MS" ; }

h3 {

font-family: ELizajane; font-size: 20px;

}

form {

width: 290px; height: 270px; padding: 20px;

margin:150px auto;

border: 2px solid #006600;

/*** Membuat tepi menjadi rounded ***/ -moz-border-radius: 50px;

-webkit-border-radius: 60px;

/*** Membuat bayangan di belakang box ***/ -moz-box-shadow:0px -5px 300px #006600; -webkit-box-shadow:0px -5px 300px #006600 ;

/*** Membuat Warna Gradient Pada Background - 2 Deklarasi : 1.Firefox 2.Webkit(Chrome dan Safari) ***/

font-size:8px;

background:url(logo2.jpg);

}