SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 7 BINJAI TUGAS AKHIR FREDO YUDHI PUTRA.S

(1)

TUGAS AKHIR

FREDO YUDHI PUTRA.S 132406088

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATRA UTARA

MEDAN

2016

(2)

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat menyelesaikan studi pada program studi Diploma III Teknik Informatika

FREDO YUDHI PUTRA.S 132406088

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATRA UTARA

MEDAN

2016

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 7 BINJAI

Kategori : TUGAS AKHIR

Nama : FREDO YUDHI PUTRA.S

Nomor Induk Mahasiswa : 132406088

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (MIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juli 2016

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing

Dra. Elly Rosmaini, M.Si Prof. Dr. Tulus, M.Si., Ph.D

NIP. 196000520 198503 2 002 NIP. 19620901 198803 002

(4)

PERNYATAAN

SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 7 BINJAI

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.

Medan, Juli 2016

FREDO YUDHI PUTRA.S 132406088

(5)

PENGHARGAAN

Puji dan syukur dan terimakasih kehadirat Tuhan Yang Maha Esa, karena dengan limpah rahmat dan karunianya penulis berhasil menyelesaikan tugas akhir yang berjudul “SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 7 BINJAI” ini pada waktu yang telah ditetapkan.

Dengan selesainya Laporan Tugas Akhir ini penulis banyak mendapat bantuan perhatian, bimbingan serta dari berbagai pihak. Pada kesempatan ini dengan rasa hormat dan hati yang tulus dan ikhlas penulis mengucap terimakasih yang sebesar- besarnya kepada :

1. Bapak Dr. Kerista Sebayang, M.S selaku Dekan Fakultas MIPA Universitas Sumatera Utara.

2. Ibu Dra. Elly Rosmaini selaku Ketua Jurusan Program Studi D-3 Teknik Informatika

3. Bapak Prof. Dr.Tulus,M.Si,Ph.D selaku Dosen Pembimbing Tugas Akhir Program Studi D-3 Teknik Informatika Fakultas MIPA Universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini dalam penyelesaian tugas akhir.

4. Seluruh Staf Pengajar Program Studi D-3 Teknik Informatika MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya selama masa perkuliahan.

5. Teristimewa kepada Ayah terbaik M.Sigalingging, dan juga Mama terbaik K.Marbun, kepada kedua kakak saya Witha Delyanti F.S.Amd, Yossie Veronica S.S.E dan kedua adik saya Agnesia Trivani S, Rieke Endhita S yang senantiasa memberikan kasih sayang, doa dan dukungan dalam penyusunan Tugas Akhir ini, Tuhan memberkati.

6. Teman sekelas KOM B 2013, kakak dan abang senior, adik-adik junior yang memberi dukungan dan bantuan kepada saya dalam pengerjaan Tugas Akhir ini.

7. Pihak – pihak lain yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu – persatu.

Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan yang mungkin terjadi, baik itu dari segi teknis, tata penyajian ataupun dari segi tata bahasa. Oleh

(6)

karena itu penulis bersedia menerima kritik dan saran yang membangun dari pembaca dalam upaya perbaikan tugas akhir ini.

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

Medan, Juli 2016 Penulis

Fredo Yudhi Putra S

(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. Ketidakrataan mutu pendidikan ini di pengaruhi antara lain ketersediaan materi penunjang pelajaran baik buku maupun alat peraga pelajaran. Karena hal 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 Adobe Dreamweaver CS6, Adobe Photoshop CS3, Xampp 3.3.2 dan Google Chrome.

Kata kunci : Sistem informasi, web, penerimaan siswa baru

(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.1 Latar Belakang 1

1.2 Rumusan Masalah 3

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Manfaat Penelitian 4

1.6 Tinjauan Pustaka 4

1.7 Metodologi Penelitian 6

1.8 Sistematika Penulisan 8

Bab 2. Landasan Teori 10

2.1 Pengertian Komputer 10

2.1.1 Sistem Komputer 11

2.1.2 Pengertian Sistem 12

2.1.3 Pengertian Informasi 12

2.2 Bagan Alir (Flowchart) 13

2.3 Sejarah Internet 15

2.3.1 Beberapa Kegunaan Internet 20

2.4 World Wide Web (WWW) 21

2.5 Hyper Text Markup Language (HTML) 22

2.6 Personal Home Page (PHP) 23

2.6.1 Kelebihan dan Kekurangan PHP 24

2.7 Pengenalan My Structured Ouery Language (MySQL) 25

2..7.1 Kelebihan MySQL 25

2.8 Apache 26

2.9 Adobe Dreamweaver CS 6 27

2.10 Cascading Style Sheet (CSS) 28

Bab 3. Gambaran Sekilas Tentang SMP Negeri 7 Binjai 29

3.1 Profil Sekolah 29

3.2 Identitas Kepala Sekolah 30

(9)

3.3 Visi, Misi dan Tujuan Sekolah 30

3.3.1 Visi 30

3.3.2 Misi 30

3.3.3 Tujuan Sekolah 31

Bab 4. Perancangan Sistem 32

4.1 Perancangan Sistem 32

4.2 Data Flow Diagram (DFD) 32

4.3 Bagan Alur (Flowchart) 35

4.3.1 Flowchart Halaman Utama 35

4.3.2 Flowchart Halaman Login Calon Siswa 36

4.3.3 Flowchart Halaman Profil 37

4.3.4 Flowchart Halaman Penerimaan 38

4.3.5 Flowchart Halaman Admin 39

4.3.6 Flowchart Pendaftaran 40

4.4 Perancangan Halaman Website 41

4.5 Mempersiapkan Database Server 41

Bab 5. Implementasi Sistem 45

5.1 Pengertian Implementasi Sistem 45

5.2 Tujuan Implementasi Sistem 45

5.3 Komponen Sistem 46

5.3.1 Hardware 46

5.3.2 Software 47

5.3.3 Brainware 47

5.4 Prosedur Penggunaan Sistem 48

Bab 6. Kesimpulan dan Saran 63

6.1 Kesimpulan 63

6.2 Saran 63

Daftar Pustaka

Lampiran

(10)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

2.1 Tabel Simbol-simbol Data Flow Diagram 13

4.1. Tabel Admin 42

4.2 Tabel Buku Tamu 42

4.3 Tabel Calon Siswa 43

4.4 Tabel Informasi 44

4.5 Tabel Menu Utama 44

(11)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

4.1 Data Flow Diagram (DFD) Diagram Konteks 33

4.2 Sitemap Situs 34

4.3 Flowchart Halaman Utama 35

4.4 Flowchart Halaman Login Calon Siswa 36

4.5 Flowchart Halaman Profil 37

4.6 Flowchart Halaman Penerimaan 38

4.7 Flowchart Halaman Admin 39

4.8 Flowchart Pendaftaran 40

5.1 Tampilan Halaman Form Pendaftaran 49

5.2 Tampilan Halaman Pengumuman 58

5.3 Tampilan Halaman Adminstrator 60

(12)

PENDAHULUAN

1.1. Latar Belakang

Perkembangan teknologi dan ilmu pengetahuan pada masa globalisasi ini dirasakan telah semakin pesat dan canggih. Semua ini dikarenakan hasil dari pemikiran- pemikiran manusia yang semakin maju, hal tersebut dapat dilihat dari perkembangan ilmu komputer yang semakin hari semakin berkembang dengan pesat. Selain itu perkembangan teknologi semakin mendukung bagi pengembangan penyebaran informasi melalui media cetak yang menyebar diseluruh lapisan masyarakat.

Penyebaran informasi tidak hanya bisa diperoleh melalui media cetak saja tetapi bisa juga didapatkan melalui media elektronik seperti televisi, radio, dan internet/website.

SMP Negeri 7 Binjai, merupakan salah satu yayasan pendidikan formal untuk mendidik anak-anak setingkat Sekolah Menengah Pertama. Saat ini proses penerimaan siswa baru dilakukan dengan metode konvensional dimana proses seleksi dilakukan dengan dua cara yaitu berdasarkan referensi sekolah dasar dimana siswa langsung diterima tanpa dilakukan tes tertulis, dan proses penerimaan dilakukan secara tertulis.

Sesuai dengan uraian diatas bahwa komputer sangat diperlukan di dalam bidang pendidikan maka hendaknya setiap sekolah sudah memakai sistem komputerisasi

(13)

dalam pengolahan data. Dengan perkembangan ilmu pengetahuan dan teknologi saat ini, SMP yang merupakan Sekolah Menengah Pertama dituntut untuk menggunakan komputer sebagai alat bantu dalam penentuan keputusan penjurusan. Sehingga Sistem Pendukung Keputusan sangat tepat digunakan untuk membantu pengambilan keputusan penjurusan agar lebih akurat dan mudah.

Permasalahan yang sering terjadi adalah dalam pelaksanaan proses seleksi penerimaan dari pengisian formulir hingga pengumuman penerimaan sangat lambat dan seringkali melebihi dari target waktu yang ditentukan dikarenakan tidak adanya sistem yang mampu membantu proses penerimaan. Selain itu proses ujian seleksi juga mengalami kendala dalam pelaporan hasil ujian yang mengakibatkan pengumuman hasil ujian terlambat. Proses registrasi yang dilakukan di tempat pendaftaran terkendala proses pemberkasan dimana berkas pendaftaran diterima langsung oleh panitia penerimaan. Dan untuk pelaporan bisa dipastikan terhambat dikarenakan lambatnya proses-proses penerimaan sebelumnya.

Agar tercipta suatu sistem yang memadai yang mampu untuk mengatasi permasalahan yang terjadi, maka perlu dibuat suatu sistem yang dapat mengatasi proses penerimaan siswa baru secara cepat dan sesuai dengan jadwal yang telah direncanakan. Selain itu hasil seleksi penerimaan siswa baru lebih akurat dan calon siswa yang diterima sesuai dengan hasil yang diharapkan.

Untuk itu penulis mengangkat latar belakang dari permasalahan yang ada menjadi penulisan tugas akhir yang penulis ambil dengan judul “SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 7 BINJAI“.

(14)

1.2 Rumusan Masalah

Adapun rumusan masalah dalam penelitian ini yaitu bagaimana menganalisa dan merancang sistem penerimaan siswa baru pada SMP Negeri 7 Binjai sehingga nantinya dapat digunakan proses pengembangan sistem selanjutnya.

1.3. Batasan Masalah

Untuk menghindari pembahasan tidak menyimpang dari rumusan masalah yang ada, maka penelitian ini dibatasi yaitu hanya menganalisa dan merancang sistem penerimaan siswa baru pada SMP Negeri 7 Binjai yang meliputi penerimaan, ujian atau seleksi, registrasi dan pelaporan.

1.4. Tujuan Penelitian

Tujuan dalam penelitian ini adalah menganalisa dan merancang sistem penerimaan siswa baru pada SMP Negeri 7 Binjai.

1.5. Manfaat Penelitian

Adapun manfaat yang diharapkan dalam penelitian ini adalah sebagai berikut:

(15)

1. Manfaat Bagi Pemakai yang dapat diambil dari penelitian ini adalah dengan adanya analisis dan perancangan sistem ini maka akan mempermudah bagi panitia yang nantinya dapat membantu SMP Negeri 7 Binjai dalam melakukan proses penerimaan siswa baru.

2. Manfaat Bagi Penulis Adapun manfaat penelitian bagi penulis yaitu dapat menambah ilmu pengetahuan khususnya dalam hal perancangan sistem dan menyelesaikan Tugas Akhir yang sudah diwajibkan.

3. Manfaat Bagi Pembaca Penelitian ini dapat menambah wawasan bagi pembaca dan dapat dipergunakan sebagai referensi untuk penelitian selanjutnya.

1.6 Tinjauan Pustaka

Website atau lazim disingkat web adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website lain menuliskan web adalah salah satu alat komunikasi online yang menggunakan media internet dalam pendistribusiannya. Apapun bahasanya, yang pasti kita semua setuju bahwa website merupakan kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Secara terminologi website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di

(16)

dalam World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman sebuah situs web (web page) diakses dari sebuah URL yang menjadi “akar” ( root ), yang disebut homepage (halaman induk; sering diterjemahkan menjadi “beranda”, “halaman muka”), URL ini mengatur web page untuk menjadi sebuah hirarki, meskipun hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka susunan keseluruhan dan bagaimana arus informasi ini berjalan.

Sebuah Web page adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar. Web page layaknya sebuah buku yang dapat menampung berbagai informasi tentang banyak hal baik bersifat komersil maupun non komersil. Melalui media web inilah seseorang dapat memberikan informasi tertentu kepada orang lain yang berada di seluruh dunia.

Aplikasi pembuatan website Sistem Informasi Perpustakaan pada SMP Negeri 7 Binjai ini dibangun oleh sistem operasi Windows yang didukung oleh pemrograman PHP. PHP merupakan sebuah bahasa pemrograman komputer yang berbasis web untuk membuat sebuah website yang dinamis. Keunggulan menggunakan PHP antara lain :

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

(17)

2. PHP adalah bahasa pemrograman open source yang dapat digunakan di berbagai mesin(Linux, Unix, Macintosh, Windows).

1.7 Metodologi Penelitian

1. Metode Pengumpulan Data

Ada tiga metode pengumpulan data yang penulis gunakan yaitu :

1. Metode Observasi Dalam hal ini dilakukan adalah melihat serta mempelajari secara konflik yang ada dilapangan yang erat kaitannya dengan objek yang diteliti.

2. Metode Wawancara Dalam metode ini kegiatan yang dilaksanakan adalah melakukan diskusi serta tanya jawab dengan sumber yang dianggap memiliki pengetahuan yang lebih dalam dari permasalahan penelitian.

3. Metode Studi Pustaka Metode yang dilakukan adalah dengan cara mencari bahan yang mendukung dalam pendefenisian permasalahan melalui buku- buku, internet, yang erat kaitannya dengan objek permasalahan.

2. Metode Penelitian

Dalam Penelitian ini penulis menggunakan metode penelitian action research, menurut Gunawan (2007), action research adalah kegiatan dan atau tindakan perbaikan sesuatu yang perencanaan, pelaksanaan, dan evaluasinya digarap secara sistematik sehingga validitas dan reliabilitasnya mencapai tingkatan riset. Action research juga merupakan proses yang mencakup siklus aksi, yang mendasarkan pada refleksi; umpan balik (feedback); bukti (evidence); dan evaluasi atas aksi sebelumnya dan situasi sekarang.

(18)

Penelitian tindakan ditujukan untuk memberikan andil pada pemecahan masalah praktis dalam situasi problematik yang mendesak dan pada pencapaian tujuan ilmu sosial melalui kolaborasi patungan dalam rangka kerja etis yang saling berterima (Rapoport, 1970 disitasi Madya, 2006). Proses penelitian bersifat dari waktu ke waktu, antara “finding” pada saat penelitian, dan “action learning”. Dengan demikian action research menghubungkan antara teori dengan praktek.

3. Metode Analisis

Metode Analisis yang digunakan adalah metode Object Oriented Analysis (OOA).

Menurut Utomo (2011:55), tujuan dari OOA adalah untuk membangun serangkaian model yang mendisriksipan software komputer supaya dapat menjalankan serangkaian kebutuhan yang didefinisikan pengguna. OOA yaitu, metode yang digunakan untuk menganalisa sistem, dengan metode ini dapat mempresentasikan sebuah permasalahan dalam dunia nyata kedalam objectobject, khususnya dalam pegembangan perangkat lunak, agar dalam pelaksanaannya kita mendapatkan berbagai keuntungan dan kelebihan. Biasanya analisa sistem dimulai dengan adanya dokumen permintaan (requirement) yang diperoleh dari semua pihak yang berkepentingan.

Hasil analisis berorientasi objek adalah deskripsi dari apa sistem secara fungsional diperlukan untuk melakukan, dalam bentuk sebuah model konseptual. Itu biasanya akan disajikan sebagai seperangkat menggunakan kasus, satu atau lebih UML diagram kelas, dan sejumlah diagram interaksi. Tujuan dari analisis berorientasi objek adalah untuk mengembangkan model yang menggambarkan perangkat lunak

(19)

komputer karena bekerja untuk memenuhi seperangkat persyaratan yang ditentukan pelanggan.

1.8 Sistematika Penulisan

Untuk mempermudah penulisan Tugas Akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari :

BAB 1 : PENDAHULUAN

Bab ini berisi Latar Belakang, Rumusan Masalah, Batasan Masalah, Tujuan Penelitian, Manfaat Penelitian, Tinjauan Pustaka, Metodologi Penelitian, dan Sistematika Penulisan.

BAB 2 : LANDASAN TEORI

Merupakan dasar teori secara singkat menjelaskan hal-hal yang berhubungan dengan judul seperti pengenalan sistem komputer, internet, pengenalan HTML, PHP MySQL, serta Adobe Dreamweaver CS 6.

BAB 3 : SEKILAS TENTANG SMP NEGERI 7 BINJAI

Bab ini menjelaskan secara singkat profil, struktur organisasi, serta visi dan misi SMP Negeri 7 Binjai.

BAB 4 : PERANCANGAN SISTEM

(20)

Bab ini berisikan pembahasan mengenai sistem yang dirancang, dan penggunaan Adobe Dreamweaver CS 6 sebagai editor perancangan website.

BAB 5 : IMPLEMTASI SISTEM

Pada bab ini berisikan Tujuan, dan Langkah-langkah dalam Implemtasi Sistem juga disertai dengan komponen-komponen kebutuhan sistem.

BAB 6 : KESIMPULAN DAN SARAN

Sebagai penutup bab ini terdiri dari kesimpulan dan saran dari hasil penelitian yang penulis peroleh.

(21)

LANDASAN TEORI

2.1 Pengertian Komputer

Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas tugas tertentu yang dikontrol oleh sebuah instruksi-instruksi perintah digital. Komputer berasal dari kata “computare” yang mengandung arti menghitung. Komputer adalah mesin penghitung eletronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang resimpan di memorinya, dan menghasilkan output berupa informasi.

Komputer juga berasal dari bahasa inggris, to computer yang artinya menghitung.Jadi, komputer dapat diartikan sebagai alat untuk menghitung. Itulah pada mulanya arti dan fungsi komputer sebagai alat menghitung. Tetapi seiring berkembangan jaman, komputer dari jaman ke jaman berubah fungsinya. Fungsi komputer sekarang ini bukan hanya untuk hal-hal berhubungan dengan matematika dan menghitung, tetapi hal-hal lain yang bermanfaat, seperti internet, pengolahan kata, merancang gambar, pengeditan, dan sebagainya.

(22)

2.1.1 Sistem Komputer

Agar komputer dapat digunakan dalam proses pengolahan data, maka diperlukan sistem komputer. Setiap pengolahan data memiliki tujuan seperti menghasilkan informasi. Agar dapat terlaksana, maka harus ada elemen-elemen yang mendukungnya. Elemen-elemen dari sistem komputer antara lain, hardware, software, dan brainware.

Perincian elemen-elemen tersebut antara lain :

1. Hardware (Perangkat Keras) adalah perangkat yang dapat kita sentuh atau lihat secara fisik.

2. Software (Perangkat Lunak) adalah rangkaian data eletronik atau program yang disimpan sedemikian rupa dalan komputer untuk melakukan pengolahan data.

3. Brainware (Pengguna) adalah orang yang mengoperasikan komputer, karena jika tidak ada orang yang mengoperasikan komputer, maka komputer tidak akan dapat digunakan.

Ketiga elemen komputer tersebut saling berhubungan satu sama lain dan membentuk satu kesatuan. Hardware tanpa adanya software, maka tidak akan berfungsi seperti itu juga sebaliknya ke brainware. Tetapi jika ketiga elemen komputer tersebut sudah berhubungan dan berinteraksi dengan baik, maka kita dapat mengolah hasil sesuai yang diharapkan.

2.1.2 Pengertian Sistem

(23)

Beberapa pengertian tentang sistem adalah sebagai berikut :

1. Menurut L.James Havery sistem merupakan prosedur logis guna melakukan atau merancang suatu rangkaian komponen yang berhubungan satu sama yang lain.

2. Menurut Kamus Besar Indonesia, sistem merupakan susunan yang teratur yang saling berkaitan sehingga membentuk suatu totalitas.

3. Dalam pengertian lain, sistem juga diartikan sebagai cara.

Dalam beberapa pengertian diatas dapat disimpulkan bahwa sistem merupakan suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi untuk mencapai suatu tujuan.

2.1.3 Pengertian Informasi

Beberapa pengertian tentang informasi adalah sebagai berikut :

1. Menurut Azhar Susanto, dalam bukunya Sistem Informasi Akuntansi, menyatakan bahwa informasi merupakan hasil pengolahan data yang memberikan arti dan manfaat tertentu.

2. Menurut Jogianto, dalam bukunya Analisis dan Desain Sistem Informasi mengemukakan bahwa informasi merupakan data yang diolah menjadi sebuah bentuk yang lebih bermanfaat bagi yang menerima informasi.

(24)

3. Menurut Robert N. Anthony dan John Dearden dalam buku Management Control System, menyebut bahaw informasi suatu kenyataan, data, item, yang menambah pengetahuan bagi penggunanya.

Dari pengertian diatas, 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)

Sistem flowchart merupakan yang menunjukkan arus pekerjaan secara keseluruhan daru sistem. Bagan ini menjelaskan urutan-urutan dari prosedur-prosedur yang ada di dalam sistem dengan menggunakan simbol-simbol.

Tabel 2.1 Tabel Simbol-simbol Data Flow Diagram

Simbol Kegunaan

Rounded Symbol

Simbol titik terminal digunakan untuk awal dan akhir suatu proses

Input / Ouput symbol

Simbol input / output digunakan untuk mewakili data input / output

(25)

Process symbol

Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh komputer

Predefined process symbol

Simbol proses defenisi digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan ditempat lain

Connector symbol

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

Off line connector symbol

Simbol pemutus hubungan digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain

Magnetic disk symbol

Simbol magnetic digunakan untuk menunjukkan database yang dipakai dalam program

Decission symbol

Simbol keputusan digunakan untuk suatu penyelesaian kondisi di dalam program

Preparation symbol

Simbol persiapan digunakan untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage

Document symbol

Simbol dokumen merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun informasi

(26)

Line connector

Arus / flow dari prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan, dan sebaliknya

2.3 Sejarah Internet

Sejarah internet dimulai pada Agustus 1962 dan penciptaan internet pertama kali dikemukakan oleh J.C.R Licklider dari MIT Massachutts Institute of Technology.

Konsep awal dinamakan “Galactic Network”. ia mengemukakan tentang jaringan global yang memungkinkan orang dapat mengakses data dan program dari mana saja.

Oktober 1962 beliau mengepalai program penelitian komputer di ARPA yang merupakan bagian dari Department Pertahanan Amerika Serikat.

Pada 1965 peneliti dari MIT bernama Lawrence G. Roberts sering juga disebut Larry Roberts dan Thomas Merill melakukan koneksi komputer TX-2 di MIT dengan komputer Q-32 di California menggunakan jalur telpon berkecepatan rendah untuk menciptakan jaringan berskala luas untuk pertama kalinya.

Pada tahun 1966 Larry Roberts mengembangkan konsep jaringan komputer/

Kemudian beliau merencanakan jaringa yang disebut ARPANET yang dipublikasikan pada tahun 1967. Pada tahun 1969 ARPANET telah melibatkan empat buah komputer yang terkoneksi. Komputer pertama berada di University Of California Los Angelos, komputer ke dua berada di Stanford Research Institute, komputer ketiga berada di University of California Barbara dan koputer ke emat berada di University Utah.

(27)

Pada tahun 1971 jumlah komputer yang terhubung ke ARPANET mencapai 14 buah. Pada tahun ini pulalah protokol Telnet dan FTP berhasil dibangun. Pada tahun 1972 larry Roberts dan Bob Kahn mengenalkan ARPANET pada konferensi ICCC yang diselenggarakan di Washington.

Pada tahun 1972 Ray Tomliinson menulis program yang memungkinkan surat elektronik dikirimkan ke jaringan ARPANET. Beliaulah yang merancang konversi

“user@host.” Pada tahun ini pula ARPANET menggunakan NCP untuk menstransfer data. Pada tahun yang sama ARPA beruah nama menjadi DARPA. Tambahan huruf D berasal dari kata Defense. Pada tahun ini ARPANET melakukan koneksi international yang pertama dengan University College of London dan Royal Establishment di Norwegia.

Pada tahun 1978 Unix to Copy Protocol ditemukan di Labolatorium Bell.

Program ini berguna untuk melakukan file transfer.

Pada tahun 1979 news group yang diberi nama USENET beroperasi dengan dasar UUCP. Penciptanya adalah Tom Truscott dan Jim Ellis (kedua mahasiswa di Duke University) dan Steven Bellovin (dari Universitas North Carolina). Pemakai dari seluruh dunia bergabung ke grup diskusi ini membicarakan masalah jaringan, politik, agama dan berbagai topik lainnya.

Pada tahun 1982 DCA atau Defense Communication Agency dan DARPA membentuk protokol yang disebut TCP/IP untuk ARPANET. Selanjutnya, Departemen Pertahanan

(28)

Amerika Serikat menyatakan TCP/IP sebagai sebuah sntadar. Saat itulah internet didefinisikan sebagai sekumpulan jaringan yang terhubung yang menggunakan TCP/IP sebagai protokol.

Pada tahun 1983 John Postel dan Paul Mockapetris dan Craig Partidge mengembangkan Domain Name System (DNS) dan mengusulkan sistem pengamatan berbentuk [email protected]. Pada tahun 1984 DNS diperkenalkan di internet dengan menyebutkan nama-nama jenis domain seperti . gov, .mil,.org, .net dan .com.

Pada tahun 1986 TCP/IP mulai tersedia pada workstaiton dan PC. Tahun ini pula National Science Foundation mendanai NSFNET sebagai tulang punggung internet berkapasitas 56 kbps dan mengatur internet hanya ditujukan untuk kepentingan riset dan pemerintah yang bersifat tidak komersial.

Pada tahun 1988 Internet Relay Chat disingkat IRC dibuat oleh Jarkko Oikarinen yang berguna untuk malakukan chatting secara online melalui komputer.

Pada tahun 1989 Australia, Jerman, Israel, Italia, Jepang, Mexico, Belanda, Selandia Baru dan Inggris bergabung ke internet. Jaringan bernama JUNET di Jepang mulai berhubungan dengan NSFnet.

Pada tahun 1989, TIM Berners lee periset dari inggris yang bekerja di CERN, Swiss, mengajukan konsep yang disebut sistem hypertext. Sistem ini mungkinkan melihat dokumen secara melompat-lompat dan bisa berjalan dalam sistem operasi yang

(29)

berbeda-beda. Konsep inilah yang disebut World Wide Web atau dikenal dengan nama Web.

Pada tahun 1990 Departemen Pertahanan Amerika membubarkan ARPANET. Saat itu jaringan tersebut berkembang dari 4 buah host menjadi 300.000 host. Saat itu Singapura membangun jaringan TECHNET dan ikut bergabung di internet. Pada tahun ini pula beberapa perangkat lunak seperti Archie, Gopher dan WAIS mulai dipakai.

Pada tahun 1990 World Wide Web (WWW) diluncurkan oleh CERN di Jenewa, Swis. Tim Berner Lee menciptakan Hypertext Markup Laungage atau disingkat html yang menggunakan URL untuk pengalamatan Web. HTML adalah suatu bahasa yang digunakan untuk menyusun tampilan WEB.

Pada tahun 1991 tulang punggung NSFNET diperbaharui dengan kecepatan 44Mbps. Koneksi mencakup 100 negara dan melibatkan lebih dari 600.000 host dan kira-kira 5.000 jaringan. Namun, pada tahun ini NSF sebagai pendananya mencabut larangan komersial untuk internet sehingga membuka peluang perdagangan elektronis.

Pada tahun 1992 jumlah jaringan sudah melampaui 7.500 buah dan jumlah komputer yang terkoneksi sebanyak 1.000.000. Saat itu, audio dan video mulai ada di internet.Pada tahun itu pula, Veronica, sebuah perangkat pencarian teks, dikeluarkan di Universitas Nevada dan Mozaic lahir. Mozaic adalah browser yang pertama diciptakan. Software ini memadukan text dan gambar. Penciptanya Marc Andresen

(30)

dan Eric Bina. Selain itu, tercatat bahwa perusahaan Delphi di Amerika Serikat mulai membuka layanan internet kepada para pelanggannya.

Pada Tahun 1994 Yahoo! yang kepanjangannya adalah Yet Another Hierarchical Officious Oracle didirikan oleh dua orang mahasiswa Universitas Stanford yaitu Jerry Yanf dan David Filo. Yahoo! terkenal sebagai portal yang menyediakan email gratis dan mesin pencari informasi.Pada tahun ini pula Amazon.com didirikan oleh Jeff Bezos.

Pada tahun 1996 perusahaan komputer Dell mulai menjual komputer melalui internet.

Pembeli bisa memilih komputer dan perangkat keras yang sesuai dengan keinginan mereka sendiri.

Mesin pencari terkenal yang lain adalah Google. Mesin pencari ini diluncurkan pada tahun 1998 oleh Larry Page dan Sergey Brin. Saat itu mereka berdua adalah mahasiswa Universitas Stanford.

2.3.1 Beberapa Kegunaan Internet

Internet diciptakan dengan segudang manfaat dan menguntungkan penggunanya dari segala bdang (bisnis, akademik, pemerintahan, organisasi, dan sebagainya) antara lain :

(31)

1. Informasi yang didapatkan lebih cepat dan mudah dengan aplikasi sebagai berikut :

a. E-mail (Electronic Mail) b. WWW (World Wide Web) c. News Group

d. FTP (File Transfer Protocol) Dan lain sebagainya.

2. Mengurangi biaya kertas dan distribusi, contohnya : a. Koran masuk internet.

b. Majalah, brosur, dan sebagainya.

3. Sebagai media promosi, contohnya : a. Image company.

b. Pengenalan dan pemesanan produk.

4. Komunikasi interaktif a. E-mail.

b. Dukungan pengguna dengan WWW.

c. Video Confferencing.

d. Internet relay chat e. Internet phone f. Streaming

5. Sebagai alat research, development dan pertukaran data.

2.4 WWW (World Wide Web)

(32)

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.

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.5 HTML (HyperText Markup Language)

(33)

HTML atau singkatan dari Hypertext Markup Language ini merupakan sebuah bahasa markup pada internet khususnya web berupa kode dan simbol. Kode dan simbol tersebut nantinya akan ditempatkan kedalam sebuah file dengan tujuan untuk dimunculkan pada sebuah website.

Secara singkat, HTML juga dapat diartikan sebagai bahasa markup yang digunakan untuk membuat website. Nantinya website yang yang terbuat dari HTML tersebut bisa dilihat oleh para pengguna internet. Fungsi dari HTML sendiri adalah digunakan untuk membuat sebua website. HTML ini diibaratkan sebagai sebuah pondasi dari sebuah website. Karena jika sebuah website tidak memiliki HTML maka para pembuat website tidak dapat untuk menggunakan bahasa markup lainnya seperti CSS yang digunakan utuk mendesain Website, lalu Javascript , ataupun PHP.

HTML sendiri pertama kali muncul pada tahun 1980 oleh IBM. Pada saat itu terdapat sebuah gagasan untuk menjadikan elemen-elemen yang digunakan untuk menandai bagian suatu dokumen seperti judul, alamat, dan isi dokumen agar menjadi suatu program yang dapat melakukan proses format dokumen secara otomatis.

Seiring dengan penggunaan internet yang semakin berkembang maka HTML pun harus lebih ditingkatkan agar mampu menciptakan sebuah halaman web yang berkualitas. Oleh karena itu ada sebuah organisasi bernama W3C yang mempunyai tugas untuk mengembangkan HTML ini.

(34)

2.6 PHP (Personal Home Page)

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum. PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group.

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll.

2.6.1 Kelebihan dan Kekurangan PHP

Beberapa kelebihan PHP sebagai berikut : 1. Bisa membuat web menjadi dinamis.

2. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.

(35)

3. Program yang dibuat dengan PHP bisa dijalankan oleh semua Sistem Operasi karena PHP berjalan secara Web Base yang artinya semua Sistem Operasi bahkan handphone yang mempunyai web browser dapat menggunakan program PHP.

4. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java.

5. Mendukung banyak paket database seperti MySQL, Oracle, PostgrSQL, dan lain-lain.

6. Bahasa pemrograman PHP tidak memerlukan kompilasi / compile dalam penggunaannya.

7. Banyak web server yang mendukung PHP seperti Apache, Lighttpd, IIS dan lain-lain.

8. Pengembangan aplikasi PHP mudah karena banyak dokumentasi, refrensi &

developer yang membantu dalam pengembangannya.

9. Banyak aplikasi dan program PHP yang gratis dan siap pakai seperti WordPress, PrestaShop, dan lain-lain.

Adapun kekurangan PHP adalah sebagai berikut : 1. PHP tidak mengenal Package.

2. Jika tidak di encoding, maka kode PHP dapat dibaca semua orang & untuk meng-encodingnya dibutuhkan tool dari Zend yang mahal sekali biayanya.

3. PHP memiliki kelemahan keamanan. Jadi Programmer harus jeli & berhati- hati dalam melakukan pemrograman & konfigurasi PHP.

2.7 Pengenalan MySQL (My Structured Query Language)

(36)

MySQL adalah sebuah perangkat lunak sistem pengelolaan database dengan sistem relational (RDBMS). Saat ini MySQL telah banyak digunakan oleh lebih dari 6 juta pengguna didunia. MySQL menggunakan standar bahasa SQL untuk mengakses database. Beberapa perusahaan besar seperti Facebook dan Nokia juga menggunakan MySQL untuk pengelolaan database mereka. Sejak awal dirilis, MySQL merupakan perangkat lunak gratis dengan lisensi Open Source GPL (GNU Public Lisence).

2.7.1 Kelebihan MySQL

1. Gratis karena bersifat open source dibawah licensi GPL

2. Dapat berjalan dalam berbagai platform OS seperti Linux, Windows, MacOS dan lain-lain

3. Mendukung penggunaan multi-user, yang artinya beberapa user dapat menggunakan secara bersamaan.

4. Kecepatan yang sangat baik ketika menangani kode-kode perintah SQL.

5. Mendukung sepenuhnya standar bahasa SQL untuk database.

6. Mendukung banyak tipe variabel seperti integer, float, double, char, text, date dan datetime.

7. Mendukung penggunaan fungsi dan operator dalam perintah SQL.

8. Memiliki keamanan yang berlapis seperti nama host, subnetmask, ijin dan akses user serta penggunaan kata sandi ter-enkripsi.

9. Dapat menangani basis data dalam skala besar lebih dari 50juta record dan 60ribu tabel serta 5 miliar baris.

(37)

10. Mendukung banyak koneksi seperti TCP/IP, Unix Socket dan Named Pipes (NT).

11. Mendukung multi bahasa termasuk bahasa Indonesia tercinta.

12. Memiliki interface dalam berbagai aplikasi dan bahasa pemrograman menggunakan fungsi API.

13. Dilengkapi dengan berbagai tool untuk administrasi database disertai petunjuk online.

14. Memiliki struktur tabel yang fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.

15. Dan yang terakhir adalah perkembangan yang cukup cepat membuat MySQL selalu terkini dalam perkembangan dunia database.

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

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

(38)

terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang- pengembang dibawah naungan Apache Software Foundation.

2.9 Adobe Dreamweaver CS 6

Adobe Dreamweaver adalah sebuah editor HTML proffesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Adobe Dreamweaver CS 6 adalah salah satu produk dari vendor Adobe Inc. Pada saat ini, pihak Adobe Dreamweaver telah mengeluarkan versi terbaru dari Adobe Dreamweaver yaitu Adobe Dreamweaver CS 6 . Fasilitas terbaru dari Adobe Dreamweaver adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru Adobe Dreamweaver membuat pekerjaan akan cepat selesai.

Dreamweaver CS 6 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 meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web.

2.10 CSS (Cascading Style Sheet)

(39)

CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada 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 dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

(40)

GAMBARAN SEKILAS TENTANG SMP NEGERI 7 BINJAI

3.1 Profil Sekolah

1. Nama Sekolah : SMP Negeri 7 Binjai

2. Alamat Sekolah : Jln.Sultan Hasanuddin No. 10

3. Kecamatan : Binjai kota

4. Kota : Binjai

5. Provinsi : Sumatera Utara

6. No. Telp / HP : 061 - 8823403

7. NPSN : 2010761002500

8. Akreditasi : A

9. Tahun Didirikan : 1965

10. Status Tanah : Milik Pemerintah

11. Luas Tanah : 2.375 M² :

12. Luas Seluruh Bangunan : 1.222 M² 13. Nomor Rekening Sekolah :

14. Rekening Atas Nama : SMP Negeri 7 Binjai 15. Nama Bank & Cabang : BRI Cabang Binjai

(41)

3.2 Identitas Kepala Sekolah

1. Nama Lengkap : Dra. Hj. Merry Yosepha Gusnaini

2. NIP : 19680824 199501 2 001

3. Tempat, Tanggal Lahir : Binjai, 24 Agustus 1968 4. Pangkat / Golongan : Pembina, IV/A

5. Jabatan : Kepala Sekolah

6. Pendidikan Terakhir : S1/AIV TATA BOGA

3.3 Visi, Misi dan Tujuan Sekolah

3.3.1 Visi

Unggul Dalam Berbudi dan Berprestasi

3.3.2 Misi

1. Memupuk rasa iman dan taqwa terhadap Tuhan Yang Maha Esa.

2. Meningkatkan kreativitas berpikir, menumbuhkan sikap displin dan sportif dalam bertindak melalui pembinaan mental dan berkepribadian peserta didik.

3. Meningkatkan displin kerja dan terus berusaha menguasai ilmu pengetahuan dan keterampilan profesional sebagai dasar pelayanan yang memuaskan peserta didik.

(42)

4. Memupuk rasa senasib dan sepenganggung sehingga terjalin rasa kebersamaan.

5. Memacu prestasi untuk melanjutkan ke jenjang yang lebih tinggi dan keterampilan untuk bakal terjun di masyarakat.

3.3.3 Tujuan Sekolah

1. Memiliki manajemen sekolah yang handal yaitu manajemen yang mampu merespon, melayani serta mengolah rencana dan program pendidikan sesuai dengan situasi dan perkembangan zaman.

2. Peningkatan nilai UN + 0,70 setiap tahunnya.

3. Ketuntasan belajar siswa dalam pelaksanaan KTSP akhirnya mencapai 7,50 4. Memiliki lingkungan sekolah yang asri, indah, nyaman, sehingga terwujud

sekolah sebagai komunitas belajar yang kondusif.

5. Memiliki guru yang profesional, yaitu guru yang mampu membuat perencanaan serta mampu melaksanakan atau mengelola proses pembelajaran sesuai dengan ketentuan yang berlaku dan memiliki kompetensi yang tinggi.

(43)

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Perancangan sistem adalah upaya suatu organisasi atau lembaga untuk memulai memiliki suatu sistem yang kebih baik lagi dari sistem 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, lunak, struktur data atau organisasi.

(44)

Adapun Data Flow Diagram yang penulis ajukan, yaitu : 1. Diagram Konteks

Data Calon Siswa

Informasi

Penerimaan Informasi

Informasi Halaman Utama

Berita Informasi

Profil

Laporan Siswa Lulus

Halaman Utama

Informasi

Panel Menu

Pendaftaran Log In

0

Sistem Informasi Penerimaan Siswa Baru Pengunjung / Calon

Siswa

Kepala Sekolah

Administrator

(45)

Gambar 4.1 Data Flow Diagram (DFD) Diagram Konteks

Dengan adanya aliran informasi dapat membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman didalam situs tersebut.

Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana aliran informasi dalam membangun situs ini dapat dilihat pada gambar dibawah ini :

Gambar 4.2 Sitemap Situs Halaman Utama Website

Beranda

Informasi Penerimaan

Profil Admin

(46)

4.3 Bagan Alur Flowchart

4.3.1 Flowchart Halaman Utama

\

Ya

Start

Halaman Utama

Beranda

Profil

Informasi

Penerimaan

Admin

Beranda

Sejarah, Visi, Misi, dan Galeri

Informasi

Pendaftaran, Pengumuman, Alur Pendaftaran Ketentuan,

Bantuan, Direktori Pendaftar

Form Login Admin

Berhenti

(47)

Gambar 4.3 Flowchart Halaman Utama

4.3.2 Flowchart Login Calon Siswa

Tidak

Ya

Tidak Start

Halaman Login Calon Siswa

Jika Benar

Edit

Salah, Login Kembali.

Selesai

Masukkan Nama Pengguna & Password

Form Edit Data Siswa

Logout

(48)

Gambar 4.4 Flowchart Halaman Login Calon Siswa

4.3.3 Flowchart Halaman Profil

Gambar 4.5 Flowchart Halaman Profil Start

Halaman Profil

Sejarah

Visi &

Misi

Sejarah

Visi & Misi

Berhenti Gallery Sekolah

Gallery SMP Negeri 7 Binjai

(49)

4.3.4 Flowchart Halaman Penerimaan

Ya

Gambar 4.6 Flowchart Halaman Penerimaan Start

Halaman Penerimaan

Pendaftaran

Pengumuman

Form Pendaftaran

Berhenti Alur Pendaftaran

Syarat &

Ketentuan

Direktori Pendaftar

Halaman Pengumuman

Alur Pendaftaran Calon Siswa/i SMP N 7 Binjai

Syarat & Ketentuan

Direktori Pendaftar

(50)

4.3.5 Flowchart Halaman Admin

Flowchart ini menjelaskan bagian dari halaman web administrator. Untuk masuk ke halaman ini admin harus login terlebih dahulu. Jika username dan password yang dimasukkan benar maka akan muncul ke halaman admin, dan jika salah maka web akan memberitahu bahwa username dan password salah, dan akan meminta username dan password ulang.

Start

Input

Username dan Password

Login Username /

Password Salah

Proses Edit / Hapus

Informasi Buku Tamu Menu Pendaftaran

Edit / Hapus Selesai

Finish

(51)

Gambar 4.7 Flowchart Halaman Admin 4.3.6 Flowchart 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 atau daftar. Jika data telah selesai diinput, maka proses selesai dan jika terjadi terjadi kesalahan dalam pengisian data calon siswa dapat mengedit atau mengubahnya dengan form login calon siswa yang tersedia.

Gambar 4.8 Flowchart Pendaftaran

Start

Input Data

Finish Halaman Pendaftaran

Daftar

(52)

4.4 Perancangan Halaman Website

Adapun halaman-halaman yang dibangun oleh penulis adalah :

1. Halaman Home atau Beranda merupakan halaman yang pertama kali muncul pada saat website dibuka.

2. Halaman profil merupakan halaman yang berisikan tentang profil sekolah mengenai visi & misi dan halaman-halaman lainnya seperti galeri yang berisikan foto-foto SMP Negeri 7 Binjai, susunan organisasi, dan map SMP Negeri 7 Binjai.

3. Halaman Informasi merupakan halaman yang berisikan berita dan informasi terbaru tentang SMP Negeri 7 Binjai.

4. Halaman Penerimaan yang berisikan form pendaftaran, halaman pengumuman siswa/i yang dinyatakan Lulus / Gagalnya masuk ke SMP Negeri 7 Binjai, halaman alur pendaftaran, halaman syarat dan ketentuan, halaman bantuan, dan direktori pendaftar.

5. Halaman Admin merupakan halaman yang khusus diakses oleh admin untuk melakukan pengaturan seperti mengedit, menghapus, mengupdate berita dan informasi.

4.5 Mempersiapkan Database Server

(53)

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, penghapusan, dan menampilkan isi ke database halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

Adapun database yang dibuat oleh penulis adalah database smpnegeri7binjai dengan tabel-tabel sebagai berikut :

1. Tabel Admin terdiri dari : Tabel 4.1 Tabel Admin

No Field Name Type and Width

1 username Varchar (20)

2 password Varchar (20)

2. Tabel Buku Tamu terdiri dari : Tabel 4.2 Tabel Buku Tamu

1 id_buku_tamu Integer (11)

2 pesan Text

3 nama Varchar (20)

4 kota Varchar (20)

5 negara Varchar (20)

(54)

3. Tabel Calon Siswa terdiri dari : Tabel 4.3 Tabel Calon Siswa

1 id_csiswa Integer (11)

2 username_csiswa Varchar (20)

3 password_csiswa Varchar (20)

4 nama_csiswa Varchar (50)

5 jenkel_csiswa Varchar (1)

6 ttl_csiswa Varchar (50)

7 agama_csiswa Varchar (1)

8 alamat_skrg_csiswa Varchar (50)

9 nama_ayah_csiswa Text

10 ttl_ayah_csiswa Varchar (50)

11 agama_ayah_csiswa Varchar (1)

12 pekerjaan_ayah_csiswa Varchar (1)

13 alamat_skrg_ayah_csiswa Varchar (50)

14 nama_ibu_csiswa Text

15 ttl_ibu_csiswa Varchar (50)

16 agama_ibu_csiswa Varchar (1)

17 pekerjaan_ibu_csiswa Varchar (1)

18 alamat_skrg_ibu_csiswa Varchar (50)

19 nisn_csiswa Varchar (20)

20 asal_sekolah_csiswa Varchar (30)

21 alamat_sekolah_csiswa Varchar (50)

22 nomor_ijazah_csiswa Varchar (30)

23 nomor_skhun_csiswa Varchar (30)

24 jumlah_nilai_csiswa Float

25 photo_csiswa Varchar (50)

26 status Varchar (1)

(55)

4. Tabel Informasi terdiri dari : Tabel 4.4 Tabel Informasi

1 id_berita Integer (11)

2 judul_berita Varchar (50)

3 isi_berita Text

4 tanggal_berita Varchar (20)

5. Tabel Menu Utama

Tabel 4.5 Tabel Menu Utama

1 id_menu Integer (11)

2 nama_menu Varchar (20)

3 link Varchar (50)

4 status Varchar (1)

(56)

(57)

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, mengistall dan menggunakan sistem baru yang telah diperbaiki.

Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah :

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

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol, dan mendokumentasikan website.

4. Mendapatkan persetujuan.

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.

(58)

2. Menyelesaikan rancangan sistem yang ada didalam 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 lancar dengan mengontrol dan melalukan instalasi dengan 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 yang penulis gunakan yaitu :

1. PC dengan Processor Intel Core i3 2.20 GHz.

2. RAM 3 GB.

3. Monitor HD Graphics VGA 4. Memory Internal 5 GB.

5. Keyboard 6. Mouse

(59)

5.3.2 Software

Hardware tidak akan berjalan tanpa adanya komponen software. Adapun software yang penulis gunakan dalam pembuatan website ini adalah :

1. Sistem Operasi Windows 7

2. Internet Explorer, Mozzila Firefox, dan Google Chrome sebagai browser.

3. Apache 2.2.18 4. PHP 5.3.5 5. MySQL 5.0.20

6. Adobe Macromedia Dreamweaver CS 6.

5.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi.

Brainware dalam sistem informasi terbagi 3, yaitu :

1. Sistem Analisis : 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 tersebut.

(60)

5.4 Prosedur Penggunaan Sistem

Ketika telah selesai tahap perancangan sistem, baik dalam merancang tabel-tabel didalam database dengan menggunakan PhpMyAdmin maupun dalam merancang halaman-halaman website, kini program tersebut dapat dijalankan.

Adapun prosedur penggunaan sistem secara manual dapat diuraikan sebagai berikut : 1. Aktifkan software Apache, dan MySQL dengan membuka Xampp yang sudah

terdownload.

2. Kemudian buka salah satu browser atau penjelajah internet yang ada di komputer anda seperti Google Chrome.

3. Lalu ketikkkan pada alamat website yang berada diatas dengan nama folder yang sebelumnya anda simpan dimana, contoh : http://localhost/smpn7binjai dalam address bar untuk menampilkan menu utama.

4. Setelah halaman menu terbuka, ada terdapat beberapa pilihan halaman link yang disajikan admin untuk pengunjung atau calon siswa.Pilih salah satu link tersebut.

5. Link penerimaan berisi tentang penerimaan siswa baru pada SMP Negeri 7 Binjai, kliklah link pendaftaran yang berada di menu tersebut untuk masuk kedalam form pendaftaran dan mengisinya.

(61)

Gambar 5.1 Tampilan Halaman Form Pendaftaran

Adapun penggalan dari program untuk menampilkan form terlihat seperti diatas adalah :

<strong><b>FORMULIR PENDAFTARAN</b></strong> <br />

(62)

<form enctype="multipart/form-data" id="1" method="post"

action="proses_daftar_csiswa.php">

<tr>

<b>DATA LOGIN CALON SISWA</b></td>

</tr>

<tr>

<td>Nama Pengguna</td>

</tr>

<tr>

<td>Kata Sandi</td>

</tr>

<tr>

<p><b>IDENTITAS SISWA</b></p></td>

</tr>

<tr>

<td height="24" >Nama Lengkap(Sesuai Ijazah)</td>

(63)

<td><input name="nama_lengkap" type="text" id="nama_lengkap" size="50"

/></td>

</tr>

<tr>

<td height="24" >Jenis Kelamin</td>

<option value="-">Pilih</option>

<option value="1">Perempuan</option>

</select>

</label></td>

</tr>

<tr>

<td height="24" >Tempat & Tanggal Lahir</td>

<td><input name="tempat_tgllahir" type="text" id="tempat_tgllahir" size="50"

/></td>

</tr>

<tr>

<td height="24" >Agama</td>

<option value="0">Protestan</option>

<option value="1">Katholik</option>

(64)

<option value="2">Islam</option>

<option value="3">Hindu</option>

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

</select></td>

</tr>

<tr>

<td height="24" >Alamat Sekarang</td>

</tr>

<tr>

<p><b>IDENTITAS ORANG TUA (AYAH)</b></p></td>

</tr>

<tr>

</tr>

<tr>

<td><input name="tempat_tgllahirayah" type="text" id="tempat_tgllahirayah"

size="50" /></td>

</tr>

(65)

<tr>

</select></td>

</tr>

<tr>

<td height="24" >Pekerjaan</td>

<option value="1">Pegawai BUMN</option>

<option value="2">Pegawai Swasta</option>

<option value="3">Wiraswasta</option>

<option value="4">Lainnya</option>

</select></td>

</tr>

<tr>

(66)

<td><input name="alamat_skrgayah" type="text" id="alamat_skrgayah"

size="50" />

</tr>

<tr>

<p><b>IDENTITAS ORANG TUA (IBU)</b></p></td>

</tr>

<tr>

</tr>

<tr>

<td><input name="tempat_tgllahiribu" type="text" id="tempat_tgllahiribu"

size="50" /></td>

</tr>

<tr>

(67)

</select></td>

</tr>

<tr>

<td height="24" >Pekerjaan</td>

<option value="1">Pegawai BUMN</option>

<option value="2">Pegawai Swasta</option>

<option value="3">Wiraswasta</option>

<option value="4">Lainnya</option>

</select></td>

</tr>

<tr>

<td><input name="alamat_skrgibu" type="text" id="alamat_skrgibu" size="50"

/>

</tr>

<tr>