Sistem Informasi Data Pegawai pada Kantor Sanggar Kegiatan Belajar Kabupaten Dairi Berbasis Web

(1)

SISTEM INFORMASI DATA PEGAWAI PADA KANTOR

SANGGAR KEGIATAN BELAJAR KABUPATEN DAIRI

BERBASIS WEB

TUGAS AKHIR

NURUL HUDA PASARIBU

112406075

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

(2)

SISTEM INFORMASI DATA PEGAWAI PADA KANTOR

SANGGAR KEGIATAN BELAJAR KABUPATEN DAIRI

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

NURUL HUDA PASARIBU

112406075

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI DATA PEGAWAI PADA

KANTOR SANGGAR KEGIATAN BELAJAR KABUPATEN DAIRI BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : NURUL HUDA PASARIBU

Nomor Induk Mahasiswa : 112406075

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Juni 2014

Disetujui Oleh

Program Studi D3 Teknik Informatika FMIPA USU Ketua,

Pembimbing

Dr.Elly Rosmaini, M.Si Drs. Pasukat Sembiring, M.Si

NIP.196005201985032002 NIP.195311131985031002

(4)

PERNYATAAAN

SISTEM INFORMASI DATA PEGAWAI PADA KANTOR SANGGAR KEGIATAN BELAJAR KABUPATEN DAIRI BERBASIS WEB

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

(5)

PENGHARGAAN

Alhamdulillah puji syukur atas kehadirat Allah SWT berkat rahmat dan ridho-Nya penulis dapat menyelesaikan tugas akhir ini tepat pada waktunya. Laporan ini disusun untuk memenuhi persyaratan dalam menyelesaikan pendidikan Diploma III Studi Teknik Informatika Universitas Sumatera Utara dengan judul “SISTEM INFORMASI DATA PEGAWAI PADA KANTOR SANGGAR KEGIATAN

BELAJAR KABUPATEN DAIRI BERBASIS WEB”

(6)

Kadafi, terima kasih telah memberikan do‟a, kasih sayang dan dukungan baik moril maupun materil yang selama ini diberikan kepada penulis.

Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah wawasan maupun pengetahuan kita.

Medan, Juni 2014 Penulis

(Nurul Huda Pasaribu)

(7)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website tentang data guru dan siswa yang ada di Kantor SKB Dairi. Sistem perancangan dalam membuat website Sistem Informasi ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Apache, PHP, dan MySQL, website ini berfungsi untuk memberikan informasi tentang data pegawai. Dengan menggunakan Macromedia Dreamweaver 8 maka pengerjaan websita akan lebih cepat dan mudah. Website ini bertujuan untuk mempermudah user mengetahui informasi laporan yang diinginkan.

(8)

DAFTAR ISI

Halaman

PERSETUJAN... i

PERNYATAAN... ii

PENGHARGAAN... iii

ABSTRAK... v

DAFTAR ISI... vi

DAFTAR GAMBAR... ix

DAFTAR TABEL...x

BAB 1 PENDAHULUAN 1.1 LATAR BELAKANG...1

1.2 RUMUSAN MASALAH...2

1.3 BATASAN MASALAH...2

1.4 MANFAAT DAN TUJUAN PENELITIAN...3

1.5 METEDOLOGI PENELITIAN...4

1.6 TINJAUAN PUSTAKA...5

1.7 SISTEMATIKA PENULISAN...6

(9)

2.2 KOMPUTER...8

2.3 HTML...9

2.4 INTERNET...11

2.5 BROWSER...14

2.6 PHP...16

2.7 MYSQL...24

2.8 MACROMEDIA DREAMWEAVER...28

BAB 3 GAMBARAN UMUM KANTOR 3.1 PROFIL KANTOR...30

3.2 SEJARAH...30

3.3 TUGAS POKOK DAN FNGSI...32

3.4 VISI DAN MISI...34

3.5 STRKTUR ORGANISASI...35

BAB 4 PERANCANGAN SISTEM 4.1 PERANCANGAN SISTEM...30

4.2 PERANCANGAN DATABASE...30

4.3 ENTITY RELATIONSHIP DIAGRAM...38

4.4 NORMALISAIS...39

4.5 PERANCANGAN FLOWCHART...42

(10)

5.2 TUJUAN IMPLEMENTASI SISTEM...46

5.3 KOMPONEN KEBUTUHAN SISTEM...47

5.4 INSTALASI XAMPP...50

5.5 PENGUJIAN BROWSER...58

5.6 GAMBARAN UMUM PROGRAM...59

5.7 HALAMAN UTAMA...59

BAB 6 KESIMPLAN DAN SARAN 6.1 KESIMPULAN...61

6.2 SARAN...62

DAFTAR PUSTAKA

(11)

DAFTAR GAMBAR

Halaman

Gambar 4.4 Flowchart Login... 44

Gambar 5.1 Xampp Installer... 50

Gambar 5.2 Perintah Error...51

Gambar 5.3 Xampp Setp Wizard...51

Gambar 5.4 Pemilihan Instalan...52

Gambar 5.5 Memilih Folder Penyimpanan...53

Gambar 5.6 Service Section Xampp...54

Gambar 5.7 Installing Xampp...54

Gambar 5.8 Instalan Selesai...55

Gambar 5.9 Xampp Control Panel...55

Gambar 5.10 Xampp Control Panel Aplication...56

Gambar 5.11 Phpmyadmin...57

Gambar 5.12 File Sistem Informasi...58

Gambar 5.13 Tampilan Utama...59

Gambar 5.14 Tampilan Pegawai...60

(12)

DAFTAR TABEL

(13)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website tentang data guru dan siswa yang ada di Kantor SKB Dairi. Sistem perancangan dalam membuat website Sistem Informasi ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Apache, PHP, dan MySQL, website ini berfungsi untuk memberikan informasi tentang data pegawai. Dengan menggunakan Macromedia Dreamweaver 8 maka pengerjaan websita akan lebih cepat dan mudah. Website ini bertujuan untuk mempermudah user mengetahui informasi laporan yang diinginkan.

(14)

BAB 1

PENDAHLUAN

1.1LATAR BELAKANG

Pada era globalisasi seperti sekarang ini, kebutuhan akan informasi yang tepat dan akurat sangatlah diperlukan, baik bagi instansi pemerintahan, perkantoran, dunia kerja maupun dunia kesehatan. Dan dalam hal ini komputer sesuai dengan fungsinya sebagai salah satu alat yang berguna untuk mengolah data menjadi sebuah informasi yang tepat, akurat dan berdaya guna, memiliki peranan yang cukup penting dalam penyediaan informasi yang dilakukan.

Jika kita perhatikan dan telusuri kemajuan yang telah kita capai, maka akan terlihat jelas bahwa permasalahannya adalah terletak pada penggunaan data dan informasi yang akurat. Penerapan suatu sistem data dan informasi sebenarnya tidak terlepas dari penggunaan peralatan elektronik yang dapat membanu manusia dalam proses penanganan sistem informasi.

(15)

saat ini Kantor Sanggar Kegiatan Belajar Kabupaten Dairi memiliki sistem informasi data pegawai yang sangat sederhana. Oleh karena itu penulis tertarik membuat suatu sistem informasi data pegawai yang lebih baik dari sebelumnya.

Berdasarkan uraian-uraian di atas, penulis tertarik melakukan penelitian dengan judul

“SISTEM INFORMASI DATA PEGAWAI PADA KANTOR SANGGAR

KEGIATAN BELAJAR KABUPATEN DAIRI BERBASIS WEB”

1.2PERUMUSAN MASALAH

Berdasarkan latar belakang masalah di atas, sistem yang digunakan saat ini masih manual, proses pekerjaan yang dilakukan masih lambat sehingga yang menjadi masalah penyajian informasi yang dihasilkan kemungkinan masih terdapat kesalahan yang menyebabkan pekerjaan kurang efektif dan efisien.

1.3BATASAN MASALAH

(16)

1. Data yang diolah sesuai dengan data yang diperoleh dari Kantor Sanggar Kegiatan Belajar Kabupateen Dairi.

2. Bahasa pemrograman yang digunakan adalah PHP, Java Script dan MySQL sebagai format basisdatanya.

3. Software yang digunakan adalah XAMPP, DREAMWEAVER CS5,

SUBLIME Text.

1.4MANFAAT DAN TUJUAN PENELITIAN

Manfaat dari penelitian ini adalah sebagai berikut :

1. Untuk membangun sebuah sistem informasi berbasis web pada Kantor Sanggar Kegiatan Belajar Kabupaten Dairi yang lebih efektif dan efisien. 2. Membangun aplikasi web yang memiliki nilai guna dan bermanfaat bagi

masyarakat umum.

3. Untuk dapat mengaplikasikan ilmu yang telah didapat dari perkuliahan dan praktikum, sehingga nantinya dapat menambah pengalaman dan keterampilan penulis.

Tujuan penelitian adalah sebagai berikut:

1. Mencari suatu jalan keluar untuk mengatasi kelemahan dari sistem yang sedang berjalan.

(17)

3. Untuk memenuhi syarat kelulusan D-3 Teknik Informatika pada Fakultas MIPA Universitas Sumatera Utara.

1.5METODOLOGI PENELITIAN

Dalam melakukan penelitian ini, penulis melakukan pengumpulan data dengan cara sebagai berikut:

1. Penelitian Lapangan

Untuk mendapatkan data yang relevan dan akurat serta diperlukan dalam penelitian, dilakukan pengumpulan data secara langsung ke objek.

Data dalam penelitian dilapangan diperoleh melalui: a. Wawancara

Wawancara dilakukan dengan mengajukan pertanyaan-pertanyaan kepada pihak yang berwenang memberikan keterangan tentang hal yang diteliti oleh penulis, dalam wawancara ini akan ditanyakan tentang data pegawai.

b. Observasi

Metode ini dilakukan dengan cara pengamatan sepintas tentang objek yang diteliti, terutama dalam masalah web dan data Kantor Sanggar Kegiatan Belajar Kabupaten Dairi.

(18)

Mengumpulkan data dengan cara mencari referensi-referensi serta literature untuk membantu dalam mengumpulkan informasi serta dapat menjadi bahan acuan dalam penyelesaian penelitian ini.

1.6TINJAUAN PUSTAKA

Oleh karena terbatasnya waktu dan kemampuan penulis maka penelitian yang dilakukan terbatas. Tujuan penelitian dilakukan penulis bermaksud untuk menambah serta memperdalam pengetahuan penulis dalam bidang pembuatan web, disamping dimaksudkan untuk mencari pemecahan masalah pada Kantor Sanggar Kegiatan Belajar Kabupaten Dairi khususnya dalam hal sistem informasi data pegawai, dan juga merupakan salah satu syarat untuk menyelesaikan perkuliahan program diploma 3.

(19)

1.7SISTMATIKA PENULISAN

BAB 1 : PENDAHULUAN

Bab ini menguraikan latar belakang, rumusan masalah, batasan masalah, manfaat dan tujuan, metodologi penelitian, tinjauan pustaka, serta sistematika penulisan.

BAB 2 : LANDASAN TEORI DAN KONSEPTUAL

Bab ini menguraikan teori-teori, pendapat para ahli tentang masalah yang di bahas, dan konseptual.

BAB 3 : PERANCANGAN SISTEM

Bab ini menguraikan rancangan basis data, rancangan proses, rancangan keluaran, rancangan masukan, dan rancangan dialog layar.

BAB 4 : IMPLEMENTASI

BAB 5 : PENUTUP

(20)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem Informasi

Sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi. Sistem informasi berbasis komputer adalah sebuah sistem informasi yang menggunakan komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas yang diinginkan. Teknologi informasi (TI) merupakan komponen tertentu pada sebuah sistem. Hanya sedikit teknologi informasi yang digunakan secara terpisah. Teknologi informasi dikombinasikan atau digabungkan ke dalam sistem informasi merupakan cara efektif dalam pemanfaatan teknologi informasi. (Kadir, Abdul, 2009).

Komponen-komponen dasar dari sistem informasi (Sutarman, 2009) antara lain sebagai berikut :

a. Haddware, kumpulan peralatan seperti processor, monitor, keyboard, dan

printer yang menerima data dan informasi, memproses data tersebut dan

(21)

b. Software, kumpulan program-program komputer yang memungkinkan hardware memproses data.

c. Database, sekumpulan file yang saling berhubungan dan terorganisasi dan kumpulan record-record yang menyimpan data dan hubungan diantaranya.

d. Network, sebuah sistem yang terhubung dan menunang adanya pemakaian

bersama sumber di antara komputer-komputer yang berbeda.

e. People, elemen yang paling penting dalam sistem informasi, termasuk orang-orang yang bekerja dengan sistem informasi atau menggunakan output.

2.2 Komputer

2.2.1 Pengertian Komputer

(22)

2.2.2 Elemen-Elemen Komputer

Komputer terdiri dari tiga elemen yang tidak dapat dipisahkan, yaitu:

1. Hardware ( perangkat keras ) merupakan peralatan fisik dari komputer yang dapat kita lihat dan rasakan, hardware terdiri dari : input/output device, storage device, monitor, casing unit, central processing unit (

CPU).

2. Software ( perangkat lunak) merupakan program-program komputer yang berguna untuk menjalankan suatu pekerjaan sesuai dengan yang dikehendaki. Program tersebut ditulis dengan bahasa khusus yang dimengerti komputer. Software terdiri dari beberapa jenis yaitu : sistem operasi, program utility, program aplikasi, program paket, dan bahasa pemograman.

3. Brainware adalah personil-personil yang terlibat langsung dalam

pemakaian komputer, seperti system analis, programmer, operator, user, dll. Pada organisasi yang cukup besar masalah komputerisasi biasanya ditangani oleh bagian khusus yang dikenal dengan bagian EDP Departemen, yang dipakai oleh seorang manager EDP.

2.3 HTML (Hyper Text Markup Language)

(23)

dalam sebuah browser internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML ( Standard Generalized Markup Language ), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar internet yang didefenisikan dan dikendalikan penggunaannya oleh W3C ( Word Wide Web Consurtium), setiap teradi perkembangan level HTML, harus dievaluas ketat dan disetujui oleh W3C. Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi 4.01.

2.3.1 Bagian-Bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya ebagai penanda suatu kelompok perintah dan form yang digunakan yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :

<html>

<head>

<title>Judul Halaman</title> </head>

<body>

... isi dari halaman web </body>

(24)

1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tanda penutup </html>

2. Pada elemen head <head> </head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML, atau dapat juga kita sisipkan script-script pemrograman web seperti JavaScript, Vbscript, dan CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen Body : <body></body> berisi tag-tag atau layout tampilan situs kita sepeti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting HTML.

2.4 Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi ini sangat besar dan sangat luas sehingga tidak ada satu orang , satu organisasi, atau satu Negara yang menanganinya sendiri. Kenyataannya tidak ada satu orang yang mampu memahamiseluruh seluk beluk internet.

(25)

Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet.

Daya guna internet itu terletak pada informasi itu sendiri, bukan pada aringan komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok memberikan waktu, usaha, dan karya mereka.

2.5 Sekilas Mengenai Web

Word Wide Web (WWW) atau disebut dengan web, merupakan salah satu sumber

daya internet yang berkembang pesat. Informasi web didistribusika melalui pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi aacuan untuk membuka dokumen yang lain. Dokumen-dokumen yang diaksespun dapat tersebar diberbagai mesin dan bahkan di berbagai Negara.

Jaringan web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, web juga banyak digunakan oleh perusahaan bisnis yang inin mengklaim produk atau melakukan transaksi bisnisnya.

(26)

digunakan HTTP ( Hypertext Transfer Protocol). Pada perkembangan berikutnya, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML,antara lain yaitu PHP.

2.5.2 Sejarah Web

sejarah web dimulai pada tahun 1989 ketika tim Berner-Lee yang bekerja di laboratorium Fisika Partikel Eropa atau yang dkenal dengan nama CERN ( Consei European pour la Recherce Nuclaire ) yang berada i Genewa, Swiss, mengajukan Protocol (suatu tata cara untuk berkomunikasi) System distribusi informasi internet yang digunakan untuk berbagai informasi diantaranya para fisikawan. Protokol inilah yang selanjutnya dikenal sebagai Protokol Word Wide Web dan dikembangkan oleh W3C ( Word Wide Web Consurtium).

2.5.3 Web Server

Web server adalah yang melayani permintaan client terhadap halaman web.

(27)

2.5.4 HTTP

HTTP ( Hypertext Transfer Protocol ) adalah suatu protocol yang digunakan oleh

web server untuk mengirim dan menerima informasi. Bisa digunakan untuk mengirim dan menerima teks, grafik, gambar, suara, video, dan file multimedia lainnya.

HTTP tidak memiliki apa yang disebut session, seperti HTTP yang menjaga hubungan antara server dan client secara konsisten.setelah data ditransfer, koneksi antara client dan server akan terputus. Sifat ini membuat HTTP sering disebut dengan istilah protocol hit-and-run(Muhammad Sutiyadi,2003).

2.5. Browser

Browser adalah sebuah program yang berfungsi untuk menjelajahi halaman-halaman web yang terdapat dalam internet. Menjelajahi atau sering disebut sebagai browsing adalh suatu aktifitas membuka atua menuju ke situs-situs (server-server) web dan membaca informasi yang terdapat didalamnya.

Netscape Navigator adalah program yang banyak digunakan, selain itu terdapat juga produk Microsoft yang sangat terkenal yaitu internet Explorer. Beberapa komponen-komponen browser :

(28)

Terletak dibagian atas jendela browser, terdiri deretan menu yang mengandung perintah-perintah untk pengaturan, memanipulasi tampilan, serta menjalankan perintah-perintah browser.

2. Toolbar

Toolbar adalah tombol-tombol navigasi yang digunakan untuk menjelajahi halaman-halaman internet. tombol-tombol tersebut antara lain forward untuk menuju ke halaman berikutnya, back untuk menuju halaman sebelumnya, stop untk menghentikan, download (pengambilan data) halaman, search untk menuju search engine (situs web pencari informasi), refresh/reload untuk mendownload(pengambilan data) ulang halaman, home untuk kembali ke halaman default browser. Selain tombol-tombol tersebut terdapat tombol-tombollain yang bersifat spesifik untuk setiap browser.

3. Bookmark (netscape) / favorits

Berisi alamat-alamat halaman web yang sudah disimpan agar user dapat langsung menuju alamat tersebut tanpa harus kesulitan dalam mengetikan atau menghafalkan lokasinya. Alamat URL disimpan agar mempermudah pengaksesan dikemudian hari.

4. Location Toolbar

Text box ini merupakan alamat lengkap dari halaman yang sedang anda lihat. Anda dapat mengetikan alamat yang akan dituju baik yang berada di internet maupun yang ada di komputer local.

(29)

Berguna untk memantau penerimaan data, saat proses download sedang berlangsng maka logo terlihat melakukan gerakan bila download halaman web selesai logo berupa gambar diam.

6. Layar Utama Browser

Layar ini merupakan tempat tampilan halaman web, yang berisi text, gambar, serta animasi, dan interaksi multimedia.

7. Status Bar

Terdapat pada bagian kiri bawah layar utama. Terdiri bagian yang menunjukkan kemajuan download halaman web dan pesan status yang menunjukkan URL yang sedang ditampilkan, URL dari suatu letak (loncatan ke halaman lain) serta pesan-pesan khusus tertentu.

Dengan menggunakan Netscape atau Mozilla Firefox anda siap menjelajahi internet untuk mendapatkan informasi yang dibutuhkan.

2.6 PHP

2.6.1 Sejarah PHP

(30)

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

(31)

2.6.2Pengertian 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. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat.

2.6.3 Hubungan PHP dengan HTML

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

(32)

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 sebgai 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).

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis.

Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.

(33)

ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.

2.6.4Keunggulan PHP:

1. ฀ open source

2. connecting and querying a database dapat dilakukan dengan 2 atau 3 script.

3. Optimasi waktu respon pada applikasi web 4. bahasa pemrograman yang sederhana dan kuat

5. Life Cycle yang singkat, sehingga PHP selalu up to date mengikuti perkembangan teknologi internet

6. PHP dapat digunakan hampir semua web server yang ada di pasaran 7. Fungsi utama PHP adalah untuk menghubungkan database dengan web

2.6.5 Sintaks Dasar PHP

Pertama

<?echo ("tulisankita\n"); ?>

(34)

<?php echo("tulisankita\n"); ?>

Ketiga

<%

echo ("kalau yang ini mirip dengan ASP"); %>

Sintax yang paling sering digunakan biasannya cara pertama dan kedua.

Seperti pada bahasa pemrograman lain di PHP pun bisa meletakkan baris komentar pada program. Pada PHP caranya adalah dengan meletakkan komentar tersebut di sebelah kanan tanda // jika komentar satu baris dan di antara /* dan */ jika komentarnya lebih dari satu baris.

/* kalau yang ini adalah komentar lebih dari satu baris */ echo ("memang mudah");

?>

2.6.6 Koneksi PHP ke MySQL

Dalam melakukan koneksi PHP dengan MySQL terdapat 4 Tahapan dalam pembuatan Script PHP MySQL ini yaitu,

(35)

3. Memasukkan data pada tabel MySQL 4. Menampilkan data dari MySQL

2.6.6.1 Pembuatan Koneksi PHP ke MySQL

Untuk mempermudah, simpan file tersebut dengan nama connect.php, agar jika terdapat script PHP yang memerlukan untuk terkoneksi dengan database, dapat dengan mudah memanggilnya.

<?php

$hostmysql = “localhost”;

$username = “mysql_username”;

$password = “mysql_password”;

$database = “nama_database”;

$conn = mysql_connect(”$hostmysql”,”$username”,”$password”);

if (!$conn) die (”Gagal Melakukan Koneksi”);

mysql_select_db($database,$conn) or die (”Database Tidak Diketemukan di

Server”); ? >

Penjelasan Script koneksi PHP ke MySQL

(36)

$password.

Penulisannya pada script akan sama dengan:

mysql_connect(”localhost”,”username”,”password”);

2. mysql_select_db dipergunakan untuk memilih database yang akan digunakan. 3. if (!$conn) die (”Gagal Melakukan Koneksi”); jika terjadi kegagalan dalam

melakukan koneksi (!$conn), maka akan muncul pesan kesalahan Gagal Melakukan Koneksi

2.6.6.2 Pembuatan Tabel MySQL

<?php include (”connect.php”);

mysql_query(”CREATE TABLE user (namadpnVARCHAR(20),namablkg

VARCHAR(20), negara VARCHAR(20))”);

?>

Penjelasan

1. include (”connect.php”); kita gunakan untuk mengikutkan sebuah file (contoh file connect.php).

2. mysql_query

perintah ini memiliki format umum yakni ysql_query(string dari query).

Script dibawah ini dipergunakan untuk membuat record/isi pada tabel

$insert = “INSERT INTO users (type,firstname,lastname)

VALUES (’User,’Budi’,’Utomo’)”;

(37)

?>

2.6.6.3 Menampilkan Data dari MySQL

Script dibawah ini dipergunakan untuk menampilkan data dari tabel

$query = “SELECT * FROM user”;

$result = mysql_query($query);

$numrows = mysql_num_rows($result);

while($row = mysql_fetch_array($result)) {

echo “Total: $numrows”;

echo “Tipe: $row[type]”;

echo “Nama Depan: $row[firstname]”;

echo “Nama Belakang: $row[lastname]“;

}

?>

2.7 MySQL

2.7.1 Sejarah MySQL

(38)

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 TxC memiliki sebuah aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya. Mula-mula 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, tapi 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 nama depan dan belakang Monty, tetapi versi lain mengatakan nama itu diambil dari putri Monty yang kebetulan juga bernama My.

2.7.2 Pengertian MySQL

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional

(39)

namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basis data yang telah ada sebelumnya SQL(Structured QueryLanguage). SQL adalah sebuah konsep pengoperasian basisdata, terutama

untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

(40)

Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata transaksional.Pada modus operasi non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya.Namun demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya.Untuk kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-transaksional.

2.7.3 Kelebihan MySQL

1. Dapat bekerja di beberapa platform yang berbeda, seperti LINUX, Windows, MacOS dll.

2. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python. 3. Memiliki lebih banyak type data seperti : signed/unsigned integer yang

(41)

CHAR, VARCHAR, TEXT, BLOB, DATE, TIME, DATETIME,

TIMESTAMP, YEAR, SET dan tipe ENUM.

4. Mendukung penuh terhadap kalimat SQL GROUP BY dan ORDER BY. Mendukung terhadap fungsi penuh ( COUNT ( ),COUNT (DISTINCT), AVG ( ), STD ( ), SUM ( ), MAX ( ) AND MIN ( ) ).

5. Mendukung terhadap LEFT OUTHER JOIN dengan ANSI SQL dan sintak ODBC.

6. Mendukung ODBC for Windows 95 (dengan source program). Semua fungsi ODBC 2.5 dan sebagainya. Sebagai contoh kita dapat menggunakan Access untuk connect ke MySQL server.

7. Menggunakn GNU automake, autoconf, dan LIBTOOL untuk portabilitas. 8. Kita dapat menggabungkan beberapa table dari database yang berbeda

dalam query yang sama.

9. Ditulis dengan menggunakan bahasa C dan C++. Diuji oleh compiler yang sangat jauh berbeda.

10.Privilege (hak) dan password sangat fleksibel dan aman serta mengujinkan „Host-Based‟ Verifikasi.

11.Open Source dan gratis didownload.

(42)

2.7.2 Kekurangan MySQL

1. Untuk koneksi ke bahasa pemrograman visual seperti visual basic, delphi, dan foxpro, mysql kurang support, karena koneksi ini menyebabkan field yang dibaca harus sesuai dengan koneksi dari program visual tersebut, dan ini yang menyebabkan mysql jarang dipakai dalam program visual.

2. Data yang ditangani belum begitu besar.

2.8 Macromedia Dreamweaver

Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerjadengan lingkungan secara visual dalam melakukan editing, dreamweaver membuatnya menjadi lebih mudah dengan menyediakan tool-tool

(43)

BAB 3

GAMBARAN UMUM UPTD SANGGAR KEGIATAN BELAJAR

KABUPATEN DAIRI

3.1 Profil Kantor

Nama Kantor : UPTD Sanggar Kegiata Belajar (SKB) Dairi Alamat Kantor : Jl. Sidikalang-Medan KM.5 Desa Sitinjo II

Kecamatan Sitinjo Kabupaten Dairi Dasar Kelembagaan : Perda Kabupaten Dairi No. 04 Tahun 2004

Telepon : (0627) 22842

Kepala Kantor : Fatimah Boangmanalu, S.Pd

3.2 Sejarah

(44)

Sejak saat itu Program Diklusepora (Pendidikan Luar Sekolah Pemuda dan Olah Raga) aktif diselenggarakan yang meliputi : Keaksaraan Fungsional, Kejar Paket A, Kejar Paket B, Kelompok Berlatih Olah Raga, Pendidikan Anak Usia Dini, Pendidikan Mata Pencaharian, Kursus Bahasa Inggris, Pembinaan Pramuka, Kelompok Belajar Pertanian PHT, Kelompok Belajar Usaha, Kelompok Usaha Pemuda Produktif, KPSM dan Program PLS lainnya.

Namun setelah Otonomi Daerah diberlakukan, kedudukan Sanggar Kegiatan Belajar yang semula UPT Diklusepora (UPT Pusat) berubah menjadi UPT Dinas Pendidikan Kabupaten Dairi (UPT Daerah) dengan penambahan nama menjadi UPTD Sanggar Kegiatan Belajar Dairi, dengan sumber dana rutinitas kegiatan berasal dari APBD. Meskipun demikian, aneka program produk baru PNFI terus digulirkan seiring dengan kemajuan IPTEK seperti : Pendidikan Kecakapan Hidup / Life Skill, Kejar Paket C (setelah penghapusan UPER) Kursus Komputer, pelatihan tutor / pelaksanaan program, Kursus Saloon, Pemberdayaan Forum Tutor PNF, Magang Tutor disamping program-program yang telah ada.

(45)

3.3 Tugas Pokok Dan Fungsi

3.3.1 Tugas Pokok

Melaksanakan pembuatan program percontohan dan pengendalian mutu pelaksanaan program Pendidikan Luar Sekolah (Pendidikan Non Formal) Pemuda dan Olah Raga.

3.3.2 Fungsi

1. Menyusun program kerja dan rencana anggaran SKB.

2. Melaksanakan perancangan model program pendidikan Pendidikan Luar Sekolah / PNF Pemuda dan Olah Raga.

3. Melaksanakan identifikasi kebutuhan belajar masyarakat.

4. Perancangan model program Pendidikan Luar Sekolah / PNF, Pemuda dan Olah Raga.

5. Pelaksanaan uji coba model program Pendidikan Luar Sekolah / PNF Pemuda dan Olah Raga.

(46)

7. Pemberian motivasi dan pembinaan masyarakat agar mau dan mampu menjadi tenaga pendidik dalam melaksanakan azas saling membelajarkan. 8. Pemberian pelayanan informasi kegiatan Pendidikan Luar Sekolah / PNF

Pemuda dan Olah Raga.

9. Pembuatan percontohan berbagai program dan pengendalian mutu dan pelaksanaan Pendidikan Luar Sekolah / PNF Pemuda dan Olah Raga. 10.Penyusunan dan pengadaan sarana dan prasarana Pendidikan Luar Sekolah

/ Pendidikan Non Formal.

11.Penyedia sarana dan fasilitas belajar.

12.Penyediaan akses informasi data Pendidikan Luar Sekolah / Pendidikan Non Formal melalui teknologi informasi dan komunikasi yang berkembang.

13.Pengintegrasian dan penyinkronisasian kegiatan sektor, dalam bidang Pendidikan Luar Sekolah / Pendidikan Non Formal, pemuda dan olah raga. 14.Pelaksanaan pendidikan dan pelatihan bagi tenaga pelaksana dan

(47)

3.4 Visi dan Misi

3.4.1 Visi

Peningkatan mutu pelayanan pnfi dalam rangka pemberdayaan masyarakat.

3.4.2 Misi

1. Pelatihan bagi pelaksana program pnfi 2. Pengendalian mutu program pnfi 3. Menciptakan progam percontohan pnfi 4. Pusat informasi pnfi

(48)

3.5 Struktur Organisasi

Kepala Uptd Skb Dairi Fatimah Boangmanalu, S.Pd

Kepala Tata Usaha Juster Banjarnahor

Staf Tata Usaha Sumardi Togatorop Andy F. Hutagalung

Nuryani Pasaribu Sugiono

Tenaga Fungsional Drs. Borton Sihole Ir. Taufan Daniel

Sembiring

(49)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah satu upaya untuk membuat satu sistem yang baru ata memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksdkan untuk pemrogram komputer dan ahli teknik yang akan mengimplementasikan sistem.

4.2 Perancangan Database

(50)

informasi bagi para pemakainnya. Karena database merpakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung didalamnya. Berikut rancangan tabel yang penulis gunakan dalam membangn sistem informasi ini :

4.2.1 Tabel Pegawai

Tabel ini berissi tentang data pegawai.

Tabel 4.1 Tabel Pegawai

Field Type Keterangan

Nama Varcahar(30) Prymary key

Nip Int(30)

tetala Varcahar(30)

jenkel Varcahar(30)

agama Varcahar(30)

pendidikan_terakhir Varcahar(30) tahun_lulus Int(30) sk_pertama Varcahar(30)

tmt1 Varcahar(30)

tanggal_masukskb Varcahar(30)

golongan Varcahar(30)

Tmt Varcahar(30)

(51)

4.2.2 Tabel User

Tabel user digunakan untuk melakukan registrasi sesuai dengan status masing – masing. Tabel user hanya dapat dibuka oleh orang –orang tertentu.

Field Type Keterangan

id_user Int(30) Primary key

username Varcahar(30) password Varcahar(30)

Tabel 4.2 Tabel User

4.3 Entity Relationship Diagram

Entity-Relationship adalah salah satu metode pemodelan basis data yang digunakan untuk menghasilkan skema konseptual untuk jenis/model data semantik sistem. Dimana sistem seringkali memiliki basis data relasional, dan ketentuannya bersifat top-down. Diagram untuk menggambarkan model Entitiy-Relationship ini disebut Entitiy-Relationship diagram, ER diagram, atau ERD.

Notasi-notasi simbolik yang digunakan dalam Entity Relationship Diagram adalah sebagai berikut :

(52)

kuat merupakan entitas yang tidak memiliki ketergantungan dengan entitas lainnya. Contohnya entitas anggota. Sedangkan entitas lemah merupakan entitas yang kemunculannya tergantung pada keberadaaan entitas lain dalam suatu relasi.

2. Atribut, Atribut merupakan pendeskripsian karakteristik dari entitas. Atribut digambarkan dalam bentuk lingkaran atau elips. Atribut yang menjadi kunci entitas atau key diberi garis bawah.

3. Relasi atau Hubungan, Relasi menunjukkan adanya hubungan diantara sejumlah entitas yang berasal dari himpunan entitas yang berbeda.

(http://fairuzelsaid.wordpress.com/2010/03/16/sistem-basis-data-entity-relationship-diagram-erd/)

4.4 Normalisasi

Normalisasi merupakan teknik analisis data yang mengorganisasikan atribut-atribut data dengan cara mengelompokkan sehingga terbentuk entitas yang non-redundant, stabil, dan fleksible

(53)

1. BENTUK TIDAK NORMAL (UNNORMALIZED FORM)

Bentuk ini merupakan kumpulan data yang akan direkam, tidak ada keharusan mengikukti format tertentu, dapat saja data tidak lengkap atau terduplikasi. Data dikumpulkan apa adanya sesuai dengan saat menginput.Untuk mentransformasikan tabel yang belum ternomalisasi di atas menjadi tabel yang memenuhi kriteria 1NF adalah kita harus merubah seluruh atribut yang multivalue menjadi atribut single value, dengan cara menghilangkan repeating group pada tabel di atas.

2. BENTUK NORMAL KE SATU (FIRST NORMAL FORM / 1 NF)

Pada tahap ini dilakukan penghilangan beberapa group elemen yang berulang agar menjadi satu harga tunggal yang berinteraksi di antara setiap baris pada suatu tabel, dan setiap atribut harus mempunyai nilai data yang atomic (bersifat atomic value). Atom adalah zat terkecil yang masih memiliki sifat induknya, bila terpecah lagi maka ia tidak memiliki sifat induknya.

Syarat normal ke satu (1-NF) antara lain:

1. setiap data dibentuk dalam flat file, data dibentuk dalam satu record demi satu record nilai dari field berupa “atomic value”.

2. tidak ada set atribute yang berulang atau bernilai ganda.

3. telah ditentukannya primary key untuk tabel / relasi tersebut.

(54)

3. BENTUK NORMAL KE DUA (SECOND NORMAL FORM / 2 NF)

Bentuk normal kedua didasari atas konsep full functional dependency (ketergantungan fungsional sepenuhnya) yang dapat didefinisikan sebagai

berikut. Jika A adalah atribut-atribut dari suatu relasi, B dikatakan full functional dependency (memiliki ketergantungan fungsional terhadap A, tetapi tidak secara tepat memiliki ketergantungan fungsional dari subset (himpunan bagian) dari A.

Syarat normal kedua (2-NF) sebagai berikut.

1. Bentuk data telah memenuhi kriteria bentuk normal kesatu.

2. Atribute bukan kunci (non-key) haruslah memiliki ketergantungan

fungsional sepenuhnya (fully functional dependency) pada kunci utama / primary key.

4. BENTUK NORMAL KE TIGA (THIRD NORMAL FORM / 3 NF)

(55)

menghilangkan ketergantungan tersebut dengan melakukan normalisasi ketiga (3-NF).

Syarat normal ketiga (Third Normal Form / 3 NF) sebagai berikut.

1. Bentuk data telah memenuhi kriteria bentuk normal kedua.

2. Atribute bukan kunci (non-key) harus tidak memiliki ketergantungan transitif, dengan kata lain suatu atribut bukan kunci (non_key) tidak boleh memiliki ketergantungan fungsional (functional dependency) terhadap atribut bukan kunci lainnya, seluruh atribut bukan kunci pada suatu relasi hanya memiliki ketergantungan fungsional terhadap priamry key di relasi itu saja.

Seluruh atribut non-primary key pada relasi Pelanggan dan Biaya di atas terlihat memiliki ketergantungan fungsional (functional dependency) terhadap primary key dari masing-masing tabel / relasi. Relasi / tabel Pelanggan dan Biaya di atas tidak memiliki ketergantungan transitif (transitive dependency.

(http://jewyner.wordpress.com/category/pengertian-normalisasi-data-base-dan-contohnya/)

4.5 Perancangan Flowchart

(56)

menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut.

Gambar berikut adalah simbol flowchart yang umum digunakan.

Gambar

Menyatakan kegiatan yang akan ditampilkan dalam diagram alir.

Titik Keputusan

Proses / Langkah dimana perlu adanya

keputusan atau adanya kondisi tertentu. Di titik ini selalu ada dua keluaran untuk melanjutkan aliran kondisi yang berbeda.

Masukan / Keluaran Data

Digunakan untuk mewakili data masuk, atau data keluar.

Terminasi Menunjukkan awal atau akhir sebuah proses.

Garis alir

Menunjukkan arah aliran proses atau algoritma.

Kontrol / Inspeksi

Menunjukkan proses / langkah dimana ada inspeksi atau pengontrolan.

(57)

4.5.1 Flowchart Login Admin

TIDAK

Ya

Gambar 4.4 Flowchart Login

Mulai

Selesai

Login Gagal Username dan

password terdaftar?

Tampil halaman Admin

(58)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implemetasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada dalam dokumen, desain sistem yang disetujui dan menguji, menginstal, memulai, serta menggunakan sistem yang baru atau sistem yang diperbaiki.Penggunaan suatu komputer untuk pemecahan masalah membutuhkan suatu sistem yang baik, sehingga memungkinkan berhasilnya komputer dalam melaksanakan tugasnya, yaitu mengolah data menjadi informasi. Kebutuhan akan Sistem InformasiInformasi merupakan hal yang dianggap memiliki tingkat lebih tinggi dan aktif dibandingkan dengan data. Informasi yang diperoleh melalui suatu sistem dan teknologi merupakan suatu pengetahuan yang akan digunakan untuk pengambilan suatu keputusan.

Pada suatu sistem informasi terdapat komponen-komponen seperti :

(59)

2. Perangkat lunak (software) atau program : sekumpulan instruksi yang memungkinkan perangkat keras untuk dapat memproses data.

3. Prosedur : sekumpulan aturan yang dipakai untuk mewujudkan pemrosesan data dan keluaran yang dikehendaki.

4. Orang : semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan, dan penggunaan keluaran sistem informasi.

5. Basis data (database) : sekumpulan tabel, hubungan, data grafis, dan lain-lain yang berkaitan dengan penyimpanan data.

6. Jaringan komputer dan komunikasi data: sistem penghubung yang memungkinkan sumber (resources) dipakai secara bersama atau diakses oleh sejumlah pemakai.

(http://yuliimut.wordpress.com/2010/03/24/definisi-implementasi-sistem-informasi/)

5.2 Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem yaitu:

a. Menyelesaikan desain sistem yang ada dalam dokumentasi yang telah disetujui, menyusun dokumen baru atau dokumen yang akan diperbaiki. b. Menulis, menguji dan mendokumentasikan program serta prosedur yang

(60)

c. Memastikan bahwa pengguna dapat mengoperasikan sistem yang baru yaitu dengan mempersiapkan manual pemakai dan dokumentasi yang lain serta melatih pemakai.

d. Mempertimbangkan/memperhitungkan bahwa sistem memenuhi permintaan pemakai, yaitu dengan menguji secara keseluhan.

e. Memasikan bahwa konversi sisem yang baru berjalan dengan benar, yaitu dengan membuat rencana, mengontrol dan melakukan instalasi sistem yang baru secara benar.

Langkah-langkah yang dibutuhkan dalam pengimplementasian sistem adalah sebagai berikut :

1. Menyelesaikan desain sistem.

2. Mendapatkan software dan hadware.

3. Menulis, menguji, mengontrol dan mendokumentasikan program komputer.

4. Menguji sistem.

5. Mendapatkan persetujan.

5.3 Komponen Kebutuhan Sistem

(61)

dibutuhkan beberapa komponen utama yang mencakup perangkat keras (hadware), perangkat lunak (software), dan perangkat operator (brainware).

5.3.1 Perangkat Keras (Hadware)

Perangkat keras komputer adalah semua bagian fisik komputer, dan dibedakan dengan data yang berada di dalamnya atau yang beroperasi di dalamnya, dan dibedakan dengan perangkat lunak (software) yang menyediakan instruksi untuk perangkat keras dalam menyelesaikan tugasnya. Komponen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU(Central Processing Unit), printer, keyboard, dan mouse.

Batasan antara perangkat keras dan perangkat lunak akan sedikit buram kalau kita berbicara mengenai firmware, karena firmware ini adalah perangkat lunak yang "dibuat" ke dalam perangkat keras. Firmware ini merupakan wilayah dari bidang ilmu komputer dan teknik komputer, yang jarang dikenal oleh pengguna umum.

5.3.2 Perangkat Lunak (Software)

(62)

sofware atau perangkat lunak inilah suatu komputer dapat menjalankan suatu perintah. Perangkat lunak yang diperlukan untuk menjalankan aplikasinya adalah :

1. Sistem Operasi Windows 7 2. Appserver

3. PHP (Script) 4. Mysql (database) 5. Browser

5.3.3 Perangkat Operator (Brainware)

Sistem komputerisasi yang berfungsi sebagai alat bantu manusia dibidang pengolahan data membutuhkan manusia sebagai aspek yang menangani proyek pada komputer. Inilah yang disebut dengan aspek brainware. Brainware terdiri atas :

1. Sistem analis, yaitu orang yang membentuk dan membangun fasilitas rancangan sistem.

2. Programmer, yang bertugas untuk membuat dan membangun program dengan menggunakan salah satu fasilitas software yang telah ditentukan. 3. Operaor, yaitu orang yang menangani langsung dalam pengolahan data.

(63)

5.4 Instalasi XAMPP

XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya bedanya kalau yang versi untuk Windows sudah dalam bentuk instalasi grafis dan yang Linux dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi untuk Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkan Linux masih berupa perintah-perintah di dalam console.

5.4.1 Cara Menginstal XAMPP

1. Download aplikasi XAMPP xampp-win32-1.8.1-VC9-installer.exe.

2. Setelah anda mendownload XAMPP dari link di page sebelumnya, sekarang adalah cara untuk menginstalnya, seperti biasa, double klik icon XAMPP untuk memulai proses instalasi, nanti anda akan diminta menentukan bahasa yang ingin anda pakai, disini saya pakai English.

(64)

3. Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.

Gambar 5.2 Perintah Error

4. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.

(65)

5. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next.

Gambar 5.4 Pemilihan Instalan

(66)

Gambar 5.5 Memilih Folder Penyimpanan

(67)

Gambar 5.6 Service Section Xampp

8. Setelah anda memilih instal, selanjutnya yang harus anda lakukan adalah menunggu.

(68)

9. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finishuntuk menyelesaikannya.

Gambar 5.8 Instalan Selesai

10.Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.

(69)

11.Setelah itu, akan muncul xampp di sebelah kanan bawah, pastikan keadaan apache dan mysql dalam keadaan running, jika apache tidak aktif maka

browser menunjukan offline mode saat ingin menginstal wordpress, dan jika mysql tidak aktif, maka database tidak akan bisa di buat.

Gambar 5.10 Xampp Control Panel Aplication

12.Sekarang bukalah browser kesukaan Anda, dan coba ketikkan http://localhost/xampp di address bar. Jika muncul tampilan seperti gambar

(70)

Gambar 5.11 phpMyAdmin

(http://webhostmu.com/cara-instal-xampp/)

5.4.2 Cara Menjalankan Apache

Seelah proses instalasi XAMPP selesai dilakukan, langkah selanjutnya adalah menjalankan apache. Adapun cara menjalankan apache adalah :

1. Klik XAMPP Control Panel Aplication.

2. Klik Start masing-masing untuk Apache dan Mysql, sehingga muncul tanda Running untuk keduanya. PC lokal anda kini sudah menjadi Server Web lokal.

(71)

5.5 Pengujian di Browser

Setelah apache diaktifkan, maka aplikasi telah dapat diujikan di komputer lokaal. Adapun caranya adalah sebagai berikut:

1. Letak file-file program pada suatu folder yang diletakkan dalam folder “htdocs”, seperti gambar berikut:

Gambar 5.12 File Sistem Informasi

(72)

5.6 Gambaran Umum Hasil Program

Gambaran umum hasil program ini menjelaskan halaman-halaman web yang telah penulis rancang. Berikut ini beberapa tampilan yang ada pada web penulis yaitu:

5.7 Halaman Utama

Halaman utama merupakan gambaran dari seluruh isi website yang dirancang oleh penulis. Pada halaman utama ini, terdapat beberapa isi yaitu

(73)

5.7.1.1 tampilan pegawai

Gambar 5.14 Tampilan Pegawai

5.7.2 halaman login

Halaman login digunakan untuk admin agar dapat masuk kehalaman home untuk memasukkan data pegawai. Hanya admin yang bisa masuk ke halaman ini.

(74)

5.7.3 Halaman Utama Admin

(75)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan, maka penulis mendapatkan banyak hal-hal yang bermanfaat, dengan begitu penulis dapat mengambil kesimpulan sebagai berikut :

1. Dengan adanya sistem informasi berbasis web, maka informasi didapat dengan mudah, cepat, tepat , dan akurat dapat dilakukan. Agar data tersebut dapat membantu pegawai maupun pengunjung yang ingin mendapatkan informasi mengenai Kantor.

2. Perancangan data yang baik akan memudahkan dalam hal pengambilan keputusan sehingga dapat meningkatkan kerja pegawai.

(76)

4. Pembuatan program dengan menggunakan PHP dan Mysql lebih memudahkan dalam hal perancangan dan untuk hasil akhirnya (output) dan lebih mudah dimengerti oleh pemakai.

6.2 Saran

Adapun saran-saran yang bisa diberikan ntuk program ini agar bisa didapakan hasil yang maksimal adalah :

1. Kepada pembaca penulis menyarankan agar mengembangkan lagi program yang penulis rancang ini menjadi program yang lebih sempurna lagi dan lebih luas cakupan ruang lingkup programnya.

2. Pengguna Sistem Informasi Data Kepegawaian ini hendaknya memperhatikan bagaimana sistem informasi in berjalan, sehingga dalam penggunaanya tidak mengalami masalah.

(77)

DAFTAR PUSTAKA

Betha, S. dan Poha, H.I. 2012.Pemrograman Web Dengan HTML. Jakarta: Penerbit INFORMATIKA

(78)

LISTING PROGRAM

$query="select * from skbdairi"; $database=mysql_query("$query");

while($melody=mysql_fetch_assoc($database)) {

echo" ".$data[nama]." ".$data[nip]." ".$data[tetala]."

".$data[jenkel]." ".$data[agama]." ".$data[pendidikan_terakhir]." ".$data[tahun_lulus]." ".$data[tmt1]." ".$data[tanggal_masukskb]." ".$data[golongan]." ".$data[tmt]." ".$data[jabatan]." <br>";

}

echo"</table>"; if($connect) {

echo"koneksi berhasil"; }

if($username!=' '& $password!='')

{

$sql= "SELEC * FROM user where username='$username' AND password='$password'";

$result = mysql_query ($sql) or die (mysql_error()); $hasil= mysql_fetch_array($result);

(79)

if($hasil['username']==$username &&$hasil

$_SESSION['pengguna']=$hasil['username'];

$_SESSION['id']=$hasil['id_user'];

header

<!--

alert("Your name or password is wrong..")

window.location = "index.php;

//-->

alert("Silahkan Login.")

window.location = "index.php?=login.php"; //-->

(80)

<th>Menu</th></tr>";

while($data=mysql_fetch_assoc($ambil)); {

echo"<tr>

<td>$data[nip]</td><td>$data[nama]</td><td>$data[tetala]</td>$da ta[jenkel]</td><td>$data[agama]</td><td>$data[pendidikan_terakhir] </td>$data[tahun_lulus]</td>$data[sk_pertama]$data[tmt1]</td>$data [tanggal_masukskb]</td>$data[golongan]</td>$data[tmt]</td>$data[ja batan]</td>

<td><a href='hapus.php?nip=$data[nip]'>Hapus</a> || <a href='form.php?nip=$data[nip]'>Tambah</a></td> </tr>";

<center><form action='prosesform.php' method='POST'> <center> daftar pegawai</center>

<tr><td>tetala</td><td><input type='text' name='tetala' value='".$a['tetala']."' size='30'></td></tr>

<tr><td>jenkel</td><td><input type='text' name='jenkel' value='".$a['jenkel']."' size='30'></td></tr>

<tr><td>agama</td><td><input type='text' name='agana' value='".$a['agama']."' size='30'></td></tr>

<tr><td>pendidikan_terakhir</td><td><input type='text'

name='pendidikan_terakhir' value='".$a['pendidikan_terakhir']."' size='30'></td></tr>

<tr><td>tahun_lulus</td><td><input type='text' name='tahun_lulus' value='".$a['tahun_lulus']."' size='30'></td></tr>

<tr><td>sk_pertama</td><td><input type='text' name='sk_pertama' value='".$a['sk_pertama']."' size='30'></td></tr>

<tr><td>tanggal_masukskb</td><td><input type='text'

name='tanggal_masukskb' value='".$a['tanggal_masukskb']."' size='30'></td></tr>

<tr><td>golongan</td><td><input type='text' name='golongan' value='".$a['golongan']."' size='30'></td></tr>

<tr><td>jabatan</td><td><input type='text' name='jabatan' value='".$a['jabatan']."' size='30'></td></tr>

(81)

?>

$sql=mysql_query("select*from skbdairi where nip='$nip'"); $a=mysql_fetch_array($sql);

echo"

<tr><td>tetala</td><td><input type='text' name='tetala' value='".$a['tetala']."' size='30'></td></tr>

<tr><td>jenkel</td><td><input type='text' name='jenkel' value='".$a['jenkel']."' size='30'></td></tr>

<tr><td>agama</td><td><input type='text' name='agana' value='".$a['agama']."' size='30'></td></tr>

<tr><td>pendidikan_terakhir</td><td><input type='text'

name='pendidikan_terakhir' value='".$a['pendidikan_terakhir']."' size='30'></td></tr>

<tr><td>tahun_lulus</td><td><input type='text' name='tahun_lulus' value='".$a['tahun_lulus']."' size='30'></td></tr>

<tr><td>sk_pertama</td><td><input type='text' name='sk_pertama' value='".$a['sk_pertama']."' size='30'></td></tr>

<tr><td>tanggal_masukskb</td><td><input type='text'

name='tanggal_masukskb' value='".$a['tanggal_masukskb']."' size='30'></td></tr>

<tr><td>golongan</td><td><input type='text' name='golongan' value='".$a['golongan']."' size='30'></td></tr>

<tr><td>jabatan</td><td><input type='text' name='jabatan' value='".$a['jabatan']."' size='30'></td></tr>

(82)

$nip=$_GET['nip'];

$query="delete from skbdairi where nip='$nip'"; $ambil=mysql_query($query);

if($ambil) {

echo"<center>Data Berhasil Di Hapus <br> <a href='index.php'>Tampilkan Table</a>

||<a href='form.php'>Tambah Data</a></center>"; }

else {

echo"<center>Data Gagal Di Hapus <br> <a href='index.php'>Tampilkan Table</a>

||<a href='form.php'>Tambah Data</a></center>"; }

$query="create table skbdairi (nip int(30) primary key, nama varchar(30), tetala varchar(30), jenkel varchar(30), agama

varchar(30), pendidikan_terakhir varchar(30), tahun_lulus int(30), sk_pertama varchar(30), tmt1 varchar(30), tanggal_masukskb

varchar(30), golongan varchar(30), tmt varchar(30), jabatan varchar(30))";

$table=mysql_query($query); if($table)

{

echo"Table berhasil di buat"; }

else {

echo"table gagal di buat"; }

(83)

while($data=mysql_fetch_array($record)) {

echo "Nip :".$data[nip]." nama:".$data[nama]." tetala:".$data[tetala]." jenkel:".$data[jenkel]."

<title>loggin</title> <style type="text/css">

html, body

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

(84)

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

print ("<meta http-equiv=\"refresh\" content=\"0; url=../index.php\">");

?>

11. Sejarah.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">