LANDASAN TEORI 8 IMPLEMENTASI SISTEM 48 LANDASAN TEORI

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 Masalah 1 1.2 Rumusan Masalah 3 1.3 Batasan Masalah 3 1.4 Tujuan 4 1.5 Manfaat 4 1.6 Metodologi Penelitian 5 1.7 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 8

2.1 Pengertian Sistem 8 2.1.1 Pengertian Sistem 8 2.2 Pengertian Sistem Informasi 10 2.2.1 Transformasi Data Menjadi Informasi 12 2.3 Pemograman Web 12 2.4 Pemograman WebJenisnya 17 2.5 MySQL 20

2.5.1 Keistimewaan MySQL

2.6 PHP 2.6.1 Hubungan PHP dengan HTML 25 2.6.2 Kelebihan PHP 26

2.7 Definisi CSS

27 2.7.1 Kelebihan penggunaan CSS 29 2.7.2 Kekurangannya penggunaan CSS 29 2.8 Javascript 29 2.8.1 Kegunaan JavaScript 31 2.9 Pengertian Website 31 2.9.1 Sejarah Lahirnya Website 32 2.9.2 Komponen-Komponen Website 33 Universitas Sumatera Utara 2.9.3 Jenis-Jenis Website 33 BAB 3 ANALISA PERANCANGAN SISTEM 35 3.1 Analisis Sistem 35 3.2 Perancangan Sistem 36 3.3 Diagram Alir Data 37 3.4 Basis DataDatabase 38 3.4.1 Tabel Login 39 3.4.2 Tabel Daftar 39 3.4.3 Tabel Gallery 40 3.4.4 Tabel Soal 40 3.5 Flowchart 41 3.5.1 Flowchart Halaman Utama 43 3.5.2 Flowchart Halaman Test 44 3.5.3 Flowchart Halaman Sign Up 45 3.6 Perancangan Halaman Website 46

BAB 4 IMPLEMENTASI SISTEM 48

4.1 Pengertian Implementasi Sistem 48 4.2 Tujuan Implementasi Sistem 49

4.3 Komponen Utama Dalam Implementasi Sistem 49

4.3.1 Hardware 49 4.3.2 Software 50 4.3.3 Brainware 50 4.4 Instalasi Apache, PHP dan MySQL 51 4.5 Pengujian di Browser 51 4.6. Tampilan Program 52 4.6.1 Tampilan Halaman Utama 52 4.6.2 Halaman About Us 53 4.6.3 Tampilan Halaman Gallery 54 4.6.4 Tampilan Halaman Placement test 55 4.6.5 Tampilan Halaman Sign Up 56

4.6.6 Tampilan Halaman Admin

58 4.6.6.1 Halaman Gallery Admin 58 4.6.6.2 Halaman Test Admin 59 4.6.6.3 Halaman Register Admin 59

BAB 5 KESIMPULAN DAN SARAN 60

5.1 Kesimpulan 60 5.2 Saran 61 DAFTAR PUSTAKA LAMPIRAN Universitas Sumatera Utara DAFTAR TABEL Nomor Nama Tabel Halaman Tabel Tabel 3.4.1 Tabel Login 39 Tabel 3.4.2 Tabel Daftar 39 Tabel 3.4.3 Tabel Gallery 40 Tabel 3.4.4 Tabel Soal 40 Universitas Sumatera Utara DAFTAR GAMBAR Nomor Nama Halaman Gambar Gambar 3.1 Simbol-simbol Data Flow Diagram 38 Gambar 3.2 Simbol Flowchart 42 Gambar 3.3 Flowchart Halaman Utama 43 Gambar 3.4 Flowchart Halaman Test 44 Gambar 3.5 Flowchart Halaman Sign Up 45 Gambar 4.6.1 Tampilan Halaman Utama 52 Gambar 4.6.2 Tampilan Halaman About Us 53 Gambar 4.6.3 Tampilan Halaman Gallery 54 Gambar 4.6.4 Tampilan Halaman Placement Test 55 Gambar 4.6.5 Tampilan Halaman Sign Up 56 Gambar 4.6.6 Tampilan Halaman Login Admin 57 Universitas Sumatera Utara Universitas Sumatera Utara ABSTRAK Kajian ini bertujuan untuk membangun suatu website informasi Tsabittah Az-zahra secara online untuk mempermudah masyarakat dalam memperoleh informasi Tsabittah Az-zahra secara online online. Sistem perancangan dalam pembuatan website sistem informasi akademik pada Tsabittah Az-zahra secara online ini dikembangkan dengan menggunakan software yakni Sublime Text, Xampp server yang merupakan gabungan dari Apache Web Server, Notepad ++,PHP dan MySQL yang digunakan untuk menampung data dan mempermudah dalam pembangunan website system informasi bimbingan konselling Tsabittah Az-zahra. Universitas Sumatera Utara BAB 1 PENDAHULUAN

1.1 Latar Belakang Masalah

Kemudahan seseorang untuk mendapatkan informasi yang diinginkannya dengan teknologi internet melalui media elektronik sangat membantu. Dewasa ini mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan lembaga atau organisasi lainnya telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi, pembelajaran, informasi organisasi dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna user yang membutuhkan. Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web yang bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain. Universitas Sumatera Utara Cara kerja komputer yang praktis dan cepat dalam menghasilkan informasi yang akurat karena tingkat ketelitiannya yang tinggi membuat komputer memegang peranan penting dalam kehidupan manusia. Oleh karena itu dirasakan penggunaan komputer sebagai alat bantu dalam penyampaian informasi produk yang ditawarkan pada suatu instansi atau organisasi maupun masyarakat dengan menggunakan suatu aplikasi yang dirancang sedemikian rupa sesuai dengan kebutuhan instansi yang bersangkutan sangatlah penting. Dengan pertimbangan tersebut dan pribadi penulis yang ingin menerapkan pengetahuan yang telah diperoleh maka penulis memutuskan untuk membuat suatu aplikasi web dengan judul : “ Sistem Informasi Bimbang Konselling Tsabittah Az- zahra ” Universitas Sumatera Utara

1.2 Rumusan Masalah

Sesuai dengan latar belakang masalah di atas dapat di rumuskan menjadi beberapa masalah sebagai berikut : 1. Bagaimana merancang dan membangun system pada sebuah bimbingan ? 2. Bagaimana merancang test masuk via online pada bimbingan? 3. Bagaimana aplikasi ini dapat berjalan dengan efektif dan efisien? 4. Sejauh mana aplikasi ini dapat membantu pengguna dengan baik.

1.3 Batasan Masalah

1. Adapun Bahasa pemograman yang digunakan adalah pemograman berbasis web 2. System ini terfokus mulai dari sistem test online sampai pada system registrasi. 3. Sistem ini bisa dijalankan di semua server browser Universitas Sumatera Utara

1.4 Tujuan

Tujuan aplikasi yang sekaligus menjadi tugas akhir ini adalah: 1. Mempermudah penggunauser dalam registrasi 2. Membantu user untuk melakukan test dan melihat hasilnya 3. Mempercepat pelayanan informasi pendaftar sehingga mempermudah dan menghemat waktu karena aktifitas dasar dan rutinitas telah dilakukan secara terkomputerisasi.

1.5 Manfaat

Manfaat dari perancangan sistem ini adalah : 1. Memberikan kemudahan bagi para user untuk mendaftar secara online. 2. Untuk meningkatkan pelayanan mutu dalam bidang pelayanan test serta pendaftaran pada bimbingan 3. Untuk mempermudah mengolah dan mengorganisir data-data serta informasi.

1.6 Metodologi Penelitian

Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian dalam memperoleh data – data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan dengan baik. adapun metode penelitian yang penulis lakukan adalah sebagai berikut : 1. Penelitian Lapangan Universitas Sumatera Utara Penelitian ini dilakukan penulis secara langsung di lapangan, dalam hal ini penulis melakukan penelitian pada Bimbingan Konselling Tsabittah Az- zahra. 2. Penelitian Pustaka Penelitian yang dilakukan penulis di perpustakaan dan internet untuk mendapatkan bahan teoritis untuk membangun sistem yang efektif dan efisien. 3. Pengumpulan dan Analisis Data Pada tahap ini penulis mengumpulkan semua data yang telah diperoleh dan mengelompokkan data ke dalam beberapa bagian, agar dapat mempermudah dalam perancangan sistem . 4. DesainSistem Pada tahap ini dilakukan perancangan desain web dan rancangan program yang akan digunakan. 5. Pengujian Setelah selesai melakukan pengumpulan data, analisis data, dan desain program, selanjutnya penulis akan melakukan pencobaan terhadap sistem yang telah dibangun. Pengujian adalah tahapan yang sangat penting, hal ini dikarenakan dari pengujian inilah diketahui apakah sistem ini sudah berjalan dengan baik atau masih terdapat kesalahan error. Universitas Sumatera Utara

1.7 Sistematika Penulisan

Penyusunan laporan tugas akhir ini menggunakan kerangka pembahasan yang terbentuk dalam susunan bab, adapun sistematika penulisan sebagai berikut : BAB1 : PENDAHULUAN Dalam bab ini penulis menguraikan Latar Belakang, Perumusan Masalah, Pembatasan Masalah, Tujuan, manfaat, Metodologi Penelitian dan Sistematika Penelitian.

BAB 2 : LANDASAN TEORI

Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan sistem website dinamis yang ingin dibangun penulis yaitu perancangan sistem informasi, teknik perancangan basis data, pengertian website, HTML HyperText Markup Language , sejarah dan pengertian javascript, bahasa pemograman dan MySQL.

BAB 3 : PERANCANGAN SISTEM