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

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

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

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

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

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”

Terimakasih penulis sampaikan kepada Dr. Pasukat Sembiring , M.Si, selaku dosen pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terima kasih kepada Ibu Dra. Elly Rosmaini M.Si, selaku Ketua Program Studi D-III Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, Vordipl.Math., M.Si., Ph.D dan Ibu Dra. Mardiningsih, M.Sc selaku Ketua Departemen dan Sekretaris Departemen Matematika FMIPA-USU Medan, Bapak Dr. Sutarman, M.Sc. selaku Dekan FMIPA USU, seluruh Staff dan Dosen Matematika FMIPA USU dan rekan-rekan kuliah. Terkhusus dan teristimewa kepada kedua orangtuaku tercinta Ayah (Alm) Mustani Pasaribu dan Ibu (Almh) Nurhamidah Dalimunte yang telah setia , sabar , dan tulus mencurahkan kasih dan sayang yang tak terhingga, setiap tetes air mata yang telah jatuh karena memanjatkan do‟a untuk keberhasilan, keselamatan dan kebahagiaanku, serta dukungan baik moril maupun materil yang tidak akan mungkin terbalas. Terima kasih untuk segalanya, tidak ada yang bisa Kuberikan untuk membalasnya, tidak cukup hanya sekedar „terima kasih‟ untuk membasuh keringat dan tetesan air mata yang mengalir selama membesarkan Ananda. Namun percayalah dalam setiap hembusan nafas ini adalah doa memohon agar Ayah dan Ibu dapat tenang disisi Allah SWT dan mendapatkan tempat yang istimewa yaitu surga yang paling tinggi. Terima kasih juga buat keluarga tercinta K Iyan, K Juwita, K Har, K ito, Bg Imam, K Purnama, K Nona, K Tika, dan Adindaku tersayang Muammar

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)

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.

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

BAB 2 LANDASAN TEORI 2.1 PENGERTIAN SISTEM INFORMASI...7

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

BAB 5 IMPLEMENTASI SISTEM 5.1 PENGERTIAN IMPLEMENTASI SISTEM...45

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 LAMPIRAN

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

DAFTAR TABEL

Tabel 4.1 Tabel Pegawai...37 Tabel 4.2 Tabel User...38 Tabel 4.3 Flowchart...43

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.

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.

Penerapan data dan informasi sangatlah dibutuhkan dalam struktur kepegawaian. Penulis tertarik membua suatu sistem informasi data pegawai. Pada

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

Dengan keterbatasan waktu dan agar pembahasan tidak menyimpang dari tujuan, maka penulis melakukan pembatasan masalah sebagai berikut:

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.

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.

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.

Pada perancangan sistem informasi ini, penulis menggunakan pemrograman berbasis web dan MySQL sebagai database untuk penyimpanan data. Pemrograman berbasis web akan menghasilkan sebuah aplikasi berbasis web yang akan membantu kinerja lebih mudah dan efisien.

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

Menguraikan kesimpulan dalam hal penyajian informasi data pegawai pada Kantor Sanggar Kegiatan Belajar Kabupaten Dairi secara lengkap, memberikan saran yang dapat membantu dalam hal pemecahan masalah yang dihadapi dan lampiran.

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 menampilkan data tersebut.

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

Komputer berasal dari bahasa latin yaitu Computare yang artinya menghitung. Dalam bahasa inggris disebut to compute. Secara defenisi komputer diteremahkan sebagai sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data (input), mengolah data (proses) dan membeikan informasi (output) serta terkondisi dibawah control program yang tersimpan dimemorinya.

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)

Hyper Text Markup Languange adalah sebuah bahasa mark-up yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di

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>

</html> Keterangan :

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.

Asal-usul internet berasala dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan APRAnet, yaitu jaringan komputer yang dibentuk oleh departemen pertahanan Amerika Serikat.

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.

Pada awalnya aplikasi web dibangun dengan hanya menggunakan bahasa yang disebut HTML (Hyper Text Markup Language) dan protocol yang

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. Middleware adalah perangkat lunak yang bekerja sama dengan web server dan berfungsi menerjemahkan kode-kode tertentu. Menjalankan kode-kode tersebut dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat lunak disisi client yang digunakan untuk mengakses informasi web. Contoh : Internet, Explorer, Netscape, dan Mozilla.

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 :

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.

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

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

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 disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara 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 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.

Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting

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"); ?>

<?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,

1. Pembuatan Koneksi PHP ke MySQL 2. Pembuatan Tabel MySQL

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

1. mysql_connect dipergunakan untuk membuat koneksi menggunakan PHP ke server MySQL. Data untuk hostname, mysql username, dan password yang digunakan telah dideklarasikan oleh variabel $hostmysql, $username,

$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

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

$insert = “INSERT INTO users (type,firstname,lastname) VALUES (’User,’Budi’,’Utomo’)”;

?>

2.6.6.3 Menampilkan Data dari MySQL

Script dibawah ini dipergunakan untuk menampilkan data dari tabel

<?php include (”connect.php”); $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

MySQL dikembangkan sekitar tahun 1994 oleh pembuat 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 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 (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License).Setiap pengguna dapat secara bebas menggunakan MySQL,

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.

MySQL adalah sebuah perangkat lunak system manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread,multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

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

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.

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 yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web. Dreamweaver dalam hal ini berguna untuk web desain. Selain itu dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam sius.

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

UPTD SKB Dairi yang berada di Jl. Sidikalang – Medan Km. 4,5 Desa Sitinjo II Kecamatan Sitinjo Kabupaten Dairi, dulunya bernama Sanggar Kegiatan Belajar Dairi, didirikan pada tahun 1995.

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.

Kesemuanya ini lebih memperkuat eksistensi UPTD SKB Dairi sebagai salah satu institusi Pelaksana Teknis Pendidikan Non Formal di daerah (Kabupaten) yang berkualitas dalam arti berkualitas dalam melaksanakan program pembelajaran dan pelatihan guna menghasilkan lulusan/alumni yang berkualitas pula.

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.

6. Pembangkitan dan penumbuhan kemauan belajar masyarakat dalam rangka terciptanya masyarakat gemar belajar.

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

masyarakat (tenaga dan tenaga kependidikan) Pendidikan Non Formal. 15.Pengolahan urusan tata usaha sanggar.

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

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

Drs. Luhut Sihombing Dra. Nurdiah

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

Database merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di simpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia

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)

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 :

1. Entitas, Adalah segala sesuatu yang dapat digambarkan oleh data. Entitas juga dapat diartikan sebagai individu yang mewakili sesuatu yang nyata (eksistensinya) dan dapat dibedakan dari sesuatu yang lain (Fathansyah, 1999). Ada dua macam entitas yaitu entitas kuat dan entitas lemah. Entitas

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

Normalisasi dilakukan sebagai uji coba pada suatu relasi secara berkelanjutan untuk menentukan apakah relasi itu sudah baik, yaitu dapat dilakukan proses insert,update,delete, dan modifikasi pada satu atau beberapa atribut tanpa mempengaruhi integritas data dalam relasi tersebut. Pada proses normalisasi terhadap tabel pada database dapat dilakukan dengan tiga tahap normalisasi antara lain :

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.

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)

Walaupun relasi 2-NF memiliki redudansi yang lebih sedikit dari pada relasi 1-NF, namun relasi tersebut masih mungkin mengalami kendala bila terjadi anomaly peremajaan (update) terhadap relasi tersebut. Misalkan kita akan melakukan update terhadap nama dari seorang Pemilik (pemilik), seperti Durki (No_Pemilik: CO93), kita harus melakukan update terhadap dua baris dalam relasi Property_Pemilik (lihat Tabel 9.5, (c) relasi Property_Pemilik). Jika kita hanya mengupdate satu baris saja, sementara baris yang lainnya tidak, maka data didalam database tersebut akan inkonsisten / tidak teratur. Anomaly update ini disebabkan oleh suatu ketergantungan transitif (transitive dependency). Kita harus

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

Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan

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

Simbol untuk

Keterangan

Proses / Langkah

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.

4.5.1 Flowchart Login Admin

TIDAK

Ya

Gambar 4.4 Flowchart Login

Mulai

Selesai

Login Gagal Username dan

password terdaftar?

Tampil halaman Admin

Input username dan password admin

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 :

1. Perangkat keras (hardware) : mencakup piranti-piranti fisik seperti komputer, server, dan printer.

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

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

Perancangan sistem yang telah dikerjakan dapat berjalan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu

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)

Pengertian Software komputer adalah sekumpulan data elektronik yang disimpan dan diatur oleh komputer, data elektronik yang disimpan oleh komputer itu dapat berupa program atau instruksi yang akan menjalankan suatu perintah. Melalui

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.

Mulai dari mempersiapkan data sampul dalam pengentrian/pemasukan data dalam komputer.

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.

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.

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

Gambar 5.4 Pemilihan Instalan

6. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.

Gambar 5.5 Memilih Folder Penyimpanan

7. Setelah anda menentukan dimana anda akan menginstal XAMPP tersebut, berikutnya adalah menentukan mana saja yang akan anda instal, lihat bagian bawah. Disana terdapat apache dan MySQL serta File zilla, beri tanda centang pada Apache dan My Sql, Apache berguna sebagai server lokal, jadi anda akan membuat web seolah online, dan MySql digunakan sebagai database, dimana dengan data base pengerjaan web akan lebih mudah serta dapat autosave, sehingga anda tidak perlu khawatir.

Gambar 5.6 Service Section Xampp

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

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.

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 di bawah ini, instalasi telah berhasil.

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.

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

2. Buka browser internet/Mozilla Firefox/ Google Chrome. 3. Kemudian masukkan alamat program yang ingin anda buka.

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

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.

5.7.3 Halaman Utama Admin

Halaman ini merupakan halaman untuk admin. Pada halaman ini admin melakukan input, edit, serta delet data. Halaman admin berfungsi sebagai halaman administrator untuk memasukkan, mengedit, dan menghapus data.

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.

3. Dalam membuat website yang dinamis tidak hanya dibutuhkan pemrograman HTML, tetapi juga PHP sebagai web scripting, dan Mysql sebagai database.

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.

3. Diharapkan dengan dibuatnya program ini, kinerja dan kualias kerja pegawai semakin maju dan berkembang

DAFTAR PUSTAKA

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

Gregorius Agung, Micromedia Dreamweaver MX 2004,Jakarta 2004 http://yuliimut.wordpress.com/2010/03/24/definisi-implementasi-sistem-informasi http://webhostmu.com/cara-instal-xampp

LISTING PROGRAM 1.Koneksi.php <?php error_reporting(0); $host="localhost"; $user="root"; $pass=""; $db="datapegawai"; $conn=mysql_connect($host,$user,$pass); mysql_select_db($db);

$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"; } else{ echo"koneksi gagal"; } ?> <body> </body> </html> 2. Cek.php <?php include("admin/koneksi.php"); $username=$_REQUEST['username']; $password=$_REQUEST['password']; 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);

if($hasil['username']==$username &&$hasil ['password']==$password) { session_start(); $_SESSION['pengguna']=$hasil['username']; $_SESSION['id']=$hasil['id_user']; header ("location;admin/index.php") } else { ?> <scrip type="text/javascrip"> <!--

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

window.location = "index.php;

//--> </script> <?php } } else { ?> <script type="text/javascrip"> <!-- alert("Silahkan Login.")

window.location = "index.php?=login.php"; //--> </script> <?php }?> 3. Index.php <?php mysql_connect('localhost','root',''); mysql_select_db('datapegawai');

$query="select * skbdairi"; $ambil=mysql_query($query); echo"<center><table border='1'><tr><th>Nip</th> <th>Nama</th><tr><th>tetala</th> <th>jenkel</th> <th>agama</th> <th>pendidikan_terakhir</th> <tr><th>tahun_lulus</th> <th>sk_pertama</th> tmt1</th> <th>tanggal_masukskb</th> <tr><th>golongan</th> <th>tmt</th> <th>jabatan</th>

<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>"; } echo"</table></center>"; ?> 4.Form.php <?php echo"

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

<table border='1'>

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

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

<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>tmt1</td><td><input type='text' name='tmt1' value='".$a['tmt1']."' 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>tmt</td><td><input type='text' name='tmt' value='".$a['tmt']."' size='30'></td></tr>

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

<tr><td colspan='2'><input type='submit' value='Masukkan Data'></td></tr>

?> 5. Edit.php <?php mysql_connect('localhost','root',''); mysql_select_db('datapegawai'); $nip=$_GET['nip'];

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

echo"

<center><form action='prosesedit.php' method='POST'> <center> Edit Data</center>

<table border='1'>

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

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

<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>tmt1</td><td><input type='text' name='tmt1' value='".$a['tmt1']."' 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>tmt</td><td><input type='text' name='tmt' value='".$a['tmt']."' size='30'></td></tr>

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

<tr><td colspan='2'><input type='submit' value='Ubah Data'></td></tr> </table></form></center>"; ?> 6. Hapus.php <?php mysql_connect('localhost','root',''); mysql_select_db('datapegawai');

$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>"; } ?> 7. Tabel.php <?php $host="localhost"; $user="root"; $pass=""; $db="datapegawai"; $koneksi=mysql_connect($host,$user,$pass); mysql_select_db($db);

$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"; } ?> 8. Tampil.php <?php error_reporting(0); $host="localhost"; $user="root"; $pass=""; $db="datapegawai"; $koneksi=mysql_connect($host,$user,$pass); mysql_select_db($db);

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

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

echo "Nip :".$data[nip]." nama:".$data[nama]." tetala:".$data[tetala]." jenkel:".$data[jenkel]." agama:".$data[agama]." pendidikan_terakhir:".$data[pendidikan_terakhir]." tahun_lulus:".$data[tahun_lulus]." sk_pertama:".$data[sk_pertama]." tmt1:".$data[tmt1]." tanggal_masukskb:".$data[tanggal_masukskb]." golongan:".$data[golongan]." tmt:".$data[tmt]." jabatan:".$data[jabatan]."<br>"; } ?> 9. Login.php <!DOCTYPE html> <head> <title>loggin</title> <style type="text/css"> html, body { } #container { background: #FFF;

margin: 0 auto;

} .singleRow { width: 500px; } </style> </head> <body> <form action="manipulasi.php?act=login" method="post"> <table> <tr> <td><label for="">Username</label></td><td>:</td>

<td><input type="text" name="user" class="lebar"/></td> </tr> <tr>

}

#contact_form form { margin: 0px; padding: 0px; }

#contact_form form .input_field { width: 270px;

padding: 5px; color: #222; background: #fff;

border: 1px solid #ded6c6; font-size: 12px;

font-family: Tahoma, Geneva, sans-serif; margin-top: 5px; } font-size: 12px; margin-top: 10px; } .map { padding: 4px;

border: 1px solid #9c9880; }

.col { floa: left; margin: 0 20px 20px 0 } .half { width: 460px }

#sidebar, .one_third { width: 300px } #content, .two_third { width: 620px } .padding_right { padding-right: 20px } .one_fourth { width: 220px }

.no_margin_right { margin-right: 0 }

.last_box { margin-bottom: 0; background: none } .pagging {

margin: 0 0 20px; padding: 0;

}

.pagging ul { margin: 0; padding: 0; }

#contact_form form label { display: block; width: 100px;

margin-right: 12px; font-size: 12px; }

#contact_form form textarea { width: 398px;

height: 200px; padding: 5px ; color: #222; background: #fff;

border: 1px solid #ded6c6; font-size: 12px;

font-family: Tahoma, Geneva, sans-serif; margin-top: 5px;

}

#contact_form form .submit_btn { padding: 5px 14px;

font-weight: bold; background-color: #fff; border: 1px solid #ded6c6; color: #222;

list-style: none; }

.pagging ul li a { float: left; display: block; color: #333;

text-decoration: none; margin-right: 5px; padding: 5px 10px; background: #fff;

border: 1px solid #d9d0be; }

.pagging ul li a:hover { background: #f7b634; border: 1px solid #fff; color: #fff;

}

#temlatemo_footer { color: #ada278; text-align: center }

#temlatemo_footer a { color: #faf8ec; }

KEMENTERIAN PENDIDIKAN DAN

KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU

PENGETAHUAN ALAM

Jalan Bioteknologi No. 1 Kampus USU Medan Padang Bulan Medan - 20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290

Nomor : /UN5.2.1.8/SPB/2014 Medan, 28 Februari 2014 Lampiran : -

Hal : Pengambilan Data

Kepada Yth:

Kepala Kantor Sanggar Kegiatan Belajar Kabupaten Dairi Sidikalang

Dengan hormat, bersama ini kami sampaikan kepada Saudara, bahwa Mahasiswa Program Studi Diploma 3 Teknik Informatika FMIPA USU Medan, akan melaksanakan Pengambilan Data di Kantor Sanggar Kegiatan Belajar Kabupaten Dairi dalam penyelesaian tugas akhir.

Sehubungan dengan hal tersebut di atas, kami mohon bantuan Saudara agar dapat menerima mahasiswa tersebut di bawah ini.

Nama Mahasiswa yang akan melakukan penelitian sebagai berikut :

No. Nama NIM Program Studi

1. Nurul Huda Pasaribu 112406075 D3 Teknik Informatika Adapun data tersebut diperlukan untuk menyelesaikan tugas akhir dengan judul “Sistem Informasi Data Pegawai Pada Kantor Sanggar Kegiatan Belajar Kabupaten Dairi”.

Demikian kami sampaikan, atas kerjasama dan bantuannya diucapkan terimakasih.

a.n Dekan

Pembantu Dekan I

Dr. Marpongahtun, M.Sc NIP. 196111151988032002 Tembusan :

1. Ketua Prodi D3 Teknik Informatika 2. Arsip

Medan, 28 Februari 2014

Hal : Permohonan Surat Pengantar

Kepada Yth:

Dekan FMIPA USU di

Tempat.

Dengan hormat,

Saya yang bertanda tangan di bawah ini :

N a m a : Nurul Huda Pasaribu N I M : 112406075

Program Studi : D3 Teknik Informatika

Memohon kepada Bapak untuk dapat mengeluarkan surat pengantar yang ditujukan pada Kantor Sanggar Kegiatan Belajar Kabupaten Dairi guna pengambilan data (riset) untuk penyelesaian tugas akhir.

Atas kesediaan dan bantuan Bapak saya ucapkan terima kasih.

Hormat saya,

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU

PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Padang Bulan, Medan 20155

Telp. (061) 8211050, 8214290 Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama : NURUL HUDA PASARIBU

Nomor Induk Mahasiswa : 112406075

Judul Tugas Akhir : SISTEM INFORMASI DATA PEGAWAI PADA

KANTOR SANGGAR KEGIATAN BELAJAR

KABUPATEN DAIRI BERBASIS WEB Dosen Pembimbing : Dr. Pasukat Sembiring, M.Si

Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

No Tanggal Bimbingan

Pembahasan Mengenai Bab

Paraf Dosen

Pembimbing Keterangan 1

2 3 4 5

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai

Diketahui Disetujui

Progaram Studi D3 Teknik Informatika Pembimbing Utama/

FMIPA USU Penanggung Jawab

Ketua,

Dr.Elly Rosmaini, M.Si Dr. Pasukat Sembiring, M.Si NIP.196005201985032002 NIP. 19531113 198503 1002

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa mahasiswa Tugas Akhir Program D 3 Teknik Informatika :

Nama : NURUL HUDA PASARIBU NIM : 112406090

Prog. Studi : D3 Teknik Informatika

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

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas pada tanggal. . .

Dengan Hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftararn Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2014

Dr. Pasukat Sembiring, M.Si NIP. 195311131985031002