Sistem Informasi Bimbingan Konselling Tsabittah Az-Zahra

(1)

SISTEM INFORMASI BIMBINGAN BELAJAR KONSELLING TSABITTAH AZ-ZAHRA

TUGAS AKHIR

FADILLA MAHARANI

112406159

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014


(2)

SISTEM INFORMASI BIMBINGAN KONSELING TSABITTAH

AZ-ZAHRA

TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Dalam Menyelesaikan Pendidikan Program Studi D3 Teknik Informatika

FADILLA MAHARANI

112406159

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2014


(3)

PERSETUJUAN

Judul : SISTEM INFORMASI BIMBINGAN KONSELLING

TSABITTAH AZ-ZAHRA

Kategori : TUGAS AKHIR

Nama : FADILLA MAHARANI

Nomor Induk Mahasiswa : 112406159

Program Studi : D3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2014

Komisi Pembimbing :

Diketahui/Disetujui oleh Departemen Matematika FMIPA USU

Ketua Pembimbing

Dr.Syahril Efendi,S.Si,M.I.T


(4)

PERNYATAAN

SISTEM INFORMASI BIMBINGAN KONSELING TSABITTAH AZ-ZAHRA

TUGAS AKHIR

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

Medan, Juni 2014

FADILLA MAHARANI 112406159


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepda Allah SWT atas limpahan rahmat dan hidayah-Nyaa sehingga tugas akhir ini dapat diselesaikan dengan baik. Tugas akhir ini merupakan syarat untuk dapat menyelesaikan pendidikan di program D3 Teknik InformatikaFakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. Adapun judul tugas akhir ini adalah “Sistem Informasi Bimbingan Konselling Tsabittah Az-zahra”.

Pada kesempatan ini penulis juga menyampaikan terima kasih yang sebesar - besarnya kepada seluruh pihak yang sudah banyak membantu :

1.Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2.Bapak Prof. Dr.Tulus, M.Si selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3.Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D3 Teknik Informatika

4.Bpk Dr. Syahril Efendi S.Si, M.IT sebagai Dosen Pembimbing yang telah banyak banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.

5.Kedua orang tua, Bapak Drs. Partono Budy dan Ibu Drs. Tengku Marhalimi Johan yang telah memberikan dukungan moril maupun materil dalam proses penyusunan Tugas Akhir ini.

6.Asisten Laboratorium D3 Teknik Informatika, Khususnya Wahyu Ramadhan yang telah memberikan arahan dalam penyelesaian dan pembuatan tugas akhir ini.

7.Seluruh teman-teman khususnya Tengku Asfa Sadillah yang ikut memberikan saran dan kritik dalam penyusunan Tugas Akhir ini.

Semoga tugas akhir ini dapat berguna. Kritik dan saran penulis harapkan untuk perbaikan dan kemajuan tugas akhir ini di masa mendatang. Terima kasih.

Medan, Juni 2014


(6)

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.


(7)

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 Web&Jenisnya 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


(8)

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 Data(Database) 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


(9)

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


(10)

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


(11)

(12)

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.


(13)

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.


(14)

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 ”


(15)

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


(16)

1.4 Tujuan

Tujuan aplikasi yang sekaligus menjadi tugas akhir ini adalah: 1.Mempermudah pengguna(user) 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 :


(17)

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.


(18)

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

Sekilas Dalam bab ini penulis menyajikan gambaran tentang Bimbingan Belajar Tsabittah Az-zahra. Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang yang meliputi perancangan layout,


(19)

perancangan database, gambaran sistem yang akan dibuat serta bagaimana sistem tersebut saat dijalankan.

BAB 4 : IMPLEMENTASI SITEM

Dalam bab ini penulis menyajikan tentang pengertian implementasi aplikasi, tujuan implementasi aplikasi serta spesifikasi system

BAB 5 : KESIMPULAN DAN SARAN


(20)

(21)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem

Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan.

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraski, bekerjasama untuk suatu kesatuan. Komponen-komponen sistem dapat berupa suatu subsistem atau bagian- bagian dari sistem. setiap sistem tidak perduli betapapun kecilnya, selalu mengandung kompunen-komponen atau subsistem- subsistem. setiap sub sistem mempunyai sifat- sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. suatu sistem dapat mempunyai suatu sistem yang lebih besar yang disebut supra sistem, isalnya susatu perusahaan dapat disebut dengan suatu sistem dan industri yang merupakan sistem yang lebih besar dapat disebut dengan supra sistem. kalau dipandang industri sebagai sistem, maka perusahaan dapat dipandang sebagai subsistem.


(22)

Ada beberapa pengertian tentang defenisi sistem yan dijelaskan oleh beberapa ahli misalnya :

Menurut Jerry FithGerald; mengatakan bahwa sitem adalah suatu jaringan kerja dari prosedur- prosedur yang salng berhubungan, berkumpul bersamasama untuk melakukan suatu kegiatan atau menyeleasikan suatu sasaran tertentu.

Menurut Ludwig Von Bartalanfy ;sistem merupakan seperangkat unsur yang saling terikat dalam suatu antar relasi diantara unsur- unsur tersebut dengan lingkungan.

Menurut Anatol Raporot ;sistem adalah suatu kumpulan kesatuan dan perangkat hubungan satu sama lain.

Menurut L. Ackof ;sistem adalah setiap kesatuan secara konseptual atau fisik yang terdiri dari bagian- bagian dalam keadaan saling tergantung satu sama lainnya.

Pengertian dan defenisi sistem pada bidang berbeda-beda, tetapi meskipun istilah sistem yang dignakan bervariasi semua sistem pada bidang-bidang tersebut mempunyai beberapa persyaratan umum, yaitu sistem harus mempunyai elemen, lingkungan, interaksi antar elemen, interaksi antar elemen dengan lingkkungannya, yang terpenting adalah sistem harus mempunyai tujuan yang akan dicapai.


(23)

2.2 Pengertian Sistem Informasi

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

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

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


(24)

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

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

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

SI dapat dikategorikan dalam empat bagian:

Sistem Informasi Manajemen Sistem Pendukung Keputusan Sistem Informasi Eksekutif Sistem Pemrosesan Transaksi


(25)

2.2. 1 Transformasi Data Menjadi Informasi

Data hanyalah sekumpulan fakta. Namun fakta-fakta tersebut bisa memberikan suatu informasi penting setelah diolah oleh proses-proses pengolahan, analisis, dan sintesis. Pada sistem terkomputerisasi proses penyimpanan data, proses pengolahan, analisis, dan sintesis dan proses penampilan informasi bisa dilakukan oleh komputer.

Contoh data adalah: kumpulan data produk kerajinan, nota-nota transaksi perusahaan, dan sebagainya. Data tersebut akan diolah menjadi suatu informasi. Contoh Informasi adalah: Nilai rata-rata mahasiswa untuk matakuliah tertentu (diperoleh dari penjumlahan seluruh data nilai suatu matakuliah dibagi dengan jumlah mahasiswa). Contoh yang lain adalah: laporan pendapatan perusahaan (diperoleh dari analisa nota-nota transaksi perusahaan).

2.3. Pemrograman Web

Web Programming adalah adalah proses menulis, mencoba, memeriksa dan memperbaiki (debug), serta memelihara kode untuk membuat sebuah program komputer. Kode ini ditulis dalam berbagai bahasa pemrograman. Tujuan dari pemrograman adalah untuk memuat suatu program yang dapat melakukan suatu perhitungan atau proses sesuai dengan keinginan si pemrogram.


(26)

Pemrograman berbasis web adalah hal yang sudah sering kita temui dan kita gunakan pada saat ini karena mudah ditemukannya koneksi internet yang mendukung penggunaan sebuah pemrograman berbasis web. Tidak banyak orang yang tahu apa itu sebenarnya pemrograman berbasis web walaupun mereka sering menggunakannya dalam kehidupan sehari-hari.

Pemrogaman berbasis web terdiri dari tiga kata yang masing-masing artinya adalah sebagai berikut :

· Pemrograman : proses membuat sebuah program komputer · Berbasis : berdasarkan pada

· Web : halaman situs yang menampilkan berbagai informasi berbentuk teks, grafik, suara dan sumber daya animasi melalui protokol transfer hypertext.

Dari pengertian-pengertian masing-masing kata dapat disimpulkan bahwa pemrograman berbasis web adalah proses membuat sebuah program komputer yang berdasarkan pada halaman situs yang menampilkan berbagai informasi berbentuk teks, grafi, suara dan sumber daya animasi melalui protokol transfer hypertext.

Untuk membuat sebuah pemrograman berbasis web dibutuhkan sebuah bahasa pemrograman tertentu yang dapat mendukung program tersebut. Bahasa pemrograman adalah bahasa yang digunakan oleh programer untuk membuat sebuah program yang dapat memberikan instruksi pada mesin atau komputer.


(27)

Terdapat berbagai macam jenis bahasa pemrograman berbasis web seperti berikut :

1) Bahasa Pemrograman HTML (HyperText Markup Language)

HTML adalah sebuah bahasa markup standar yang digunakan untuk membuat halaman wen dan menampilkan berbagai informasi di dalamnya. HTML menghasilkan tampilan yang terintegrasi karena berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII sehingga menjadi home page dengan perintah-perintah HTML.

2) Bahasa Pemograman PHP (Hypertext Preprocessor)

PHP adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada awalnya bahasa pemrograman ini berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web dan belum digunakan secara umum. Namun, setelah bahasa pemrograman ini dirilis untuk umum, maka banyak pemrogram yang tertarik untuk mengembangkannya sehingga kemampuan bahasa pemrograman ini menjadi semakin baik, versi terakhirnya pun sudah memasukkan model pemrograman berorientasi objek ke dalam PHP untuk beradaptasi dengan perkembangan bahasa pemrograman yang sudah banyak menggunakan pemrograman berorientasi objek.


(28)

3) Bahasa Pemrograman Javascript

JavaScript adalah bahasa skrip yang dapat bekerja di sebagian besar browser. JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. JavaScript pertama kali dikembangkan oleh Brendan Eich. Walaupun namanya JavaScript namun bahasa pemrograman ini tidak ada hubungannya dengan bahasa pemrograman java. JavaScript dapat digunakan untuk membuat efek rollover baik gambar maupun teks dan yang paling utama adalah untuk membuat AJAX.

4) Bahasa Pemrograman ASP (Active Server Pages)

ASP adalah salah satu bahasa pemrograman web untuk menciptakan halaman web yang dinamis.ASP diproses melallui web server dan hasil proses ini menghasilkan HTML yang akan dikirimkan melalui browser. ASP diciptakan oleh Microsoft untuk membuat pemrograman web yang dinamis, sehingga isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang berbeda. Bahasa pemrograman ASP merupakan Object Oriented Programming dan memiliki struktur bahasa yang sama dengan bahasa Visual Basic yang mudah dimengerti karena sintaksnya menggunakan bahasa Inggris.

5) Bahasa Pemrograman XML (Extensible Markup Language)

XML merupakan kelanjutan dari HTML yang merupakan bahasa standar untuk melacak internet. XML adalah bahasa markup untuk membuat dokumen markup


(29)

keperluan pertukaran data antar sistem yang beraneka ragam. XML didesain untuk menyimpan data secara ringkas sehingga menjadi lebih efisien dan mudah diatur.

6) Bahasa Pemrograman WML (Wireless Markup Language)

WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (Extensible Markup Langauge). WML adalah bahasa pemrograman yang digunakan dalam aplikasi wireless. WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.

7) Bahasa Pemrograman PERL

PERL merupakan bahasa pemrograman yang mirip dengan bahasa pemrograman C. PERL adalah penanganan teks dan berbagai jalan pintas untuk menyelesaikan persoalan-persoalan umum. PERL dapat mempersingkat sintaks yang digunakan untuk membuat sebuah program yang seharusnya menghasilkan sintaks yang panjang jika menggunakan bahasa pemrograman lain karena sintaks yang digunakan bahasa pemrograman ini berupa simbol-simbol yang sulit dimengerti orang awam.

8) Bahasa Pemrograman CFM

CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio. Syntax coldfusion berbasis html.


(30)

2.4 Pemrograman Web & Jenisnya

Web merupakan fasilitas hypertext untuk menampilkan data berupa teks, gambar, suara, animasi, dan data multimedia lainnya jika anda ingin meguasai web maka anda perlu mengenal itu bahasa HTML dan PHP .HTML merupakan bahasa pemrograman web yang merupakan pada kategori script client side sedangkan PHP merupakan salah satu script (perintah-perintah program) server side yang sangat populer diterapkan dalam sebuah web.

Web dapat menjadi alat untuk mempromosikan suatu produk maupun diri kita sendiri jika ingin terkenal lewat web.web mengalami perkembangan yang sangat pesat dewasa ini.mulai dari situs web e-commerce sampai web non-profit.Situs/web dapat dikategorikan menjadi dua yaitu web statis dan web dinamis.

A. Web Statis

Web Statis adalah web yang content atau isinya tidak berubah – ubah. Maksudnya adalah isi dar dikarenakan karena script yang digunakan untuk membut web statis tidak mendukung untuk mengubah isi dokumen.

Karena script yng digunakan untuk membuat web statis ini seperti HTML dan Cascading Style Sheet atau biasa disebut dengan CSS. Maka dari itu untuk perubahan isi dokumen pada web statis harus mengubah isi file HTML atau CSS tersebut. Tentunya bagi orang awam atau orang yang tidak mengerti soal program atau script HTML dan CSS akan sangat sulit sekali dilakukan. Untuk itu jika kita ingin


(31)

mengubah dokumen web statis harus mengerti benar scipt HTML atau CSS atau sering disebut programmer yang dapat melakukan perubahan isi dokumen sebuah web statis.Web statis ini biasanya digunakan oleh Web Search Engine, atau web Company Profile.

Adapun Ciri-ciri web statis adalah :

1.Hanya menggunakan HTML dan bisa dilengkapi dengan CSS. 2. Tidak memiliki datasbase.

3. Kontennya hanya diberikan oleh pemilik web. 4. Jarang di-update.

B. Web Dinamis

Web Dinamis adalah Web yang content atau isinya dapat berubah – ubah setiap saat. Karena dalam teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi user yang menggunakan web dinamis tersebut.

Untuk perubahan content atau isi dokumen dalam sebuah web dinamis dibilang mudah ketimbang web statis yang harus memiliki keahlian khusus pada bagian scripting web tersebut. Ketika kita akan mengubah content atau isi dari sebuah web dinamis kita hanya perlu masuk kebagian control panel atau bagian administrator web yang telah disediakan oleh script web dinamis.


(32)

Jadi untuk pengubahan content atau isi dokumen dalam sebuah web dinamis tidak perlu memiliki keahlian programming atau seorang programmer saja yang dapat mengubah isi dokumen pada web dinamis. Untuk membuat web dinamis diperlukan beberapa komponen yaitu client side scripting ( HTML, JavaScript, Casing Style Sheet atau CSS) dan server side scripting seperti PHP dan program basis data seperti database MySQL untuk menyimpan data – data yang ada di web dinamis.

Web Dinamis ini banyak sekali bertebaran di internet seperti Web Berita, Personal

Adapun ciri-ciri Web dinamis :

Menggunakan bahasa pemrograman web seperti PHP, ASP dan lain-lain. Memiliki database.

Konten di dalamnya bisa dari pengunjung dan bisa juga dari database. Lebih sering di-update.

2.5. MySQL

MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembang software dan konsultan database bernama MYSQL AB yang berada di Swedia. Waktu itu perusahaan tersebut masih bernama TcX DataKonsult AB, dan tujuan awal dikembangkannya MySQL adalah untuk mengembangkan aplikasi berbasis web pada client. Awalnya Michael "Monty" Widenius, pengembang satu-satunya di TcX memiliki sebuah aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya.


(33)

Awalnya Monty memakai miniSQL (mSQL) pada eksperimennya itu, namun SQL dirasa kurang sesuai, karena terlalu lambat dalam pemrosesan query. Akhirnya Monty menghubungi David Hughes, pembuat mSQL yang sedang merilis versi kedua dari mSQL. Kemudian Monty mencoba membuat sendiri mesin SQL yang memiliki antarmuka mirip dengan SQL, tetapi dengan kemampuan yang lebih sesuai sehingga lahirlah MySQL. Tentang pengambilan nama MySQL, sampai saat ini masih belum jelas asal usulnya. Ada yang berpendapat nama My diambil dari huruf depan dan belakang Monty, tetapi versi lain mengatakan nama itu diambil dari putri Monty yang kebetulan juga bernama My.

2.5.1 Keistimewaan MySQL

Sebagai database server yang memiliki konsep database modern, MySQL memiliki banyak sekali keistimewaan. Berikut ini beberapa keistimewaan yang dimiliki oleh MySQL:

a. Portability

MySQL dapat berjalan stabil pada berbagai OS seperti Windows, Linux, Unix, Mac OS, Solaris, Unix, Amiga, HP-UX, Symbian.


(34)

Dahulu MySQL didistribusikan secara open source (gratis), dibawah lisensi GPL sehingga kita dapat menggunakannya secara cuma-cuma tanpa dipungut biaya. Namun, saat ini karena MySQL telah dibeli oleh SUN, maka kita tidak dapat lagi menikmati fitur-fitur baru yang ada di MySQL, karena SUN akan membatasi fitur-fitur baru ini hanya untuk user yang membeli lisensinya. Sehingga MySQL tidak lagi sebuah opensource yang benar-benar gratis lagi. MySQL sekarang hanya menyediakan fitur-fitur "dasar" saja yang saat ini sudah menggunakan versi 5.1. Untuk mendownloadnya silahkan download di sini dan dicari versi MySQL dengan OS kita.

c. Multiuser

MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami konflik. Hal ini memungkinkan sebuah database server MySQL dapat diakses klien secara bersamaan.

d. Performance Tuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

e. Column Types

MySQL memiliki tipe kolom yang sangat kompleks, seperti signed/unsigned integer, float, double, char, varchar, text, blob, date, time, datetime, timestamp, year, set serta enum.


(35)

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah SELECT dan WHERE dalam query.

g. Security

MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta password terenkripsi.

h. Scalability dan Limits

MySQL mampu menangani database dalam skala besar dengan jumlah records lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris. Selain itu, batas index yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

i. Connectivity

MySQL dapat melakukan koneksi dengan klien menggunakan TCP/IP, Unix soket (Unix), atau Named Pipes (NT).

j. Localisation

MySQL dapat mendeteksi pesan kesalahan (error code) pada klien dengan menggunakan lebih dari dua puluh bahasa


(36)

MySQL memiliki interface terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

l. Clients dan Tools

MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi database, dan pada setiap tool yang ada disertakan petunjuk online.

m. Struktur Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE dibandingkan database lainnya.

2.6 PHP

PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.

Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan


(37)

perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.


(38)

Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser,

Kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut.

Program php dapat ditambahkan dengan mengapit program tersebut diantara tanda . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php3 atau php. Php merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebagai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages).


(39)

Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. pemrograman kearah pemrograman berorientasi objek.

Kelebihan PHP dari bahasa pemrograman lain

a. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah k-ompilasi dalam penggunaanya.

b.Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.

c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.

d. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.

e.PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.


(40)

CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan atas kode HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit size. CSS juga membantu kita untuk menyeragamkan seluruh halaman website dengan tampilan yang konsisten. Misalnya, kita mau seluruh font yang ada di website kita adalah font "Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu menjadi otomatis tanpa harus mengganti-ganti font secara manual di setiap halaman.

Dahulu kala, sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.

Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, dimana dimulai CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2 yang merupakan penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1.

CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya :

a. Ukuran file lebih kecil b. Load file lebih cepat

c. Dapat berkolaborasi dengan Javascript


(41)

e. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS. f. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.

2.7.1 Kelebihan penggunaan CSS :

1. Halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly 2. Dapat dengan mudah mengganti tampilan web dengan cukup mengganti nilai dan definisi pada pada satu file CSS saja.

2.7.2 Kekurangannya penggunaan CSS :

Sayangnya susah untuk dimengerti dibandingkan dengan bahasa pemrograman lainnya contohnya: HTML, PHP, Java Script, dan lain-lain dan CSS ini memerlukan waktu yang sangatlah lama untuk bisa mahir untuk mempelajari CSS ini.

2.8 Javascript

JavaScript pertama kali diperkenalkan oleh Netscape pada tahun 1995. Pada awalnya bahasa yang sekarang disebut JavaScript ini dulunya dinamai “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 yang sangat populer pada saat itu. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java”) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995.


(42)

Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser milik mereka yaitu Internet Explorer 3. JavaScript sendiri merupakan modifikasi dari bahasa pemrograman C++ dengan pola penulisan yang lebih sederhana dari bahasa pemrograman C++.

JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan khusus untuk dibrowser atau halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.

Javascript merupakan bahasa scripting yang digunakan untuk membuat aplikasi web, sifatnya client-side sehingga dapat diolah langsung di browser tanpa harus terhubung keserver terlebih dahulu. Walaupun namanya menggunakan kata “Java”, Javascript tidak berhubungan dengan bahasa pemprograman java, meskipun keduanya memiliki kemiripan dalam hal syntax yang meniru bahasa C.

Nama asli dari bahasa ini adalah LiveScript yang kemudian diganti karena adanya perjanjian kerjasama antara Netscape dan Sun dengan balasan Netscape memperbolehkan untuk membundel browse mereka dengan menggunakan Java dan Sun. “JavaScript” merupakan merk terdaftar milik Sun Microsystem, Inc dan


(43)

dilisensikan oleh Sun untuk Netscape Comunications dan entitas lainnya seperti Mozilla Foundation.

2.8.1 Kegunaan JavaScript

Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan kedalam HTML baik secara langsung disisipkan maupun diletakan ke file teks dan di link dari dokumen HTML.

Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.

2.9 Pengertian Website

WebSite berasal dari bahasa inggris yang mempunyai dua kata terpisah antara web dan site. Web merupakan kumpulan informasi yang terkirim melalui jaringan Intertnet. Pada dasarnya Web merupakan paduan dari WWW (world Wide Web) yang kemudian selalu disebut dengan Web. Namun tetap saja ada perbedaan istilah antara Web dengan WWW. Sedangkan Site merupakan isi dari Informasi-informasi yang berbentuk apapun yang terkumpul dan tersimpan melalui Web.


(44)

Jadi, secara istilah pengertian Website adalah suatu kumpulan sebuah situs yang berisi informasi atau file yang file dan informasi tersebut terangkum dalam sebuah Domain dan subdomain sebagai mediasi penghantarnya yang akan tersimpan dalam sebuah blog melalui sistematis website.

Untuk lebih jelasnya lagi saya akan menjelaskan secara mudah pengertian rinci dari website. Jika kita ingin menulis sebuah kata, artikel, atau membuat gambar, tentu kita akan memerlukan alat tulis dan gambar tersebut. Nah alat tulis inilah yang dalam dunia internet disebut dengan Website. Jika kita tidak mempunyai website, tentu kita tidak bisa mempunyai blog. Jadi, setelah kita menulis lalu meyimpannya dalam sebuah buku, maka buku yang dimaksud adalah blog atau weblog. Untuk mengirim tulisan atau data kita, maka kita membutuhkan sebuah alat atau kendaraan yang inilah disebut dengan domain atau subdomain yang akan menghantarkan kita ke tempat penyimpanan data.

2.9.1 Sejarah Lahirnya Website

Orang yang pertama kali menemukan Website bernama Sir Timothy John, kemudian Website mulai dikenal dan baru dipublikasikan pada tahun 1991. Adapun tujuan daripada pembuatan website ini adalah untuk mempermudah fasilitas pembaharuan informasi yang berupa data atau file sehingga bukan saja mereka yang mempunyai file tersebut saja yang bisa melihat, akan tetapi orang lain pun dapat mengetahuinya dengan menuliskan alamat file website tersebut yang sudah tersimpan dalam sebuah blog.


(45)

Penggunaan website secara umum biasanya telah dikonvert dengan kode-kode yang terhimpun dalam sebuah kode berbentuk HTML. Kode inilah yang diterjemahkan dalam sebuah blog dengan bantuan software dengan sebutan Web Browser atau lebih dikenal dengan HTTP. Namun seiring perkembangan jaman, blog tidak saja menggunakan kode HTML saja, tetapi telah berpadu dalam beberapa kode seperti PHP, CSS dan lain sebagainya.

2.9.2 Komponen-Komponen Website

Website di ibaratkan sebuah bangunan yang mempunyai komponen-komponen. Komponen inilah jika lengkap dan tersusun sistematis akan memberikan wujud asli daripada website tersebut. Jika salah satu komponen dari website ini tidak ada, maka akan terjadi error koneksi. Adapun komponen website yaitu:

1. URL

2. Web hosting

3. Bahasa Program (Scripts Program) 4. Desain website

5. Program transfer data ke pusat data 6. Publikasi website


(46)

2.9.3 Jenis-Jenis Website

Website dapat kita tandai dengan adanya sebuah alat yang bisa merubah atau menganalisis sebuat tulisan melalui kode-kode, baik html, php, css dan lain-lain. Adapun jenis-jenis website yaitu:

Penyunting teks (notepad, teksedit)


(47)

(48)

BAB 3

ANALISA PERANCANGAN SISTEM

3.1 Analisis Sistem

Seiring dengan perkembangan teknologi informasi saat ini serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual, yang harus diganti dengan sistem yang lebih baik lagi, yaitu dengan membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu Program mengenai Perancangan web ecommerce, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.

Perancangan web ecommerce ini diperbuat atas dasar kebutuhan masyarakat yang menginginkan cara berbelanja secara online, sehingga dapat menghemat waktu. Berdasarkan pengamatan penulis mengenai analisis sistem yang berjalan pada web ecommerce ini adalah masih ditemui kendala diantaranya yaitu, masih terdapat informasi berita tentang penjualan yang dilakukan secara manual, yakni dari mulut kemulut dan dari brosur-brosur yang ditempelkan pada papan pengumuman, tingkat akurasi yang rendah, dan data yang tidak dapat cepat di update. Mengetahui kendala yang ada, maka penulis mencoba merancang sebuah web ecommerce untuk mempermudah masyarakat


(49)

Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen sistem diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.

Dalam hal ini, sistem yang akan dibuat adalah dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai database nya serta Dreamweaver sebagai media untuk membuat web ecommerce ini. Adapun spesifikasi serta target terhadap sistem yang akan dibuat yaitu :

1. Perancangan yang akan dibuat yaitu “Perancangan web sistem informasi bimbingan konselling tsabittah az-zahra”. Yang menyediakan informasi-informasi tentang bimbingan dan cara mendaftar online.

2. Target yang ingin dicapai dalam perancangan web e-commerce ini adalah diharapkan pengunjung mendapatkan segala informasi mengenai informasi terbaru, sehingga memudahkan masyarakat untuk melakukan registrasi dan diharapkan pula dapat memberikan kemudahan bagi masyarakat luas.

3.3 Diagram Alir Data

Data flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa,


(50)

penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi untuk menggambarkan arus dari data sistem. Berikut ini adalah gambar DFD level 0 dan DFD level 1 yang merupakan perincian dari diagram

konteks.

Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. Adapun Data Flow Diagram (DFD) yang penulis ajukan yaitu, keterangan mengenai simbol-simbol Data Flow Diagram yang digunakan :

No Simbol Nama Fungsi

1 Kesatuan Luar

(External Entity)

Memberikan input atau menerima output dari sistem

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

Exit/ End


(51)

3 Liran Data (Data Flow)

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

4 Penyimpanan

Data

(Data Storage)

Data disimpan untuk keperluan berikutnya.

Gambar 3.1 Simbol-simbol Data Flow Diagram

3.4 Basis Data (Database)

Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinnya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel

sesuai dengan informasi yang terkandung di dalamnya. Berikut ini rancangan tabel yang penulis gunakan dalam membangun sistem informasi :

3.4.1 Tabel Login

Nama Field Tipe Data Lebar Data

Nama Varchar 30

Password Varchar 30


(52)

Nama Field Tipe Data Lebar Data

Nama Varchar 100

Jenis Kelamin Varchar 30

Agama Varchar 30

Tanggal Lahir Varchar 30

Tempat Lahir Varchar 30

Alamat Siswa Varchar 40

Asal Sekolah Varchar 30

Nama Orangtua Varchar 40

Alamat Orangtua Varchar 50

Nomor Telefon Varchar 100

3.4.3 Tabel Gallery

Nama Field Tipe Data Lebar Data

id_gbr Int 100

nama_gbr Varchar 100

Ket_gbr Varchar 100

3.4.4 Tabel Soal


(53)

id Int 20

soal Varchar 500

pil1 Varchar 100

pil2 Varchar 100

pil3 Varchar 100

pil4 Varchar 100

jawaban Varchar 100

3.5 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau

menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart ini digunakan untuk menggambarkan urutan langkah-langkah suatu algoritma.

Penjelasan arti dari lambing-lambang flowchart dapat didefinisikan sebagai berikut :


(54)

1

Terminal untuk memulai dan mengakhiri suatu program.

2

Proses suatu simbol yang menunjukkan setiap pengolahan yang dilakukan komputer.

3

Input – output, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.

4

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

5

Untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedure

6 Off Line Connector, merupakan symbol

masuk dan keluarnya suatu prosedur pada lembar kertas yang lain.

7

Garis alir untuk menunjukkan arah selanjutnya yang akan dituju.

8

Predifined Process, sutau symbol untuk menyediakan tempat-tempat pengolahan data dalam storage.

9

Connector, suatu prosedur akan masuk dan keluar melalui symbol ini dalam


(55)

lembar yang sama.

10

Document merupakan symbol untuk data yang berbentuk informasi.

11

Simbol untuk output yang ditujukan suatu divice, seperti printer, plotter.

12 Untuk menyimpan data


(56)

3.5.1 Flowchart Halaman Utama

Y

N Y

Y

N

Gambar 3.3 Flowchart Halaman Utama Mulai

Hom e

About us

Test

Sign Up

Stop/Exit

Home

About us

Test

Form

Daftar B

A Halaman Utama


(57)

3.5.2 Flowchart Halaman Test

Gambar 3.4 Flowchart Halaman Test Masukkan

Pilihan L l

A

Start

Halaman Test

Stop Halaman Hasil


(58)

3.5.3 Flowchart Halaman Sign Up

N Y

Gambar 3.5 Flowchart Sign Up B

Start

Isi Data

Data Lengka

Halaman Berhasil Daftar

Tampila n Data

Halaman Tampil Data


(59)

3.6 Perancangan Halaman Website

Halaman website merupakan bagian penting yang harus diperhatikan dalam membangun sebuah website yang baik dan benar. Halaman website berfungsi sebagai

user interface antara user dan administrator. Adapun halaman website yang terdapat di dalam perancangan Sistem Informasi Manajemen Fadhillah Group berbasis Web terdiri dari 2 :

1. Halaman Depan terdiri dari:

a. Halaman Home, yaitu halaman yang berfungsi sebagai pembuka dan menampilkan hasil website Tsabittah Az-zahra secara online.

b. Halaman About Us, yaitu halaman yang memberi informasi mengenai profil Tsabittah Az-zahra.

c. Halaman Gallery, yaitu halaman yang berfungsi untuk menunjukkan foto-foto kegiatan bimbel Tsabittah Az-zahra..

d. Halaman Placement Test, yaitu halaman yang berfungsi untuk sebagai test bahsa inggris online untuk mengukur kemampuan calon pendaftar. e. Halaman Sign Up, yaitu halaman yang berfungsi untuk melakukan

registrasi secara online

2. Halaman Admin terdiri dari:

a. Halaman Gallery Admin, yaitu halaman yang berfungsi untuk menghapus,menambah serta mengedit gambar yang ada di website.


(60)

b. Halaman Test Admin, yaitu halaman yang berfungsi untuk menghapus,menambah soal dan jawaban test online.

c. Halaman Register Admin, yaitu halaman yang berfungsi untuk melihat calon pendaftar.


(61)

(62)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, mengisntall, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untuk dioperasikan. Tahap implementasi sistem terdiri dari langkah-langkah sebagai berikut ini :

1. Menerapkan rencana implementasi 2. Melakukan kegiatan implementasi 3. Tindak lanjut implementasi

4.2 Tujuan Implementasi


(63)

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware

sebagai sarana.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai

yaitu dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem telah berjalan lancar dengan mengontrol dan melakukan instalasi secara benar.

4.3 Komponen Utama Dalam Implementasi Sistem 4.3.1 Hardware

Hardware merupakan komponen fisik dalam rangkaian komputer, sedangkan spesifikasi hardware yang dibutuhkan adalah sebagai berikut :

a. Monitor

b. CPU (Central Processing Unit)

c. Hardisk untuk tempat program beroperasi dan sebagai media penyimpanan data.

d. Keyboard e. Mouse

f. Printer untuk mencetak hasil


(64)

Software merupakan intruksi program yang dapat digunakan dalam komputer dan memberikan fungsi menampilkan seperti yang diinginkan. Software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengolahan nilai, yaitu :

a. Windows 7

b. Browser sebagai software untuk menjalankan website yang dibuat. c. PHP sebagai bahasa pemograman serverside.

d. MySQL sebagai pengelola database server.

e. Macromedia DreamWeaver sebagai media mendesain web dan

menggabungkan antara layout dengan bahasa pemograman. f. Javascript sebagai bahasa pemograman clientside.

4.3.3 Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang dibutuhkan adalah :

a. Administrator b. Pengunjung

4.4 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP, dan MySQL dilakukan secara satu persatu. Adapun software dapat diperoleh dari situs Apache,

MySQL. Tahap


(65)

menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai.

4.5 Pengujian di Browser

Setelah menginstal AppServ, maka applikasi web telah dapat di ujikan di komputer lokal. Adapun caranya adalah sebagai berikut :

1. Letakkan file-file yang membangun web kedalam suatu folder, dalam hal ini penulis membuat nama foldernya “site” dan diletakkan di dalam folder web.

2. Buka Browser Google Chrome atau Mozilla Firefox 3. Pada kotak URL ketikka

4.6 Tampilan Program

4.6.1 Tampilan Halaman Utama

Halaman Beranda, yaitu halaman yang berfungsi sebagai pembuka dan menampilkan hasil website Tsabittah Az-zahra secara online.


(66)

Gambar 4.6.1 Tampilan Halaman Utama

Gambar 4.6.1.1 Tampilan Halaman Utama

4.6.2 Halaman About Us

Halaman About Us, yaitu halaman yang berfungsi untuk memperkenalkan bimbingan Tsabittah Az-zahra kepada masyarakat umum. Di halaman ini juga berfungsi untuk memberikan informasi tentang Tsabittah Az-zahra dna lokasi pendaftaran.


(67)

Gambar 4.6.2 Tampilan About us

Gambar 4.6.2.1 Tampilan About us

4.6.3 Tampilan Halaman Gallery

Halaman galeri Tsabittah Az-zahra yaitu halaman yang berisi kumpulan kumpulan foto kegiatan di bimbingan Tsabittah Az-zahra


(68)

Gambar 4.6.3 Tampilan Gallery

Gambar 4.6.3.1 Tampilan Gallery

4.6.4 Tampilan Halaman Placement test

Halaman Placement test yaitu halaman yang berisi test bahasa inggris online yang berfungsi mengukur kemampuan calon pendaftar.


(69)

Gambar 4.6.4 Tampilan Placement Test

Gambar 4.6.4.1 Tampilan Placement Test

4.6.5 Tampilan Halaman Sign Up

Halaman Sign Up Tsabittah Az-zahra yaitu halaman yang berisi cara mendaftar di Tsabittah Az-zahra via online.


(70)

Gambar 4.6.5 Tampilan Sign Up

Gambar 4.6.5.1 Tampilan Sign Up

4.6.6 Tampilan Halaman Admin

Halaman Admin adalah halaman bagi admin untuk mengetahui data dan pesanan yang masuk ke dalam website ini.


(71)

Gambar 4.6.6 Tampilan Halaman Login Admin


(72)

Gambar 4.6.6.3 Tampilan Halaman Admin

4.6.6.1 Halaman Gallery Admin

Halaman Gallery Admin berfungsi untuk mengatur foto-foto yang ada di halaman utama,. Halaman ini juga berfungsi untuk menghapus,menambah serta mengedit foto-foto yang ada digallery


(73)

4.6.6.2 Halaman Test Admin

Halaman Test Admin berfungsi untuk mengatur soal-soalyang ada di halaman utama,. Halaman ini juga berfungsi untuk menghapus,menambah serta mengedit soal yanga ada di Halaman placement test

Gambar 4.6.6.2 Tampilan Test Admin

4.6.6.3 Halaman Register Admin

Halaman Register Admin berfungsi untuk memperlihatkan data-data calon pendaftar.


(74)

(75)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang merupakan bab terakhir dari tugas akhir ini, penulis akan mencoba menarik kesimpulan yakni sebagai berikut :

1.Aplikasi berbasi web ini sangat membantu para pengguna(user) dalam mendapatkan suatu informasi..

2.Website ini memberikan informasi yang berkaitan dengan bimbingan dan suatu test ukur kemampuan.

3.Website ini juga menyediakan fasilitas pendaftaran online tanpa harus dating langsung ke lokasi bimbingan.

4.Perancangan website ini dibuat dengan software sublime text,dreamweaver 8.0 dan pemograman PHP, serta database MySQL.

5.Penyajian informasi yang baik dapat dilakukan dengan meng-update isi dari situs tersebut secara berkala dan sesuai dengan perkembangan zaman sekarang.


(76)

Setelah selesainya website berbasis web pada penjualan pakaian ini dan dalam sub bab terakhir ini penulis ingin memberikan saran dan harapan yang dapat memberikan masukan bagi konsumen dan pengguna internet lainnya, yakni :

1.Diharapkan Data pada situs website seharusnya selalu di-update oleh admin secara berkala sesuai dengan perkembangan yang terjadi sekarang ini, sehingga dapat memberikan informasi yang update dan teraktual kepada masyarakat.

2.Diharapkan dunia pendidikan harus lebih tanggap dengan perkembangan teknologi agar tidak tertinggal dengan negara-negara yang lebih maju.

3.Diharapkan komputer yang digunakan sebagai server website ini adalah komputer yang mempunyai spesifikasi yang tinggi, sehingga mempermudah dalam pengaksesan data dan sumber daya komputer kita.

4.Dalam pembuatan Sistem Informasi Bimbingan Tsabittah Az-zahra ini masih banyak kekurangan yang terdapat dalam sistem tersebut.


(77)

DAFTAR PUSTAKA

.Kusumo, Suryo, Ario, Drs, Microsoft Visual Basic 6.0, Elex Media Komputindo, PT, Gramedia, Jakarta, 2000.

Pamungkas, Ir, Microsoft Visual Basic 6.0, Elex Media Komputindo, PT, Gramedia, Jakarta, 2000.

S.Si, Budiarto, Widodo, Aplikasi Database dengan SQL Server 2000 & Visual Basic 6.0, Elex Media Komputindo, PT, Gramedia, Jakarta, 2002.

Www.Google.com/Membuat laporan dengan crystal report (Diakses tanggal 03 Juni 2014)

Www.Google.com/ VB 6.0/Download/files/m.m.amin-buku-vbdasar.pdf (Diakses tanggal 05 Mei 2014)


(78)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

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

Nama : FADILLA MAHARANI

NIM : 112406159

Program Studi : TEKNIK INFORMATIKA

Judul Tugas Akhir : SISTEM INFORMASI BIMBINGAN KONSELING TSABITTAH AZ-ZAHRA

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

Dengan Hasil : Sukses / Gagal

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

Medan, Juni 2014 Dosen Pembimbing,

Dr.Syahril Efendi, SSi, M.IT

NIP. 196711101996021001


(79)

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155 Email : [email protected]

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : ERSA SABILA

Nomor Stambuk : 112406157

Judul Tugas Akhir : Sistem informasi bimbingan konselling Tsabittah Az- zahra

Dosen Pembimbing : Dr.Syahril Efendi, SSi, M.IT Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai,

pada Bab

Paraf Dosen

Pembimbing Keterangan 1 2 3 4 5 6 7 8

Diketahui, Disetujui Pembimbing Utama/

Ketua Program Studi D3 Teknik Informatika Penanggung Jawab FMIPA USU

Dr. Elly Rosmaini, M.Si Dr.Syahril Efendi, SSi, M.IT NIP. 19600520 198503 2002 NIP. 19671110 19960 21001


(80)

L

A

M

P

I

R

A

N


(81)

LISTING PROGRAM 1.Form Halaman Home

Option Explicit

Dim MaxLogin As Integer

Public LoginSucceeded As Boolean Public sql As String

Private Sub Masuk()

FormUtama.BackColor = &H8000000D FormUtama.mnutransaksi = True FormUtama.mnudatapas = True FormUtama.mnuklinik = True FormUtama.mnudataadmin = True FormUtama.mnulaporan = True FormUtama.mnulogin = False FormUtama.mnulogout = True Unload Me

End Sub

Private Sub CmdCancel_Click() Unload Me

FormUtama.Cmdmasuk.Caption = "Sign in" End Sub

'set the global var to false 'to denote a failed login 'LoginSucceeded = False 'Me.Hide

'End 'End Sub

Private Sub cmdOK_Click() If TxtNama.Text = "" Then

MsgBox "USER ID MASIH KOSONG !", vbCritical + vbOKOnly, "Error"

TxtNama.SetFocus

ElseIf TxtSandi.Text = "" Then

MsgBox "PASSWORD MASIH KOSONG !", vbCritical + vbOKOnly, "Error"

TxtSandi.SetFocus Else


(82)

sql = "SELECT * FROM login WHERE User='" & TxtNama.Text _

& "' AND Password='" & TxtSandi.Text & "'" Set Rs = DataAnsi.Execute(sql)

If Not Rs.BOF Then Masuk

Unload Me Rs.Close Else

MsgBox ("Periksa user dan password anda"), vbInformation, "Oopzz..."

TxtNama.Text = "" TxtSandi.Text = "" TxtNama.SetFocus 'Periksa, login hanya 3 kali

'3x gagal pesan error ditampilkan If MaxLogin < 3 Then

MsgBox "Maaf, Kombinasi Username dan Password Salah", vbCritical + vbOKOnly, "Error"

TxtSandi.Text = "" TxtSandi.SetFocus

MaxLogin = MaxLogin + 1 If MaxLogin >= 3 Then

MsgBox "Anda bukan pengguna yang berhak!", vbCritical + vbOKOnly, "Error"

Unload Me End If

End If End If End If

FormUtama.Cmdmasuk.Caption = "Sign Out" End Sub

Private Sub Form_Load() Me.Height = 5520 Me.Left = 4740 Me.Top = 1000 Me.Width = 5400 Call BukaData End Sub

Private Sub TxtNama_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then TxtSandi.SetFocus End Sub

Private Sub TxtSandi_Click() TxtSandi.Text = ""


(83)

End Sub

Private Sub TxtSandi_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then CmdOK.SetFocus End Sub

2. Data Pasien Bersalin Option Explicit

Dim sehat As Boolean

Private Sub CmdBatal_Click() Awal

CmdSimpan.Caption = "&Tambah" CmdEdit.Caption = "&Edit" End Sub

Private Sub CmdBayar_Click() FrmBayar.Show FrmBayar.TxtNama.Text = FrmPendaftaranBersalin.TxtNama.Text FrmBayar.DTP1.Value = FrmPendaftaranBersalin.DTP1.Value End Sub

Private Sub CmdEdit_Click() Dim Kata As String

If CmdEdit.Caption = "&Edit" Then

TxtNopasien.Enabled = True TxtNama.Enabled = True TxtUmur.Enabled = True TxtAlamat.Enabled = True DTP1.Enabled = True

Txtlamainap.Enabled = True TxtNopasien.SetFocus

Call WarnaText

CmdEdit.Caption = "&Simpan"

Else: If CmdEdit.Caption = "&Simpan" Then _ Me.MousePointer = 11

Kata = "UPDATE daftarPasienBersalin SET Nama='" & Trim(TxtNama.Text) & "' ,Umur='" & Trim(TxtUmur.Text) & "' , Alamat='" & _

Trim(TxtAlamat.Text) & "' , Tanggal='" & Trim(DTP1.Value) & "' ,Lama_Menginap='" & Trim(Txtlamainap.Text) & "' WHERE No_Pasien= '" & Trim(TxtNopasien.Text) & "'"


(84)

DataAnsi.Execute Kata Me.MousePointer = 1 Awal

LVBersalin.Refresh

CmdEdit.Caption = "&Edit" End If

End Sub

Private Sub CmdHapus_Click() Dim Kata As String

Dim Tanya As String

Tanya = MsgBox("Yakin data Pasien" & "Ingin Dihapus ? ", vbQuestion + vbYesNo, "Penghapusan Data ")

If Tanya = vbYes Then Me.MousePointer = 11

Kata = " DELETE FROM daftarPasienBersalin WHERE No_Pasien='" & Trim(TxtNopasien.Text) & "'"

DataAnsi.Execute Kata Me.MousePointer = 1 Awal Else Awal End If LVBersalin.Refresh End Sub

Private Sub CmdSelesai_Click() Unload Me

End Sub

Private Sub CmdSimpan_Click() Dim Kata As String

If CmdSimpan.Caption = "&Tambah" Then Call WarnaText

TxtNopasien.Enabled = True TxtNama.Enabled = True TxtUmur.Enabled = True TxtAlamat.Enabled = True DTP1.Enabled = True

Txtlamainap.Enabled = True TxtNopasien.SetFocus

CmdBatal.Enabled = True

CmdSimpan.Caption = "&Simpan"

Else: If CmdSimpan.Caption = "&Simpan" Then _ Me.MousePointer = 11


(85)

Kata = " INSERT INTO daftarPasienBersalin VALUES ('" & Trim(TxtNopasien.Text) & "','" & Trim(TxtNama.Text) & "','" & _

Trim(TxtUmur.Text) & "','" & Trim(TxtAlamat.Text) & "','" & _

Trim(DTP1.Value) & "','" & Trim(Txtlamainap.Text) & "' )"

DataAnsi.Execute Kata Me.MousePointer = 1 Awal

LVBersalin.Refresh

CmdSimpan.Caption = "&Tambah" End If

End Sub

Private Sub DTP1_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then Txtlamainap.SetFocus End Sub

Private Sub Form_Load() Me.Height = 8530 Me.Left = 3540 Me.Top = 600 Me.Width = 12997 BukaData

End Sub

Private Sub Form_Activate() Awal

End Sub

Public Sub WarnaText()

TxtNopasien.BackColor = &HFFFFFF TxtNama.BackColor = &HFFFFFF TxtUmur.BackColor = &HFFFFFF TxtAlamat.BackColor = &HFFFFFF Txtlamainap.BackColor = &HFFFFFF End Sub

Private Sub Awal() sehat = False

TxtNopasien.Text = "" TxtNama.Text = "" TxtUmur.Text = "" TxtAlamat.Text = "" Txtlamainap.Text = ""


(86)

TxtNopasien.Enabled = False TxtNama.Enabled = False TxtUmur.Enabled = False TxtAlamat.Enabled = False Txtlamainap.Enabled = False DTP1.Enabled = False

CmdSimpan.Enabled = True CmdEdit.Enabled = False CmdBayar.Enabled = False CmdHapus.Enabled = False CmdBatal.Enabled = False CmdSelesai.Enabled = True

TxtNopasien.BackColor = &HC0E0FF TxtNama.BackColor = &HC0E0FF TxtUmur.BackColor = &HC0E0FF TxtAlamat.BackColor = &HC0E0FF Txtlamainap.BackColor = &HC0E0FF TampilLVBersalin

End Sub

Private Sub TampilLVBersalin() Dim Tklinik As ADODB.Recordset Dim Kata As String

Dim i As Byte

Dim vButir As ListItem

Me.MousePointer = 11

Kata = "SELECT * FROM daftarPasienBersalin Order BY No_Pasien"

Set Tklinik = New ADODB.Recordset

Tklinik.Open Kata, DataAnsi, adOpenStatic LVBersalin.ListItems.Clear

If Not Tklinik.EOF Then Tklinik.MoveFirst i = 1

While Not Tklinik.EOF

Set vButir = LVBersalin.ListItems.Add(, , i & ".")

vButir.SubItems(1) = Tklinik![No_Pasien] vButir.SubItems(2) = Tklinik![Nama]

vButir.SubItems(3) = Tklinik![Umur] vButir.SubItems(4) = Tklinik![Alamat] vButir.SubItems(5) = Tklinik![Tanggal]

vButir.SubItems(6) = Tklinik![Lama_Menginap] Tklinik.MoveNext

i = i + 1 Wend


(87)

End If

Tklinik.Close

Set Tklinik = Nothing Me.MousePointer = 1 End Sub

Private Sub LVBersalin_BeforeLabelEdit(Cancel As Integer)

TxtNopasien.Text = LVBersalin.SelectedItem.SubItems(1)

TxtNama.Text = LVBersalin.SelectedItem.SubItems(2) TxtUmur.Text = LVBersalin.SelectedItem.SubItems(3) TxtAlamat.Text = LVBersalin.SelectedItem.SubItems(4) DTP1.Value = LVBersalin.SelectedItem.SubItems(5)

Txtlamainap.Text = LVBersalin.SelectedItem.SubItems(6)

End Sub

Private Sub LVBersalin_ItemClick(ByVal Item As MSComctlLib.ListItem)

TxtNopasien.Text = LVBersalin.SelectedItem.SubItems(1)

TxtNama.Text = LVBersalin.SelectedItem.SubItems(2) TxtUmur.Text = LVBersalin.SelectedItem.SubItems(3) TxtAlamat.Text = LVBersalin.SelectedItem.SubItems(4) DTP1.Value = LVBersalin.SelectedItem.SubItems(5)

Txtlamainap.Text = LVBersalin.SelectedItem.SubItems(6)

CmdSimpan.Enabled = False CmdEdit.Enabled = True CmdBayar.Enabled = True CmdHapus.Enabled = True CmdBatal.Enabled = True End Sub

Private Sub TxtAlamat_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then DTP1.SetFocus End Sub

Private Sub Txtlamainap_KeyDown(KeyCode As Integer, Shift As Integer)

If CmdSimpan.Caption = "&Simpan" Then

If KeyCode = vbKeyReturn Then CmdSimpan.SetFocus End If


(88)

If CmdEdit.Caption = "&Simpan" Then

If KeyCode = vbKeyReturn Then CmdEdit.SetFocus End If

End Sub

Private Sub TxtNama_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then TxtUmur.SetFocus End Sub

Private Sub TxtNopasien_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then TxtNama.SetFocus End Sub

Private Sub TxtUmur_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then TxtAlamat.SetFocus End Sub

Private Sub TxtUmur_KeyPress(KeyAscii As Integer)

If Not (KeyAscii >= Asc("0") And KeyAscii <= Asc("9") _

Or KeyAscii = vbKeyBack) Then Beep

KeyAscii = 0 End If

End Sub

3. Pengeluaran Klinik 'Option Explicit

Dim klinik As Boolean

Private Sub CmdHitungTot_Click() Total

End Sub

Private Sub CmdKeluar_Click() Unload Me

End Sub


(89)

klinik = False

TxtUntuk.Text = "" TxtTobi.Text = "" TxtTotal.Text = ""

TxtUntuk.Enabled = False TxtTobi.Enabled = False TxtTotal.Enabled = False TampilLVPengeluaranAwal End Sub

Private Sub CmdLihat_Click() TampilLVPengeluaranAwal End Sub

Private Sub CmdRefresh_Click() TxtUntuk.Text = ""

TxtTobi.Text = "" TxtTotal.Text = ""

TxtUntuk.Enabled = False TxtTobi.Enabled = False TxtTotal.Enabled = False Semua

DTP.Refresh

LVPengeluaran.Refresh End Sub

Private Sub Semua()

Dim Tklinik As ADODB.Recordset Dim Kata As String

Dim i As Byte

Dim vButir As ListItem

Me.MousePointer = 11

Kata = "SELECT * FROM Pengeluaran Order BY Total_Biaya"

Set Tklinik = New ADODB.Recordset

Tklinik.Open Kata, DataAnsi, adOpenStatic LVPengeluaran.ListItems.Clear

If Not Tklinik.EOF Then Tklinik.MoveFirst i = 1

While Not Tklinik.EOF

Set vButir = LVPengeluaran.ListItems.Add(, , i & ".")

vButir.SubItems(1) = Tklinik![Tanggal] vButir.SubItems(2) = Tklinik![Biaya_Untuk] vButir.SubItems(3) = Tklinik![Total_Biaya] Tklinik.MoveNext


(90)

i = i + 1 Wend

End If

Tklinik.Close

Set Tklinik = Nothing Me.MousePointer = 1 End Sub

Private Sub CmdSemua_Click() Semua

End Sub

Private Sub CmdSimpan_Click() Dim sql As String

If CmdSimpan.Caption = "Tambah Data" Then TxtUntuk.Enabled = True

TxtTobi.Enabled = True TxtTotal.Enabled = True TxtUntuk.SetFocus

CmdSimpan.Caption = "&Simpan"

Else: If CmdSimpan.Caption = "&Simpan" Then _ Me.MousePointer = 11

sql = " insert into Pengeluaran values ('" & Trim(DTP.Value) & "','" & Trim(TxtUntuk.Text) & "'," & _ IIf(TxtTobi.Text = "", "0", Format(TxtTobi.Text, "##############0")) & ")"

DataAnsi.Execute sql Me.MousePointer = 1 Awal

LVPengeluaran.Refresh

CmdSimpan.Caption = "Tambah Data" End If

End Sub

Private Sub TampilLVPengeluaranAwal() Dim Tklinik As ADODB.Recordset

Dim Kata As String Dim i As Byte

Dim vButir As ListItem

Me.MousePointer = 11

Kata = "SELECT * FROM Pengeluaran WHERE Tanggal like '" & DTP.Value & "%' order by Total_Biaya "

Set Tklinik = New ADODB.Recordset

Tklinik.Open Kata, DataAnsi, adOpenStatic LVPengeluaran.ListItems.Clear


(1)

End Sub

Private Sub TxtTotal_Change() FormatAngka TxtTotal

End Sub

7. Form Bayar

Private Sub CmdKeluar_Click() Unload Me

End Sub

Private Sub CmdKembali_Click() Me.Hide

End Sub

Private Sub CmdSimpan_Click() Dim sql As String

If TxtBiaya.Text = "" Then

MsgBox "Data Tidak Boleh KOSONG !", vbCritical + vbOKOnly, "Error"

TxtBiaya.SetFocus

Else

sql = ""

sql = " insert into Adm values ('" & Trim(TxtNama.Text) & "','" & Trim(DTP1.Value) & "'," & _ IIf(TxtBiaya.Text = "", "0", Format(TxtBiaya.Text, "##############0")) & ")"

DataAnsi.Execute sql

MsgBox " Data Berhasil Disimpan", vbInformation, "Pemberitahuan"

Unload Me End If End Sub

Private Sub Form_Load() Me.Height = 5570 Me.Left = 4740 Me.Top = 1000 Me.Width = 6965 End Sub

Private Sub TxtBiaya_Change() FormatAngka TxtBiaya

End Sub


(2)

If Not (KeyAscii >= Asc("0") And KeyAscii <= Asc("9") _

Or KeyAscii = vbKeyBack) Then Beep

KeyAscii = 0 End If

End Sub

8. Laporan data Pasien

Private Sub CmdCetakBersalin_Click() With CrystalReport1

.ReportFileName = App.Path & "\Data Bersalin.rpt" .Destination = crptToWindow

.WindowState = crptMaximized .Action = 1

End With End Sub

Private Sub CmdCetakUmum_Click() With CrystalReport1

.ReportFileName = App.Path & "\Data Umum.rpt" .Destination = crptToWindow

.WindowState = crptMaximized .Action = 1

End With End Sub

Private Sub Command2_Click() With CrystalReport1

.ReportFileName = App.Path & "\Pengeluaran.rpt" .Destination = crptToWindow

.WindowState = crptMaximized .Action = 1

End With End Sub

Private Sub Form_Load() Me.Height = 4570 Me.Left = 4740 Me.Top = 1000 Me.Width = 6800 End Sub

9. Form admin

Option Explicit Dim coba As Boolean


(3)

Private Sub CmdHapus_Click() Dim Kata As String

Dim Tanya As String

Tanya = MsgBox("Yakin data Admin" & "Ingin Dihapus ? ", vbQuestion + vbYesNo, "Penghapusan Data ")

If Tanya = vbYes Then Me.MousePointer = 11

Kata = " DELETE FROM login WHERE User='" & Trim(TxtNama.Text) & "'"

DataAnsi.Execute Kata Me.MousePointer = 1 Awal

LVAdmin.Refresh Else

Awal End If

LVAdmin.Refresh End Sub

Private Sub CmdProses_Click() Dim sql As String

If TxtPass.Text = TxtkonfirPass Then

sql = " INSERT INTO login VALUES ('" & Trim(TxtNama.Text) & "','" & Trim(TxtPass.Text) & "')"

DataAnsi.Execute sql Awal

Else

MsgBox " Konfirmasi Password Salah!!", vbCritical + vbOKOnly, "Warning"

TxtkonfirPass.Text = "" TxtkonfirPass.SetFocus End If

End Sub

Private Sub Awal() TxtNama.Text = "" TxtPass = ""

TxtkonfirPass = ""

CmdProses.Enabled = False TampilLVAdmin

End Sub

Private Sub Command1_Click() Awal

End Sub


(4)

Unload Me End Sub

Private Sub TampilLVAdmin() Dim Tklinik As ADODB.Recordset Dim Kata As String

Dim i As Byte

Dim vButir As ListItem

Me.MousePointer = 11

Kata = "SELECT * FROM login Order BY User" Set Tklinik = New ADODB.Recordset

Tklinik.Open Kata, DataAnsi, adOpenStatic LVAdmin.ListItems.Clear

If Not Tklinik.EOF Then Tklinik.MoveFirst i = 1

While Not Tklinik.EOF

Set vButir = LVAdmin.ListItems.Add(, , i & ".") vButir.SubItems(1) = Tklinik![User]

vButir.SubItems(2) = Tklinik![Password] Tklinik.MoveNext

i = i + 1 Wend

End If

Tklinik.Close

Set Tklinik = Nothing Me.MousePointer = 1 End Sub

Private Sub Form_Activate()

Awal

TampilLVAdmin End Sub

Private Sub Form_Load() Me.Height = 5360 Me.Left = 4740 Me.Top = 1000 Me.Width = 9220

BukaData End Sub


(5)

Private Sub LVAdmin_ItemClick(ByVal Item As MSComctlLib.ListItem)

TxtNama.Text = LVAdmin.SelectedItem.SubItems(1) TxtPass.Text = LVAdmin.SelectedItem.SubItems(2)

End Sub

Private Sub TxtNama_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then TxtPass.SetFocus

If KeyCode = vbKeyReturn Then CmdProses.Enabled = True

End Sub

Private Sub TxtPass_KeyDown(KeyCode As Integer, Shift As Integer)

If KeyCode = vbKeyReturn Then TxtkonfirPass.SetFocus End Sub

10. Form Bayar

Private Sub CmdKeluar_Click() Unload Me

End Sub

Private Sub CmdKembali_Click() Me.Hide

End Sub

Private Sub CmdSimpan_Click() Dim sql As String

If TxtBiaya.Text = "" Then

MsgBox "Data Tidak Boleh KOSONG !", vbCritical + vbOKOnly, "Error"

TxtBiaya.SetFocus

Else

sql = ""

sql = " insert into Adm values ('" & Trim(TxtNama.Text) & "','" & Trim(DTP1.Value) & "'," & _ IIf(TxtBiaya.Text = "", "0", Format(TxtBiaya.Text, "##############0")) & ")"

DataAnsi.Execute sql

MsgBox " Data Berhasil Disimpan", vbInformation, "Pemberitahuan"

Unload Me End If End Sub


(6)

Private Sub Form_Load() Me.Height = 5570 Me.Left = 4740 Me.Top = 1000 Me.Width = 6965 End Sub

Private Sub TxtBiaya_Change() FormatAngka TxtBiaya

End Sub

Private Sub TxtBiaya_KeyPress(KeyAscii As Integer)

If Not (KeyAscii >= Asc("0") And KeyAscii <= Asc("9") _

Or KeyAscii = vbKeyBack) Then Beep

KeyAscii = 0 End If