Sistem Informasi Penerimaan Mahasiswa Baru Berbasis Web Dengan Menggunakan PHP Dan MySQL Pada SMA Negeri 1 Talawi
TUGAS AKHIR
WAHYU RAMADHAN
102406085
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
(2)
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
WAHYU RAMADHAN
102406085
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
(3)
PERSETUJUAN
Judul : SISTEM INFORMASI PENERIMAAN SISWA
BARU BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 TALAWI
Kategori : TUGAS AKHIR
Nama : WAHYU RAMADHAN
Nomor Induk Mahasiswa : 102406085
Program Studi : DIPLOMA 3 (D3) TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2013
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Dosen Pembimbing
Prof. Dr. Tulus, M.Si Dra. Mardiningsih, M.Si
(4)
PERNYATAAN
SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB DENGAN MENGGUNAKAN PHP dan MySQL
PADA SMA NEGERI 1 TALAWI
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, 07 Juni 2013
Wahyu Ramadhan 102406085
(5)
PENGHARGAAN
Bismillahirrahmannirrahim,
Alhamdulilah. Segala Puji bagi ALLAH SWT yang telah memberikan rahmat dan hidayat-Nya, sehingga Penulis berhasil menyelesaikan Tugas Akhir yang berjudul
Sistem informasi Penerimaan Siswa Baru Berbasis Web Dengan Menggunakan PHP dan MySQL Pada SMA Negeri 1 Talawi ini tepat pada waktunya. Shalawat beriring salam Penulis limpahkan kepada junjungan Nabi besar Muhammad SAW, keluarga, sahabat dan para pengikut sampai akhir zaman.
Tugas Akhir ini Penulis susun sebagai salah satu syarat untuk menyelesaikan pendidikan Diploma 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. Dalam Tugas Akhir ini, Penulis banyak mendapat masukan serta dukungan dari berbagai pihak.
Secara khusus Penulis menyampaikan rasa terima kasih yang sedalam-dalamnya kepada kedua Orangtua Penulis yang telah mendidik dan membesarkan Penulis dengan segala pengorbanan yang tak terhitung nilainya serta kasih sayang yang tulus yang selalu Penulis dapatkan dari kedua Orangtua Penulis. Dan selalu memberikan doa dan dukungan baik moril maupun materil, sehingga Penulis dapat mengikuti kuliah Diploma 3 Teknik Informatika ini dan menyelesaikan pendidikan ini tepat pada waktunya. Semoga ALLAH SWT membalas budi baik mereka. AMIN.
Dalam kesempatan ini Penulis jug ingin mengucapkan terima kasih kepada: 1. Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara.
2. Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
(6)
3. Dra. Mardiningsih, M.Si, selaku Sekretaris Departemen Matematika FMIPA USU dan Dosen Pembimbing yang telah membimbing dan mengarahkan penulis dalam penyelesaian Tugas Akhir ini.
4. Seluruh Dosen program studi Diploma 3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara yang telah memberikan ilmu pengetahuannya kepada Penulis selama masa perkuliahan. 5. Drs. Zainal Arifin selaku Kepala Sekolah SMA Negeri 1 Talawi yang telah
memberikan izin kepada Penulis melakukan riset dan membantu memberikan informasi-informasi yang dibutuhkan sampai Website ini terselesaikan.
6. Bang Dio Nando Hasibuan, senior yang telah membantu Penulis dalam setiap kebuntuan Penulis yang Penulis dapatkan dalam pembuatan Website ini.
7. Teman-teman, sekaligus sahabat Penulis (Azmi Muhammad Sidik, Sauli Ifolala Lase, Darman Yusuf, dan Nurul Fahmi, Kania Ayu Putri, Maifa Cannie Sylvia) atas dukungan yang tak pernah berhenti kepada Penulis.
8. Rekan-rekan sesama pengajar di Laboratorium sebagai Asisten Laboratorium, yang memberikan masukan dan bantuan kepada Penulis.
Pada penulisan Tugas Akhir ini, Penulis telah berusaha semaksimal mungkin untuk mencapai kesempurnaan. Namun Penulis menyadari terdapat kelemahan dan kekurangan dalam penulisan tugas akhir ini. Untuk itu Penulis mengharapkan kritik dan saran dari pembaca dalam penyempurnaan.
Demikian Tugas Akhir ini saya buat. Semoga tulisan ini bermanfaat bagi kita semua.
Medan, 07 Juni 2013 Penulis
(7)
ABSTRAK
Seiring dengan berjalannya waktu dan teknologi harus diakui masih terbatasnya kualitas sarana dan prasarana pendidikan di Indonesia ditambah lagi kondisi demografis Indonesia yang merupakan kendala dalam proses pemerataan mutu pendidikan. Ketidakmeratan mutu pendidikan ini dipengaruhi antara lain ketersediaan materi penunjang pelajaran baik mutu maupun alat peraga pelajaran. Karena hal tersebut sistem ini dirancang guna membantu para calon siswa baru untuk mempermudah dalam melakukan pendaftaran yang tidak lagi dilakukan secara manual dalam pengambilan formulir pendaftaran. Sistem ini dikembangkan dengan menggunakan perangkat lunak Xampp 2.5, Sublime text dibantu Macromedia Dreamweaver 8 sebagai text editor, Adobe Photoshop CS4, dan Google Chrome.
(8)
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftar isi vii
Daftar tabel ix
Daftar gambar x
Bab 1. Pendahuluan
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 3
1.4 Tujuan Dan Manfaat 3
1.5 Metode Penelitian 4
1.6 Sistematika Penulisan 5
Bab 2. Landasan Teori
2.1 Pengertian Komputer 7
2.1.1 Sistem Komputer 9
2.1.2 Pengertian Sistem 10
2.1.3 Pengertian Informasi 11
2.2 Bagan Alir (Flowchart) 11
2.3 Sejarah Internet 13
2.4 WWW (World Wide Web) 14
2.5 HTML (HyperText Markup Language) 17
2.6 PHP (Personal Home Page) 18
2.6.1 Kelebihan dan Kelemahan PHP 19
2.7 Pengenalan MySQL ( My Stuctured Query Language) 21
2.7.1 Sejarah MySQL 21
2.7.2 Kelebihan MySQL 22
2.8 Apache 23
2.9 Macromedia Dreamweaver 8 23
2.10 CSS ( Cascading Style Sheet) 24
Bab 3. Gambaran Sekilas Tentang Sma Negeri 1 Talawi
3.1 Profil Sekolah 25
3.2 Visi, Misi, dan Tujuan Sekolah 26
3.2.1 Visi 26
3.2.2 Misi 26
3.2.3 Tujuan 27
(9)
Bab 4. Perancangan Sistem
4.1 Perancangan Sistem 30
4.2 Data Flow Diagram ( DFD ) 30
4.3 Bagan Alur Flowcahart 34
4.3.1 Flowchart Menu Utama 34
4.3.2 Flowchart Halaman Admin 35
4.3.3 Flowchart Pendaftaran 36
4.4 Perancangan Halaman Website 37
4.5 Mempersiapkan Basis Data 38
Bab 5. Implementasi Sistem
5.1 Pengertian Implementasi Sistem 41
5.2 Tujuan Implementasi Sistem 42
5.3 Komponen Sistem 42
5.3.1 Hardware 42
5.3.2 Software 43
5.3.3 Brainware 44
5.4 Prosedur Penggunaan Sistem 44
Bab 6. Kesimpulan Dan Saran
6.1 Kesimpulan 54
6.2 Saran 55
Daftar Pustaka Listing Program Lampiran
(10)
DAFTAR TABEL
Halaman Tabel 2.1 Tabel Simbol-Simbol Data Flow Diagram 12
Tabel 4.1 Tabel admin 39
Tabel 4.2 Tabel galery 39
Tabel 4.3 Tabel pendaftar 39
Tabel 4.4 Tabel profil 40
(11)
DAFTAR GAMBAR
Halaman Gambar 3.1 Struktur Organisasi SMA Negeri 1 Talawi 29 Gambar 4.1 Data Flow Diagram ( DFD ) Diagram Konteks 31
Gambar 4.2 Data Flow Diagram ( DFD ) Level 0 32
Gambar 4.3 Sitemap Situs 33
Gambar 4.4 Flowchart Halaman Utama 34
Gambar 4.5 Flowchart Login 35
Gambar 4.6 Flowchart Admin 36
Gambar 4.7 Flowchart Pendaftaran 37
Gambar 5.1 Tampilan Halaman Form Pendaftaran 45
Gambar 5.2 Tampilan Halaman Daftar( Siswa yang LULUS) 50
(12)
ABSTRAK
Seiring dengan berjalannya waktu dan teknologi harus diakui masih terbatasnya kualitas sarana dan prasarana pendidikan di Indonesia ditambah lagi kondisi demografis Indonesia yang merupakan kendala dalam proses pemerataan mutu pendidikan. Ketidakmeratan mutu pendidikan ini dipengaruhi antara lain ketersediaan materi penunjang pelajaran baik mutu maupun alat peraga pelajaran. Karena hal tersebut sistem ini dirancang guna membantu para calon siswa baru untuk mempermudah dalam melakukan pendaftaran yang tidak lagi dilakukan secara manual dalam pengambilan formulir pendaftaran. Sistem ini dikembangkan dengan menggunakan perangkat lunak Xampp 2.5, Sublime text dibantu Macromedia Dreamweaver 8 sebagai text editor, Adobe Photoshop CS4, dan Google Chrome.
(13)
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Pada zaman teknologi informasi saat ini, kebutuhan akan informasi yang lebih cepat dan mutakhir ( up to date ) sangatlah dibutuhkan, mengingat informasi sudah menjadi sumber daya yang sangat penting bagi organisasi yang membutuhkan penanganan khusus seperti sumber daya lainnya. Informasi tidak hanya dibutuhkan oleh organisasi non-komersil dan juga pribadi, karena informasi merupakan sumber daya yang strategis dalam menetapkan berbagai kebijakan bagi semua pihak yang terkait di dalam organisasi, terutama bagi pimpinan organisasi.( Delvi Yunita, 2007 )
Dengan adanya dukungan teknologi internet yang juga didukung oleh berbagai situs-situs yang menyediakan informasi apapun dari seluruh belahan dunia dalam bentuk teks, grafik, audio, animasi maupun video, maka banyak orang mengandalkan
website sebagai media penyedia informasi karena informasi diperoleh dengan mudah cepat, mudah, dan murah. Website juga menjadi sarana komunikasi yang disukai banyak orang karena mendunia dan menjadi zona saling bertukar informasi dan bertukar pikiran kesemua user yang tersebar di seluruh dunia. ( Delvi Yunita, 2007 )
(14)
Saat ini website tidak hanya semata-mata digunakan untuk menampilkan informasi namun perannya semakin meluas baik dalam kegiatan bisnis, dalam memasarkan produk dan melakukan transaksi on-line lingkungan pemerintahan, pendidikan dan organisasi non-profit lainnya sampai dengan pribadi. ( Delvi Yunita, 2007 ).
SMA Negeri 1 Talawi merupakan lemabaga pendidikan yang membutuhkan sistem pendaftaran berbasis web. Mengingat kemampuan yang diberikan website
seperti yang dijelaskan sebelumnya, maka SMA Negeri 1 Talawi akan memanfaatkan fasilitas yang diberikan website dalam menyediakan sistem pendaftaran yang menghemat waktu dan biaya karena harus datang jauh-jauh dan mengantri dalam pengambilan formulir pendaftaran. Untuk itu Penulis tertarik untuk memilih judul “Sistem Informasi Penerimaan Siswa Baru Berbasis Web Dengan Menggunakan
Php Dan Mysql Pada Sma Negeri 1 Talawi”.
1.2 Rumusan Masalah
Selama ini seperti yang dilihat oleh penulis yang juga sebagai alumni SMA Negeri 1 Talawi, bahwa calon siswa hanya dapat memperoleh informasi pendaftaran dari papan pengumuman yang tersedia di lingkungan SMA Negeri 1 Talawi dan proses pendaftaran masih menggunakan sistem konvensional yaitu calon siswa datang ke sekolah, mengambil formulir pendaftaran lalu mengisinya. Hal tersebut belum efektif karena membuang waktu dan biaya harus datang ke sekolah, mengantri dan berdesakan dalam mengambil formulir pendaftaran.
(15)
1.3 Batasan Masalah
Dalam perancangan sistem informasi penerimaan siswa baru berbasis web, Penulis membatasi batasan masalah yang akan dibahas:
1. Sistem informasi yang akan dibuat oleh Penulis berbasis web. 2. Program yang dipakai adalah PHP dan MySQL.
3. Sistem informasi yang akan dibangun adalah sistem informasi dinamis ( dapat terus diperbaharui ).
1.4 Tujuan Dan Manfaat
Tujuan yang diharapkan dari penelitian Tugas Akhir ini adalah untuk membangun suatu sistem pendaftaran yang dapat diakses dari mana saja sehingga menghemat waktu dan biaya serta memberikan informasi tentang SMA Negeri 1 Talawi.
Adapun manfaat dari pembuatan sistem penerimaan siswa baru dengan menggunakan PHP dan MySQL adalah memberi kemudahan bagi calon siswa maupun orang tua dalam pengambilan formulir pendaftaran sebab pendaftaran tidak lagi dilakukan secara manual.
(16)
1.5 Metode Penelitian
Untuk memperoleh data yang diperlukan dalam penulisan ini digunakan metode penelitian sebagai berikut:
1. Mencari Referensi
Dalam Hal ini Penulis melakukan pencarian data-data ke perpustakaan guna melengkapi penyelesaian tugas akhir ini.
2. Perencanaan
Perencanaan ini Penulis lakukan guna mencari hal-hal yang perlu Penulis lakukan kedepannya, agar Tugas Akhir ini terlaksana dengan lancar.
3. Analisis
Analisis ini Penulis lakukan agar perancangan tugas akhir ini mendekati sempurna.
4. Desain
Pendisaian dibuat agar Tugas Akhir yang dibuat dalam hal ini pembangunan
website penerimaan siswa baru agar lebih menarik dan mudah di gunakan untuk para user yang masih awam dalam hal mengoperasikan website ini.
5. Implementasi
Penulis melakukan implementasi pembuatan Tugas Akhir ini dari semua data-data yang Penulis telah kumpulkan agar menjadi satu-kesatuan yang utuh.
(17)
6. Uji Program
Penulis melakukan uji program hasil dari pembuatan Tugas Akhir ini supaya dapat mengetahui apa-apa saja hal-hal yang perlu untuk ditambah dan dikurangi dalam Tugas Akhir ini dan supaya penulis mengetahui letak kesalahan di dalam Tugas Akhir ini.
7. Laporan Akhir
Laporan akhir dari pembangunan Tugas Akhir ini akan Penulis lakukan setelah semua hal-hal yang mengenai pembangunan Tugas Akhir ini selessai.
1.6 Sistematika Penulisan
Untuk mempermudah penulisan Tugas Akhir ini, penulisa membuat suatu sistematika penulisan yang terdiri dari:
BAB 1 : PENDAHULUAN
Bab ini berisi Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan Dan Manfaat, Metode Penelitian, Sistematika Penulisan.
BAB 2 : LANDASAN TEORI
Merupakan dasar teori yang secara singkat menjelaskan tentang hal-hal yang berhubungan dengan judul seperti pengenalan sistem komputer, internet, pengenalan HTML, PHP, MySQL, Apache, Macromedia Dreamweaver 8, serta CSS.
(18)
BAB 3 : SEKILAS TENTANG SMA NEGERI 1 TALAWI
Bab ini menjelaskan secara singkat profil, struktur organisasi, serta visi dan misi SMA Negeri 1 Talawi.
BAB 4 : PERANCANGAN SISTEM
Bab ini berisikan pembahasan mengenai sistem yang dirancang, dan penggunaan Macromedia Dreamweaver 8 sebagai editor perancangan website.
BAB 5 : IMPLEMENTASI SISTEM
Pada Bab ini berisikan Pengertian Implementasi Sistem, Tujuan Implementasi Sistem, Spesifikasi Sistem, dan Instalasi Apache, PHP, dan MySQL serta konfigurasinya.
BAB 6 : KESIMPULAN DAN SARAN
Sebagai Penutup bab ini terdiri dari kesimpulan dan saran dari hasil penelitian yang Penulis peroleh.
(19)
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Istilah Komputer (Computer) diambil dari bahasa latin Computare yang berarti menghitung ( to Compute ).
Beberapa definisi tentang komputer :
1. Menurut buku Computer Annual (Robert H.Blissmer)
Komputer adalah suatu alat elektronika yang mampu melakukan beberapa tugas sebagai berikut:
1. Menerima input
2. Memproses input tadi sesuai dengan programnya
3. Menyimpan perintah-perintah dan hasil dari pengolahan 4. Menyediakan output dalam bentuk informasi
2. Menurut buku Computer Today (Donald H.Sanders) :
Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah
(20)
pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).
3. Menurut buku Computer Organization (V.C.Hamacher, Z.G.Vranesic, S.G.Zaky) Komputer adalah mesin penghitung elektronik yang cepat dapat menerima informasi input digital, memprosesnya sesuai dengan suatu program yang tersimpan di memorinya (stored program) dan menghasilkan output informasi.
4. Menurut buku Introduction To The Computer, The Tool Of Business (William M.Fuori) :
Komputer adalah suatu pemroses data (data processor) yang dapat melakukan perhitungan yang besar dan cepat, termasuk perhitungan aritmatika yang besar atau operasi logika, tanpa campur tangan dari manusia mengoperasikan selama pemrosesan.
Dari beberapa definisi yang tersebut, dapat disimpulkan bahwa komputer adalah 1. Alat elektronik
2. Dapat menerima input data 3. Dapat mengolah data
4. Dapat memberikan informasi
5. Menggunakan suatu program yang tersimpan di memori komputer (stored program).
6. Dapat menyimpan program dan hasil pengolahan 7. Bekerja secara otomatis
(21)
2.1.1 Sistem Komputer
Sistem adalah jaringan daripada elemen-elemen yang saling berhubungan, membentuk satu kesatuan untuk melaksanakan suatu tujuan pokok dari sistem tersebut. Tujuan pokok dari sistem komputer adalah mengolah data untuk menghasilkan informasi, supaya tujuan pokok tersebut terlaksana, maka harus ada elemen-elemen yang mendukungnya.
Elemen-elemen dari sistem komputer adalah software, hardware dan brainware. 1. Hardware (perangkat keras/piranti keras) adalah peralatan di sistem komputer
yang secara fisik terlihat dan dapat dijamah.
2. Software (perangkat lunak/piranti lunak) adalah program yang berisi perintah-perintah untuk melakukan pengolahan data.
3. Brainware adalah manusia yang terlibat di dalam mengoperasikan serta mengatur sistem komputer.
Ketiga elemen sistem komputer tersebut harus saling berhubungan dan membentuk satu kesatuan. Hardware tanpa adanya software, maka tidak akan berfungsi seperti yang diharapkan, hanya berupa benda mati saja. Hardware yang telah didukung oleh software juga tidak akan berfungsi jika tidak ada manusia yang mengoperasikannya. Akan tetapi jika ketiga elemen tersebut sudah berhubungan dan berinteraksi dengan baik, maka kita dapat mengolah hasil sesuai yang di harapkan.
(22)
2.1.2 Pengertian Sistem
Beberapa pengertian tentang sistem adalah sebagai berikut:
1. Dalam kamus Inggris – Indonesia nya Jhon M-Echols dan Hasan Shadily, “System”diartikan sebagai susunan.
2. Menurut M.Alexander dalam buku Information System Analysis : Theori and Application, sistem merupakan suatu grup dari elemen-elemen baik yang berbentuk fisik maupun non-fisik yang menunjukkan suatu kumpulan yang saling berhubungan diantaranya dan berinteraksi bersama-sama menuju suatu atau lebih tujuan, sasaran atau akhir dari sebuah sistem.
3. Dalam pengertian lain, sistem juga diartikan sebagai cara.
Dalam beberapa pengertian di atas dapat diambil suatu kesimpulan bahwa sistem adalah kesatuan yang utuh terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu.
2.1.3 Penegertian Informasi
Beberapa pengertian informasi adalah sebagai berikut:
a. Menurut Gordon B. Davis dalam bukunya Management Information System Conceptual Foundation, Structures, and Development menyebutkan informasi sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami dalam keputusan sekarang maupun masa depan.
(23)
b. Menurut Barry E. Cushing dalam buku Accounting Information System anda Business Organisation dikatakan bahwa informasi merupakan sesuatu yang menunjukkan hasil pengolahan data yang diorganisasi dan berrguna kepada orang yang menerimanya.
c. Menurut Robert N. Anthony dan Jhon Dearden dalam buku Management Control System, menyebut informasi sebagai suatu kenyataan, data, item yang menambah pengetahuan bagi penggunanya.
d. Menurut Stephen A. Moscope dan Mark G. Sinkin dalam bukunya Accounting Information System : Concept and Practice mengatakan informasi sebagai kenyataan atau bentuk-bentuk yang berguna yang dapat digunakan untuk pengambilan keputusan.
Dari pengertian di atas, dapat disimpulkan bahwa informasi merupakan hasil pengolahan data menjadi bentuk yang lebih berguna bagi yang menerimanya yang menggambarkan suatu kejadian nyata dan dapat digunakan sebagai alat bantu untuk pengambilan suatu keputusan.
2.2 Bagan Alir (Flowchart)
Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma-algoritma dalam suatu program, yang menyatakan arah alur program tersebut.
(24)
Tabel 2.1 Tabel Simbol-Simbol Data Flow Diagram
SIMBOL NAMA FUNGSI
TERMINATOR Permulaan/akhir program
GARIS ALIR
(FLOW LINE) Arah aliran program
PREPARATION Proses inisialisasi/pemberian harga
awal
PROSES Proses perhitungan/proses
pengolahan data
INPUT/OUTPUT DATA
Proses input/output data, parameter, informasi
PREDEFINED PROCESS (SUB PROGRAM)
Permulaan sub program/proses menjalankan sub program
DECISION
Perbandingan pernyataan, penyeleksian data yang memberikan pilihan untuk langkah
selanjutnya
ON PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada satu
halaman
OFF PAGE CONNECTOR
Penghubung bagian-bagian flowchart yang berada pada
halaman berbeda
DOCUMENT
Simbol dokumen merupakan symbol untuk menunjukkan data
yang berbentuk kertas maupun informasi
LINE CONNECTOR
Arus/flow dari prosedur yang dapat dilakukan dari atas kebawah, dari bawah ke atas, dan dari kiri ke
(25)
2.3 Sejarah Internet
Internet merupakan jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek ARPA yang disebut ARPANET
(Advanced Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP
(Transmission Control Protocol/Internet Protocol).
Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu Departemen Pertahanan Amerika Serikat (US Department of Defense) membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan untuk menghindari terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan.
Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu Stanford Research Institute, University of California, Santa Barbara, University of Utah,
(26)
Oleh sebab itu ARPANET dipecah manjadi dua, yaitu MILNET untuk keperluan militer dan ARPANET baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA Internet, yang kemudian disederhanakan menjadi Internet.
Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan. Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga diperkenalkan sebagai lambang penting yang menunjukkan "at" atau "pada". Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat.
Komputer University College di London merupakan komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan ARPANET. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern.
Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan
(27)
telepon televisi pertama, dimana orang bisa saling menelepon sambil berhubungan dengan video link. Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan. Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protocol atau IP yang kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET.
Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau
Domain Name System. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat manjadi 10.000 lebih. Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat.
Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu komputer dengan komputer yang lainnya, yang membentuk jaringan itu.
(28)
Program inilah yang disebut www, atau Worl Wide Web. Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing the internet. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya
virtual-shopping atau e-retail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.
2.4 WWW (World Wide Web)
World Wide Web (biasa disingkat WWW) atau web adalah salah satu dari sekian banyak layanan yang ada di internet. Layanan ini paling banyak digunakan di internet untuk menyampaikan informasi karena sifatnya mendukung multimedia. Artinya informasi tidak hanya disampaikan melalui teks, tapi juga gambar, video dan suara.
Beberapa Jenis Web:
1. Web Server adalah komputer yang tergabung dalam jaringan atau internet yang memberikan informasi.
2. 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
(29)
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.5 HTML (HyperText Markup Language)
HTML merupakan suatu script di mana kita menampilkan informasi dan daya kreasi lewat internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah untuk dimengerti dibangdingkan bahasa program lainnya, dank arena bentuknya maka HTML dapat dibaca oleh platform yang berlainan seperti Windows, Linux, dan lainnya. Walaupun berbentuk dokumen teks biasa, HTML memiliki perbedaan dengan dokumen lain seperti dokumen Word. Perbedaan yang paling mencolok adalah pada dokumen Word, banyaknya karakter akan terbatasi oleh besarnya kertas, sehingga jika teks yang ada di dalamnya banyak maka banyak pula halamannya. Sedangkan HTML tidak memiliki batasan teks, sehingga tidak ada pemisahan halaman yang satu dengan lainnya.
HTML merupakan bahasa pemrograman fleksible di mana kita bisa meletakkan script dari bahasa pmrograman lain seperti Java, Visual Basic, dan lain-lain. Jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman tertentu, browser tidak menampilkan kotak dialog “Syntax Error” jika ada penulisan
(30)
kode yang keliru pada script HTML sepanjang kode-kode yang kita tuliskan merupakan kode-kode HTML tanpa penambahan kode-kodedari luar seperti Java. Oleh karena itu, jika terjadi syntax error pada script HTML efek yang paling jelas adalah HTML tersebut tidak akan ditampilkan pada jendela browser.
Hypertex pada HTML berarti bahwa kita dapat menuju ke suatu tempat, missal website atau halaman homepage lain, dengan cara memilih suatu link yang biasa digaris bawahi atau diwakili oleh suatu gambar. Selain link ke website atau
homepage lain, Hypertex juga mengizinkan kita menuju kesalah satu bagian teks itu sendiri. Sedangkan Markup Language menunjukkan fasilitas yang berupa tanda tertentu dalam setiap script HTML di mana kita bisa mengeset judul, garis, table, gambar dan lain-lain dengan perintah khusus.
2.6 PHP (Personal Home Page)
Dunia internet semakin berkembang, terutama dalam penggunaannya dalam bidang dunia komunikasi dan informasi, baik yang bersifat intern dan umum. Yang dimaksud dengan intern adalah data yang disimpan dalam server yang hanya dapat diakses oleh pihak-pihak tertentu. Data umum boleh diakses oleh semua pihak untuk membuat
website yang dinamis dan mudah di update setiap saat dari browser, dibutuhkan sebuah program yang mampu mengelola data dari komputer server itu sendiri sehingga mudah dan nyaman disajikan browser.
(31)
Salah satu program yang dapat dijalankan di server dan cukup handal adalah PHP. PHP adalah salah satu bahasa pemrograman yang berjalan dalam sebuahweb server dan berfungsi sebagai pengelola data pada sebuah server . Dengan menggunakan program PHP, sebuah website lebih interaktif dan dinamis. Data yang dikirim oleh pengunjung website akan diolah dan disimpan pada database web server
dan dapat ditampilkan kembali apabila dibuthkan sewaktu-waktu.
PHP merupakan bahasa standar yang digunakan dalam dunia website yang berbentuk script dan diletakkan dalam web server . PHP diciptakan dari ide Rasmus Lerdhof yang membuat sebuah script perl. Script tersebut sebenarnya dimaksudkan untuk digunakan sebagai program untuk dirinya sendiri, akan tetapi kemudian dikembangkan lagi sehingga menjadi sebuah bahasa yang disebut”Personal Home Page”. PHP adalah bahasa pemrograman yang baru dibangun sekitar tahun 1994. PHP dapat menggantikan website statis yang menggunakan HTML menjadi website
dinamis.
2.6.1 Kelebihan dan Kelemahan PHP
Beberapa keunggulan yang dimiliki program PHP adalah sebagai berikut: 1. PHP mempunyai tingkat akses yang lebih cepat
2. PHP memiliki tingkat lyfe cycle yang cepat sehingga selalu mengikuti perkembangan teknologi unternet
3. PHP memiliki tingkat keamanan yang tinggi
(32)
5. PHP juga mendukung akses ke beberapa database yang sudah ada, antara lain
MySQL, Microsoft SQL Server, PostgressSQL dan sebagainya 6. PHP bersifat gratis (free).
PHP adalah program yang fleksibel, artinya script-script PHP dapat dituliskan pada sela-sela tag HTML karena PHP memiliki sifat yang dapat berkontraksi dengan program lain.
Akan tetapi PHP juga dapat berdiri sendiri sehingga tidak memerlukan HTML murni untuk meletakkan script-scriptnya.
Contoh penulisan script PHP dalam tag HTML murni adalah sebagai berikut:
<html>
<head></head> <body>
<?php
echo”Selamat Datang di PHP”;
?> </body> </html>
Adapun kelemahan PHP adalah:
1. Tidak ideal untuk pengembangan skala besar
2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau penggunaan template dapat memperbaikinya).
(33)
PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrograman dan kurang jeli memperhatikan isu dan konfigurasi PHP.
2.7 Pengenalan MySQL ( My Stuctured Query Language)
MySQL (My Structured Query Language) adalah sebuah pembuat database yang bersifat open source, artinya siapa saja boleh menggunakannya dan bebas mendapatkannya dengan mendownload dari situs www.mysql.com secara gratis.
MySQL awalnya produk yang berjalan pada platform linux seperti halnya PHP, karena sifatnya yang open source MySQL dapat dijalankan baik di linux maupun Windows.
MySQL juga merupakan program database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multiuser ( banyak pengguna ). Saat ini database MySQL
telah digunakan oleh semua programmer ddatabase apalagi dalam pemrograman
website.
2.7.1 Sejarah MySQL
MySQL merupakan hasil buah pikiran dari Michael “Monthy” Widenius, David
Axmark dan Allan Larson dimulai tahun 1995. Mereka bertiga kemudian mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya program MySQL adalah untuk mengembangkan aplikasi website yang akan digunakan oleh salah satu
(34)
memberikan pelayanan seputar MySQL database. Memang pada saat itu MySQL AB adalah sebuah perusahaan database dan pengembang software menggunakan nama
Tex DataConsult AB.
2.7.2 Kelebihan MySQL
Kelebihan MySQL adalah menggunakan bahasa query standar yang dimiliki SQL. SQL adalah suatu bahasa permintaan yang terstruktur dan yang telah di standarkan untuk semua program pengakses database seperti Oracle, PostgressSQl, Microsoft SQL Server dan sebagainya.
Adapun yang menjadi kelebihan MySQL dari program database lain: 1. Kecepatan mengakses database sebanding database lainnya.
2. Perintah yang digunakan pada MySQL adalah standar SQL yang mudah diingat dalam proses instalasinya relative mudah.
3. Sifatnya open source, siapapun dapat mengembangkan MySQL dan hasil pengembangan tersebut diserahkan kepada umum atau komunitas open source.
4. Kapabililtas, MySQL mampu mengelola database untuk 60 ribu table dengan jumlah baris 5 Milyar.
5. Replikasi data, memiliki beberapa database bayangan pada beberapa server lainnya yang berasal dari database induk, sehingga akan meningkatkan kinerja dan kecepatan.
6. Konektivitas dan keamanan, MySQL mendukung dan menerapkan sistem keamanan dan izin akses tingkat tinggi.
(35)
7. Fleksibilitas, mendukung perintah ANSI SQL 99 dan beberapa perintah
database alternatif lainnya sehingga memudahkan untuk beralih ke MySQL. 8. Dapat dijalankan pada beberapa sistem operasi yang berbeda seperti linux,
windows, machintos, solaris, dan sebagainya. 9. Biaya rendah (relative gratis).
2.8 Apache
Apache merupakan software yang dikeluarkan oleh grup Apache. Grup Apache
terlibat dalam suatu proyek ayng disebut Proyek Apache untuk mengembangkan suatu
software implementasi di server HTTP (web) yang handal, standar komersial, source code nya didistribusikan secara gratis.
2.9 Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah editor HTML professional untuk mendesain secara visual dan mengelola situs Web maupun halaman Web. Macromedia Dreamweaver 8 adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan akan cepat selesai.
(36)
Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya. Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh
Web Desainer maupun Web Programmer guna mengembangkan situs Web. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu menigkatkan produktivitas dan efektivitas dalam desain maupun membangun situs Web.
2.10 CSS ( Cascading Style Sheet)
CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan
layout halaman web. Dengan mendefenisikan suatu style sekali saja, itu akan dapat digunakan berulang kali.
CSS telah didukung oleh kebanyakan browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag
minimal berpengaruh terhadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang lain dapat ditampilkan sesudahnya. Selain itu penggunaan file CSS secara terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.
(37)
BAB 3
GAMBARAN SEKILAS TENTANG SMA NEGERI 1 TALAWI
3.1 Profil Sekolah
1. Nama Sekolah : SMA Negeri 1 Talawi
2. Nomor Statistik : 301072206008
3. Provinsi : Sumatera Utara
4. Otonomi Daerah : Kabupaten Batu-Bara
5. Kecamatan : Talawi
6. Desa / Kelurahan : Pahang
7. Jalan dan Nomor : Jalan Besar Desa Pahang
8. Kode Pos : 21254
9. Telepon : ( 0623 ) 51197
10. Faximile / Fax : -
11. Status Sekolah : Negeri
12. Kelompok Sekolah : SMA
13. Akreditasi : A
(38)
15. Penerbit SK Ditanda Tangani Oleh : KEMDIKBUD ( Kementrian Pendidikan dan Kebudayaan )
16. Tahun Berdiri : 1987
17. Tahun Penegrian : 1987
18. Kegiatan Belajar Mengajar : Pagi
19. Bangunan Sekolah : Milik Sendiri 20. Jarak Ke Pusat Kecamatan : 1 km
21. Jarak Ke Pusat Otoda : 5 km 22. Terletak Pada Lintasan : Kecamatan 23. Jumlah Keanggotaan Rayon : 4 Sekolah 24. Organisasi Penyelenggara : Pemerintahan
3.2 Visi, Misi, dan Tujuan Sekolah
3.2.1 Visi
Memberdayakan Komponen Sekolah demi mewujudkan siswa yang berpestasi, beriman dan bertaqwa.
3.2.2 Misi
1. Melaksanakan kegiatan proses belajar secara efektif sehingga siswa berkembang secara optimal sesuai dengan prestasi yang dimiliki.
(39)
3. Memberi latihan dan pembinaan olahraga dan seni terhadap siswa secara intensif dan terjadwal.
4. Menumbuhkan rasa cinta dan penghayalan terhadap ajaran agama yang diyakini masing-masing siswa sehingga menjadi sumber kearifan dalam bertindak.
5. Meningkatkan kegiatan praktikum IPA dan TIK.
3.2.3 Tujuan
Meningkatkan mutu siswa, kompetensi guru, disiplin dan peraturan serta tata tertib sekolah.
Untuk mencapai standar mutu pendidikan yang dapat dipertanggungjawabkan secara nasional, kegiatan pembelajaran di sekolah mengacu pada Standar Kompetensi Kelulusan yang telah ditetapkan oleh BSNP sebagai berikut :
1. Berperilaku sesuai dengan ajaran agama yang dianut sesuai dengan perkembangan remaja.
2. Mengembangkan diri secara optimal dengan memanfaatkan kelebihan diri serta memperbaiki kekurangannya.
3. Menunjukkan sikap percaya diri dan bertanggung jawab atas perilaku, perbuatan dan pekerjaannya.
4. Berprestasi dalam penegakkan aturan-aturan social.
5. Menghargai keberagaman agama, suku, ras dan golongan social ekonomi dalam lingkup global.
(40)
6. Membangun dan menerapkan informasi dan pengetahuan secara logis, kritis, kreatif dan inovatif.
7. Menunjukkan kemampuan berpikir logis, kritis, kreatif dan inovatif dalam pengambilan keputusan.
8. Menunjukkan sikap kompetitif dan sportif untuk mendapatkan hasil yang terbaik.
9. Menunjukkan kemampuan menganalisa dan memecahkan masalah kompleks. 10.Menunjukkan kemampuan menganalisa gejala alam dan sosial.
11.Memanfaatkan lingkungan secara produktif dan bertanggung jawab.
12.Berpartisipasi dalam kehidupan bermasyarakat, berbangsa dan bernegara secara demokrasi dalam wadah Negara Kesatuan Republik Indonesia (NKRI). 13.Mengekspresikan diri melalui kegiatan seni dan budaya.
14.Mengapresiasi karya seni dan budaya.
15.Menghasilkan karya kreatif, baik individual maupun kelompok.
16.Menjaga kesehatan dan keamanan diri dan orang lain dalam pergaulan di masyarakat.
17.Berkomunikasi lisan dan tulisan secara efektif dan.
18.Memahami hak dan kewajiban diri dan orang dalam pergaulan di masyarakat. 19.Menghargai adanya perbedaan pendapat dan berempati terhadap orang lain. 20.Menunjukkan ketrampilan membaca dan menulis naskah secara sistematis dan
estesis.
21.Menunjukkan ketrampilan menyimak, membaca, menulis dan berbicara dalam bahasa Indonesia dan Inggris.
22.Menguasai pengetahuan dan keterampilan ilmu teknologi informasi dan komunikasi praktis.
(41)
3.3 Struktur Organisasi
Struktur organisasi adalah merupakan gambaran secara teknis tentang hubungan kerjasama dari orang-orang yang ada dalam organisasi. Struktur organisasi juga menunjukkan kerangka dan susunan perwujudan pola tetap hubungan-hubungan diantara fungsi-fungsi, bagian-bagian, maupun orang-orang yang menunjukkan kedudukan, tugas, wewenang dan tanggung jawab yang berbeda-beda dalam suatu organisasi. Struktur organisasi mengandung unsur-unsur spesialis kerja, standarisasi, koordinasi, sentralisasi, atau desentralisasi dalam pembuatan keputusan dan ukuran status kerja.
Secara garis besarnya Struktur Organisasi SMA Negeri 1 Talawi terlihat sebagai berikut:
(42)
BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Perancangan Sistem adalah upaya suatu organisasi atau lembaga untuk memulai memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan.
4.2 Data Flow Diagram ( DFD )
Data Flow Diagram adalah suatu gambaran grafis dalam suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur, jelas, dan menggunakan bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan. Gambaran ini tidak tergantung pada perangkat keras, perangkat lunak, struktur data atau organisasi.
(43)
Adapun Data Flow Diagram yang penulis ajukan, yaitu:
1. Diagram Konteks
(44)
(45)
Dengan adanya aliran informasi dapat membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman di dalam situs tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file
HTMLnya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana aliran informasi dalam membangun situs ini dapat dilihat pada gambar di bawah ini:
(46)
4.3 Bagan Alur Flowcahart
4.3.1Flowchart Menu Utama
(47)
Flowchart di atas menjelaskan bagan dari halaman menu utama website. Di dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan oleh admin tentang SMA Negeri 1 Talawi agar dapat dilihat oleh user tanpa harus melakukan proses login terlebih dahulu.
4.3.2Flowchart Halaman Admin
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke halaman ini admin harus login terlebih dahulu. Jika username dan password yang di masukkan benar maka akan masuk ke halaman admin, dan jika salah maka akan muncul peringatan bahwa kombinasi kedua inputan tersebut salah dan akan meminta login kembali.
(48)
Gambar 4.6 Flowchart Admin
4.3.3Flowchart Pendaftaran
Flowchart ini menjelaskan tentang jalannya proses pendaftaran yang akan dilakukan calon siswa baru. Calon siswa melakukan proses daftar dengan mengisi form pendaftaran kemudian di submit.
(49)
Jika data telah selesai diinput, maka proses selesai dan jika salah maka web akan memberitahu bahwa data belum diisi dengan benar dan lengkap.
Gambar 4.7 Flowchart Pendaftaran
4.4 Perancangan Halaman Website
Adapun halaman-halaman yang dibuat oleh penulis adalah:
1. Halaman Home merupakan halaman yang pertama kali muncul pada saat website dibuka.
2. Halaman Profil merupakan halaman yang berisikan tentang profil sekolah, mengenai Visi & Misi, serta Tujuan SMA Negeri 1 Talawi.
(50)
3. Halaman Galeri merupakan halaman yang berisikan foto-foto SMA Negeri 1 Talawi.
4. Halaman Staff Pengajar merupakan halaman berisikan data-data mengenai guru-guru yang mengajar SMA Negeri 1 Talawi.
5. Halaman Cara Daftar merupakan halaman yang berisikan mengenai cara mendaftar di website yang penulis buat ini.
6. Halaman Daftar merupakan halaman form pendaftaran siswa baru SMA Negeri 1 Talawi.
7. Halaman Admin merupakan halaman yang khusus diakses oleh admin untuk melakukan pengaturan seperti mengedit, menghapus, serta menambahkan isi yang ada di halaman utama website.
4.5 Mempersiapkan Basis Data
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan, dan menampilkan isi basis data ke halaman
web. Basis data terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun basis data yang dibuat oleh penulis adalah basis data “ta” dengan table -tabel sebagai berikut:
(51)
1. Tabel Admin
Tabel 4.1 Tabel admin
2. Tabel Galeri
Tabel 4.2 Tabel galery
3. Tabel pendaftar
Tabel 4.3 Tabel pendaftar
No. Field Name Type and Width
1 Nama Varchar(32)
2 password Varchar(32)
3 Foto Varchar(50)
No. Field Name Type and Width
1 id_gambar Varchar(50)
2 nama_gambar Varchar(50)
No. Field Name Type and Width
1 no_pendaftar Int(4)
2 nama Varchar(30)
3 nisn Int(17)
4 foto Text
5 jk Varchar(10)
6 tempat Varchar(30)
7 ttl date
8 Agama Varchar(20)
9 alamat text
10 no_hp Varchar(12)
11 nama_OW Varchar(30)
12 alamat_OW Text
13 pekerjaan_OW Varchar(30)
14 noHp_OW Varchar(12)
15 nama_sekolah Varchar(50)
16 alamat_sekolah text
17 no_PU Int(15)
18 Jumlah_nilai_UN Float
(52)
4. Tabel Profil
Tabel 4.4 Tabel profil
5. Tabel Staff Pengajar
Tabel 4.5 Tabel staffpengajar
No. Field Name Type and Width
1 id text
2 tittle text
3 Isi text
No. Field Name Type and Width
1 id_guru Varchar(10)
2 nama Varchar(50)
3 tempat Varchar(100)
4 tgl_lahir Date
5 Agama Varchar(30)
6 keahlian Varchar(50)
7 jabatan Varchar(50)
8 nip Varchar(30)
9 golongan Varchar(50)
(53)
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi Sistem adalah prosedur yang dilakukan dalam menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan mengujinya,
menginstall dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah- langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mengkaji apakah sistem yang telah dibuat dapat memberikan manfaat dan kontribusi yang signifikan kepada user yang menggunakannya.
2. Mengkaji rangakaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data penyajian informasi.
3. Memastikan bahwa penggunaan dan manfaat sistem yang telah dibuat lebih baik dari sistem yang telah ada sebelumnya.
(54)
5.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut:
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.
2. Menyelesaikan rancangana sistem yang ada di dalam dokumen sistem yang baru atau yang telah disetujui.
3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4. Memastikan bahwa sistem yang telah berjalan dengan lancer dengan mengontrol dan melakukan instalasi secara benar.
5.3 Komponen Sistem
Komponen-komponen sistem yang dibutuhkan dalam membangun aplikasi ini diantaranya adalah:
5.3.1 Hardware
Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:
(55)
2. Hard disk untuk tempat sistem beroperasi dan sebagai media penyimpanan data.
3. Memori minimal 128 Mb. 4. Monitor super VGA.
5. Keyboard untuk melakukan input data.
6. Mouse digunakan untuk mengaktifkan / menggerakkan pointer. 7. Printer untuk mencetak hasil laporan.
5.3.2 Software
Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah:
1. Sistem Operasi Ms. Windows 7. 2. Google Chrome sebagai browser.
3. PHP merupakan software yang digunakan untuk membangun sebuah PHP server didalam windows.
4. MySQL adalah multiuser database dalam bahasa SQL (Stucture Query Language).
5. HTML Editor adalah software yang dipakai untuk mendesain web seperti : Sublime, Micromedaia Dreamweaver dan software yang lain.
6. Web server sebagai server local sebelum file-file dan script web dipublikasikan pada ISP (Internet Service Provider), yang disebut PWS (Personal Web Server) atau Apache.
(56)
5.3.3 Brainware
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan, dan penggunaaan keluaran sistem informasi.
Brainware dalam sistem informasi terbagi 3 yaitu:
1. Sistem Analis
Orang yang menganalisa sistem dengan mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.
2. Programmer
Orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasai.
3. Operator
Orang yang memakai sistem.
5.4 Prosedur Penggunaan Sistem
Ketika telah selesai mengerjakan tahap perancangan sistem, baik dalam merancang table-tabel di dalam database dengan menggunakan phpMyAdmin maupun dalam merancang halaman-halaman website, kini program tersebut dapat dijalankan.
(57)
Adapun prosedur penggunaan sistem secara manual dapat diuraikan sebagai berikut:
1. Aktifkan software Apache dan MySQL yang telah diinstal pada komputer / laptop dengan cara mengklik start.
2. Kemudian buka salah satu aplikasi Web Browser yang ada pada komputer / laptop anda seperti Google Chrome.
3. Lalu ketikan pada alamat website sesuai dengan nama folder di mana disimpan, contoh: http://localhost/K-TA/home.php dalam address bar untuk menampilkan menu utama kemudian tekan enter.
4. Setelah halaman menu utama terbuka, ada terdapat beberapa pilihan halaman link yang disajikan untuk user oleh admin. Pilih salah satu link tersebut.
5. Link pendaftaran berisikan suatu form yang harus diisi oleh calon siswa baru pada waktu mendaftar.
(58)
Adapun penggalan dan program untuk menampilkan form yang terlihat seperti di atas adalah:
<?php
include('../../koneksi/koneksi.php');
$query="select no_pendaftar from pendaftar"; $ex=mysql_query($query);
if(mysql_num_rows($ex)==0){ $nop='1001';
} else{
$query1="select max(no_pendaftar) as no_pendaftar from pendaftar"; $ex1=mysql_query($query1); $data=mysql_fetch_array($ex1); $no=$data['no_pendaftar']; $nop=$no+1; } ?> <div class="wrapper-luar">
<form method="post" action="hasil.php" enctype="multipart/form-data"> <table class="table">
<th id="judul" align="center" colspan="2">DATA PRIBADI CALON SISWA</th> <tr>
<td id="kolom1">Nomor Pendaftaran</td> <td id="kolom2">
<?php echo"$nop";
echo"<input type=\"hidden\" name=\"no_pendaftar\" value=\"".$nop."\" />";
?> </td> </tr> <tr>
<td id="kolom1">Masukkan Foto Anda</td> <td id="kolom2-2">
<input type="file" name="foto"> </td>
</tr> <tr>
<td id="kolom1">Nama Lengkap</td> <td id="kolom2">
<input type="text" size="35" name="nama"> </td>
</tr> <tr>
<td id="kolom1">Nomor Induk Siswa Nasional(NISN)</td> <td id="kolom2">
<input type="text" size="30" name="nisn"> </td>
(59)
<tr>
<td id="kolom1"> Jenis Kelamin</td> <td id="kolom2-2">
<input type="radio" value="Laki-Laki" name="jk">Laki-Laki <input type="radio" value="Perempuan" name="jk">Perempuan </td>
</tr> <tr>
<td id="kolom1"> Tempat / Tanggal Lahir </td> <td id="kolom2">
<input type="text" size="20" text-align="center" name="tempat"> <select name="tanggal">
<?php
for($i=1; $i<=31; $i++) {
echo "<option value=\"$i\">$i</option>" ; } ?> </select> <select name="bulan"> <option value="01">January</option> <option value="02">February</option> <option value="03">Maret</option> <option value="04">April</option> <option value="05">Mei</option> <option value="06">Juni</option> <option value="07">Juli</option> <option value="08">Agustus</option> <option value="09">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option> </select> <select name="tahun"> <?php
for($i=1997; $i<=2000; $i++) {
echo "<option value=\"$i\">$i</option>" ; } ?> </select> </td> </tr> <tr> <td id="kolom1">Agama</td> <td id="kolom2"> <select name="Agama"> <option value="Islam">Islam</option>
<option value="Kristen Katolik">Kristen Katolik</option> <option value="Kristen Protestan">Kristen Protestan</option> <option value="Budha">Budha</option>
<option value="Hindu">Hindu</option> </select>
(60)
<tr>
<td id="kolom1">Alamat Siswa</td> <td id="kolom2">
<textarea id="area" rows="4" cols="30" name="alamat"></textarea> </td>
</tr> <tr>
<td id="kolom1">No Hp Siswa</td> <td id="kolom2">
<input type="text" size="30" name="no_hp"> </td>
</tr> <tr>
<td id="kolom1">Nama Orang Tua / Wali</td> <td id="kolom2">
<input type="text" text-align="center" name="nama_OW"> </td>
</tr> <tr>
<td id="kolom1">Alamat Orang Tua / Wali</td> <td id="kolom2">
<textarea id="area" rows="4" cols="30" name="alamat_OW"> </textarea>
</td> </tr> <tr>
<td id="kolom1">Pekerjaan Orang Tua / Wali</td> <td id="kolom2">
<input type="text" text-align="center" name="pekerjaan_OW"> </td>
</tr> <tr>
<td id="kolom1">No Hp Orang Tua / Wali</td> <td id="kolom2">
<input type="text" size="30" name="noHP_OW"> </td>
</tr> <tr></tr> </table>
<table class="table">
<th id="judul" colspan="2">ASAL SEKOLAH</th> <tr>
<td id="kolom1">Nama Sekolah</td> <td id="kolom2">
<input type="text" size="30" name="nama_sekolah"> </td>
</tr> <tr>
<td id="kolom1">Alamat Sekolah</td> <td id="kolom2">
<textarea rows="4" cols="30" name="alamat_sekolah"></textarea> </td>
(61)
<tr>
<td id="kolom1">Nomor Peserta UN SMP / MTS </td> <td id="kolom2">
<input type="text" size="30" name="no_PU"> </td>
</tr> <tr>
<td id="kolom1">Jumlah Nilai UN</td> <td id="kolom2">
<input type="text" size="12" name="Jumlah_nilai_UN"> </td>
</tr> <tr>
<td></td>
<td id="kolom2-1">
<input id="masuk" type="submit" name="Daftar" value="Daftar"> </td>
</tr> </table> </form> </div>
Selanjutnya setelah data-data tersebut diisi oleh calon siswa, data itu akan tersimpan ke dalam database, yang selanjutnya akan diolah oleh admin agar diperoleh hasil berapa banyak siswa yang LULUS ataupun GAGAL yang dilihat berdasarkan NEM UN calon siswa.
6. Untuk Melihat para pendaftar yang LULUS, dapat diliahat di halaman Admin tepatnya di link Daftar.
(62)
Gambar 5.2 Tampilan Halaman Daftar( Siswa yang LULUS)
Adapun penggalan program dari tampilan di atas adalah:
<div id="data-pendaftar-lulus"> <div id="link-atas-lulus"> <ul>
<li>
<div id="bulat-lulus">
<a href="daftar.php?menu=menu2&link-atas=link1"> <img id="gambar-bulat-lulus" src="../../icon/file.ico"> <p>Data Seluruhnya</p>
</a> </div> </li>
(63)
<li>
<div id="bulat-lulus">
<a href="daftar.php?menu=menu2&link-atas=link2"> <img id="gambar-bulat-lulus" src="../../icon/data-l.png"> <p>Data Laki-Laki</p>
</a> </div> </li> <li>
<div id="bulat-lulus">
<a href="daftar.php?menu=menu2&link-atas=link3"> <img id="gambar-bulat-lulus" src="../../icon/data-p.png">
<p>Data Perempuan</p> </a>
</div> </li> </ul> </div>
<div id="isinya-lulus"> <div id="data-lulus"> <?php
$link_atas=$_GET['link-atas']; if ($link_atas=='link1') {
include('data-seluruhnya-lulus.php'); }
elseif ($link_atas=='link2') { include('data-laki2-lulus.php');
}
elseif ($link_atas=='link3'){
include('data-perempuan-lulus.php'); }
?> </div> </div> </div>
7. Link Administrator terpisah dari halaman utama untuk mencegah terjadinya penyalahgunaan otoritas Admin. Link Admin yang Penulis buat hanya bisa diakses oleh Administrator yang telah terdafatar sebagai Admin. Di dalam halaman Admin terdapat beberapa link yang dapat di edit, dihapus, serta ditambah data-data di dalamnya.
(64)
Gambar 5.3 Tampilan Halaman Admin
Adapun penggalan program untuk menampilkan seperti gambar diatas adalah:
<?php
error_reporting(0); include('fungsi.php'); session_start();
$user=$_SESSION['nama']; $passw=$_SESSION['pass'];
if(!empty($user) and !empty($passw)){ ?>
<html> <head>
<title></title>
<link rel="stylesheet" type="text/css" href="style/style-admin.css"> </head>
<body>
<div class="wrapper-admin"> <div class="head">
<div id="logo">
<p>PSB ONLINE</p>
<p id="sub">Penerimaan Siswa Baru</p>
<!-- <p id="sekolah">SMA NEGERI 1 TALAWI</p> --> </div>
(65)
<div id="judul"> <p>HALAMAN ADMIN</p> </div> </div> <div class="content"> <div id="kiri"> <div id="gambar-logout">
<a href="admin.php?logout"><img id="logout" src="gambar/shutdown.png"></a> </div>
<div id="lingkaran">
<a href="menu/profil/profil.php?awal=profil">
<img id="gambar" src="icon/building.png?awal=profil">Profil </a>
<a id="galeri" href="menu/galery/galery.php?awal=galeri"> <img id="gambar-galeri" src="icon/gallery-icon.png">Galeri </a>
<a id="staff" href="menu/staff/staff.php?awal=staff"> <img id="gambar-staff" src="icon/staff6.png">staff </a>
<a id="cara-daftar" href="menu/daftar-ulang/daftar-ulang.php?action=daftar"> <img id="gambar-cara-daftar" src="icon/cara-daftar2.png">Daftar Ulang </a>
<a id="daftar" href="menu/daftar/daftar.php?awal=daftar"> <img id="gambar-daftar" src="icon/icon-register.png">Daftar </a>
<a id="admin" href="menu/admin/halaman-admin.php?awal=admin"> <img id="gambar-admin" src="icon/robot.png">Admin
</a>
<div id="lingkaran-dalam">
<a id="home" href="menu/home.php">
<img id="gambar-home" src="icon/home.png?awal=home">HOME </a> </div> </div> </div> </div> <div class="footer">
<p>copyright © 2013</p> </div> </div> </body> </html> <?php } else{
echo "belum login"; }
?>
8. Link Logout di Halaman Admin digunakan untuk keluar dari halaman admin dan kembali ke halaman utama Admin.
(66)
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari hasil pembahasan tentang perancangan sistem Penerimaan Siswa Baru SMA Negeri 1 Talawi berbasis web, maka penulis dapat mengambil beberapa kesimpulan diantaranya adalah sebagai berikut:
1. Dalam pembuatan basis data website yang Penulis bangun untuk Tugas Akhir ini, penulis menggunakan MySQL.
2. Penulisan Coding ( Skript Program ) website ini, Penulis menggunakan bantuan Program Sublime Text, dan Macromedia Dream Weaver karena Program ini Penulis rasa sangat cocok untuk penulisan Coding sebab program ini menawarkan kemudahan dalam penulisan karena adanya suatu kelebihan yaitu Auto text Complete yang sangat membantu jika Penulis lupa sintaks
Coding yang akan Penulis tulis dan program ini juga sangat nyaman dipandang mata karena adanya berbagai macam warna karena adanya penulisan sintaks yang berbeda-beda.
3. Website ini Penulis tujukan untuk membantu siswa-siswi baru yang akan mendaftar di SMA Negeri 1 Talawi agar tidak perlu lagi datang jauh-jauh ke
(67)
sekolah untuk mendaftarkan dirinya, cukup di rumah atau di manapun asalkan mempunyai komputer atau laptop dan jaringan internet calon siswa-siswi sudah dapat mendaftarkan dirinya ke sekolah SMA Negeri 1 Talawi.
4. Kendala yang Penulis hadapi dalam pembuatan Tugas Akhir ini adalah dalam hal pengumpulan data, karena jarak yang jauh, yaitu tempat pengumpulan datanya ada di kampung Penulis yaitu di SMA Negeri 1 Talawi yang ada di Kecamatan Talawi Kabupaten Batu-Bara dan sedangkan Penulis sendiri berada di Kota Medan, sehingga tidak memungkinkan Penulis untuk bolak-balik dari Medan ke Kabupaten Batu-Bara.
6.2 Saran
Adapun saran yang dapat diberikan Penulis untuk Pendaftaran Siswa baru secara Online pada SMA Negeri 1 Talawi adalah sebagai berikut:
1. SMA Negeri 1 Talawi hendaknya dapat menerapkan sistem berbasis web
(komputerisasi) sehingga lebih efektif dalam penyebaran informasi tentang sekolah.
2. Untuk implementasi aplikasi web ini kedepannya, dapat juga mempertimbangkan keamanan webnya(web security).
3. Dalam penggunaan aplikasi ini, hendaknya administrator diberikan pelatihan yang cukup supaya menghindari terjadinya kesalahan pengoperasian website
(68)
DAFTAR PUSTAKA
Kadir, Abdul. 2003. Dasar pemrograman Web Dinamis Dengan PHP. Yogyakarta: Penerbit Andi
Hartono, Jogianto.2000. Pengenalan Komputer. Yogyakarta: Penerbit Andi Kadir, Abdul. 2010. Mudah Menjadi Programmer. Jakarta: Penerbit Andi
Panduan Tatacara Penulisan Skripsi dan Tugas Akhir 2013. Dokumen Nomor: Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Sutarman. 2003. Membangun Aplikasi Web Dengan PHP dan MySQL. Jakarta: GRAHA ILMU
Suja. Iman. 2005. Pemrograman SQL dan Database Server MySQL. Yogyakarta: Penerbit Andi
Kadir. Abdul. 2008. Belajar Database Dengan Menggunakan PHP dan MySQL.
Yogyakarta: Penerbit Andi
(69)
KEMENTERIAN PENDIDIKAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax (061) 8214290
MEDAN – 20155, Email : dekanat@fmipa.usu.ac.id
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : WAHYU RAMADHAN
Nomor Induk Mahasiswa : 102406085
Judul Tugas Akhir : Sistem Informasi Penerimaan Siswa Baru Berbasis Web dengan Menggunakan PHP dan MySQL pada SMA Negeri 1 Talawi Dosen Pembimbing : Dra. Mardiningsih, M.Si
Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :
No Tanggal Bimbingan
Materi Paraf Dosen Pembimbing
Keterangan
1 2 3 4 5 6
* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui: Disetujui
Departemen Matematika FMIPA USU Pembimbing Utama/
Ketua, Penanggung Jawab
Prof. Dr. Tulus, M.Si Dra. Mardiningsih, M.Si NIP : 196209011988031002 NIP : 196304051988112001
(70)
SURAT KETERANGAN Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika/Statistika :
Nama : Wahyu Ramadhan
NIM : 102406085
Prog. Studi : Teknik Informatika
Judul TA : Sistem Informasi Penerimaan Siswa Baru Berbasis Web dengan Menggunakan PHP dan MySQL pada SMA Negeri 1 Talawi
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada
tanggal ……….
Dengan Hasil : Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.
Medan, Juli 2013 Dosen Pembimbing
Program Studi D3 Teknik Informatika
Dra. Mardiningsih, M.Si NIP : 196304051988112001
(71)
SMA NEGERI 1 TALAWI
Jln. Besar Desa Pahang Kec. Talawi Kab. Batu Bara Telp. 0623-51197S U R A T K E T E R A N G A N
Nomor: 420 / 30 – SMA / 2013
Yang bertanda tangan di bawah ini. Kepala Sekolah SMA Negeri 1 Talawi menerangkan bahwa:
Nama : Wahyu Ramadhan
Nim : 102406085
Jurusan : Diploma 3 Teknik Informatika Program Study : Teknik Informatika
Adalah benar telah mengadakan penelitian di SMA Negeri 1 Talawi pada tanggal 09 Maret 2013 s/d 17 Maret 2013 dengan judul:
“ SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 TALAWI “
Demikian Surat Keterangan ini diperbuat dengan sebenarnya untuk dipergunakan sebagaimana mestinya.
Labuhanruku, 17 Maret 2013 Kepala SMA Negeri 1 Talawi,
DRS. ZAINAL ARIFIN PEMBINA
(72)
LISTING PROGRAM
1. User Interface
a. home.php <html> <head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"> </head>
<body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri">
<img width="250px" height="200px" src="gambar/mobil.jpg"> </div>
<div class="judul-header">
<p class="judul-besar">PSB ONLINE</p>
<p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu"> <?php error_reporting('0'); echo"HOME"; ?> </p> </div> <div class="menu"> <ul class="menu-menu"> <li><a href="home.php">HOME</a></li> <li> <a href="menu/profil/profil.php?menu=menu2">PROFIL</a> </li> <?php include('koneksi/koneksi.php'); $query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data); ?>
<li>
<a href="menu/galeri/galeri.php?gambar=<?php echo $data2['id_gambar']; ?>">GALERI</a> </li>
<li>
<a href="menu/staffpengajar/staffpengajar.php?menu=menu4"> STAFF PENGAJAR
(73)
</a> </li> <li>
<a href="menu/cara-daftar/cara-daftar.php?menu=menu5"> CARA MENDAFTAR</a>
</li> <li>
<a href="menu/daftar/daftar.php?menu=menu6"> DAFTAR</a>
</li> </ul> </div> </div>
<div class="gambar"> <div id="isi">
<?php
include('slider.htm'); ?>
</div> </div>
<div class="content"> <div class="isi">
<?php
include('menu/home.php'); ?>
</div>
<div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="gambar/orang.jpg">
</div> </div>
<div class="footer">
copyright © 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub> ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan,
@WahyuTurtlebay </div>
</div> </body> </html>
(74)
b. profil.php <html> <head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../css/style.css"> </head>
<body>
<div class="wrapper"> <div class="header">
<div class="gambar-kiri">
<img width="250px" height="200px" src="../../gambar/mobil.jpg"> </div>
<div class="judul-header">
<p class="judul-besar">PSB ONLINE</p>
<p class="judul-kecil">Penerimaan Siswa Baru</p> <p class="sub-judul-menu"> <?php error_reporting('0'); echo"PROFIL"; ?> </p> </div> <div class="menu"> <ul class="menu-menu"> <li><a href="../../home.php?menu=menu1">HOME</a></li> <li><a href="profil.php?menu=menu2">PROFIL</a></li> <?php include('../../koneksi/koneksi.php'); $query="select *from galery"; $data=mysql_query($query); $data2=mysql_fetch_array($data); ?>
<li>
<a href="../galeri/galeri.php?gambar=<?php echo $data2['id_gambar']; ?>">GALERI</a> </li> <li> <a href="../staffpengajar/staffpengajar.php?menu=menu4"> STAFF PENGAJAR</a> </li> <li> <a href="../cara-daftar/cara-daftar.php?menu=menu5"> CARA MENDAFTAR</a> </li> <li> <a href="../daftar/daftar.php?menu=menu6"> DAFTAR</a> </li></ul>
(75)
</div> </div>
<div class="content"> <div class="isi">
<?php
$menu=$_GET['menu']; if($menu=='menu2'){
include('halamanprofil.php'); }
elseif ($menu=='isi' && $id==$id) { include('isi.php');
} ?> </div>
<div class="gambar-kanan">
<img width="260px" height="250px" align="right" src="../../gambar/orang.jpg">
</div> </div>
<div class="footer">
copyright © 2013, PSB<sub>( Penerimaan Siswa Baru ) </sub> ONLINE SMA Negeri 1 TALAWI by: Wahyu Ramadhan,
@WahyuTurtlebay </div>
</div> </body> </html>
(1)
color: white; }
table#isi-data-lulus td{ padding: 5px 10px;
border: 1px solid #d5d5d5; border-collapse: collapse; font-family: calibri; }
table#isi-data-lulus td#no-lulus{ background: rgb(70, 175, 245); color: white;
}
#isi-data-selurunhnya-lulus #bawah-lulus{ width: 100%;
}
#bawah-lulus p#jumlah-lulus{ text-align: right; font-family: calibri; font-size: 17pt; }
#bawah-lulus p#cetak-lulus{ text-align: right; font-family: calibri; font-size: 12pt; position: relative; left: -5px;
}
#bawah-lulus a{
text-decoration: none; color: black;
float: right; }
#bawah-lulus a:hover{
color: rgb(205, 5, 255); }
#bawah-lulus button{ width: 50px; height: 50px;
border-radius: 100px;
background: rgb(70, 175, 245); outline: none;
border: none; float: right; cursor: pointer; }
#bawah-lulus button:hover{
background: rgb(205, 5, 255); }
(2)
#bawah-lulus img#cetak-lulus{ width: 40px;
height: 40px; }
/**/
/*awal*/
#kanan-isi #wrapper-awal{ width: 100%; background: white; }
#wrapper-awal #awal{ position: relative; left: 100px; width: 500px; height: 500px;
background: rgb(70, 175, 245); border-radius: 1000px;
}
#awal #awal-dalam{ margin:auto; position: relative; top: 95px;
width: 300px; height: 300px; background: white; border-radius: 500px; }
#awal-dalam img#g-a{ width: 200px; height: 200px; position: relative; top: 50px;
left: 50px; }
/**/ /**/
/*Daftar Ulang*/ #kanan-isi #d-u{
margin: auto; width: 300px; height: 300px;
background: rgb(70, 175, 245); border-radius: 400px;
}
#d-u input#i-n{ width: 200px; height: 30px; position: relative; border-radius: 4px;
(3)
margin-top: 100px; margin-left: 50px; }
#d-u button#m{ width: 50px; height: 50px;
border-radius: 50px; border: none;
position: relative; margin-left: 200px; margin-top: 20px; cursor: pointer; }
#d-u button#m:hover{
background: rgb(74, 235, 215); }
/*Pendaftar Ulang*/
#kanan-isi #detail-pendaftar-ulang{ width: 100%;
}
#detail-pendaftar-ulang img#g-u{ width: 150px;
height: 200px; position: relative; margin-left: 320px; border-radius: 4px; margin-top: 20px; margin-bottom: 20px; }
#detail-pendaftar-ulang #j-d{ width: 100%;
height: 50px; float: left; }
#j-d p#j{
text-align: center; font-family: gulimche; font-size: 15pt;
font-weight: bold; }
#j-d button#b-s2{ width: 100px; height: 30px; float: right;
margin-right: 100px; cursor: pointer;
(4)
}
#j-d button#b-s2:hover{
background: rgb(74, 235, 215); border-radius: 4px;
}
#detail-pendaftar-ulang #ki-d{ width: 60%;
float: left; }
#ki-d p{
margin-left: 240px; font-family: calibri; }
#detail-pendaftar-ulang #ka-d{ width: 40%;
float: left; }
#ka-d p{
margin-left: 10px; font-family: calibri; text-transform: capitalize; }
/*Profil*/
#kanan-isi table#isi-tabel-profil{ margin: auto;
margin-top: 20px; margin-bottom: 20px; width: 600px;
border: 1px solid #fff; border-collapse: collapse; text-align: justify;
}
table#isi-tabel-profil th{ border: 1px solid #fff; border-collapse: collapse; padding: 5px 10px;
background: rgb(70, 175, 245); color: white;
text-align: center; }
table#isi-tabel-profil td{ border: 1px solid #fff; border-collapse: collapse; padding: 5px 10px; }
table#isi-tabel-profil tr#kursor:hover{ background: rgb(227, 230, 231); cursor: pointer;
(5)
#kanan-isi #edit-data-profil{ width: 100%;
}
#edit-data-profil table#tabel-profil{ margin: auto;
width: 600px;
border: 1px solid #fff; border-collapse: collapse; margin-top: 20px;
margin-bottom: 20px; }
table#tabel-profil tr{ height: 100px; }
table#tabel-profil th{ text-align: left; font-family: calibri; padding-left: 20px; padding-right: 20px; }
table#tabel-profil input#id{ width: 200px; height: 30px; border-radius: 4px; }
table#tabel-profil input#title{ width: 400px;
height: 30px; border-radius: 4px; }
table#tabel-profil input#edit{ width: 70px;
height: 30px; border-radius: 4px; float: right;
margin-right: 28px;
background: rgb(70, 175, 245); color: white;
}
table#tabel-profil input#edit:hover{ cursor: pointer;
background: red; }
#kanan-isi #tambah-data-profil{ width: 100%; }
#tambah-data-profil table#tabel-profil{ margin: auto;
(6)
border: 1px solid #fff; border-collapse: collapse; margin-top: 20px;
margin-bottom: 20px; }
table#tabel-profil tr{ height: 100px; }
table#tabel-profil th{ text-align: left; font-family: calibri; padding-left: 20px; padding-right: 20px; }
table#tabel-profil input#id{ width: 200px; height: 30px; border-radius: 4px; }
table#tabel-profil input#title{ width: 400px;
height: 30px; border-radius: 4px; }
table#tabel-profil input#tambah{ width: 70px;
height: 30px; border-radius: 4px; float: right;
margin-right: 28px;
background: rgb(70, 175, 245); color: white;
}
table#tabel-profil input#tambah:hover{ cursor: pointer;
background: red; }
g. koneksi.php <?php
$server="Localhost"; $name="root"; $pass=""; $db="ta";
$kon= mysql_connect($server,$name,$pass); $query=mysql_select_db($db,$kon);