SISTEM INFORMASI DATA GAJI PEGAWAI NEGERI SIPIL PADA KANTOR KECAMATAN SINUNUKAN KABUPATEN MADINA
TUGAS AKHIR
MILA SUSANTI 082406213
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2011
SISTEM INFORMASI DATA GAJI PEGAWAI NEGERI SIPIL PADA KANTOR KECAMATAN SINUNUKAN KABUPATEN MADINA
TUGAS AKHIR
Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program Studi D3 Ilmu Komputer
MILA SUSANTI 082406213
PROGRAM STUDI D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
MEDAN 2011
PERSETUJUAN
Judul : SISTEM INFORMASI DATA GAJI PEGAWAI
NEGERI SIPIL PADA KANTOR KECAMATAN SINUNUKAN KABUPATEN MADINA.
Kategori : TUGAS AKHIR
Nama : MILA SUSANTI
Nomor Induk Mahasiswa : 082406213
Program Studi : D3 TEKNIK INFORMATIKA
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juni 2011
Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
Prof. Dr. Tulus, M. Si Drs. Sawaluddin, M. IT NIP. 19620901198803 1 002 NIP. 19591231 199802 1 001
PERNYATAAN
SISTEM INFORMASI DATA GAJI PEGAWAI NEGERI SIPIL PADA KANTOR KECAMATAN SINUNUKAN KABUPATEN MADINA
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Mei 2011
MILA SUSANTI 082406213
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Teknk Informatika pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah “SISTEM INFORMASI DATA GAJI PEGAWAI NEGERI SIPIL PADA KANTOR KECAMATAN SINUNUKAN KABUPATEN MADINA”.
Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terimakasih kepada :
1. Bapak Dr. Sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Prof. Dr. Tulus, M.Si selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Drs. Sawaluddin, M. IT selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.
4. Ibu Syamsi, S.Sos selaku Camat Kecamatan Sinunukan Kabupaten Madina telah mengizinkan penulis melakukan penelitian dan membantu penulis selama penelitian.
5. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3 Teknik Informatika yang telah benyak memberikan ilmu selama perkuliahan.
6. Ayahanda Suwardi dan Ibunda Marilah atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materil yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang.
7. Seluruh rekan mahasiswa Jurusan D3 Teknik Informatika khususnya Kom D 2008 dan teman-teman yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya.
Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya.
Medan, Mei 2011
Mila Susanti
ABSTRAK
Tulisan ini bertujuan untuk membangun sebuah aplikasi website yang dinamis. Sistem perancangan dalam membangun sistem informasi data gaji pegawai negeri sipil pada kantor kecamatan sinunukan kabupaten madina dengan menggunakan software yakni apache2triad-installer dan menggunakan bantuan macromedia dreamweaver 8 untuk penulisan script program, dan adobe photoshop CS 3, macromedia fireworks 8 sebagai aplikasi untuk mendisain tampilan halaman website, serta menggunakan web browser mozilla firefox. Tujuan dari aplikasi web ini adalah memudahkan pegawai kantor kecamatan dalam memanipulasi data pegawai dan data gaji pegawai kantor kecamatan sinunukan.
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftas Isi vii
Daftar Tabel ix
Daftar Gambar x
Bab 1 Pendahuluan 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 2
1.3 Tujuan Penelitian 3
1.4 Pembatasan Masalah 3
1.5 Metodelogi Penelitian 4
1.6 Sistematika Penulisan 5
Bab 2 Landasan Teori 6
2.1 Pengertian Sistem 6
2.2 Pengertian Informasi 7
2.3 Pengertian Sistem Informasi 7
2.3.1 Komponen Sistem Informasi 8
2.3.2 Jenis Sistem Informasi 9
2.4 Pengenalan Internet 10
2.4.1 Fasilitas dari Internet 12
2.4.2 Perangkat untuk mengakses Internet 15
2.5 Worl Wide Web (WWW) 16
2.5.1 Cara Kerja WWW 17
2.6 Browser Web 18
2.6.1 Cara Kerja Browser Web 18
2.6.2 Istilah-istilah Pemograman Web 19
2.7 Pengertian Data, Data Flow Diagram (DFD), 20 dan Diagram Alir (Flowchart)
2.7.1 Pengertian Data 20
2.7.2 Pengertian data flow diagram (DFD) 21
2.7.3 Diagram alir (Flowchart) 22
2.8 Hyper Text Markup Language (HTML) 24
2.8.1 Penamaan Dokumen HTML 25
2.8.2 Elemen dan Tag pada Dokumen HTML 26
2.8.3 Struktur Dokumen HTML 27
2.9.1 Sintaks PHP 28
2.10 MySQL 29
2.11 Cassading Style Sheet (CSS) 31
2.12 Macromedia Dreamweaver 8 32
Bab 3 Deskripsi Kecamatan Sinunukan 33
3.1 Sejarah Singkat Kabupaten Madina 33
3.2 Asal-usul Kecamatan Sinunukan 34
3.3 Letak dan Kondisi Geokrafis 35
3.4 Struktur Organisasi 35
Bab 4 Perancangan Sistem 37
4.1 Perencanaan dan Perancangan 37
4.2 Perancanaan Sistem 37
4.2.1 Perancanaan Layout Sistem 38
4.2.2 Perencanaan Data Input 39
4.2.3 Perencanaan Output 41
4.3 Perancangan Sistem 43
4.3.1 Perancangan Data Flow Diagram (DFD) 43
4.3.2 Perancangan Database Server 46
4.3.3 Perancangan Diagram Alir (flowchart) 48
4.3.4 Perancangan Halaman Website 52
Bab 5 Implementasi Sistem 61
5.1 Pengertian Implementasi Sistem 61
5.2 Tujuan Implementasi Sistem 61
5.3 Komponen Kebutuhan Sistem 62
5.3.1 Hardware 62
5.3.2 Software 62
5.3.3 Brainware 63
5.4 Demonstrasi Program 64
5.5 Pengujian di Browser 68
Bab 6 Kesimpulan dan Saran 69
6.1 Kesimpulan 69
6.2 Saran 70
Daftar Pustaka Lampiran A Lampiran B
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol Data Flow Diagram 21
Tabel 2.2 Simbol-simbol Flowchart 23
Tabel 3.1 Kecamatan dan Ibukota Kecamatan di Kabupaten Madina 34
Tabel 4.1 Tabel Admin 46
Tabel 4.2 Tabel Pegawai 47
Tabel 4.3 Tabel Gaji 47
DAFTAR GAMBAR
Halaman Gambar 3.1 Struktur Organisasi Kantor Camat Sinunukan 36
Gambar 4.1 Perencanaan Layout Sistem 38
Gambar 4.2 Perencanaan layout Halaman Login 39
Gambar 4.3 Perencanaaan Layout Halaman Form Pegawai 40 Gambar 4.4 Struktur Sistem Informasi yang akan Dibangun 43
Gambar 4.5 Diagram Konteks Sistem 44
Gambar 4.6 Diagram Level Nol 45
Gambar 4.7 Flowchart Sistem 49
Gambar 4.8 Flowchart Data Pegawai 50
Gambar 4.9 Flowchart Gaji Pegawai 51
Gambar 4.10 Halaman Login 52
Gambar 4.11 Halaman Form Pegawai 53
Gambar 4.12 Halaman Data Pegawai 54
Gambar 4.13 Halaman Detail Data Pegawai 55
Gambar 4.14 Halaman Cari Data Pegawai 56
Gambar 4.15 Halaman Form Gaji Pegawai 57
Gambar 4.16 Halaman Data Gaji Pegawai 58
Gambar 4.17 Halaman Laporan Data Pegawai 59
Gambar 4.18 Halaman Laporan Fata Gaji Pegawai 59
Gambar 4.19 Halaman Login 60
Gambar 5.1 Tampilan Macromedia Drameweaver 8 63
Gambar 5.2 Installer Languague 65
Gambar 5.3 Xampp Setup Wizard 65
Gambar 5.4 Xampp License Agreement 66
Gambar 5.5 Xampp Choose Install Location 66
Gambar 5.6 Xampp Installing 67
Gambar 5.7 Completing the Xampp 67
Gambar 5.8 Pengujian di Browser 68
BAB I
PENDAHULUAN
1.1 Latar Belakang
Salah satu media yang dapat digunakan untuk mempermudah manusia mengolah data adalah komputer. Fungsi lain dari komputer adalah sebuah alat elektronik yang mampu menghitung dan memanipulasi data secara cepat dan tepat serta dirancang dan diorganisasikan agar secara otomatis dapat menerima dan menyimpan data. Apabila komputer tersambung dengan jaringan internet maka fungsi komputer tersebut akan bertambah menjadi alat untuk memperoleh informasi yang dibutuhkan manusia secara cepat dan tepat.
Suatu organisasi atau perusahaan membutuhkan informasi yang cepat dan tepat untuk menyajikan data yang lengkap, sebab dengan informasi yang diperoleh itu seorang pemimpin dapat segera mengambil kebijakan untuk kelangsungan organisasi atau perusahaannya. Sama halnya dalam perhitungan gaji pegawai pada suatu perusahan. Dengan adanya sistem komputer akan memudahkan pegawai keuangan untuk melakukan perhitungan gaji secara cepat, tepat, mudah, dan akurat.
Kantor Kecamatan Sinunukan Kabupaten Mandailing Natal adalah salah satu kantor yang menangani setiap urusan kepegawaian dimana dalam mengelola data dan perhitungan gaji pegawai, seorang administrator (pegawai administrasi) membutuhkan sistem komputer untuk memudahkan pengolahan data dan perhitungan gaji dengan cepat dan tepat. Namun, sampai saat ini di pemerintahan kecamatan tersebut pengelolaan data pegawai masih menggunakan cara manual, dimana semua data (data pegawai, data gaji dan lain-lain) disimpan dalam satu berkas kepegawaian yang kurang efisien untuk digunakan.
Berdasarkan uraian diatas, maka penulis memilih judul dalam tugas akhir ini adalah: “SISTEM INFORMASI DATA GAJI PEGAWAI NEGERI SIPIL PADA KANTOR KECAMATAN SINUNUKAN KABUPATEN MADINA”.
Dalam perancangan ini penulis menggunakan bahasa pemograman PHP dan MySQL dan beberapa software pendukung seperti Apache, Dreamweaver, dan Photoshop CS 3.
1.2 Identifikasi Masalah
Pengolahan data dengan menggunakan komputer akan dapat menghemat waktu dan dapat mengefisienkan pengerjaan pengolahan data pada Kantor Camat Sinunukan Kabupaten Madina. Dengan demikian dapat diidentifikasi masalah dalam penelitian ini adalah bagaimana membentuk sebuah pemograman berbasis web untuk mengolah
data pada kantor tersebut dengan efektif dan efisien sehingga dapat terorganisasi dengan baik.
1.3 Tujuan Penelitian
Adapun tujuan dari penelitian dan pembuatan Tugas Akhir ini antara lain adalah:
a. Merancang sistem informasi pada Kantor Camat Sinunukan Kabupaten Madina dengan menggunakan bahasa pemograman HTML, PHP, dan MySQL.
b. Dengan sistem yang dirancang diharapkan dapat memudahkan dalam pengolahan data dan pembuatan laporan pada kantor tersebut.
1.4 Pembatasan Masalah
Agar masalah yang akan dibahas tidak menyimpang dan tidak meluas dikarenakan keterbatasan waktu dan tenaga. Dalam hal ini penulis membatasi permasalahan yang akan dibahas dalam Tugas Akhir ini yaitu mengenai data pegawai, data penggajian pegawai, dan laporan penggajian.
1.5 Metode Penelitian
Metode penelitian adalah suatu pengetahuan yang sistematis dan terorganisasi dengan tujuan untuk memperoleh dan mengumpulkan keterangan atau informasi yang lebih efisien dan dapat digunakan sebagai pedoman dalam melaksanakan penelitian.
Metode penelitian yang penulis gunakan untuk mendapatkan data yang diperlukan adalah :
1. Studi Lapangan (Field Research)
Penelitian lapangan dilakukan dengan cara mengumpulkan berbagai data yang diperoleh melalui :
a. Wawancara (Interview)
Data yang akurat sangat berpengaruh dalam perancangan sistem, untuk itu penulis melakukan wawancara dengan cara tanya jawab langsung kepada pegawai administrasi.
b. Pengamatan (observasi)
Dalam metode ini penulis melakukan observasi untuk mendapatkan data secara umum dengan melihat langsung, mengamati dan mencatat kegiatan yang ada pada Kantor Camat Sinunukan Kabupaten Madina
2. Penelitian Kepustakaan (Library Research)
Penelitian ini dimaksudkan untuk mendapatkan landasan teori yang memadai dalam menyusun tugas akhir, dalam hal ini penulis melakukannya dengan membaca serta mengkaji buku-buku yang berkaitan dengan masalah yang ditinjau.
1.6 Sistematika Penulisan
Dalam penulisan tugas akhir ini, penulis membentuk suatu sistematika penulisan yang bertujuan untuk menggambarkan secara ringkas bab-bab sebagai berikut :
BAB 1 : PENDAHULUAN
Bab ini berisikan latar belakang penulisan, identifikasi masalah, pembatasan masalah, metodelogi penelitian, maksud dan tujuan, dan sistematika penulisan.
BAB 2 : LANDASAN TEORI
Bab ini menjelaskan landasan teori yang meliputi pengertian data, informasi, sistem informasi, uraian singkat tentang bahasa pemograman HTML, PHP dan MySQL.
BAB 3 : TINJAUAN KANTOR CAMAT SINUNUKAN KAB. MADINA.
Bab ini berisi tentang sejarah, profil, dan struktur organisasi pada Kantor Camat Sinunukan Kabupaten Mandailing Natal Sumatera Utara.
BAB 4 : PERANCANGAN SISTEM
Bab ini menjelaskan tentang perancangan sistem yang diusulkan meliputi data flow diagram, struktur database, dan flowchart.
BAB 5 : IMPLEMENTASI
Pada bab ini dibahas tentang implementasi sistem yang dirancang.
BAB 6 : KESIMPULAN DAN SARAN
Bab ini merupakan bab terakhir yang mencakup kesimpulan dan saran.
BAB 2
LANDASAN TEORI
2.1 Pengertian Sistem
Sistem berasal dari bahasa Yunani yaitu systema, yang artinya kesatuan. Ditinjau dari sudut katanya sistem berarti sekumpulan objek yang bekerja secara bersama-sama untuk menghasilkan suatu metode, prosedur, serta teknik yang digambarkan dan diatur sedemikian rupa sehingga menjadi berfungsi untuk mencapai suatu tujuan. Untuk mengetahui lebih jelasnya tentang pengertian sistem, berikut ini beberapa pendapat ahli.
“Sistem adalah sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu tujuan.” (Abdul Kadir, 2003, hal: 54).
“Sistem adalah sekelompok elemen-elemen yang berintegrasi dengan maksud yang sama untuk mencapai suatu tujuan.” (Raymond Mcleod, 2001, hal: 9).
Dari beberapa pengertian di atas diambil kesimpulan bahwa sistem adalah kumpulan atau kelompok yang saling terkait untuk mencapai suatu tujuan.
2.2 Pengertian Informasi
Informasi adalah data yang diolah menjadi suatu bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan pada saat sekarang atau yang akan datang. Informasi juga merupakan fakta-fakta atau data yang telah diproses sedemikian rupa atau mengalami proses transformasi data sehingga berubah bentuk menjadi informasi. Untuk mengetahui lebih jelasnya tentang pengertian sistem berikut ini beberapa pendapat ahli.
“Informasi adalah data yang telah diklasifikasi atau diolah atau diinterpretasi untuk digunakan dalam proses pengambilan keputusan.” (Tata Sutarbi, 2005, hal: 23).
“informasi adalah komoditas yang digunakan oleh individu, kelompok kerja, departemen, dan organisasi secara keseluruhan.” (Raymond Mcleod, 2001, hal: 324).
Dari beberapa pengertian diatas diambil kesimpulan bahwa informasi adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata yang digunakan dalam mengambil keputusan.
2.3 Pengertian Sistem Informasi
Sistem informasi dapat diartikan sebagai suatu sistem di dalam organisasi yang merupakan kombinasi dari orang-orang, fasilitas tegnologi, media, prosedur-prosedur,
Untuk mengetahui lebih jelasnya tentang pengertian sistem informasi, berikut ini beberapa pendapat ahli.
“Sistem informasi merupakan sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengelola transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan- laporan yang diperlukan.” (Tata Sutabri, 2005, hal: 42).
Sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang, dan tegnologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi. (Abdul Kadir et al, 2003).
Dari beberapa pengertian di atas diambil kesimpulan bahwa setiap informasi adalah sistem di dalam suatu organisasi yang saling berhubungan untuk mendistrbusikan informasi untuk mengambil keputusan.
2.3.1 Komponen Sistem Informasi
Dalam suatu sistem informasi terdapat komponen-komponen, yaitu :
1. Perangkat keras (hardware) : mencakup piranti-piranti fisik seperti monitor, printer, scanner, keyboard dan mause.
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 pembangkitan keluaran yang dikehendaki.
4. Orang : semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan, dan pengguna sistem informasi.
5. Basis data (database) : sekumpulan tabel, hubungan, dan lain-lain yang berkaitan dengan penyimpanan data.
6. Jaringan komputer dan komunikasi data : sistem penghubung yang memungkinkan satu sumber dipakai secara bersama atau diakses oleh sejumlah pemakai.
Pada prakteknya, tidak semua sistem informasi mencakup keseluruhan komponen-komponen tersebut. Di bawah ini merupakan gambar komponen sistem informasi.
2.3.2 Jenis Sistem Informasi
Sistem informasi memiliki beberapa jenis yaitu : 1. Sistem informasi menurut level organisasi
Berdasarkan level organisasi, sistem informasi dikelompokkan menjadi sistem informasi departemen, sistem informasi peusahaan, dan sistem informasi antar organisasi.
2. Sistem informasi fungsional.
Sistem informasi fungsional adalah sistem informasi yang ditujukan untuk memberikan informasi bagi kelompok orang yang berada pada bagian tertentu dalam perusahaan. Beberapa sistem informasi fungsional yang umum yaitu sistem infomasi akutansi, sistem informasi keuangan, sistem informasi manufakur, sistem informasi pemasaran, dan sistem informasi SDM.
3. Sistem informasi berdasarkan dukungan yang tersedia
Berdasarkan dukungan yang diberikan pada pemakai, sistem informasi yang digunakan semua area fungsional dalam organisasi dapat diklasifikasikan yaitu sistem pemrosesan transaksi, sistem informasi manajemen, sistem informasi perkantoran, sistem pendukung keputusan, sistem informasi eksekutif, sistem pendukung kelompok, dam sistem pendukung cerdas.
4. Sistem informasi geografis
Sistem informasi geografis adalah sistem berbasis komputer yang digunakan untuk menyimpan dan memanipulasi informasi geografis. Sistem informasi geografis dapat menggabungkan tugas-tugas pengambilan keputusan seperti mencari jarak terpendek atau tercepat dari posisi A ke posisi B, menentukan / memilih lokasi lain. Yang memiliki pola serupa, mengelompokkan daerah pendistribusian untuk meminimalkan jarak perjalanan.
2.4 Pengenalan Internet
Awal perkembangan internet diawali dengan dibangunnya jaringan ARPANER yang hanya beranggotakan beberapa komputer dibeberapa universitas di Amerika Serikat, sekitar tahun 1969. Istilah internet sering muncul sekitar tahun 1983 dengan
ditemukannya protocol TCP/IP (Transmission Control Protocol/Internet Protocol) yang memberikan sumbangan besar terhadap perkembangan jaringan itu. Tegnologi www (World Wide Web) juga memberikan sumbangan besar terhadap perkembangan internet, bahkan sekarang ini bisa dikatakan bahwa internet hampir identik dengan www. Tegnologi www atau sering disingkat web ini memungkinkan pertukaran informasi multimedia (audio, visual, movie) melalui internet.
Di internet, setiap komputer memiliki alamat spesifik berupa alamat/nomor IP, seperti halnya dalam jaringan komputer local. Tak boleh ada dua komputer dengan alamat IP sama. Alamat IP digunakan untuk alamat pengaksesan. Oleh karena nomor sulit dihafal, diciptakanlah suatu sistem penamaan sebagai alternative pengaksesan berdasarkan alamat IP. Sistem itu disebut Domain Name System (DNS).
Dalam sistem DNS, alamat sebuah komputer di internet berupa nama host dan nama domain, contohnya: www.yahoo.com atau www.republika.co.id. Dalam hal ini,
“yahoo” dan “republika” merupakan nama host, sedangkan “com” dan “co.id”
merupakan nama domain. Ada beberapa level domain yang menunjukkan sifat situs ataupun negara tempat situs bermarkas. Domain “com” menunjukkan sifat komersial (commercial), domain “co” menunjukkan sebuah perusahaan (corporation), domain
“id” menunjukkan bahwa situs itu bermarkas di Indonesia. Sistem DNS menerjemahkan alamat (nama) situs ke dalam alamat IP nya. Jadi, secara prinsip, sistem pengaksesan suatu komputer di internet tetap menggunakan alamat IP.
Komputer-komputer di internet dapat dibagi menjadi dua jenis, yakni
di internet menyediakan fasilitas layanan seperti e-mail, ftp, dan www. komputer server biasanya juga memungkinkan pengaksesan file (download) oleh komputer client. komputer client tidak menyediakan layanan, melainkan hanya menggunakan layanan dan mengakses file server di internet. komputer-komputer di internet memiliki program khusus yang memungkinkan berkomunikasi menggunakan protocol TCP/IP.
Jika user terhubung ke internet sebagai client, kita bisa mengakses informasi dari berbagai server yang ada. Banyak sekali informasi dan pengetahuan yang bisa diperoleh di internet. Informasi yang diakses biasanya berupa halaman web yang dapat disimpan (download) ke komputer pemakai. Di internet, pemakai juga bisa berkomunikasi dengan para pengguna di internet lain menggunakan layanan chatting maupun e-mail.
2.4.1 Fasilitas dari Internet
Ada beberapa fasilitas dari internet yang dapat pemakai temui dan digunakan untuk mempermudah pekerjaan, fasilitas tersebut meliputi:
1. E-mail untuk menerima dan mengirim pesan-pesan atau surat dari orang lain dalam jaringan internet, dengan e-mail pemakai juga bisa mengirim dan menerima segala sesuatu yang dapat disimpan dalam sebuah file komputer, misalnya program, gambar atau majalah elektronik.
2. Usenet suatu sistem diskusi kelompok pada jaringan internet, dimana artikel- artikel atau makalahnya didistribusikan ke seluruh pemakai internet di seluruh dunia.
3. Fingers Service merupakan fasilitas yang memberikan kesempatan pemakai untuk menanyakan informasi tentang seorang pemakai.
4. Remote Login fasilitas ini digunakan untuk menghubungi atau memasukkan salah satu server (pusat komputer) yang disambungkan ke jaringan internet.
5. (FTP) File Transfer Protocol memberikan kesempatan pemakai untuk mentransfer atau mengirim file dari satu komputer ke komputer yang lain.
6. Archie Server merupakan katalog atau tempat mencari alamat-alamat tempat untuk FTP.
7. Talk Facility untuk menghubungi pemakai lain dalam jaringan internet baik dalam sistem yang sama ataupun sistem yang berbeda. Selanjutnya pemakai dapat menerima dan mengirim pesan kepada pemakai yang kita hubungi.
8. (IRC) Internet Relay Chat mirip dengan fasilitas talk, tetapi melibatkan sekelompok orang, pemakai akan dapat ambil bagian dalam komunikasi publik dengan sekelompok orang.
9. Gopher penyedia menu dimana pemakai bisa mendapatkan segala informasi termasuk fasilitas-fasilitas internet lainnya. Setiap gopher ini berisi informasi- informasi dimana sistem administrator lokal dipakai bersama.
10. Veronica dan Junghead fasilitas yang dapat menelusuri menu-menu gopher di seluruh dunia.
11. Wide Area Information Service menyediakan cara untuk menemukan informasi yang tersebar dalam internet dengan cara menggunakan fasilitas database dan
proses pencarian ini, harus ditentukan dulu tempat atau alamat dimana akan dilakukan pencarian informasi.
12. (WWW) World Wide Web merupakan fasilitas hypertext yang memberikan kesempatan kepada pemakai untuk untuk mencari dan menampilkan informasi dengan mengetikkan alamat elektronik tujuan. Hypertext adalah data yang memiliki hubungan ke data yang lainnya, inilah yang menyebabkan fasilitas web ini merupakan fasilitas yang paling handal di internet.
13. White Pages Directory server yang menampilkan daftar referensi, pemakai dapat mencari informasi yang kita perlukan sama seperti membuka buku yellow pages.
14. Electronic Magazine majalah elektronik berupa artikel-artikel yang disimpan dalam file-file yang diakses oleh semua orang, baik dengan topik ilmiah ataupun hiburan.
15. Mailing List sistem yang mengirim pesan-pesan berupa artikel, berita atau apa saja sesuai dengan topik yang ditentukan ke sekelompok orang.
16. (BBS) Bulletin Board System tempat untuk menyimpan pesan-pesan dan file yang sesuai dengan topik yang ditentukan.
17. Whois adalah salah satu aplikasi yang bisa digunakan untuk mencari user yang ada pada seistem komputer yang terhubung dengan jaringan internet.
18. (MUD) Multiple User Dimention yaitu program komputer yang menyediakan fasilitas untuk berinteraksi, berfantasi dan beraksi dengan user-user lain dimana masing-masing memainkan perannya.
19. Search Engine mirip dengan WAIS Server yaitu tempat untuk mencari informasi di internet menggunakan fasilitas database yang pencariannya juga
dilakukan dengan memasukkan kata kunci, namun pemakai tidak perlu menentukan tempat pencarian kita. Fasilitas ini berbasis WWW.
20. Online Game dapat menghubungkan beberapa user yang berada di lokasi yang berbeda untuk menjalankan program game secara bersamaan.
21. (VOIP) Voice Over Internet Protokol merupakan fasilitas yang mirip dengan fasilitas telepon namun menggunakan jalur internet sebagai pengantar data (voice).
2.4.2 Perangkat untuk Mengakses Internet
Kecepatan dan performance suatu komputer merupakan kunci sukses dalam menjelajahi situs-situs di internet. Perangkat-perangkat standar untuk pendayagunaan jaringan internet :
1. Unit komputer
2. Modem (modulator-demodulator) merupakana alat yang berfungsi untuk mengkonfirmasikan sinyal analog menjadi digital sehingga unit komputer dapat mengenali sinyal tersebut begitu juga sebaliknya.
3. Jasa telepon
Modem merupakan sarana untuk mengirim dan menerima sinyal-sinyal data dan hal ini dapat diatasi dengan jasa telepon.
2.5 World Wide Web (WWW)
WWW adalah kependekan dari World Wide Web, atau lebih dikenal dengan nama web.
Web adalah sebuah layanan yang didapat oleh pemakai komputer apabila komputernya tersambung dengan Internet. Dengan web, pengguna komputer diseluruh penjuru dunia dapat saling berinteraksi dengan pengguna Internet lainnya tanpa harus beranjak dari tempat dimana Internet tersebut dapat diakses. Dengan mengakses Internet, para pengguna jasa layanan Internet dapat dengan mudah memperoleh informasi yang diinginkan, bahkan dapat menyimpan program, atau gambar yang ditampilkan dari media Internet.
Pada awal pengembangannya, web merupakan suatu ruangan yang dapat menampung informasi dalam jaringan Internet pada sebuah browser, dengan menambahkan kemampuan untuk mengolah kode-kode tertentu yang secara umum dinamakan tag-tag (delimiter) dan kemampuan untuk dapat meloncat (link) dari halaman satu ke halaman lainnya. Kemudian kemampuan dari browser tersebut ditingkatkan sampai dengan pengelolah sebuah gambar, suara, animasi, bahkan kemampuan dalam pengelolaan sebuah database dari sebuah aplikasi berbasis web dengan bahasa pemrograman atau script yang dapat dijalankan oleh Internet/Intranet, seperti ASP, PHP, dan JScript.
Pada perkembangan selanjutnya, web lebih banyak dikenal dengan nama Internet, karena kemampuan dari interface web yang dapat mengelola layanan-layanan yang terdapat didalam Internet, seperti berkomunikasi di Internet yang dikenal dengan nama Chatting, berkirim surat dengan relasi bisnis atau para kolega yang dikenal dengan nama E-Mail, transaksi bisnis yang dikenal dengan nama E-Commerce,
layanan publik dari suatu pemerintahan yang dikenal dengan nama E-Government, layanan pendidikan dengan nama E-Learning, serta layanan perbankan dengan nama E-Banking.
2.5.1 Cara Kerja WWW
1. Informasi-informasi yang dibuat disimpan dalam sebuah dokumen web pages pada sebuah tempat penyimpanan, yaitu harddisk.
2. Dokumen web yang disimpan dalam sebuah harddisk pada sebuah komputer dapat disebut dengan web server apabila komputer yang dimaksud telah dilengkapi dengan web server seperti IIS, PSW, atau Apache Server. Dalam hal ini komputer bertugas sebagai server sekaligus menyimpan informasi “Reply”
pada komputer server.
3. Komputer yang bertugas sebagai Client atau Web Client membaca informasi yang terdapat pada web pages melalui sebuah jaringan Internet/Intranet dengan mengambil “Get” informasi yang tersimpan pada komputer yang bertugas sebagai Server.
4. Komputer Web Client menampilkan halaman web dengan menggunakan sebuah program khusus, yaitu browser. Ada beberapa browser yang sering digunakan oleh para pengguna Internet, diantaranya adalah Internet Explorer, Netscape Navigator, dan Mozila. Yang disebut terkhir adalah browser yang terdapat pada sisterm operasi Linux.
2.6 Browser Web
Browser web adalah program yang digunakan untuk menampilkan informasi dari suatu halaman web yang tersimpan dalam komputer. Dengan menerapkan Grafik User Interface (GUI), maka para pengguna internet dengan mudah mengakses informasi- informasi yang terdapat didalam Internet. Hanya dengan menggunakan tombol mouse, maka para pengguna Internet dengan mudah mencari informasi dan dapat berpindah dari halaman yang satu kehalaman yang lainnya (link).
2.6.1 Cara Kerja Browser Web
Cara kerja dari sebuah browser web adalah sebagai berikut:
1. Browser Web mengambil sebuah informasi melalui jaringan internet pada sebuah Server Web, dengan menggunakan perintah request atau permintaan yang berisi sebuah alamat dari halaman web atau page address (http).
2. Server web memberikan umpan balik atau feedback, dengan member perintah respon untuk setiap perintak request yang kemudian dilanjutkan dengan memberikan sebuah informasi yang diminta oleh browser web.
3. Browser Web menampilkan informasi yang telah diterima dari Server Web.
Informasi yang diberikan atau perintah yang digunakan, secara keseluruhan menggunakan fasilitas khusus yang disediakan oleh browser web. Fasilitas tersebut lazimnya dikenal dengan tag-tag atau kode-kode yang hanya dapat dibaca oleh browser web. Seluruh informasi yang disimpan dalam sebuah dokumen web, menggunakan format HTML.
4. Pada dasarnya dokumen web adalah sebuah dokumen teks biasa yang apabila ditampilkan melalui sebuah teks editor sembarang seperti notepade akan tampak sebuah dokumen yang tidak ada artinya. Namun bila dokumen web telah dijalankan pada sebuah browser, maka akan tampak sebuah informasi yang sesuai dengan apa yang kita harapkan. Contoh riilnya adalah apabila anda melihat sebuah paragraph didalam sebuah dokumen web, kemudian anda buka sourch code-nya, maka akan tampak tag yang mewakili paragraph. Misalnya untuk tag yang mewakili paragraf, akan tercektak sebagai berikut :
<p>………</p>
2.6.2 Istilah Istilah dalam Pemrograman Web
Beberapa istilah yang sering digunakan dalam pemrograman web, antara lain:
1. Internet adalah kependekan dari International Networking, yang artinya jaringan komputer berskala internasional/global yang dapat membuat masing- masing komputer saling berkomunikasi.
2. Intranet merupakan jaringan berskala kecil, hanya memiliki beberapa Web Server yang diperuntukkan organisasi atau perusahaan, dan digunakan sebagai sarana berkomunikasi antara computer dalam organisasi tersebut.
3. TCP/IP adalah kependekan dari Transmission Control Protocol / Internet Protocol artinya protocol yang terdiri dari sub-protocol, yang beroperasi pada lapisan yang berbeda. Ini merupakan protokol standar Internet. Protocol ini memberikan nomor Unix pada setiap komputer yang terkoneksi.
4. URL adalah kependekan dari Unifrom Resource Locators, artinya sebuah alamat didalam Internet yang terdiri atas dua bagian. Bagian pertama adalah pengenal protokol dan bagian kedua adalah pengenal domain
5. HTTP adalah kependekan dari HyperTeks Markup Language, artinya protokol yang berfungsi untuk mendefinisikan dan menjelaskan bagaimana server dan client berinteraksi dalam mengirim dan menerima dokumen web. Protokol ini didisain untuk mentransfer berkas yang berisi hyperteks seperti berkas yang berisi HTML yang digunakan di Word Wide Web.
6. FTP adalah kependekan dari File Transfer Protocol, artinya sebuah protokol yang dipergunakan untuk mengirim berkas diantara dua komputer.
7. Gophers adalah protokol publikasi informasi berbasis karakter yang menggunakan menu untuk mengakses teks, menempatkan informasi yang disimpan pada internet servers dengan menggunakan hirarki menu.
2.7 Pengertian Data, Data Flow Diagram (DFD), dan Diagram Alir (Flowchart).
2.7.1 Pengertian data.
Beberapa pengertian tentang data sebagai berikut :
a. Menurut berbagai kamus bahas Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datum yang berarti fakta atau bahan keterangan.
b. Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu kejadian yang kita hadapi.
c. Menurut Gordon B. Davis dalam bukunya Management Information System : Conceptual Foundation, Structures, and Development menyebutkan data
sebagai bahan mentah dari informasi, yang dirumuskan sebagi sekelompok lambang-lambang acak yang menunjukkan jumlah atau tindakan atau hal-hal lain.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah bahan baku informasi, didefenisikan sebagai sekelompok simbol yang mewakili kuantitas, tindakan, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka, maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur file, dan basisdata.
2.7.2 Pengertian data flow diagram (DFD)
Data flow diagram adalah suatu gambaran grafis dari suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan.
Data Flow Diagram (DFD) terdiri dari 4 (empat) simbol, yaitu :
Tabel 2.1 Simbol-simbol Data Flow Diagram
No Demarco And
Yourdan Symbols Keterangan Gane And Sarson Symbols
1 Eksternal Entity (Kesatuan
Luar) merupakan kesatuan dilingkungan luar sistem yang dapat berupa orang, organisasi
memberikan input atau menerima output.
2
Proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau computer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari proses.
3 Arus data (Data Flow) diberi
simbol panah. Arus data ini mengalir diantara proses, yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri kekanan dan dari kanan kekiri.
4 Storage merupakan tempat
penyimpanan dari data yang dapat berupa file atau database di sistem komputer.
2.7.3 Diagram alir (Flowchart)
Diagram alir program (program flow chart) adalah suatu diagram yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Diagram alir terdiri dari simbol-simbol yang mewakili fungsi- fungsi langkah program dan garis alir (flow line) menunjukkan urutan dari simbol- simbol yang akan dikerjakan.
Tabel 2.2 Simbol-simbol Flowchart
No Simbol Fungsi
1 Simbol titik terminal digunakan untuk
menunjukkan awal dan akhir dari suatu proses.
2 Simbol proses digunakan untuk mewakili suatu
proses atau untuk pengolahan aritmatika dan pemindahan data
3 Simbol input-output digunakan untuk mewakili
data imput/output dan menunjukkan hasil dari suatu proses.
4 Simbol keputusan (Decision) digunakan untuk
suatu penyeleksian (perbandingan logika) kondisi di dalam program.
5 Simbol persiapan (Predefined) digunakan untuk
pemberian nilai awal suatu variable atau counter.
6 Simbol penghubung (Connector) digunakan untuk
menunjukkan hubungan arus proses yang terputus masih dalam halaman yang sama.
7 Simbol Off-page connector digunakan untuk
menunjukkan hubungan arus proses yang terputus masih dalam halaman yang berbeda
8 Simbol proses terdefenisi digunakan untuk
menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain.
9 Simbol display digunakan untuk output yang ditunjukkan/ditampilkan di monitor.
10 Simbol dokumen yang digunakan untuk
menunjukkan suatu dokumen input dan output baik untuk proses manual, mekanik atau komputer.
11 Simbol garis alir (Flow line) yang digunakan untuk menunjukkan arus dari suatu proses.
12 Simbol storage yang digunakan untuk menyimpan
data.
2.8 Hyper Text Markup Language (HTML)
HTML adalah kependekan dari Hyper Teks Markup Language, yang artinya tata cara penulisan yang digunakan dalam dokumen Web. Dokumen HTML adalah sebuah dokumen teks murni yang dapat dibuat dengan editor web sembarang, seperti notepad.
Dokumen ini akan dieksekusi oleh sebuah browser (mis. Internet Explorer), sehingga browser mampu meghasilkan suatu dokumen yang sesuai dengan keinginan seorang designer atau programmer web. Dokumen ini mempunyai kemampuan untuk menampilkan gambar, suara, teks, maupun penyediaan link terhadap halaman web lainnya, baik dengan alamat yang sama maupun dengan alamat yang berbeda.
HTML merupkan salah satu varian dari SGML (kependekan dari Standart Generalized Markup Language), yaitu sebuah standarisasi untuk pertukaran dokumen
secara elektronik yang telah ditetapkan oleh International Organization For Standardization (ISO). HTML sendiri secara formal diumumkan sebagi RFC (Request For Comments) pada tahun 1866. RFC adalah dokumen yang dikirim ke lembaga internet, yang berisi informasi atau usulan yang berhubungan dengan standart internet.
Pada dasarnya dokumen HTML dapat dibuat dengan sembarang text editor seperti notepad, akan tetapi apabila anda memiliki suatu HTML editor seperti Microsoft Front Page, maka akan mempermudah pekerjaan anda.
2.8.1 Penamaan Dokumen HTML
Pada dasarnya setiap dokumen atau file yang disimpan secara default atau secara otomatis akan diberikan sebuah extention atau akhiran, misalnya pada dokumen yang diedit dengan menggunakan Microsoft Word, ketika disimpan pada media penyimpanan akan ditambahkan .doc (dibaca: dot dok) atau pada dokumen Microsoft Exel akan menambahkan .xls (dibaca: dot XLS), dll.
Untuk dokumen yang disimpan dengan menggunakan format HTML, maka pada tiap dokumen yang disimpan harus ditambahkan sebuah akhiran .htm atau .html (dibaca: dot htm atau dot html)
2.8.2 Elemen dan Tag pada Dokumen HTML
Dokumen yang dibuat dengan format HTML, terdiri dari beberapa elemen yang saling berkaitan antara satu dengan yang lainnya untuk membentuk satu dokumen HTML yang utuh. Elemen yang diperlukan untuk membentuk sebuah dokumen HTML secara utuh antara lain adalah elemen html, elemen head, elemen title, dan elemen body yang masing-masing elem diapit oleh sebuah tanda atau disebut dengan delimiter. Elemen yang telah diapit oleh sebuah tanda / delimiter sering disebut dengan tag.
Delimiter yang digunakan adalah tanda lebih kecil atau < dan tanda lebih besar atau >. Secara utuh sintaks dari elemen atau tag HTML ditulis sebagai berikut :
<nama elemen> .
Misalnya :
<html>
Setiap elemen atau tag dalam dokumen HTML harus selalu diakhiri dengan tag penutup untuk menghindari terbukanya informasi dalam suatu tag HTML. Untuk mengakhiri elemen atau tag dalam sebuah dokumen HTML, dibutuhkan sebuah tanda atau delimiter tambahan, yaitu dengan menambahkan backspace atau /. Secara utuh sintaks untuk elemen atau tag penutup adalah sebagai berikut:
</nama elemen>
Misalnya : </html>
2.8.3 Struktur Dokumen HTML
Elemen yang terdapat dalam sebuah dokumen HTML terbagi atas dua bagian, yaitu Section Head dan Section Body. Section Head dan Section Body. Section Head berfungsi untuk menampilkan informasi pada jendela browser yang terdapat pada sebuah dokumen HTML. Biasanya informasi yang ditampilkan pada jendela browser berupa isi/informasi yang terdapat pada tag title, misalnya
<title>isi/informasi</title>. Sedangkan section body untuk menampilkan informasi yang dapat ditampung pada section body, misalnya teks, paragraph, dll. Secara utuh struktur dokumen dan elemen pendukungnya, dapat ditulis sebagai berikut:
<html>
<head>
<title>………..isi dari title……….</title>
</head>
<body>
………..isi / informasi body yang akan ditampilkan pada browser web………..
</body>
</html>
2.9 Pre Hypertext Prepage (PHP)
PHP adalah singkatan dari Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembngan Web yang disisipkan pada dokumen HTML.
PHP memiliki kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form serta menerima cookies, bahkan lebih dari kemampuan CGI.
PHP dapat di gunakan pada semua sistem operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris dan OpenBSD), Microsoft windows,Mac OS X, RISC OS. PHP juga mendukung banyak web server seperti Apache, Microsoft Internet Information Server (MIIS), personal Web Server (PWS), Netscape and iPlanet servers, dan banyak lagi bahkan PHP dapat berkerja sebagai suatu CGI processor.
2.9.1 Sintaks PHP
Sintaks php dapat ditulis dalam tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP:
1. <?php….?>
2. <script language=”PHP”>…..</script>
3. <?...?>
4. <%...%>
Cara 1 dan 2 merupakan cara yang umum digunakan sekalipun cara ke-3 terlihat lebih praktis karena cara 3 tidak selalu diaktifkan pada konfigurasi file php.ini yang terdapat pada direktori c:\apache\php.
Cara 4 juga dimungkinkan sebagai kemudahan bagi yang sudah terbiasa dengan ASP (Active Server Pages). Namun, bila itu tidak dikenal, maka harus dilakukan pengaktifan pada file konfigurasi php.ini. Pengaktifan yang dilakukan pada file php.ini terdapat pada baris berikut:
; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;
; Language Options ;
; ; ; ; ; ; ; ; ; ; ; ; ; ; ; ;
; Allow ASP-style <% %> tags.
Asp_tags = off
Ubah Off menjadi On, kemudian disimpan dan di restart kembali web server anda.
2.10 MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengelolaan datanya. Kepopuleran MySQL antara lain disebabkan karena MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya sehingga mudah untuk digunakan, cepat secara kinerja query, dan mencukupi untuk
juga bersifat open source dan free (pemakai tidak perlu membayar untuk menggunakannya) pada berbagai platform (kecuali pada Windows, yang bersifat shareware).
MySQL didistribusikan dengan lisensi open source GPL (General Public License) mulai versi 3.23, pada bulan Juni 2000. MySQL merupakan database yang pertama kali didukung oleh bahasa pemrograman script untuk internet (PHP). MySQL dan PHP dianggap sebagai pasangan software pengembangan aplikasi web yang ideal.
MySQL lebih sering digunakan untuk membangun aplikasi berbasis web, umumnya pengembangan aplikasinya menggunakan bahasa pemrograman script PHP. MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB yang pada saat itu bernama TcX DataKonsult AB sekitar tahun 1994-1995, namun cikal bakal kodenya sudah ada sejak 1979. Awalnya TcX membuat MySQL dengan tujuan mengembangkan aplikasi web untuk klien. TcX merupakan perusahaan pengembang software dan konsultan database.
SQL (dibaca "ess-que-el") merupakan kependekan dari Structured Query Language. SQL digunakan untuk berkomunikasi dengan sebuah Database. Sesuai dengan ANSI,SQL merupakan bahasa standar untuk sistem menajemen database relasional. Statemen SQL digunakan untuk melakukan tugas-tugas seperti melakukan update terhadap database, atau mengambil data dari sebuah database. Beberapa database relasional yang menggunakan SQL dan cukup ngetop adalah: MySQL, Oracle, Sybase, Microsoft SQL Server, Access, Ingres, etc. Meskipun sebagian besar sistem database menggunakan SQL, namun sebagian besar dari mereka juga memiliki ekstensi khusus yang hanya bisa digunakan di sistem masing-masing. Namun
demikian, perintah standar SQL seperti "Select", "Insert", "Update", "Delete",
"Create", dan "Drop" dapat digunakan untuk melakukan hampir semua hal yang perlu dilakukan terhadap sebuah database.
Beberapa SQL command atau perintah SQL yang harus diketahui adalah : 1. CREATE DATABASE, untuk membuat sebuah database.
2. DROP DATABASE, untuk menghapus sebuah database.
3. CREATE TABLE, untuk membuat sebuah table.
4. ALTER TABLE, untuk memodifikasi sebuah table.
5. DROP TABLE, untuk menghapus sebuah table.
6. SELECT, untuk menampilkan data dari database.
7. UPDATE, untuk memodifikasi data dari database.
8. INSERT INTO, untuk menambah data di database.
9. DELETE, untuk menghapus data dari database.
2.11 Cassading Style Sheet (CSS)
Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu style sekali saja dapat digunakan berulang kali.
CSS banyak didukung browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal
sementara gambar dan yang lainnya dapat ditampilkan sesudahnya. Selain itu, penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.
2.12 Macromedia Dreamweaver 8
Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreameweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.
Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemograman Client Side yang terkenal, yaitu JavaScript dengan penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung pemograman Script Server Side, seperti PHP, ASP, ASP.NET, dan JSP.
BAB 3
DESKRIPSI KECAMATAN SINUNUKAN
3.1 Sejarah Singkat Kabupaten Mandailing Natal
Kabupaten Mandailing Natal dengan Ibukota Panyabungan dibentuk berdasarkan Undang-Undang Nomor 12 Tahun 1998 tanggal 23 Nopember 1988 sebagai bagian dari proses pemekaran Kabupaten Tapanuli Selatan dan diresmikan oleh Menteri Dalam Negeri pada tanggal 19 Maret 1999. Pembentukan Kabupaten Mandailing Natal merupakan perwujudan aspirasi masyarakat dalam mengembangkan potensi Sumber Daya Alam dan Sumber Daya Manusia serta tekad Pemerintah dalam upaya meningkatkan daya guna penyelenggaraan pemerintahan, pembangunan, dan pelayanan masyarakat di wilayah paling selatan Propinsi Sumatera Utara.
Pada saat pembentukannya, Kabupaten Mandailing Natal dengan luas wilayah 6.620,70 Km2 atau 9,23% dari luas Propinsi Sumatera Utara, terdiri dari 8 kecamatan kemudian dimekarkan menjadi 23 kecamatan dengan jumlah desa pada saat ini sebanyak 354 desa dan 32 kelurahan.
3.2 Asal Usul Kecamatan Sinunukan
1. Tanggal 29 Juli 2003 keluar Peraturan Daerah (PERDA) No. 7 tahun 2003 tentang Pertambahan Kecamatan di Kabupaten Mandailing Natal dari 9 kecamatan menjadi 17 kecamatan.
2. Peraturan Daerah No. 10 tahun 2007 tentang Pemekaran Kecamatan dari 17 kecamatan menjadi 22 kecamatan.
3. Peraturan Daerah No. 46 tahun 2008 tentang pembentukan Kecamatan Naga Juang menjadi kecamatan yang ke-23 di Kabupaten Mandailing Natal.
4. Kecamatan Natal dimekarkan menjadi Kecatan Natal dan Kecamatan Batahan, kemudian Kecamatan Batahan dimekarkan lagi menjadi Kecamatan Batahan dan Kecamatan Sinunukan.
Tabel 3.1 Kecamatan dan Ibukota Kecamatan di Kabupaten Mandailing Natal NO. KECAMATAN IBUKOTA KECAMATAN
1. Siabu Siabu
2. Bukit Malintang Malintang Julu 3. Panyabungan Utara Mompang 4. Huta Bargot Huta Bargot 5. Panyabungan Panyabungan 6. Panyabungan Timur Gunung Baringin 7. Panyabungan Barat Longat
8. Panyabungan Selatan Tano Bato 9. Lembah Sorik Maga 10. Puncak Sorik Marapi Sibanggor 11. Tambangan Pasar Laru 12. Kotanopan Kotanopan 13. Ulu Pungkut Huta Nagodang 14. Muarasipongi Muarasipongi 15. Pakantan Pakantan 16. Batang Natal Muarasoma 17. Lingga Bayu Simpang Gambir 18. Ranto Baek Manisak
19. Batahan Batahan
20. Sinunukan Sinunukan
21. Natal Natal
22. Muara Batang Gadis Singkuang 23. Naga Juang Banua Simanosor
3.3 Letak dan Kondisi Geokrafis
Gambaran secara geokrafis, Kabupaten Mandailing Natal terletak antara 000’10” – 100’50” Lintang Utara dan 9080’50” Bujur Timur dan merupakan bagian wilayah Provinsi Sumatera Utara, dengan batas-batas wilayah :
1. Utara berbatasan dengan Kabupaten Tapanuli Selatan.
2. Timur berbatasan dengan Kabupaten Pasaman Timur Propinsi Sumatera Barat.
3. Selatan berbatasan dengan Kabupaten Pasaman Barat Propinsi Sumatera Barat.
4. Barat berbatasan dengan Samudera Indonesia.
3.4 Struktur Organisasi
Struktur organisasi Kecamatan Sinunukan Kabupaten Mandailing Natal dapat dilihat pada gambar berikut ini :
Mengacu pada tujuan pendidikan di atas, maka tujuan sekolah dari SMAN 2 Muara Bungo adalah sebagai berikut:
BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun sistem ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Apache sebagai servernya, dan Deameamweaver 8 sebagai media untuk membuat layout dari situs yang akan dirancang.
4.2 Perencanaan Sistem
Pada tahap ini penulis merencanakan bentuk ataupun layout dari sistem yang akan dibuat. Berdasarkan layout tersebut akan memudahkan penulis untuk merancang sistem yang akan dibuat.
4.2.1 Perencanaan Layout Sistem
Layout sistem yang akan dibuat terdiri dari beberapa halaman, dan pada setiap halaman terdapat header, top menu, left menu, isi, dan footer. Adapun bentuk umum perencanaan layout sistem dapat dilihat pada gambar berikut :
Gambar 4.1 Perencanaan Layout Sistem
Sebelum masuk kedalam sistem, pengunjung diarahkan pada halaman login, hal ini dimaksudkan untuk membatasi pengunjung yang bisa mengakses sistem tersebut. Pada halaman ini hanya terdapat header, footer, dan form login. Tampilan perencanaannya sebagai berikut :
Header
Top Menu
Left Menu ISI
Footer
Gambar 4.2 Perencanaan Layout Halaman Login
4.2.2 Perencanaan Data Input
Apabila pengunjung berhasil login, maka pengunjung akan diarahkan ke halaman kepegawaian pada sistem. Untuk melakukan input data seperti menambahkan data pegawai baru maka administrator bisa masuk ke halaman form pegawai. Halaman tersebut berisikan form yang akan diisi sesuai dengan data pegawai dan data akan disimpan ke dalam database. Adapun rencana layout halaman form pegawai dapat dilihat pada gambar di bawah ini :
Header
Username : Password :
Footer
Login Hapus
Gambar 4.3 Perencanaan Layout Halaman Form Pegawai
Header
Top Menu
L e f t
M e n u
Form Data Pegawai Baru Nomor Induk : Nama Pegawai : Jenis Kelamin : Tempat Lahir : Tanggal Lahir :
Agama :
Status Perkawinan : Jumlah Anak : Status Kepegawaian :
Golongan :
Jabatan :
Bagian :
Alamat :
Telp/Hp. :
Footer
Simpan Hapus
4.2.3 Perencanaan Output
Output adalah hasil pengolahan data yang yang diproses oleh sistem berdasarkan input yang dimasukkan. Pada sistem ini penulis merencanakan beberapa output yang dihasilkan, seperti laporan data pegawai, laporan data gaji pegawai. Adapun rencana output yang ingin penulis buat sebagai berikut :
DEPARTEMEN DALAM NEGERI REPUBLIK INDONESIA PEMERINTAH DAERAH MANDAILING NATAL SAKTER (54000-000) KANTOR CAMAT SINUNUKAN
DAFTAR PEMBAYARAN GAJI PEGAWAI BULAN xx - xxxx
-NAMA PEGAWAI -TANGGAL LAHIR -NIP/GOLONGAN -STATUS PEGAWAI
-STATUS KAWIN -JUMLAH ANAK
P E N G H A S I L A N P O T O N G A N
JUMLAH DIBAYARKAN GJ
POKOK TUN.
ISTRI TUN.
ANAK
TUN UMUM TUN ASKES
GAJI KOTOR IWP PPh
TAMB.
ASKES
JUMLAH POTONGAN
xxx xxxx-xx-xx xxxxxxxxxxxx/xx-x xxx
xxxx x
xxxxxx xxxx xxx
xxxxx
xxxx xxxxxxx xxxx
xxxx xxxx xxxx Rp xxxx ,-
Sinunukan, xx xx xxxx
Sebelum membangun sebuah sistem informasi berbasis web, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :
a. Sistem apa yang akan dibangun ?
b. Apa saja aktivitas yang dapat dilakukan pengunjung dalam sistem ? c. Apa saja yang ingin dicapai dari pembuatan sistem informasi tersebut ?
Dengan menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun sistem informasi ini karena dengan pertanyaan-pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan mengembangkan sistem informasi ke arah yang lebih lanjut.
Berkaitan dengan sistem informasi yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :
a. Sistem yang akan dibuat adalah sistem informasi gaji pegawai berbasis web, yang memudahkan administrator untuk memanipulasi data kepegawaian Camat Sinunukan.
b. Aktivitas yang dapat dilakukan dalam situs tersebut menginput, mengubah, dan menghapus data pegawai dan data gaji pegawai kecamatan sinunukan.
c. Target yang ingin dicapai dalam pembuatan sistem ini adalah dapat memberikan kemudahan bagi administrator dalam memanipulasi data kepegawaian dan data gaji pegawai serta memudahkan administrator dalam membuat laporan data.
Tahap selanjutnya adalah tahap pembuatan bagan atau sruktur dari situs tersebut. Struktur website tersebut menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.
Login
Pegawai Form Pegawai
Edit Pegawai
Cari Pegawai
Penggajian Form Edit
Laporan Laporan Data
Laporan Gaji
Account Form Account
Hapus
Adapun struktur dari sistem yang penulis buat ditunjukkan pada gambar berikut :
Gambar 4.4 Struktur Sistem Informasi yang akan dibangun
4.3 Perancangan Sistem
4.3.1 Perancangan Data Flow Diagram (DFD)
Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini
adalah bentuk Data FlowDiagram dari sistem informasi data gaji pegawai kecamtan sinunukan.
Gambar 4.5 Diagram Konteks Sistem Bagian Keuangan
Pegawai Bagian Kepegawaian
Slip Pegawai
0 Sistem Informasi Penggajian
Pegawai
- Data Golongan - Data Penggajian Biodata
Pegawai
Gambar 4.6 Diagram Level Nol
Pegawai Bagian Kepegawaian
1 Penggajian
- Data Golongan - Data Penggajian
- Laporan Gaji Pegawai - Laporan Data Pegawai 2
Pembuatan Laporan
Bagian Golongan F1
F2
Pegawai
F3 F4 Penggajian
Pimpinan - Biodata Pegawai
- Gaji Pegawai
4.3.2 Perancangan Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.
Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL.
Database yang dirancang penulis adalah database kepegawaian yang terdiri dari 3 (tiga) tabel sebagai berikut :
1. Tabel Admin
Tabel 4.1 Tabel Admin
Field Name Type Width Description
id Int 10 No.Urut (auto_increment, primary key)
user Varchar 45 Nama User
password Varchar 45 Password User
2. Tabel Pegawai
Tabel 4.2 Tabel Pegawai
Field Name Type Width Description
nip varchar 20 Nomor Induk Pegawai (primary key)
nama varchar 40 Nama Pegawai
kelamin varchar 10 Jenis Kelamin Pegawai tempat_lahir varchar 20 Tempat Lahir Pegawai tanggal_lahir date - Tanggal Lahir Pegawai
agama varchar 10 Agama Pegawai
jumlah_anak int 2 Jumlah Anak Pegawai golongan varchar 10 Golongan Pegawai
jabatan varchar 40 Jabatan Pegawai bagian varchar 30 Bagian Pekerjaan Pegawai
alamat varchar 60 Alamat Pegawai
telp varchar 16 No. Telepon Pegawai status varchar 10 Status Kepegawaian Pegawai statusperkawinan varchar 10 Status Perkawinan Pegawai
3. Tabel Gaji Pegawai
Tabel 4.3 Tabel Gaji
Field Name Type Width Description
kode varchar 10 Kode Gaji ( primary key)
periode varchar 15 Periode Penggajia nip varchar 16 Nomor Induk Penerima Gaji gapok int 20 Gaji Pokok Pegawai tun_istri int 20 Tunjangan Istri
tun_anak int 20 Tunjangan Anak
tun_askes int 20 Tunjangan ASKES
tun_umum int 20 Tunjangan Umum
gaji_kotor int 20 Gaji Pokok + Tunjangan
iwp int 20 Potongan IWP
pph int 20 Potongan PPh
pot_askes int 20 Potongan ASKES
penghasilan int 20 Gaji Bersih
tunjangan int 20 Jumlah Tunjangan
potongan int 20 Jumlah Potongan
4.3.3 Perancangan Diagram Alir (flowchart)
Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari sistem informasi data gaji pegawai kecamatan sinunukan.
START
Login
Input Username &
Password
Cek Username &
Password
Data Pegawai
Data Gaji
Laporan
Account
Logout
Userame & Password Salah
Halaman Data Pegawai A
Halaman Data Gaji Pegawai B
Halaman Laporan
Halaman Account
C
D Tidak
Tidak Tidak Tidak
Tidak
Tidak
Ya
Ya
Ya Ya Ya Ya
Gambar 4.7 Flowchart Sistem
4.3.3.1 Flowchart data pegawai
Flowchart data pegawai dapat dilihat pada gambar 4.4 di bawah ini :
A
Input Pegawai
Data Pegawai
Form
Pegawai Baru Simpan Simpan Data
Edit
Form Edit
Update Update
Hapus Data dihapus Tidak
Tidak
Tidak
Tidak
Tidak Tidak
Ya Ya
Ya
Ya
Ya Ya
Gambar 4.8 Flowchart Data Pegawai
4.3.3.2 Flowchart gaji pegawai
Flowchart data pegawai dapat dilihat pada gambar 4.5 di bawah ini :
B
Input Gaji
Data Gaji
Form Periode,
nip, gaji pokok Hitung Gaji Form Hasil Perhitungan
Simpan Simpan Gaji
Edit Hapus
Form Edit Update Update
Data dihapus Ya
Ya
Ya Ya
Ya Ya
Tidak
Tidak
Tidak
Tidak Tidak
Tidak
Gambar 4.9 Flowchart Gaji Pegawai
4.3.4 Perancangan Halaman Website
4.3.4.1 Halaman login
Halaman ini merupakan halaman dimana pengunjung diminta untuk memasukkan username dan password untuk masuk kedalam sistem. Apabila login berhasil, pengunjung akan diarahkan langsung ke halaman input pegawai. Tampilan halaman Login dapat dilihat pada gambar berikut :
Gambar 4.10 Halaman Login
4.3.4.2 Halaman form pegawai
Halaman ini berisikan form isian untuk data pegawai baru. Form bisa diisi yang kemudian data yang diisi akan disimpan ke database yang kemudian data tersebut dapat dilihat pada halaman lihat data pegawai. Form isian ini memiliki isian sebanyak 14 field yang berisikan tentang data pribadi pegawai mulai dari NIP, nama, tanggal
lahir, tempat lahir, alamat, golongan, stasus, dan lain sebagainya. Tampilan form pegawai sebagai berikut :
Gambar 4.11 Halaman Form Pegawai
4.3.4.3 Halaman lihat data pegawai
Halaman ini memuat semua data pegawai yang sudah tersimpan di dalam database.
Data direpresentasikan dalam bentuk tabel yang menampilkan NIP, nama, jenis
kelamin, tempat lahir, tanggal lahir, dan golongan pegawai. Berikut tampilan halaman data pegawai :
Gambar 4.12 Halaman Data Pegawai
Untuk menampilkan data detail pegawai, pengunjung dapat mengklik link detail yang terletak pada kolom terakhir tabel yang mengarahkan pengunjung ke halaman detail data pegawai, melalui halaman ini pengunjung dapat mengubah, mengupdate, dan menghapus data pegawai. Berikut contoh tampilan halaman detail pegawai :
Gambar 4.13 Halaman Detail Data Pegawai
4.3.4.4 Halaman cari data pegawai
Halaman ini akan memudahkan pengunjung untuk mencari data pegawai. Data pegawai yang dicari berdasarkan data yang dimasukkan pengunjung dalam form dimana data dicari berdasarkan nip, nama pegawai, jenis kelamin, agama, golongan, jabatan, bagian, dan status perkawinan.