OLEH :
TARA SATRIYA
3101 12012007
Mengetahui:
Ketua Program Studi
Sistem Informasi
Taufiq, M.Kom
NIK. 1002.074
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
(STMIK) BANJARBARU
Proposal ini telah diseminarkan dihadapan komite seminar pada dan disetujui
untuk dijadikan pedoman dalam penulisan skripsi.
SUSUNAN KOMITE SEMINAR
No Nama Komite Jabatan Tanda Tangan
1 Ketua
2 Sekretaris
3 Anggota
Banjarbaru,______________
Mengetahui : Mengesahkan:
Ketua ProgramStudi Ketua STMIK Banjarbaru
Sistem Informasi
Hal
PERSETUJUAN PROPOSAL SKRIPSI.....................................................................ii
PENGESAHAN PROPOSAL SKRIPSI.....................................................................iii
DAFTAR ISI................................................................................................................iv
DAFTAR TABEL........................................................................................................vi
DAFTAR GAMBAR..................................................................................................vii
BAB IPENDAHULUAN
1.1. Latar Belakang 1
1.2. Permasalahan Penelitian 2
1.2.2 Ruang Lingkup Masalah..............................................................................2
1.2.3. Rumusan Masalah.......................................................................................2
1.3. Tujuan Penelitian 2
1.4. Manfaat Penelitian 3
iv
BAB III METODE PENELITIAN
3.1. Analisa Kebutuhan 13
3.1.1 Metode Pemilihan Sampel..........................................................................13
3.1.2 Metode Pengumpulan Data........................................................................13
3.2. Rancangan Penelitian 14
3.2.2 Use Case Diagram................................................................................14
3.2.3. Sequence Diagram.....................................................................................16
3.2.5. Struktur Tabel............................................................................................25
3.2.6. Relasi Tabel...............................................................................................28
3.2.7. Arsitektur Sistem.......................................................................................28
3.2.8. Desain Form Beranda................................................................................30
3.3. Teknik Analisa Data 41
3.4. Jadwal Penelitian 42
DAFTAR PUSTAKA..................................................................................................44
v
DAFTAR TABEL
Hal
Tabel 3. 1. Desain Tabel Data KTP.............................................................................25
Tabel 3. 2. Desain Tabel Status...................................................................................26
Tabel 3. 3 Desain Tabel User......................................................................................26
Tabel 3. 4. Desain Tabel Pekerjaan.............................................................................26
Tabel 3. 5. Desain Tabel Kecamatan...........................................................................27
Tabel 3. 6. Desain Tabel Kelurahan............................................................................27
Tabel 3. 7. Desain Tabel Desa.....................................................................................27
vi
DAFTAR GAMBAR
Hal
Gambar 3. 1. Diagram Konteks..................................................................................14
Gambar 3. 2. Diagram Use Case...............................................................................15
Gambar 3. 3. Sequence Diagram Login......................................................................16
Gambar 3. 4. Sequence Diagram Pengelolaan Data Pembuatan KTP........................17
Gambar 3. 5. Sequence Diagram Pengelolaan Data Perbaikan KTP..........................18
Gambar 3. 6. Sequence Diagram Pengelolaan Data Penggantian KTP......................19
Gambar 3. 7. Sequence Diagram Pengelolaan Data Status........................................20
Gambar 3. 8. Sequence Diagram Informasi Status KTP............................................21
Gambar 3. 9. SequenceDiagram Logout.....................................................................22
Gambar 3. 10. Activity Diagram Login.......................................................................22
Gambar 3. 11. Activity Diagram Tambah Data KTP...................................................23
Gambar 3. 12. Activity Diagram Ubah Data KTP......................................................24
Gambar 3. 13. Activity Diagram Hapus Data KTP.....................................................24
Gambar 3. 14. Activity Diagram.................................................................................25
Gambar 3. 15. Relasi Tabel.........................................................................................28
Gambar 3. 16. Arsitektur SistemAdmin......................................................................29
Gambar 3. 17. Arsitektur Sistem Pengguna................................................................30
Gambar 3. 18. Desain Form Login.............................................................................30
Gambar 3. 19. Desain Halaman Dashboard................................................................31
Gambar 3. 20. Desain Halaman Tambah Data KTP...................................................31
Gambar 3. 21. Desain Halaman Data KTP.................................................................32
Gambar 3. 22. Desain Halaman Data Kategori..........................................................32
Gambar 3. 23. Desain Halaman Tambah Data Kategori.............................................33
Gambar 3. 24. Desain Halaman Data Post.................................................................33
Gambar 3. 25. Desain Halaman Tambah Data Post....................................................34
Gambar 3. 26. Desain Halaman Data KTP Untuk User.............................................34
Gambar 3. 27. Desain Halaman Upload Scan Perbaikan dan Penggantian KTP Untuk
User.....................................................................................................................35
vii
Gambar 3. 28 Desain Halaman Upload Scan Kehilangan dan Kerusakan KTP Untuk
User.....................................................................................................................35
Gambar 3. 29 Desain Halaman Informasi Pembuatan KTP.......................................36
Gambar 3. 30 Desain Halaman Informasi Perbaikan KTP.........................................36
Gambar 3. 31 Desain Halaman Informasi Kehilangan KTP......................................37
Gambar 3. 32 Desain Halaman Data Kerusakan dan Kehilangan KTP.....................37
Gambar 3. 33 Desain Halaman Kecamatan................................................................38
Gambar 3. 34 Desain Halaman Kecamatan................................................................38
Gambar 3. 35 Desain Halaman Laporan Data Kerusakan KTP.................................38
Gambar 3. 36 Desain Halaman Laporan Data Kehilangan KTP................................39
Gambar 3. 37 Desain Halaman Laporan Data KTP...................................................39
viii
BAB I
PENDAHULUAN
1
2
masalah ini, peneliti kemudian akan membangun sebuah sistem informasi pelayanan
KTP pada dinas kependudukan dan catatan sipil Kabupaten Tanah Laut berbasih
web. Dengan dibangunnya sistem informasi yang berbasis web maka dapat
membantu masyarakat mengetahui informasi pelayanan KTP dimana dan kapan saja.
4
5
2.2.2. Informasi
Informasi dapat dipahami sebagai pemrosesan input yang terorganisir,
memiliki arti, dan berguna bagi orang yang menerimanya. Data berbeda dengan
informasi. Data dapat didefinisikan sebagai fakta-fakta yang masih mentah atau acak
yang menjadi input untuk proses yang menghasilkan informasi. Informasi harus
memiliki arti sehingga dapat dimanfaatkan. Agar memiliki arti, informasi harus
memilik beberapa karakteristik, yaitu dapat diandalkan (reliable), relevan, memiliki
keterkaitan dengan waktu (timely), lengkap, dapat dipahami dan dapat diverifikasi.
Informasi dapat diandalkan jika bebas dari kesalahan atau bias, secara akurat
merepresentasikan keadaan atau aktivitas organisasi. Informasi relevan jika dapat
mendukung pengambilan keputusan karena memberikan tambahan pengetahuan atau
nilai kepada para pengambil keputusan. Informasi berkaitan dengan waktu karena
apabila hendak mendukung suatu keputusan, maka informasi tidak boleh terlambat
atau sudah ketinggalan. Informasi dapat dipahami jika tersusun dalam bentuk yang
dapat diverifikasi jika ada sumber lain yang dapat menjadi pembanding bagi
keabsahannya. (Tantra, 2012)
2.2.4. KTP
6
2.2.5. HTML
HTML singkatan dari Hyper Text Markup Language, yaitu skrip yang berupa
tag-tag untuk membuat dan mengatur struktur website. Beberapa tugas utama HTML
dalam membangun website diantaranya sebagai berikut :
a. Menentukan layout website.;
b. Memformat teks dasar seperti pengaturan paragraf, dan format font.
c. Membuat list.
d. Membuat tabel.
e. Menyisipkan gambar, video, dan audio.
f. Membuat link.
g. Membuat formulir.
(Abdulloh, 2015).
2.2.6. CSS
CSS atau Cascading Style Sheet saat ini adalah sebuah elemen penting dalam
pembuatan sebuah web. Sama pentingnya saat kita mendesain bentuk web pada
photoshop. Dengan CSS, kita dapat mendesain sejumlah halaman dengan aturan yang
7
sama tanpa mengubah halaman-halaman tersebut satu persatu. Bayangkan saya Anda
mempunyai ratusan halaman dan Anda harus mendesain halaman tersebut satu
persatu, akan menghabiskan banyak waktu. Dengan CSS masalah tersebut akan
mudah diatasi. Dengan membuat fileCSS dan mengimportnya kedalam file halaman
web. Kita dapat memformat style semua halaman web yang kita buat.
Saat ini CSS merupakan aturan style yang banyak digunakan dikarenakan
fleksibilitas dari tag, kemudahan dan lengkapnya atribut yang dimilikinya.
Penggunaan CSS dalam web akan lebih efisien dikarenakan CSS dapat
digunakan secara berulang-ulang pada tag-tag tertentu, sehingga kita tidak usah
mengetikkan ulang seluruh perintah pemformatan desain seperti halnya dalam
HTML klasik. (Wismakarma, 2009)
2.2.7. Javascript
Javascript, secara alami, adalah bahasa yang cukup mudah untuk dibangun.
Satu keuntungan yang dimiliki javascript adalah bahwa javascript adalah bahasa
yang ditafsirkan, berarti bahwa kode yang dikembangkan masih dapat digunakan,
dan bahkan bekerja, sesuai dengan spesifikasi proyek.
Kode non-kompilasi dapat berupa baik dan buruk. Tanpa perlu untuk
dikompilasi, pengembang dapat dengan cepat membangun sebuah halaman webuntuk
aplikasi web penuh dalam waktu yang sangat singkat. Juga, javascript sangat
didekati oleh pengembang baru atau tingkat menengah pada umumnya, membuat
penyusunan staf untuk proyekweb sedikit lebih mudah.
Sekarang, apa yang buruk tentang tidak menggunakan bahasa yang
dikompilasi adalah bahwa Javascript tidak dikompilasi dan kesalahan umum
cenderung dilewatkan oleh para pengembang yang terlibat; bahkan jika kode
tampaknya bekerja, javascript mungkin tidak bekerja secara efisien. Selama hari-hari
di mana alat pengembang yang paling mungkin sepertiNotepad pada Windows dan
browserweb, kesalahan yang jelas adalah dari developer itu sendiri, meninggalkan
masalah apapun yang berkaitan dengan kinerja kode. (Adams, 2015)
2.2.8. PHP
8
2.2.9. MySQL
MySQL bukan termasuk bahasa pemprograman, MySQL merupakan salah
satu database populer dan mendunia. MySQL bekerja Menggunakan SQL (Structure
Query Languange). MySQL merupakan database yang mampu berjalan di semua
sistem operasi, powerful, selain itu sangat mudah sekali untuk dipelajari, dan banyak
sekali hosting server yang mengadopsi MySQL sebagai standar database. MySQL
bersifat free alias gratis.
MySQL bekerja menggunakan bahasa basis data yaitu DBMS yang
merupakan kependekan dari DataBase Management System. Languange ini terbagi
dua, yaitu DDL dan DML.
DDL (DataDefinitionLanguange), merupakan suatu perintah yang digunakan
untuk menciptakan struktur data, atau untuk membangun database. DDL mempunyai
tugas untuk membuat objek SQL dan menyimpan definisinya dalam tabel seperti
membuat tabel, mengubah nama tabel, dan sebagainya. DML (Data Manipulation
Languange) merupakan basis data yang digunakan untuk melakukan modifikasi dan
pengambilan data pada suatu database. (Saputra, Subagio, & Saluky, 2012)
2.2.11. jQuery
Dengan jQuery, Anda tidak hanya mendapatkan kompatibilitas lintas-
browser tingkat tinggi (bahkan termasuk Internet Explorer), Anda juga memiliki
akses cepat dan mudah untuk HTML dan manipulasi DOM, fungsi khusus untuk
berinteraksi langsung dengan CSS, kemampuan untuk melakukan kontrol event, alat
yang ampuh untuk membuat efek profesional dan animasi, dan fungsi untuk
melakukan komunikasi Ajaxdengan server web. jQueryjuga merupakan dasar untuk
berbagai plug-indan utilitas lain juga.
Anda tidak perlu menggunakan jQuery,dan beberapa pemrograman yang
mengikuti aturan tidak akan pernah menyentuh perpustakaan, dan lebih memilih
untuk membuat koleksi fungsi mereka yang dipesan lebih dahulu(dan bisa
10
adaalasanbagus untuk ini, seperti tidak harus menunggu orang lain untuk
memperbaiki bug yang anda temukan, menerapkan fitur keamanan anda sendiri, dan
sebagainya).(Nixon, 2015)
JQuery perpustakaan dapat melakukan berbagai tugas dengan akses user-
friendly untuk scripting, termasuk:
a. Mengakses elemen
Sintaks CSS digunakan untuk mengakses elemen, sehingga Anda tidak perlu
belajar atau menggunakan semua coding Javascript yang diperlukan untuk
dilakukan lintas-browser yang konsisten ini.
b. Membuat perubahan ke dokumen
Mengubah penampilan atau konten dalam elemen yang lebih intuitif daripada di
Javascript. Sebagai contoh, jQuery menggunakan metode append() untuk
menambahkan konten ke akhir elemen, yang mudah diingat ketika Anda perlu
melakukan tugas.
c. Membuat efek
Banyak metode untuk membuat animasi bergerak, event, atau menyembunyikan
elemen yang tersedia dengan efek untuk diterapkan dengan mudah di lintas-
browser.
d. AJAX
jQuery menyediakan metode untuk mengambil informasi dari server untuk
meringankan beban menulis kode lintas-browser dalam Javascript.
Selain itu, jQuery memiliki metode yang memungkinkan Anda dengan
mudah bekerja dengan Array dan fungsi lainnya diJavascript. Sebagai contoh,
metode jQuery.isArray()dapat digunakan dengan mudah untuk mencari item dalam
array, yang dalam Javascript akan membutuhkan fungsi khusus yang ditulis untuk
jenis browser lama yang mungkin tidak mendukung metode index Of() untuk array.
(Pollock, 2014)
instansi pemerintah untuk bidang kependudukan dan catatan sipil adalah undang-
undang nomor 23 tahun 2006 tentang Administrasi Kependudukan dimana pada
pasal 1 ayat 1 menjelaskan bahwa Administrasi Kependudukan adalah rangkaian
kegiatan penataan dan penertiban dalam penerbitan dokumen dan Data
Kependudukan melalui Pendaftaran Penduduk, Pencatatan Sipil, pengelolaan
informasi Administrasi Kependudukan serta pendayagunaan hasilnya untuk
pelayanan publik dan pembangunan sektor lain., ayat 6 dan 7 yang menyebutkan
instansi pelaksana Administrasi Kependudukan.
12
13
14
Pada Diagram konteks diatas digambarkan dua user yang berinteraksi dengan
sistem. User yang pertama adalah admin yaitu dinas Dukcapil, dimana admin
bertanggung jawab untuk melakukan masukan data seperti data pembuatan KTP, data
status, data perbaikan KTP, dan data penggantian KTP. Data-data tersebut kemudian
diperlukan untuk menghasilkan output berupa laporan-laporan untuk mendukung
keputusan. Laporan-laporan tersebut adalah laporan status pembuatan KTP, laporan
status perbaikan KTP, laporan status penggantian KTP.
User kedua yang berinteraksi dengan sistem adalah masyarakat, masyarakat
dapat menjelajahi website untuk mendapatkan informasi mengenai persyaratan
pembuatan KTP, persyaratan perbaikan KTP, persyaratan penggantian KTP. Selain
itu masyarakat dapat melihat status KTP yang diurusnya selesai atau belum.
Pada diagram use case di atas, terdapat dua aktor yaitu admin dan user yang
dapat melakukan interaksi dengan sistem. Pemilik dapat melakukan banyak tindakan
dalam sistem diantaranya melakukan login, mengelola data pembuatan KTP,
mengelola data perbaikan KTP, mengelola data penggantian KTP, mengelola data
status, dan logout. Sedangkan aktor kedua adalah pelanggan dimana pelanggan dapat
melakukan melihat atau cek informasi status KTP yang diurusnya, informasi cara
pembuatan KTP, informasi cara perbaikan KTP, dan informasi cara penggantian KTP.
16
validasi akan disimpan dalam database. Setelah tersimpan, admin akan diarahkan ke
halaman data perbaikan KTP.
Di halaman data perbaikan KTP, admin memilih hapus, kemudian kontrol
akan melakukan query dengan data dalam database dan kemudian menghapus data.
Kontrol kemudian menampilkan data di halaman perbaikan data KTP.
Di halaman data penggantian KTP admin mengubah data KTP. Data KTP
yang di input akan divalidasi oleh kontrol. Data kategori yang telah diubah dan telah
di validasi akan disimpan dalam database. Setelah tersimpan, admin akan diarahkan
ke halaman data penggantian KTP.
Di halaman data penggantian KTP, admin memilih hapus, kemudian kontrol
akan melakukan query dengan data dalam database dan kemudian menghapus data.
Kontrol kemduian menampilkan data di halaman penggantian data KTP.
telah di input oleh admin. Jika data-data yang diinput telah melewati validasi maka
data tersebut akan disimpan dalam database dan kemudian ditampilkan di halaman
data status.
Di halaman data status admin mengubah data KTP. Data KTP yang di input
akan divalidasi oleh kontrol. Data kategori yang telah diubah dan telah di validasi
akan disimpan dalam database. Setelah tersimpan, admin akan diarahkan ke halaman
data status.
Di halaman data status, admin memilih hapus, kemudian kontrol akan
melakukan query dengan data dalam databasedan kemudian menghapus data.
Kontrol kemduian menampilkan data di halaman perbaikan data KTP.
Di halaman cek ktp user dapat meng-input-kan data KTP yang ingin dicari.
Kemudian inputan diproses oleh kontrol untuk dilakukan validasi terkait karakter
yang telah di input oleh admin. Setelah data divalidasi oleh kontrol kontrol kemudian
akan melakukan query ke dalam databasae dan menampilkan data hasil query di
halaman cek status KTP.
dimasukkan. Jika data yang dimasukkan benar ada dalam database sistem maka
proses login selesai, jika sebaliknya data yang dimasukkan tidak terdapat dalam
database maka muncul pesan bahwa username dan password salah dan user kembali
menginputkan username dan password dan dilakukan proses validasi kembali hingga
username dan password benar.
Admin menginput data KTP, jika data belum lengkap maka akan tampil
pemberitahuan untuk melungkapi data, jika data sudah ada di dalam database maka
tampil pemberitahuan bahwa data yang diinput telah ada dalam sistem. Jika data
sudah lengkap dan tidak ada data yang sama dalam database maka data akan
tersimpan.
24
Admin mengubah data KTP, jika data belum lengkap maka akan tampil
pemberitahuan untuk melungkapi data, jika data sudah ada di dalam database maka
tampil pemberitahuan bahwa data yang diinput telah ada dalam sistem. Jika data
sudah lengkap dan tidak ada data yang sama dalam database maka data akan
tersimpan.
Admin memilih hapus KTP pada data yang ingin dihapus, sistem kemudian
melakukan penghapus data di dalam sistem.
Transaksi Informasi
Cek Status KTP Pembuatan KTP
Penggantian dan
KTP Hilang dan Perbaikan KTP
Rusak
Arsitektur di atas adalah arsitektur untuk bagian aplikasi yang dapat diakses
oleh masyarakat. Masyarakat dapat mengakses menu transaksi dengan sub menu cek
status KTP.
Gambar 3. 27. Desain Halaman Upload Scan Perbaikan dan Penggantian KTP
Untuk User
36
pesan kepada user bahwa terdapat data yang sama. Jika sebaliknya tidak ada data
yang sama dalam sistem, maka datayang dikirim akan disimpan dalam database.
Data dalam tabel bertambah satu data. Proses ini terdapat dalam form pelanggan,
barang, pesanan, dan pembayaran.
Data-data yang digunakan dalam sistem ini antara lain data status, data KTP,
dan data user.
3.4. Jadwal Penelitian
[1] Peraturan Presiden Nomor 26 Tahun 2009 Tentang Penerapan Kartu Tanda
Penduduk Berbasis Nomor Induk Kependudukan Secara Nasional Yang Berisi
Penjelasan Tentang KTP. (2009). Indonesia.
[2] Peraturan Presiden Nomor 35 Tahun 2010 Tentang Perubahan Atas Peraturan
Presiden Nomor 26 Tahun 2009 Tentang Penerapan Kartu Tanda Penduduk
Berbasis Nomor Induk Kependudukan Secara Nasional. (2010).
[3] Abdulloh, R. (2015). Web Programing Is Easy. Jakarta: PT Elex Media
Komputindo.
[4] Adams, C. R. (2015). Mastering JavaScript High Performance. Birmingham:
Packt Publishing.
[5] Fujiyati, O. Y., & Sukadi. (2015). Sistem Informasi Pengolah Data
Kependudukan Desa Purwoasri. Journal Speed Sentra Penelitian
Engineering dan Edukasi.
[6] Gaol, C. J. (2008). Sistem Informasi Manajemen. Jakarta: PT Gramedia
Widiasarana Indonesia.
[7] Hayat, E. A., Retnadi, E., & Gunadhi, E. (2014). Perancangan Sistem Informasi
Kependudukan Berbasi Web. Jurnal Algoritma.
[8] Nixon, R. (2015). Learning PHP, MuSQL & Javasript With jQuery, CSS &
HTML5. California: OReilly Media, Inc.
[9] Pollock, J. (2014). jQuery A Beginner's Guide. New York: McGraw-Hill
Education.
[10] Saputra, A., Subagio, R. T., & Saluky. (2012). Membangun Aplikasi E-Library
Untuk Panduan Skripsi. Jakarta: Elex Media Komputindo.
[11] Shaw, P. (2014). Twitter Bootstrap Succintly. Morrisville: Syncfusion Inc.
[12] Tantra, R. (2012). Manajemen Proyek Sistem Informasi. Yogyakarta: Penerbit
ANDI.
[13] Wardani, S. K. (2013). Sistem Informasi Pengolahan Data Nilai Siswa Berbasis
Web Pada Sekolah Menengah Atas (SMA) Muhammadiyah Pacitan.
Indonesian Jurnal on Networking and Security (IJNS), 30-37.
[14] Wismakarma, K. (2009). Membuat Katalog Online Dengan PHP dan CSS.
Yogyakarta: Lokomedia.
42
43