SISTEM INFORMASI KEPEGAWAIAN PADA KANTOR CAMAT TANJUNG MORAWA DENGAN MENGGUNAKAN
PHP DAN MYSQL
TUGAS AKHIR
DEWI ANGGRAINI 072406006
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2010
SISTEM INFORMASI KEPEGAWAIAN PADA KANTOR CAMAT TANJUNG MORAWA DENGAN MENGGUNAKAN
PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
DEWI ANGGRAINI 072406006
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2010
PERSETUJUAN
Judul : SISTEM INFORMASI KEPEGAWAIAN PADA KANTOR CAMAT TANJUNG MORAWA DENGAN MENGGUNAKAN PHP DAN MYSQL
Kategori : TUGAS AKHIR
Nama : DEWI ANGGRAINI
Nomor Induk Mahasiswa : 072406006
Program Studi : D3 ILMU KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di Medan, Juni 2010 Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing I
Dr.Saib Suwilo,M.Sc
NIP. 19640109 198803 1 004 NIP. 19640109 198803 1 004 Dr.Saib Suwilo,M.Sc
PERNYATAAN
SISTEM INFORMASI KEPEGAWAIAN PADA KANTOR CAMAT TANJUNG MORAWA DENGAN MENGGUNAKAN
PHP DAN MYSQL
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 2010
DEWI ANGGRAINI 072406006
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT, serta salawat dan salam kepada junjungan kita nabi Muhammad SAW, karena atas berkah dan rahmatNya lah, akhirnya penulis dapat menyelesaikan tugas akhir ini dalam waktu yang telah di tentukan.
Ucapan terima kasih saya sampaikan kepada Dr. Saib Suwilo, Msc. Selaku pembimbing dan ketua di Departemen Matematika FMIPA USU yang telah membantu penulis dalam penyelesaian tugas akhir ini dan juga memberikan panduan dan penuh kepercayaan kepada penulis untuk menyempurnakan tugas akhir ini.
Ucapan terimakasih juga ditujukan kepada Sekretaris Departemen yaitu Drs. Henry Rani Sitepu, M.Si., Dekan dan Pembantu Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatra Utara, semua dosen pada Departemen Matematika FMIPA USU, pegawai di FMIPA USU, rekan-rekan kuliah khususnya rekan-rekan Kom A’07 dan kepada seluruh pihak kantor camat tanjung morawa yang bersedia membantu dalam menyelesaikan tugas akhir ini . Akhirnya tidak terlupakan kepada ayah dan ibu tercinta yang senantiasa mendoakan dan mendukung saya dimanapun berada. Serta adik yang saya sayangi, dan juga seluruh keluarga besar yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT membalas dengan kebaikan yang berlipat ganda dan selalu melimpahkan rahmat Nya. Amin.
ABSTRAK
Kajian ini bertujuan untuk membangun sistem informasi kepegawaian pada kantor camat Tanjung Morawa. Aplikasi ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobe Photoshop CS2, Server Apache, PHP, MySQL dan browser Internet Explorer. Aplikasi web ini bekerja untuk dapat menampilkan/menginput data pegawai dan informasi lain mengenai kantor camat Tanjung Morawa. Tujuan aplikasi ini adalah untuk memberikan kemudahan kepada pihak pegawai dalam pengolahan data pegawai. Serta memberikan sedikit informasi kepada user/pengguna mengenai kantor camat Tanjung Morawa.
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel viii
Daftar Gambar ix
Bab 1 Pendahuluan 1
1.1 Latar Belakang Masalah 1
1.2 Ruang Lingkup Permasalahan 4
1.3 Tujuan Penelitian 4
1.4 Kontribusi Penelitian 5
1.5 Kajian Pustaka 5
1.6 Metodologi Penelitian 6
1.7 Sistematika Penulisan 7
Bab 2 Landasan Teori 9
2.1 Pengertian Sistem Informasi 9
2.2 Pengenalan Internet 10
2.2.1 Pengertian Web(WWW) 10
2.3 Pengenalan HTML 11
2.3.1 Bagian-bagian HTML 12
2.4 Pengenalan PHP 13
2.4.1 Sejarah PHP 13
2.4.2 Kelebihan PHP dari bahasa pemrograman lain 14 2.4.3 Contoh Pemrograman dengan Menggunakan PHP 15
2.4.4 Proses Eksekusi Kode PHP 16
2.4.5 Variabel pada PHP 17
2.5 Database MySQL 19
2.5.1 Perkembangan MySQL 19
2.5.2 Perintah dasar MySQL 20
2.6 Pengenalan Dreamweaver 8 21
2.6.1 Area kerja pada Dreamweaver 8 22
2.6.2 Menu bar pada area kerja 23
Bab 3 Gambaran Umum Kantor Camat Tanjung Morawa 25 3.1 Sejarah Singkat Berdirinya Kecamatan Tanjung Morawa 25
3.2 Visi dan Misi 26
3.3 Struktur Organisasi 27
Bab 4 Analisis dan Perancangan sistem 28
4.1 Analisis ruang lingkup website 28
4.2 Perancangan Sistem 28
4.2.1 Perancangan keluaran(output) 29
4.2.2 Perancanngan Masukan(input) 30
4.2.3 Perancangan File 31
4.2.4 Flowchart 32
4.2.5 Perancangan Database 34
4.2.6 Data Flow Diagram (DFD) 36
4.2.7 Algoritma 37
Bab 5 Implementasi Sistem 40
5.1 Pengertian Implementasi Sistem 40
5.2 Tujuan Implementasi Sistem 41
5.3 Instalasi Apache, PHP dan MySQL 41
5.3.1 Instalasi Xampp 1.7.1 42
5.3.2 Menjalankan Xampp 1.7.1 44
5.4 Tampilan Halaman Web 45
5.4.1 Tampilan Utama 45
5.4.2 Tampilan Visi dan Misi 46
5.4.3 Tampilan Struktur Organisasi 46
5.4.4 Tampilan Sejarah 47
5.4.5 Tampilan Galery 47
5.4.6 Tampilan Daftar Pegawai 48
5.4.7 Tampilan Daftar Gaji 48 5.4.8 Tampilan Hasil Pencarian Pegawai 49
5.4.9 Tampilan Admin 50
5.4.10 Tampilan Tambah Pegawai 50
5.4.11 Tampilan Menu Edit Pegawai 51
5.4.12 Tampilan Menu Ganti Admin 51
Bab 6 Kesimpulan dan Saran 52
6.1 Kesimpulan 52
6.2 Saran 52
Daftar Pustaka 54
LAMPIRAN
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel User (admin) 34
Tabel 4.2 Tabel Judul 35
Tabel 4.3 Tabel Galery 35
Tabel 4.4 Tabel Pegawai 36
Tabel 4.5 Tabel Potongan 36
DAFTAR GAMBAR
Halaman
Gambar 3.1 Struktur Organisasi Kantor Camat Tanjung Morawa 27
Gambar 4.1 Form Halaman Index 29
Gambar 4.2 Form Login Admin 30
Gambar 4.3 Form Pencarian Pegawai 30
Gambar 4.4 Form Input Data Pegawai 31
Gambar 4.5 Flowchart Rancangan Aplikasi Web 33
Gambar 4.6 Data Flow Diagram (DFD) 37
Gambar 5.1 Xampp-win32-1.7.1-installer 42
Gambar 5.2 Pilihan Bahasa Instalasi Xampp 43
Gambar 5.3 Setup Wizard 43
Gambar 5.4 Lokasi Instalasi 43
Gambar 5.5 Xampp Option 44
Gambar 5.6 Setup Selesai 44
Gambar 5.7 Icon XAMPP 44
Gambar 5.8 Tampilan Menu Utama 45
Gambar 5.9 Tampilan Menu Visi dan Misi 46
Gambar 5.10 Tampilan Menu Struktur Organisasi 46
Gambar 5.11 Tampilan Menu Sejarah 47
Gambar 5.12 Tampilan Menu Galery 47
Gambar 5.13 Tampilan Menu Daftar Pegawai 48
Gambar 5.14 Tampilan Menu Daftar Gaji 48
Gambar 5.15 Tampilan Menu Pencarian Pegawai 49
Gambar 5.16 Tampilan Menu Admin 50
Gambar 5.17 Tampilan Menu Tambah Pegawai 50
Gambar 5.18 Tampilan Menu Edit Pegawai 51
Gambar 5.19 Tampilan Menu Ganti Admin 51
BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan teknologi dan ilmu pengetahuan saat ini sangat berkembang pesat sehingga memberikan kemudahan bagi semua kalangan. Misalnya membantu dalam pengolahan data dan pembuatan laporan yang menjadi bahan untuk membangun sebuah sistem informasi.
Kebutuhan investasi pembangunan dari Pemerintah Daerah yang bersangkutan yang tidak sedikit. Tetapi semua infrastruktur untuk informasi dan komunikasi diatas dapat dilaksanakan secara bertahap. Juga diperlukan Sumber Daya Manusia ( SDM ) yang benar-benar mempunyai skill atau kemampuan dalam bidang Teknologi Informasi dan Komunikasi. Dengan demikian, ke masa yang akan datang situs resmi pemerintah daerah dapat benar-benar secara professional menjadi pusat sarana informasi dan komunikasi daerah dari Pemerintah Daerah yang bersangkutan, agar
tidak tertinggal dengan kemajuan teknologi informasi dan komunikasi daerah-daerah lain di Indonesia. Serta menjadi pusat sarana interaksi dalam melaksanakan pembangunan di daerah antara Pemerintah Daerah dan masyarakat umum secara online melalui internet (Devry, 12 Mei 2007)
Website atau situs resmi Pemerintah Daerah tidak hanya terbatas sebagai sarana promosi atau memperkenalkan Pemerintah Daerah saja. Melainkan dapat terintegrasi secara luas untuk SIMPEG ( Sistem Informasi Kepegawaian ), SIMDA ( Sistem Informasi Daerah ), SIMBADA ( Sistem Informasi Barang Daerah ), SIMTAP ( Sistem Informasi Satu Atap ) dan Email ( Electronic Mail ) dalam suatu portal situs Pemerintah Daerah (Devry, 12 Mei 2007).
Untuk memenuhi segala kebutuhan terhadap informasi kepegawaian, maka diperlukan suatu aplikasi yang berbasis web. Dalam hal ini, penulis menggunakan bahasa pemrograman dengan bahasa pemrograman PHP dan MYSQL.
PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa berbentuk scrip yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembangkan ke browser pengguna. PHP dirancang untuk membentuk suatu web yang bersifat dinamis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna. Misalnya dapat
mengakses database dan menampilkannya di halaman web dengan cepat dan mudah.
PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan bagi semua user dan programmer untuk menggunakan dan mengembangkannya ( Peranginangi, Kasiman. 2006 ).
Semakin berkembangnya sistem informasi, diharapkan setiap pemerintah daerah dapat memanfaatkan situs resmi. Namun pada kenyataannya pemerintah derah sampai sekarang belum benar-benar dapat memanfaatkan sistem informasi yang dapat menjadi sarana informasi dan komunikasi.
Pada kantor camat Tanjung Morawa, pengolahan data kepegawaian masih menggunakan cara manual. Sehingga dalam pengolahan data tidak efisien. Kebutuhan terhadap suatu data yang disajikan membutuhkan ketepatan yang dapat memberikan informasi yang dibutuhkan.
Untuk mengatasi hal ini dibutuhkan kemampuan yang harus dimiliki oleh karyawan yang ada pada kantor camat Tanjung Morawa. Sehingga diharapkan adanya pelatihan dan pemahaman tambahan bagi karyawan agar dapat menggunakan dan memanfaatkan sistem informasi dengan baik.
Sistem informasi memiliki manfaat bagi pemerintah daerah khususnya pada kantor camat Tanjung Morawa. Diantaranya menyampaikan informasi kepada masyarakat mengenai kantor camat Tanjung Morawa serta memberikan kemudahan bagi karyawan dalam pengolahan data.
Sehubungan dengan ketertarikan terhadap permasalahan yang ada pada kantor camat Tanjung Morawa serta perkembangan teknologi yang semakin cepat. Sehingga dibutuhkan sistem informasi yang membantu dalam menyampaikan informasi dan pengolahan data kepegawaian pada kantor camat Tanjung Morawa. Atas dasar inilah sehingga mengangkat judul ” Sistem Informasi Kepegawaian pada Kantor Camat Tanjung Morawa dengan Menggunakan PHP dan MYSQL”.
1.2 Ruang Lingkup Permasalahan
Adapun ruang lingkup masalah dari tugas akhir ini adalah membahas pembuatan sistem informasi kepegawaian sebagai suatu website yang memberikan kemudahan dalam pengolahan data dan memberikan informasi mengenai kantor camat Tanjung Morawa.
Aplikasi web ini dibangun di bawah sistem operasi Windows XP mencakup aplikasi XAMPP yaitu Apache, PHP, MySQL dan phpMyAdmin. Selain itu, aplikasi
web ini juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language) dengan editor web yaitu Macromedia Dreamweaver 8 dan Adobe Photoshop Creative Suite 2 (CS2) sebagai aplikasi perancangan layout serta
penggabungan antara design dan programming.
1.3 Tujuan Penelitian
Penelitian ini bermaksud untuk mendapatkan data-data kepegawaian yang ada pada kantor camat Tanjung Morawa. Sehingga dapat diolah menjadi bentuk sistem informasi.
Adapun tujuan diadakannya penelitian ini adalah untuk membuat sistem informasi kepegawaian kantor camat Tanjung Morawa . Sehingga dalam pengolahan dan penyampaian informasi kantor camat Tajung Morawa lebih mudah.
1.4 Kontribusi Penelitian
Adapun kontribusi penelitian adalah untuk membantu karyawan yang ada di Kantor Camat Tanjung Morawa dalam pengolahan data pegawai dan penyampaian informasi kantor camat Tajung Morawa lebih mudah . Yang awalnya pengolahan data pegawai
dilakukan secara manual, kemudian diubah menjadi sistem informasi yang terkomputerisasi.
1.5 Kajian Pustaka
Sistem informasi adalah sekumpulan informasi yang saling terhubung membentuk komponen-komponen dimana setiap komponen akan memproses, menyimpan, mendistribusikan informasi dalam pengambilan keputusan dan pengawasan suatu organisasi. ( Laudon, K. C. dan Laudon, J. P. 2007)
PHP ( Hypertext Preprocessor ) merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server dan kemudian hasilnya ( berupa kode HTML ) dikembangkan ke browser pengguna. PHP dirancang untuk membentuk suatu web yang bersipat dimanis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna . Misalnya dapat mengakses database dan menampilkannya dihalaman web dengan cepat dan mudah.
PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan sifatnya yang open source ( bebas pakai ) memberikan kesempatan bagi semua user dan programmer untuk menggunakan dan mengembangkannya. ( Peranginangi, Kasiman. 2006 ).
MYSQL merupakan salah satu sistem database yang sangat handal karena menggunakan sistem SQL. Pada awalnya SQL berfungsi sebagai bahasa penghubung antara program database dengan bahasa pemrograman yang kita gunakan. Dengan adanya SQL maka para pemrograman jaringan dan aplikasi tidak mengalami kesulitan sama sekali didalam menghubungkan aplikasi yang mereka buat. Setelah itu SOL dikembangkan lagi menjadi sistem database dengan munculnya MYSQL. MYSQL merupakan database yang cepat, beberapa user dapat menggunakan secara bersamaan, dan lebih lengkap dari SQL. MYSQL merupakan sistem manajeman database, relasional sistem database dan software open source. ( Peranginangi, Kasiman. 2006 )
1.6 Metodologi Penelitian
Adapun Metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah:
1.Merancang form-form
Dalam perancangan form-form, terlebih dahulu mengumpulkan data-data kepegawaian kantor camat Tanjung Morawa dengan meminta data–data kepegawaian di kantor camat Tanjung Morawa.
2.Membuat program data kepegawaian
Pada pembuatan program data kepegawaian mengumpulkan buku–buku yang diperlukan, menjalankan program.
3.Implementasi. Pada tahap implementasi program yang telah selesai akan diuji, data yang diinginkan berhasil diproses atau tidak.
1.7 Sistematika Penulisan
Sistem penulisan tugas Akhir ini disajikan kedalam bentuk terstruktur dan sistematika sehingga mempermudah pembaca untuk memahami Tugas Akhir ini. Adapun Sistematika Penulisan Tugas Akhir ini adalah sebagai berikut:
BAB 1 : PENDAHULUAN
Merupakan pendahuluan yang menguraikan latar belakang masalah, ruang lingkup permasalahan, tujuan penelitian, kontribusi penelitian, kajian pustaka, metodologi penelitian, dan sistematika penulisan.
BAB 2 : LANDASAN TEORI
Merupakan dasar teori yang secara singkat menjelaskan tentang hal- hal yang berhubungan dengan judul seperti pengertian sistem informasi, pengenalan internet, pengertian WWW(World Wide Web), pengenalan HTML, bagian-bagian HTML, pengenalan PHP,
kelebihan PHP dari bahasa pemrograman lainnya, contoh pemrograman PHP, proses eksekusi kode PHP, variabel pada PHP, database MYSQL, perkembangan MySQL, perintah dasar MySQL, pengenalan Dreamweaver, area kerja Dreamweaver 8.
BAB 3 : SEJARAH KANTOR CAMAT TANJUNG MORAWA
Menjelaskan secara singkat profil Kantor Camat Tanjung Morawa.
BAB 4 : PERANCANGAN SISTEM
Dalam bab ini akan dijelaskan bagaimana struktur file dan struktur logika website yang dibangun. Analisis ruang lingkup web site, perancangan sistem yaitu output, input, File, flowchar, Data Flow Diagram (DFD), Database dan Algoritma.
BAB 5 : IMPLEMENTASI SISTEM
Pada bab ini berisikan uraian pengertian implementasi sistem, tujuan implementasi sistem, Instalasi Apache, PHP dan MySQL, dan tampilan halaman web.
BAB 6 : KESIMPULAN DAN SARAN
Memuat kesimpulan dan saran dari hasil penelitian yang di peroleh.
BAB 2
LANDASAN TEORI
2.1 Pengertian Sistem Informasi
Sistem adalah suatu kesatuan utuh yang terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu.
Informasi merupakan hasil dari pengolahan data menjadi bentuk ysng lebih berguna bagi yang menerimanya yang menggambarkan sesuatu kejadian – kejadian nyata dan dapat digunakan sebagai alat bantu untuk pengambilan suatu keputusan .
Sistem Informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri dari komponen–komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi. Sistem informasi didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi, mendukung operasi, bersifat manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan–laporan yang diperlukan.
Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai instruksi, dan mengeluarkan hasilnya. Model dasar sistem menghendaki agar masukan, pengolahan dan keluaran tiba pada saat bersamaan. Fungsi pengolahan informasi sering membutuhkan data yang telah dikumpulkan dan diolah dalam periode waktu sebelumnya, karena itu ditambahkan sebuah penyimpanan data file ( data file storage) ke dalam model sistem informasi. Dengan demikian kegiatan pengolahan tersedia baik bagi data baru maupun data yang telah dikumpulkan dan di simpan sebelumnya. ( Wahyono, Teguh 2004 )
2.2 Pengenalan Internet
Internet adalah jaringan adalah jaringan global yang terdiri dari ratusan bahkan ribuan komputer termaksud jaringan–jaringan lokal. Komputer–komputer ini terhubung menjadi satu melalui saluran telepon. ( Bustami, Ahmad 1999)
Internet terdiri dari berjuta–juta halaman, dan setiap halaman disebut dengan web. Sedangkan halaman yang pertama kali muncul ketika membuka browser disebut dengan Homepage. Tetapi web juga sering disebut dengan website atau homepage.
Web browser adalah suatu program atau perangkat lunak yang digunakan untuk
mengakses internet, contoh web browser adalah internet explorer (produk Microsoft Corporation), Netscape Communicator (produk Netscape) dan lain–lain.
2.2.1 Pengertian World Wide Web
World Wide Web adalah sekelompok dokumen multimedia yang saling terkoneksi menggunakan hypertext link. Dan dengan mengklik pada hot link, anda dapat berpindah dari suatu dokumen ke dokumen lainnya. ( Bustami, Ahmad 1999)
Ada dua hal penting yang harus diketahui bila belajar dengan WWW yaitu software web browser dan software web server . Dimana software web browser ini bertindak sebagi client yang memungkinkan anda untuk melihat dan mendapatkan informasi dari server web, sedangkan software web server bertindak sebagai server yang memberikan/menyedikan informasi yang diminta oleh browser. ( Bustami, Ahmad 1999)
2.3 Pengenalan HTML
HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script di mana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML
sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti: Windows, Linux, Macintosh. Kata “Markup Language“
pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML.
Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html”
(tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).
HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi 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 sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode
<form>, judul dengan <title> dan sebagainya. Untuk mengetahui lebih lanjut mengenai bagian-bagian HTML perhatikan skema di bawah ini:
<html>
<head>
<title> </title>
</head>
<body>
isi dari halaman web </body>
</html>
Keterangan:
1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan kode-kode pemrograman web seperti JavaScript, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
3. Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti: <font></font>, <table></table>, <form></form>
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS</tag-akhir>
Namun ada juga tag yang tidak perlu ada penutup seperti <br>, <hr>, <img>, dan lain-lain.
2.4 Pengenalan PHP
2.4.1 Sejarah PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.
Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam 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 nama rilis tersebut menjadi PHP 3.0.
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. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.
2.4.2 Kelebihan PHP dari bahasa pemrograman lain
PHP memiliki kelebihan dibandingkan dengan bahasa pemograman lainnya, diantaranya adalah:
1. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung php dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.
PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.
2.4.3 Contoh Pemrograman dengan Menggunakan PHP
Untuk menjalankan program PHP ini, komputer harus telah memiliki sebuah sistem yang telah terinstalasi dan terkonfigurasi dengan baik Apache Web Server, PHP, dan database MySQL. Ketiganya adalah program open source yang tersedia secara gratis di internet dan dapat berjalan di berbagai platform (Windows maupun UNIX/Linux).
Program untuk menampilkan tulisan Hello World yang dibuat dengan menggunakan PHP adalah sebagai berikut:
<?php
echo “<b>Hello World</b>”;
?>
Kode program tersebut dituliskan pada sebuah text editor serta disimpan dengan ekstensi .php (contoh: hello.php) pada direkori C:\xampp\htdocs\, kemudian hasilnya dapat dilihat melalui web browser seperti Internet Explorer, arahkan alamat pada file hello.php yang telah kita buat, misalkan alamatnya adalah http://localhost/Hello.php
Gambar 2.1 Hasil Program dengan Menggunakan PHP
2.4.4 Proses Eksekusi Kode PHP
Proses eksekusi kode PHP yang disisipkan pada halaman HTML.
Dokumen*.php PHP Engine
Client Web Server Dokumen format Web Server *.html, *.jpg, *.gif *.png, *.pdf, *.swf
Gambar 2.2 Proses Eksekusi Kode PHP
Berikut ini adalah cara menyisipkan kode PHP pada halaman HTML biasa:
<html>
<head><title></title>
</head>
PHP
<body>
<script language="php">
. . . . kode PHP . . . .
</script>
</body>
</html>
Cara yang lebih singkat adalah:
<?php
kode PHP
Atau bisa juga:
?>
<?
kode PHP
?>
Untuk membuat atau menambahkan komentar, standar penulisan adalah:
/*komentar*/ atau //komentar atau #komentar
2.4.5 Variabel pada PHP
Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai numeris maupun non numeris, agar dapat digunakan pada bagian lain dari script program PHP.
PHP mendukung berbagai jenis variabel yaitu:
a. Integer (bilangan bulat)
b. Bilangan floating point (presisi tunggal, ganda) c. Boolean
d. Null (untuk variabel yang belum diset) e. String
f. Array g. Object h. Resource
Jika menggunakan bahasa pemrograman C atau Pascal, maka kita harus mendefinisikan variabel tiap elemen, namun pada PHP kita tidak perlu mendefinisikan terlebih dahulu jenis variabel sebelum menggunakannya. PHP memiliki kepandaian untuk membedakan jenis variabel secara otomatis berdasarkan konteks yang sedang berlaku bagi variabel tersebut.
Setiap variabel dalam PHP selalu dimulai dengan tanda dolar ("$") dan harus dimulai dengan huruf dan dapat diikuti oleh huruf dan angka. Dengan demikian,
$warpspeed, $impuls_speed, $LCAR dan $Dilithium1 adalah contoh penamaan variabel PHP yang valid.
Setiap variabel dalam PHP peka terhadap perbedaan huruf kapital dan non kapital, sehingga $subspace, $SubSpace, dan $SUBSPACE adalah tiga buah variabel yang berbeda.
2.5 Database MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (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 di bawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan penggunaan GPL.
Tidak sama dengan proyek-proyek seperti Apache, di mana 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, di mana memegang hak cipta hampir atas semua kode sumbernya.
2.5.1 Perkembangan MySQL
MySQL merupakan hasil buah pikiran dari Michael “Monty” Widenius, David Axmark, dan Allan Larsson yang dimulai pada tahun 1995. Mereka kemudian mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya program ini adalah untuk mengembangkan aplikasi web yang akan digunakan oleh salah satu klien MySQL AB.
MySQL versi 1.0 dirilis pada Mei 1996 dan penggunaannya hanya terbatas di kalangan intern saja. Pada bulan Oktober 1996, MySQL versi 3.11.0 dirilis ke masyarakat luas di bawah lisensi “Terbuka Tapi Terbatas”.
Barulah pada bulan Juni 2000, MySQL AB mengumumkan bahwa mulai MySQL versi 3.23.19 diterapkan sebagai GPL (General Public License). Dengan lisensi ini, maka “Siapa pun boleh melihat program aslinya dan menggunakan program eksekusinya dengan cuma-cuma. Dan bila ingin memodifikasi pada program aslinya, maka program modifikasi tersebut harus dilepas di bawah lisensi GPL juga”.
Hingga kini MySQL terus berkembang dengan berbagai penyempurnaan sehingga dirilis MySQL versi 5.0.21 pada bulan Mei 2006, yang semula untuk melakukan administrasi dalam basis data MySQL, dengan menggunakan modul yang berupa Command Prompt (perintah: mysql dan mysqladmin
GUI
). Saat ini dapat dirancang sebuah database melalui modul berbasis grafik (Graphical User Interface).
2.5.2 Perintah Dasar MySQL
Dalam menjalan MySQL diperlukan berbagai perintah untuk membuat suatu database, berikut ini disebutkan beberapa perintah dasar dalam menggunakan MySQL. Untuk menjalankan MySQL pertama kali cukup dengan mengetikkan mysql pada Command Prompt. Perintah-perintahnya adalah sebagai berikut :
1. Menampilkan database: SHOW DATABASE;
2. Membuat database baru: CREATE DATABASE database;
3. Memilih database yang akan digunakan: USE database;
4. Menampilkan tabel: SHOW TABLE;
5. Membuat tabel baru: CREATE TABLE tabel (field spesifikasi_field,...);
6. Menampilkan struktur tabel: SHOW COLUMNS FROM tabel; atau DESCRIBE tabel;
7. Mengubah struktur tabel: ALTER TABLE tabel Jenis_Pengubahan;
8. Mengisikan data: INSERT INTO tabel (kolom1,...) VALUES (data_kolom1,..) atau INSERT INTO tabel SET kolom1 = data_kolom1,...;
9. Menampilkan data: SELECT kolom FROM tabel WHERE kriteria ORDER BY kolom; atau SELECT * FROM tabel ;
10. Mengubah data: UPDATE tabel SET kolom = pengubahan_data WHERE kriteria;
11. Menampilkan data dengan kriteria tertentu: SELECT kolom1,... FROM tabel WHERE kriteria;
12. Menghapus data: DELETE FROM tabel WHERE kriteria;
13. Menghapus tabel: DROP tabel;
14. Menghapus database: DROP database;
15. Keluar dari MySQL: QUIT atau EXIT;
2.6 Pengenalan Dreamweaver 8
Macromedia Dreamweaver 8 adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengolah situs web maupun halaman Web. Versi terbaru di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari veri sebelumnya dan semakin mudah dalam penggunaannya.
Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal, yaitu JavaScript. Macromedia Dreamweaver 8 juga mendukung pemrograman Script Server Side, seperti Personal Home Page (PHP), Active Server Pages (ASP), ASP.NET.ColdFusion dan Java Server Page (JSP).
Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang kerja desainer.
Gambar 2.3 Tampilan Area Kerja Dreamweaver
2.6.1 Area Kerja pada Dreamweaver 8
Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah:
1. Document Window berfungsi untuk menampilkan dokumen di mana Anda sekarang bekerja.
2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.
3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image/gambar, tabel, dan lain-lain.
4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan.
5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan di bawah satu judul untuk membantu bekerja dengan Dreamweaver.
6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.
7. Properti Inspector digunakan untuk melihat dan mengubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.
2.6.2 Menu Bar Area Kerja
Di dalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver 8 terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :
1. Menu File, Menu File terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain.
2. Menu Edit, Menu Edit terdiri dari perintah untuk mencopy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain-lain.
3. Menu View, Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.
4. Menu Insert, Berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.
5. Menu Modify, Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.
6. Menu Text, Berfungsi untuk mempermudah dalam melakukan format teks.
7. Menu Commands, Berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.
8. Menu Site, Berisi item untuk mengelola situs seperti mendefinisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefinisikan.
9. Menu Window, Menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver.
10. Menu Help, Menyediakan fasilitas membantu kita dalam menggunakan Dreamweaver.
BAB 3
GAMBARAN UMUM KANTOR CAMAT TANJUNG MORAWA
3.1 Sejarah Singkat Berdirinya Kecamatan Tanjung Morawa
Sejarah pembentukan dan perkembangan wilayah kecamatan Tanjung Morawa, sebelum kemerdekaan RI. Kecamatan Tanjung Morawa terdiri dari bebagai kedaton yang langsung tunduk pada kesultanan Serdang berpusat di simpang tiga Perbaungan ( kec. Perbaungan ) sekarang.
Dalam hal ini asal usul nama Tanjung Morawa menurut beberapa versi antara lain : berasal dari kata Belanda, yaitu Tanjung Moravia dimana mengingatkan penjajah Belanda pada leluhurnya di Eropa dalam versi lain, Tanjung Morawa berasal dari bahasa Karo yaitu Tanjung Merawa. Arti merawa yaitu marah, perlawanan, patriotik, pejuang-pejuang bangsa. Karena di mana revolusi fisik melawan penjajah Belanda. Tanjung Morawa merupakan daerah pejuang Medan Area Selatan.
Setelah kemerdekaan RI maka wilayah kecamatan Tanjung Morawa terbentuk sebanyak 23 desa. Dan selanjutnya sekitar tahun 1979 salah satu desa yang ada di kecamatan Tanjung Morawa. di tunjuk sebagai kelurahan dan di tetapkan ibu kota kecamatan yaitu Tanjung Morawa pekan.
3.2 Visi dan Misi
Kecamatan Tanjung Morawa memiliki beberapa visi dan misi yang diambil dari kabupaten Deli Serdang. Adapun visinya yaitu Deli Serdang yang maju dan mandiri dan masyarakat yang religius, sejahtera, bersatu dalam bineka tunggalika melalui perataan pembangunan, pemanfaatan sumberdaya yang adil, dan penegakan hukum yang di potong oleh tata pemerintahan yang baik.
Sedangkan misinya yaitu:
1. Misi mewujudkan Deli Serdang yang maju dan mandiri adalah mendorong pembangunan yang menjamin perataan yang seluas- luasnya di dukung oleh sumber daya manusia yang berkualitas, insfrastuktur. Yang maju penerapan ilmu pengetahuan dan teknologi, pembangunan yang berwawasan lingkungan serta di dukung oleh kondisi keamanan yang kundusif.
2. Misi mewujudkan masyarakat Deli Serdang yang religius adalah mendorong pembangunan akhlak mulia generasi muda, saling menghormati, rukun dan damai tidak deskriminasi mengabdi kepada kepentingan masyarakat luas dan menghormati hak azasi manusia.
3. Misi mewujudkan masyarakat kabupaten Deli Serdang yang sejahtera dan bersatu dalam kebinekaan adalah mendorong pembangunan yang merata, pemanfaatan sumberdaya yang adil guna mampu mewujudkan sejahtera masyarakat, rasa aman, dan damai. Mampu menampung aspirasi masyarakat yang dinamis, menegakkan persatuan dan kesatuan dalam kebinekaan yang di topang oleh tata pemerintahan yang baik.
4. Misi menegakkan hukum dan mewujudkan tata pemerintahan yang baik adalah mendorong terciptanya supermasi hukum dan masyarakat yang taat hukum menghilangkan praktek diskriminasi pemerintahan yang akuntable, transparan, profesional dan mampu menjalankan fungsinya sebagai fasilitator bagi semua stake holdernya.
3.3 Struktur Organisasi
Gambar 3.1 Struktur Organisasi Kantor Camat Tanjung Morawa
BAB 4
ANALISIS DAN PERANCANGAN SISTEM
4.1 Analisis Ruang Lingkup Website
Untuk membangun suatu website mengenai sistem informasi kepegawaian pada kantor camat Tanjung Morawa, penulis terlebih dahulu merancang alur kerja. Dalam perancangana website ini lebih ditujukan mengenai informasi kantor camat dan kemudahan dalam penambahan, pencarian jumlah karyawan.
Aplikasi berbasis web ini dibuat atas dasar kebutuhan kantor camat.
Berdasarkan pengamatan penulis mengenai analisis sistem yang berjalan mengenai kepegawaian yang masih meggunakan proses secara manual, oleh karena itu penulis mencoba merancang sebuah sistem informasi kepegawaian untuk memberikan informasi yang komputerisasi dan dapat mempercepat pekerjaan dalam penambahan, pencarian jumlah pegawai.
4.2 Perancangan Sistem
Perancangan sistem merupakan upaya untuk memperbaiki sistem lama ke sistem baru yang lebih baik. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
Langkah yang akan penulis ambil adalah membuat garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat perancangan Output, Input, File, flowchar, Data Flow Diagram (DFD), Database dan Algoritma.
4.2.1 Perancangan Keluaran ( Output )
1. Admin
Halaman admin aplikasi bertanggungjawab atas data-data yang di informasikan pada halaman tersebut. Data-data yang ditampilkan pada aplikasi diambil langsung dari database.
a. Halaman Index
Merupakan halaman yang pertama kali diakses saat aplikasi dibuka. Halaman index ini berisi form login untuk admin.
HEADER Pencarian Pegawai
Menu link login User user
password
Menu Pegawai
...
...
Gambar 4.1 Form Halaman Index
b. Halaman Login Admin
Admin dapat masuk ke halaman ini jika user dan password yang dimasukkan sesuai dengan data yang ada pada database.
HEADER Pencarian Pegawai
Menu link Logout
Isi dari link
Gambar 4.2 Form Login Admin
2. User
a. Halaman Pencarian Pegawai
Halaman pencarian pegawai digunakan untuk mencari daftar pegawai yang ada.
HEADER
Pencarian Pegawai Daftar Pegawai
Gambar 4.3 Form Pencarian Daftar Pegawai
4.2.2. Perancangan Masukan (Input)
Halaman input data ini digunakan untuk memasukkan data pegawai
HEADER
Menu link
NIP Nama jabatan pangkat TTL agama alamat Jns_kelamin
status Jlh_anak
No_telp Pend_terakhir
bdg_studi
Gambar 4.4 Form Input Data Pegawai
4.2.3. Perancangan File
Dalam Perancanga website, penulis mempersiapkan file-file yang digunakan dalam menunjang tampilan website. Adapun jenis filenya adalah :
a. File Gambar Utama
File ini merupakan file gambar yang merupakan materi utama digunakan dalam pembangunan sebuah website sebagai interface terhadap user pada halaman utama website. File-file tersebut akan diatur dalam file gambar yang erekstensi .jpg, .gif, yang dihasilkan dalam Adobe Photoshop Creative Suite 2 (CS2) ataupun editor pengolah gambar lainnya.
b. File Halaman Website
File halaman website secara keseluruhan berekstensi .php. Hal ini dikarenakan seluruh file halaman website menggunakan bahasa pemrograman PHP dan berkomunikasi dengan MySQL sebagai tempat penyimpanan datanya atau sebagai database-nya..
4.2.4. Flowchart
Flowchart merupakan gambaran yang menampilakan struktur, hirarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya flowchart, akan sangant membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk
navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart dalam membangun situs ini dapat dilihat pada gambar di bawah ini
Index/
halaman depan
Login
Hala man utam a
Visi dan Misi
Priorit as pemba
nguna n
Strukr ut organi
sasi
sejara h
galery Daftar
gaji Daftar
pegaw ai Menu utama
profil kantor camat
Menu Pegawai
Detail pegaw ai
Detail pegaw ai A
Gambar 4.5 Flowchart rancangan aplikasi web
4.2.5. Perancangan Database
Dalam perancangan aplikasi kepegawaian kantor camat Tanjung Morawa, penulis membuat 5 tabel dalam database kantor camat. Tabel-tabel tersebut adalah tabel admin, tabel gaji, tabel galery, tabel pegawai, dan tabel potongan. Pembuatan database
Home admin
A
Menu utama Logout
Finis Halam
an utama
Daftar pegaw
ai
Tamb ah pegaw
ai
Edit pegaw
ai
Ganti admin
Detai pegawai
dan tabel-tabel mempergunakan fasilitas MySQL atau phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-masing tabel.
a. Tabel User (admin)
Tabel user (admin) digunakan untuk menampung data pegawai baik itu pegawai baru atau pegawai lama. Berikut adalah field-field yang dibuat dalam tabel admin :
Tabel 4.1 Tabel User(admin)
Field Type Keterangan
User MD— Nama Admin
Password MD— Password Admin
b. Tabel Gaji
Tabel gaji digunakan untuk menampung data gaji pegawai. Berikut adalah field- field yang dibuat dalam tabel gaji :
Tabel 4.2 Tabel Gaji
Field Type Keterangan
Nama Varchar(50) nama karyawan
stat_kwin_jlh_ank Varchar(15) stat_kwin_jlh_ank karyawan gaji_pokok Varchar(15) gaji_pokok karyawan
tnj_istri_suami Varchar(15) tnj_istri_suami karyawan tnj_anak Varchar(15) tnj_anak karyawan
tnj_umum Varchar(15) tnj_umum karyawan Tnj_struk Varchar(15) tnj_struk karyawan Tnj_beras Varchar(15) tnj_beras karyawan
Pph Varchar(15) Pph
Askes Varchar(15) askes karyawan
jlh_bruto Varchar(15) jlh_bruto
c. Tabel Galery
Tabel galery digunakan untuk menampung foto-foto pegawai. Berikut adalah field-field yang dibuat dalam tabel galery :
Tabel 4.3 Tabel Galery
Field Type Keterangan
Gambar Varchar(30) Gambar karyawan
Title Varchar(30) Keterangan gambar karyawan
d. Tabel Pegawai
Tabel pegawai digunakan untuk menampung data pegawai kantor camat Tanjung Morawa. Berikut adalah field-field yang dibuat dalam tabel pegawai :
Tabel 4.4 Tabel Pegawai
Field Type Keterangan
Nip Varchar(20) Nip karyawan
Nama Varchar(50) Nama karyawan
Jabatan Varchar(30) Jabatan karyawan Pangkat Varchar(20) Pangkat karyawan
Ttl Varchar(50) Tempat tanggal lahir karyawan
Agama Varchar(15) Agama karyawan
Alamat Varchar(80) Alamat karyawan Jns_kelamin Varchar(15) Jenis kelamin karyawan Status Varchar(10) Status karyawan
Jlh_anak Varchar(10) Jlh_anak karyawan No_telp Varchar(15) No_telp karyawan Pend_terakhir Varchar(20) Pend_terakhir karyawan Bdg_studi Varchar(30) Bdg_studi karyawan
e. Tabel Potongan
Tabel potongan digunakan untuk menampung jumlah gaji yang akan dipotong.
Berikut adalah field-field yang dibuat dalam tabel potongan :
Tabel 4.5 Tabel Potongan
Field Type Keterangan
Id Int(11) Id karyawan
Iuran_wajib_pegawai Varchar(15) iuran_wajib_pegawai
Pajak_penghasilan Varchar(15) Pajak_penghasilan karyawan Sewa rumah_lain-lain Varchar(15) Sewa rumah_lain-lain
Askes Varchar(15) Askes karyawan
Jlh_potongan Varchar(15) Jlh_potongan gaji karyawan
4.2.6. Perancangan Data Flow Diagram (DFD)
Didalam penyusunan Tugas Akhir ini, penulis melakukan perancangan awal sistem dengan menggunakan Data Flow Diagram (DFD) sesuai dengan data kepegawaian kantor camat Tanjung Morawa. Data Flow Diagram (DFD) merupakan suatu bagian yang menggambarkan urutan kerja/proses secara garis besar. Dengan diagram aliran data dapat dipahami bagaimana sistem tersebut berjalan. Adapun rancangan DFD pada sistem ini adalah sebagai berikut:
- informasi kantor camat - data pegawai -data pegawai
- informasi data pegawai penginputan data pegawai
Gambar 4.6 Data Flow Diagram (DFD)
Admin User
Web Site
Ganti admin
Pegawai
4.2.7 Algoritma
Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logoka atau matematika. Adapun algoritma yang akan dibahas antara lain yaitu:
Algoritma Homepage
Berfungsi menampilkan tampilan utama website kantor camat Tanjung Morawa, dengan menu pilihan antara lain: Pencariana Pegawai, Profil, Login User, Pegawai, Tambah Pegawai, Edit Pegawai, Ganti Admin, Administrator.
1. Algoritma Pencariana Pegawai
Langkah 1 : Jika klik nama atau nip pegawai maka ketikkan nama atau nip pegawai.
Langkah 2 : Jika selesai di ketik nama pegawai yang diinginkan maka klik tombol cari akan muncul detail pegawai yang diinginkan.
2. Algoritma Profil
Langkah 1 : Jika klik sub menu halaman utama maka akan tampil keteranga mengenai kantor camat.
Langkah 2 : Jika klik sub menu visi dan misi maka akan tampil halaman visi dan misi.
Langkah 3: Jika klik sub menu prioritas pembangunan maka akan tampil halaman prioritas pembangunan.
Langkah 4 : Jika klik sub menu struktur organisasi maka akan tampil gambar struktur organisasi kantor camat Tanjung Morawa.
Langkah 5 : Jika klik sub menu sejarah maka akan tampil sekilas mengenai sejarah kantor camat Tanjung Morawa.
Langkah 6 : Jika klik sub menu galery maka akan tampil gambar kantor camat.
3. Algoritma Login User
Langkah 1 : Jika user dan password yang dimasukkan sesuai dengan data yang ada pada database, klik tombol login maka akan masuk ke halaman admin.
Langkah 2 : Jika user dan password yang dimasukkan tidak sesuai dengan data yang ada pada database, klik tombol login maka tidak akan masuk ke halaman admin.
4. Algoritma Pegawai
Langkah 1 : Jika klik menu daftar pegawai maka akan tampil halaman daftar pegawai.
Dan jika klik detail maka akan tampil halaman pegawai secara detail.
Langkah 2 : Jika klik menu daftar gaji maka akan tampil halaman daftar gaji pegawai.
5. Algoritma Tambah Pegawai
Langkah 1 : Jika klik sub menu tambah pegawai maka akan tampil halaman tambah pegawai.
Langkah 2 : Jika klik sub menu submit maka data yang baru di ketik akan disimpan.
Dan jika klik sub menu reset maka data akan di hapus.
6. Algoritma Edit Pegawai
Langkah 1 : Jika klik sub menu edit pegawai maka akan tampil halaman edit pegawai.
Langkah 2 : Jika klik sub menu edit pegawai maka user dapat mengedit data pegawai.
Jika klik sub menu drop maka data yang ada akan terhapus.
7. Agoritma Ganti Admin
Langkah 1 : Jika klik sub menu ganti admin maka akan tampil halaman ganti admin.
User dapat mengetikkan user name dan password untuk menggantikan user name dan password yang baru.
Langkah 2 : Klik submit maka user name dan password yang baru akan di simpan secara otomatis akan berubah.
8. Agoritma Administrator
Langkah 1 : Jika user admin telah selesai maka klik sub menu logout Langkah 2 : Maka akan tampil halaman utama.
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstall, menguji dan memulai sistem baru atau sistem yang diperbaiki.
Agar sistem perancangan yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu kiranya dilakukan pengujian terhadap sistem yang telah kita kerjakan. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (Hardware), perangkat lunak (Software), dan perangkat manusia (Brainware). Pada website sistem informasi kepegawaian ini dibutuhkan komponen-komponen yang mencakup seperti yang diatas :
1. Perangkat Keras (Hardware) a. Monitor Super VGA
b. CPU (Central Processing Unit)
c. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan d. Memori minimal 128 MB
e. Keyboard dan mouse
2. Perangkat Lunak (Software)
a. Sistem OperasiWindows XP.
b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL.
c. Macromedia Dreamweaver 8 sebagai editor pendesainannya.
d. PHP sebagai bahasa pemrograman server side.
e. Web Server sebagai server lokal dalam pengetesan halaman web.
f. Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla.
3. Perangkat Manusia (Brainware)
Yang dapat menjalankan website ini hanyalah Admin saja.
5.2 Tujuan Implementasi Sistem
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai dapat mengoperasikan sistem baru
3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
5.3 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.
Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache, http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap
instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.
Alternatif lain yang digunakan penulis adalah dengan menginstalasi XAMPP.
Perangkat lunak XAMPP dengan versi 1.7.1 ini dapat diperoleh dari situs http://www.sourceforge.net.
5.3.1 Instalasi Xampp 1.7.1
Xampp memberikan paket-paket yang cukup lengkap diantaranya:
1. Apache HTTPD 2.2.11 2. MySQL 5.1.33
3. PHP 5.2.9
4. phpMyAdmin 3.1.3.1
Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit.
Adapun tahap-tahap instalasinya adalah sebagai berikut:
1. Klik ganda pada file xampp-win32-1.7.1-installer.
Gambar 5.1 Xampp-win32-1.7.1-installer
2. Pilih bahasa yang digunakan dalam proses instalasi. Pada tahap instalasi ini juga mendukung bahasa Indonesia.
Gambar 5.2 Pilihan Bahasa Instalasi Xampp
3. Maka akan muncul setup wizard. Kemudia klik next.
Gambar 5.3 Setup Wizard
4. Untuk lokasi instalasi, penulis menyarankan pilih secara default.
Gambar 5.4 Lokasi Instalasi 5. Maka akan muncul Xampp option. Kemudian klik install.
Gambar 5.5 Xampp Option
6. Tunggu proses instalasi selesai. Jika selesai akan tampil gambar di bawah ini.
Gambar 5.6 Setup selesai
5.3.2 Menjalankan Xampp 1.7.1
Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Xampp. Untuk itu, klik icon xampp yang berada disudut kiri bawah.
Gambar 5.7 Icon XAMPP
Kemudian klik tombol start pada Apache dan mysql. Jika sudah jalan, maka xampp sudah aktif dan proses selanjutnya bisa dilakukan.
5.4. Tampilan Halaman Program
5.4.1 Tampilan Menu Utama
Gambar 5.8 Tampilan Menu Utama
Pada tampilan menu utama, diuraikan mengenai kantor camat dan fungsi utama kantor camat adalah sebagai pengawas kelurahan, sedangkan fungsi lainnya adalah
membantu melayani masyarakat dalam mengurus arsip-arsip penting seperti surat kepemilikan tanah, kartu tanda penduduk, dan lain-lain
5.4.2 Tampilan Menu Visi dan Misi
Gambar 5.9 Tampilan Menu Visi dan Misi
Pada tampilan visi dan misi, dijelaskan mengenai visi dan misi yang ada pada kantor camat Tanjung Morawa.
5.4.3 Tampilan Menu Struktur Organisasi
Gambar 5.10 Tampilan Menu Prioritas
5.4.4 Tampilan Menu Sejarah
Pada tampilan menu sejarah diterangkan mengenai sekilas sejarah terbentuknya kantor camat Tanjung Morawa. Mulai dari sebelum kemerdekan sampai setelah kemerdekaan republik Indonesia.
5.4.5 Tampilan Menu Galery
Gambar 5.12 Tampilan Menu Galery
5.4.6 Tampilan Menu Daftar Pegawai
Gambar 5.13 Tampilan Menu Daftar pegawai
Pada tampilan menu daftar pegawai, diterangkan mengenai daftar biodata pegawai yang ada pada kantor camat Tanjung Morawa. Jika ingain melihat rincian salah satu data pegawai, user dapat mengklik detail yang ada di sebelahnya, maka akan tampil rincian mengenai biodata data pegawai yang di inginkan. Setelah itu klik kembali maka akan kembali pada daftar pegawai.
5.4.7 Tampilan Menu Daftar Gaji
Gambar 5.14 Tampilan Menu Daftar gaji
Pada tampilan menu daftar gaji, diterangkan mengenai daftar gaji pegawai. Jika ingin melihat detail maka klik detail akan muncul lebih jelas mengenai gaji pegawai.
5.4.8 Tampilan Menu Pencarian Pegawai
Gambar 5.15 Tampilan Menu Hasil Pencarian pegawai
Pada menu pencarian, user dapat mengetikkan nama atau nim pegawai yang ada pada kantor camat Tanjung Morawa. Dan apabila data yang anda masukkan bukan data pegawai yang ada pada kantor camat Tanjung Morawa maka user akan diberikan rincian gaji pegawai
5.4.9 Tampilan Menu Admin
Gambar 5.16 Tampilan Menu Admin
Menu admin hannya dapat dilihat oleh user admin, pengguna biasa tidak akan dapat musuk ke dalam menu admin. Untuk masuk ke dalam menu admin password yang digunakan sebannyak lima karakter.
5.4.10 Tampilan Tambah Pegawai
Gambar 5.17 Tampilan Menu Tambah Pegawai
Pada tampilan tambah pegawai, user admin dapat menambahkan data pegawai dengan mengetikkan datanya kemudian klik submit maka data akan bertambah.
5.4.11 Tampilan Menu Edit Pegawai
Gambar 5.18 Tampilan Menu edit pegawai
Pada tampilan menu edit pegawai, user admin dapat mengubah data pegawai dan menghapus data pegawai
5.4.12 Tampilan Menu Ganti Admin
Gambar 5.19 Tampilan Menu Ganti Admin
Pada tampilan menu admin, user admin dapat mengubah password yang di inginkan.
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam membangunan aplikasi berbasis web pada kantor camat Tanjung Morawa.
Maka dapat penulis simpulkan :
1. Dengan adanya Sistem Informasi Kepegawaian berbasis web ini, akan lebih mempercepat dalam pencarian data pegawai.
2. Sistem Informasi kepegawaian ini memudahkan dalam melakukan tambah, edit, hapus, khususnya pada peng-updatean data pegawai.
3. Karena aplikasi berbasis web dan dijalankan melalui internet, penyampaian informasi dapat lebih luas tersebar di berbagai wilayah dan lebih mudah untuk mengaksesnya.
6.2 Saran
Dengan selesainya website Sistem Informasi Kepegawaian pada kantor camat Tanjung Morawa ini, penulis memiliki beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut :
1. Untuk melengkapi website administrator, dapat ditambah rekap data-data pegawai seluruhnya yang ada di kantor camat Tanjung Morawa agar jika terjadi masalah, maka backup datanya telah ada.
2. Pemeliharaan keamanan terhadap data pada server sangat perlu diawasi dan dijaga dengan baik agar tidak bisa diakses oleh orang yang tidak berkepentingan.
3. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software yang banyak memakan sumber daya komputer seperti memori dan kapasitas hardisk.
DAFTAR PUSTAKA
Bustami, Ahmad 1999. Cara Mudah Belajar Internet, Home Site, dan HTML. Jakarta:
Dinastindo.
http://www.depdiknas.co.id. Diakses tanggal 20 November, 2009.
Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP.
Yogyakarta: Andi.
Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta:
Andi
Sugiri dan Saputro, Haris. 2008. Pengolahan Database MySQL dengan PHPMyAdmin. Edisi ke-1. Yogyakarta: Graha Ilmu.
Sutarman, 2007. Membangun Aplikasi Web dengan PHP dan MySQL . Edisi ke- 2.Yogyakarta: Graha Ilmu.
Syafi’i, M. 2008. PHP Secreat for Webmaster. Yogyakarta: Andi.
Tutorial 5 Hari. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver 8. Edisi ke-1. Yogyakarta: Andi, Semarang: Wahana Komputer.
Wahyono, Teguh 2004. Sistem Informasi (Konsep Dasar, Analisis Desain dan Implementasi), Edisi ke-1. Yogyakarta: Graha Ilmu.
Wibowo, Angga. 2007. 16 Aplikasi Gratis untuk Pengembangan Situs Web.
Yogyakarta: Andi.
A L M P
R I
N A
LISTING PROGRAM
1. Koneksi.php
<?
$server = "localhost";
$username = "root";
$password = "";
$db = "kantor_camat";
$koneksi=mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($db);
?>
2. Cek Login
<?php
include ("koneksi.php");
$username=$_POST['username'];
$password=$_POST['password'];
$query = mysql_query("select * from admin");
$row = mysql_fetch_array($query);
session_start();
session_register("username");
session_register("password");
if($row["user"]==$username and
$row["password"]==$password) {
if(date("H")==0){$h=24-1;}
else{$h= date("H")-1;}
$jam= date("$h:i:s");
mysql_query("update admin set login='$jam'");
$_SESSION['login']=1;
header("location:admin.php?module=home");
} else {
header("location:index.php?module=error");
}
?>
3. Halaman Admin
<?
session_start();
if(!isset($_SESSION['login'])){
header("location:index.php");
}else{
?>
<html><head>
<title>Sistem Informasi</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<style type="text/css">
/* Links */
a {
font-size: 11px
font-family: Verdana, Arial, Helvetica, sans-serif;
color:blue;
text-decoration: none; } a:hover {
color:silver;
text-decoration: none; } a:active {
text-decoration:underline;
color: #000066; } a:visite {
text-decoration:underline;
color: #000000; } body,td,th {
font-family: Tahoma;
font-size: 11px;
color: #6F6F6F;
line-height: 13px;
}
.txt1 {
font-family: Tahoma;
font-size: 11px;
color: #6F6F6F;
}
.edit {
font-family: Tahoma;
font-size: 9px;
color: #666666;
}
.txt2 {
font-family: Tahoma;
font-size: 11px;
color: #BC0000;
}
.txt3 {
font-family: Tahoma;
font-size: 11px;
color: #2C788D;
}
.txt4 {
font-family: Tahoma;
font-size: 11px;
color: #45678D;
}</style>
