[revisi tidak terperiksa]

[revisi terperiksa]

Revisi terkini pada 15 September 2018 16.08

PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR

BERBASIS WEB PADA KELURAHAN SUKASARI

KECAMATAN TANGERANG

Disusun Oleh :

NIM	: 1511489617
NAMA	: PUTRI IKA WATI

JURUSAN SISTEM INFORMASI

SISTEM INFORMASI MANAJEMEN

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

2017/2018

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR

BERBASIS WEB PADA KELURAHAN SUKASARI

KECAMATAN TANGERANG

Disusun Oleh:

NIM	: 1511489617
Nama	: Putri Ika Wati
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Informasi
Konsentrasi	: Sistem Informasi Manajemen

Disahkan Oleh:

Tangerang, 17 Juli 2018

Ketua					Kepala Jurusan
STMIK RAHARJA					Jurusan Sistem Informasi




(Ir. Untung Rahardja, M.T.I., MM)					(Nur Azizah, M.Akt., M.Kom)
NIP: 000594					NIP: 078010

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR

BERBASIS WEB PADA KELURAHAN SUKASARI

KECAMATAN TANGERANG

Dibuat Oleh:

NIM	: 1511489617
Nama	: Putri Ika Wati

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Infomasi

Konsentrasi Sistem Informasi Manajemen

Tahun Akademik 2017/2018

Disetujui Oleh:

Tangerang, 17 Juli 2018

Pembimbing I			Pembimbing II




(Khozin Yuliana,Ir.,MM)			(Erna Astriyani,S.Kom.,MTI)
NID: 15015			NID: 15017

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR BERBASIS

WEB PADA KELURAHAN SUKASARI KECAMATAN TANGERANG

Dibuat Oleh :

NIM	: 1511489617
Nama	: PUTRI IKA WATI

Disetujui setelah berhasil dipertahankan di hadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Sistem Informasi Manajemen

Tahun Akademik 2017/2018

Disetujui Penguji :

Tangerang, Juli 2018

Ketua Penguji	Penguji I	Penguji II




(_______________)	(_______________)	(_______________)
NID :	NID :	NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR

BERBASIS WEB PADA KELURAHAN SUKASARI

KECAMATAN TANGERANG

Disusun Oleh:

NIM	: 1511489617
Nama	: Putri Ika Wati
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Infomasi
Konsentrasi	: Sistem Informasi Manajemen

Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.

Tangerang, 17 Juli 2018

(Putri Ika Wati)

NIM: 1511489617

)*Tandatangan dibubuhi materai 6.000;

ABSTRAK

Sistem informasi penduduk dimaksudkan untuk meningkatkan efisiensi dalam hal pelayanan masyarakat. Kelurahan Sukasari Tangerang selama ini mempunyai sistem informasi yang masih sederhana dan kurang efektif yaitu menggunakan Ms.Word/Ms.Excel. Sistem tersebut tentu saja mempunyai banyak kelemahan yaitu harus mencari file surat dalam beberapa folder tertentu, dan juga sering terjadi kehilangan file/folder surat serta penumpukan berkas-berkas, human error dan mengakibatkan lamanya proses dalam pencarian maupun pembuatan surat pengantar serta laporan yang dibutuhkan.Metode analisa yang digunakan yaitu menggunakan analisa SDLC (System Development Life Cycle), untuk metode perancangan modelnya menggunakan UML (Unified Modeling Language), sedangkan untuk bahasa pemrogramannya digunakan bahasa PHP dan HTML yang menggunakan aplikasi Notepad++, untuk framework PHP yang digunakan yaitu Laravel dan dalam pembuatan databasenya menggunakan MariaDB. Hasil penelitian ini adalah sistem informasi surat berbasis web pada Kelurahan Sukasari yang dapat diakses menggunakan browser komputer lokal. Dengan demikian akan menghasilkan sistem informasi surat yang dapat bermanfaat bagi Kelurahan Sukasari baik sebagai pengetahuan maupun sebagai dasar untuk mengambil suatu langkah kebijaksanaan .

Kata Kunci: Surat Pengantar, Human error, notepad++, SDLC, HTML

ABSTRACT

The population information system is intended to improve efficiency in terms of community service. Kelurahan Sukasari Tangerang so far has an information system that is still simple and less effective using Ms.Word / Ms.Excel. The system of course has many disadvantages that is to look for the mail files in certain folders, and also often occurs loss of files / folders of letters and the buildup of files, human error and result in length of process in searching and making the cover letter and the required reports. The analysis method used is SDLC (System Development Life Cycle) analysis, for the method of designing the model using UML (Unified Modeling Language), while for programming language used PHP and HTML language using Notepad ++ application, for PHP framework used is Laravel and in making its database using MariaDB. The result of this research is web-based letter information system at Kelurahan Sukasari which can be accessed using local computer browser. Thus will produce a system of letter information that can be useful for Kelurahan Sukasari both as knowledge and as a basis for taking a policy step.

Keywords : Introduction Letter, Human error, notepad ++, SDLC, HTML

KATA PENGANTAR

Dengan memanjatkan puji dan syukur kehadirat Allah SWT serta kepada junjungan Nabi Besar Muhammad SAW karena dengan segala rahmat dan karunia-Nya penulis dapat menyusun dan menyelesaikan laporan Skripsi ini dengan baik, yang berjudul “PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR BERBASIS WEB PADA KELURAHAN SUKASARI KECAMATAN TANGERANG”.

Tujuan dari penulisan laporan Skripsi ini disusun sebagai salah satu syarat guna melengkapi kurikulum perkuliahan.Sebagai bahan penulisan, Penulis memperoleh informasi berdasarkan sumber yang mendukung penulisan laporan ini.Oleh karena itu dalam kesempatan ini penulis ingin menyampaikan ucapan terimakasih yang sebesar-besarnya kepada :

Bapak Dr. Ir. Untung Rahardja, M.T.I.,MM. selaku Ketua STMIK Raharja
Bapak Sugeng Santoso, M.Kom selaku Puket 1 STMIK Raharja
Ibu Nur Azizah, M.Akt.,M.Kom selaku Kepala Jurusan Sistem Informasi
Bapak Khozin Yuliana, Ir.,MM, selaku Dosen Pembimbing I yang telah membantu dalam penyusunan laporan Skripsi
Ibu Erna Astriyani, S.Kom.,M.T.I selaku Dosen Pembimbing II yang telah memberikan arahan dan saran-saran sehingga laporan ini bisa terselesaikan dengan baik dan tepat waktu
Seluruh Dosen Perguruan Tinggi Raharja yang telah membekali ilmu pengetahuan kepada penulis
Ibu Erlin Herlina, SP, selaku pembimbing lapangan atas pengarahan dan saran-saran yang telah diberikan.
Kepada kedua orang tua dan kakak-kakak tercinta yang telah memberikan do’a dan dukungan, baik secara moril maupun materil untuk keberhasilan penulis agar dapat menyelesaikan laporan Skripsi
Kepada Zerry Aprillia teman spesial yang telah mendukung baik moril maupun materil, dan do’a untuk keberhasilan penulis.
Teman-teman seperjuangan bolo’s partai dan teman seperjuangan lainnya, yang saling memberi semangat satu sama lain untuk menyelesaikan laporan Skripsi ini
Serta semua pihak yang tidak dapat disebutkan satu per satu yang selama ini juga turut memberikan semangat dan doa agar penulis dapat menyelesaikan laporan Skripsi ini.

Akhir kata, penulis berharap semoga laporan ini dapat memberikan manfaat bagi para pembaca dan dapat menjadi acuan yang bermanfaat di kemudian hari.

	Tangerang, 17 Juli 2018
















	PUTRI IKA WATI
	NIM. 1511489617

Daftar isi

1 BAB I PENDAHULUAN
2 BAB II
3 BAB III
4 BAB IV
5 BAB V
- 5.1 Kesimpulan
- 5.2 Saran
6 DAFTAR PUSTAKA

BAB I

PENDAHULUAN

Latar Belakang

Perkembangan teknologi seperti sekarang ini baik di instansi pemerintahan maupun swasta dituntut untuk dapat mengikuti serta mengetahui derasnya arus informasi dalam segala bidang khususnya bidang komputer. Dengan pemakaian komputer tersebut akan semakin mempermudah dalam melakukan pengolahan data dan sangat berpengaruh dalam efisiensi dan efektivitas kerja. Komputer adalah salah satu kemajuan teknologi yang dalam perkembangannya sangat membantu dalam instansi pemerintahan khususnya untuk meningkatkan pelayanan masyarakat.

Namun pada saat ini, masih terdapat beberapa instansi pemerintah yang masih menggunakan sistem manual dalam menyelesaikan pekerjaan. Salah satunya yaitu pada Kelurahan Sukasari yang hingga saat ini masih menggunakan sistem manual atau pengolahan data menggunakan Ms.Word & Ms.Excel dalam pembuatan surat pengantar yang dibutuhkan masyarakat sehingga mengakibatkan lamanya proses pembuatan, maupun pencarian surat pengantar yang dibutuhkan. Sehingga diperlukannya sistem pembuatan maupun pencarian surat pengantar yang lebih baik menggunakan teknologi komputer.

Kelurahan Sukasari merupakan salah satu kelurahan yang berada di Tangerang dan mempunyai tugas pokok yaitu menyelenggarakan urusan tata pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan permberdayaan masyarakat. Surat pengantar maupun surat keterangan berguna untuk legalitas dari aktivitas yang dilakukan, dan merupakan salah satu bentuk pelayanan serta menjadi tanggung jawab pemerintah. Oleh karena itu diperlukannya sebuah sistem yang dapat membantu Staff dalam pembuatan maupun pencarian surat pengantar yang dibutuhkan masyarakat.

Dari permasalahan tersebut dengan adanya sistem informasi surat pengantar berbasis web diharapkan dapat membantu dan mempermudah staff dalam proses pembuatan surat pengantar yang dibutuhkan masyarakat serta untuk menunjang kinerja dalam rangka meningkatkan pelayanan kepada masyarakat. Berdasarkan penjelasan permasalahan diatas maka peneliti mengambil judul PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR BERBASIS WEB PADA KELURAHAN SUKASARI KECAMATAN TANGERANG

Rumusan Masalah

Berdasarkan latar belakang masalah yang telah dijelaskan diatas, maka dapat dirumuskan beberapa masalah sebagai berikut:

Bagaimana proses pembuatan surat pengantar yang sedang berjalan di Kelurahan Sukasari untuk mencari serta mencetak surat-surat yang dikeluarkan dan diperlukan oleh masyarakat ?
Apakah pencarian surat pengantar yang dibutuhkan sulit ditemukan sehingga menghambat kerja staff Kelurahan Sukasari?
Bagaimana membuat sistem pembuatan surat pengantar yang dapat membantu staff Kelurahan Sukasari dalam pelayanan masyarakat?

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Berdasarkan rumusan masalah yang diuraikan diatas, maka tujuan dari penulis adalah sebagai berikut :

Untuk meningkatkan pelayanan surat pengantar yang dibutuhkan masyarakat.
Untuk membantu staff dalam pencariaan surat yang dibutuhkan masyarakat dan mengelola surat secara terkomputerisasi.
Untuk merancang sistem informasi pembuatan surat pengantar berbasis web pada Kelurahan Sukasari dalam pelayanan masyarakat.

Manfaat Penelitian

Adapun manfaat yang dihasilkan dalam skripsi ini adalah:

Membantu kinerja dalam meningkatkan pelayanan terhadap masyarakat.
Mempermudah dalam pembuatan dan pencarian surat pengantar yang dibutuhkan masyarakat.
Dapat dihasilkannya sistem informasi pembuatan surat pengantar berbasis web pada Kelurahan Sukasari yang dapat memperbaiki sistem yang berjalan sebelumnya.

Ruang Lingkup Penelitian

Berdasarkan dari rumusan masalah di atas, maka ruang lingkup penelitian ini sebagai berikut:

Agar penelitian ini dapat menghasilkan informasi yang terarah dan sesuai dengan harapan, maka ruang lingkup yang akan dibahas dalam masalah ini hanya terbatas pada analisa sistem surat pengantar yaitu surat yang dibawa masyarakat dan diberikan kepada staff Kelurahan untuk ditujukan kepada instansi kepemerintahan ataupun sesuai kebutuhan masyarakat lainnya, dan diberikan kembali surat jadi yang diminta masyarakat kepada masyarakat.

Metode Penelitian

Metode Pengumpulan Data

Untuk mendapatkan data yang diperlukan dalam penelitian, peneliti menggunakan beberapa metode sebagai berikut:

Metode Pengamatan Langsung (Observation)

Observasi yang dilakukan dengan pengamatan langsung ke Kelurahan Sukasarari untuk mendapatkan data yang di teliti dan untuk mengetahui sistem yang sudah berjalan dan menganalisis secara sistematis terhadap unsur-unsur yang diteliti.

Metode Wawancara (Interview)

Metode ini dilakukan dengan proses tanya jawab secara langsung kepada pihak yang bersangkutan dalam proses pelayanan sistem surat pengantar yang sedang berjalan saat ini untuk mendapatkan informasi yang akurat dan untuk menyelesaikan penelitian ini.

Metode Studi Pustaka (Library Research)

Selain melakukanan observasi dan wawancara dilakukan juga dengan mencari dan membaca beberapa referensi dari perpustakaan dan internet untuk mendapatkan informasi atau sumber-sumber kajian yang terkait dengan penelitian ini.

Metode Analisa Sistem

Pada metode analisa sistem ini, peneliti menggunakan metode analisa SWOT untuk mengetahui permasalahan ataupun suatu topik dari 4 sisi yang berbeda diantaranya, Strenght (S) atau disebut sebagai analisis kekuatan, Weaknesses (W) atau disebut sebagai kelemahan, Opportunity (O) atau disebut sebagai analisis peluang, Threats (T) atau disebut sebagai analisis ancaman. Adapun pengertian dari analisa SWOT adalah suatu cara menganalisis faktor-faktor internal dan eksternal menjadi langkah-langkah strategi dalam pengoptimalan usaha yang lebih menguntungkan serta menjadi salah satu penyeimbangan analisa internal perusahaan yang meliputi penilaian terhadap faktor peluang kekuatan (Strenght) dan kelemahan (Weaknesses), dengan analisa eksternal perusahaan yang meliputi factor peluang (Opportunity) dan ancaman (Threats). Analisa SWOT dapat diterapkan dengan cara menganalisis dan memilah berbagai hal yang mempengaruhi keempat faktornya, kemudian menerapkannya dalam gambar matrik SWOT dengan menggunakan pendekatan pemecahan masalah. Dengan menggunakan metode analisa ini maka penelitian dapat dianalisis dengan teknik-teknik yang tepat.

Metode Perancangan

Pada penelitian ini metode perancangan yang digunakan yaitu SDLC (System Development Life Cycle) dengan tahapan sebagai berikut :

Perencanaan (Planning)

Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan – kebutuhan sumber daya, seperti : perangkat fisik, metode dan anggaran yang sifatnya masih umum. Dalam tahap ini juga dilakukan langkah – langkah berupa : mendefinisikan masalah, menentukan tujuan sistem, mendefinisikan kendala – kendala sistem dan membuat studi kelayakan.

Analisis (Analysis)

Tahap analisis merupakan tahap penelitian atau sistem yang berjalan dengan tujuan untuk merancang sistem yang baru dengan menggunakan tools atau alat bantu UML (Unified Modeling Language) dengan Software visual paradigm yaitu sebuah bahasa yang berdasarkan grafik atau gambar, menvisualisasikan, menspesifikasikan, membangun pendokumentasian dari sebuah sistem pengembangan piranti lunak berbasis “OO” (Object Oriented) melalui tahap : Usecase Diagram, Sequence Diagram, dan Activity Diagram yang dilakukan melalui 4 tahap, yaitu : (1) Survey terhadap sistem yang berjalan, (2) Analisa terhadap temuan survey, (3) Identifikasi kebutuhan informasi dengan menggunakan alat bantu elisitasi melalui 4 tahapan, yaitu tahap 1 (satu) mencakup semua kebutuhan sistem, tahap 2 (dua) melakukan pengelompokkan kebutuhan dengan metode MDI (Mandatory, Desirable, Inessential) selanjutnya tahap 3 (tiga) dengan TOE (Technical, Operational, dan Economic) serta tahap final, 4 (empat) identifikasi persyaratan sistem. Hasil analisa kemudian dibuat laporan untuk masukan dalam perancangan sistem yang diusulkan.

Perancangan (Design)

Tahap Design yaitu tahap dalam menentukan proses data yang diperoleh oleh sistem baru dengan tujuan memenuhi kebutuhan user dengan alat bantu UML dengan software visual paradigm Use Case Diagram, Class Diagram, Sequence Diagram dan Activity Diagram. Proses design akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Dalam penelitian ini, bahasa pemrograman yang diusulkan menggunakan PHP dan HTML, tampilan antar muka aplikasinya menggunakan CSS, pembuatan database menggunakan MariaDB, membuat desainnya menggunakan aplikasi Notepad++, framework PHP yang digunakan merupakan Laravel dan untuk server menggunakan Apache. Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatan sistemnya. Langkah-langkah yang dilakukan adalah menyiapkan rancangan sistem yang rinci, mengindentifikasi alternatif konfigurasi sistem dan menyiapkan usulan implementasi.

Implementasi (Implementation)

Tahap implementasi adalah tahap dimana rancangan sistem yang dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan, Langkah – langkahnya yaitu : menyiapkan fasilitas fisik dan personil, dan melakukan simulasi.

Pemeliharaan (Maintenance)

Setelah melakukan implementasi terhadap sistem baru, tahap berikutnya yang perlu dilakukan adalah pemakaian atau penggunaan, audit sistem, penjagaan, perbaikan dan pengembangan sistem.

Metode Pengujian

Metode pengujian dalam skripsi ini yaitu menggunakan Blackbox Testing adalah metode uji coba yang menfokuskan pada keperluan software, karena itu uji coba Blackbox memungkinkan pengembang Software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat – syarat fungsional suatu program metode pengujian blackbox berusaha untuk menemukan kesalahan dalam beberapa kategori, kesalahan dalam struktur data atau akses database eksternal¸ kesalahan performa, kesalahan initialisasi, dan terminasi.

Sistematika Penulisan

Untuk lebih mempermudah dan memahami lebih jelas laporan Skripsi ini, maka peneliti mengelompokkan materi menjadi beberapa BAB yang secara ringkas dapat dijelaskan sebagai berikut:

BAB I : PENDAHULUAN

Bab ini menjelaskan tentang latar belakang masalah, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup penelitian, metodologi penelitian dan sistematika penulisan.

BAB II : LANDASAN TEORI

Bab ini berisikan tentang definisi ilmu yang berkaitan dengan permasalahan pada penelitian tersebut, seperti landasan teori yang membahas tentang konsep dasar sistem, konsep dasar informasi, penelitian sebelumnya (Literature review), teori khusus tentang Unified Modelling Language (UML) dan pengertian yang berhubungan dengan penelitian.

BAB III : ANALISA SISTEM YANG BERJALAN

Bab ini membahas tentang gambaran umum perusahaan, tata laksana sistem yang berjalan, analisa sistem yang berjalan, konfigurasi sistem yang berjalan, permasalahan yang dihadapi dan alternative pemecahan masalah, serta analisa kebutuhan dari stakeholder yang dihimpun ke dalam bentuk lembar elisitasi I,II,III, dan elisitasi final.

BAB IV : RANCANGAN SISTEM YANG DIUSULKAN

Bab ini diuraikan juga sistem yang akan diusulkan, diagram ranvangan sistem, rancangan basis data yang terdiri dari spesifikai basis data, rancangan layar, konfigurasi sistem yang diusulkan, testing, evaluasi, serta tampilan layar dari sistem yang diimplementasikan

BAB V : KESIMPULAN DAN SARAN

Bab ini merupakan bab terakhir yaitu diuraikannya kesimpulan dari hasil penelitian yang telah dilakukan dan diuraikan di bab-bab sebelumnya serta berisi pula saran dari peneliti untuk pihak-pihak yang berkepentingan sehingga tujuan dan manfaat dari penelitian ini dapat tercapai.

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Sistem

1. Definisi Sistem

Terdapat beberapa pendapat para pakar mengenai definisi sistem, diantaranya sebagai berikut :

Menurut Hengki Tamando Sitohang dalam jurnal Informatik Pelita Nusantara (2018:7),^[1] “Sistem adalah suatu jaringan kerja dari prosedur-prosedurnya yang saling berhubungan, berukmpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.”

Menurut Ludwig Von Bertalanfly dalam Yakub, Jurnal ICIT (2014:2). “Sistem merupakan seperangkat unsure-unsur yang terkait dalam suatu antar relasi diantara unsure-unsur tersebut dan dengan lingkungannya.”

Menurut Rosmila, Muh. Yamin, LM. Tajidun (2016:227),^[2] “Sistem adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi.”

Dari beberapa pengertian tersebut dapat diambil kesimpulan bahwa sistem merupakan kumpulan dari kelompok elemen-elemen yang beroperasi bersama-sama untuk mencapai dan menyelesaikan suatu tujuan.

2. Karakteristik Sistem

Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu yang mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. Sistem akan berjalan dengan baik apabila memiliki karakteristik dalam pelaksanaannya. Menurut Rosmila, Muh. Yamin, LM. Tajidun (2016:227) ^[2] sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yaitu:

Memiliki Komponen, suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja sama membentuk satu kesatuan. Komponen - komponen sistem dapat berupa suatu subsistem atau bagian – bagian dari sistem.
Batas sistem (Boundary), batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagi suatu kesatuan. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
Lingkungan Luar Sistem (Environtment), adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem.
Penghubung Sistem (Interface), merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya
Masukkan Sistem (Input), merupakan energi yang diasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran
Keluaran Sistem (Output), merupakan hasil dari energy yang diolah oleh sistem
Pengolahan Sistem (Process), merupakan bagian yang memproses masukan untuk menjadi keluaran yang diinginkan

Konsep Dasar Informasi

1. Definisi Data

Menurut Martono dkk dalam jurnal CCIT (2017:231),^[3] “Data adalah deskripsi tentang benda, kejadian, aktifitas, dan transaksi, yang tidak mempunyai makna atau tidak berpengaruh secara langsung kepada pemakai”.

Menurut Hartono dalam jurnal ICIT (2013:9), “Data adalah hasil pengukuran dan pencatatan data terhdap fakta tentang sesuatu, keadaan, tindakan atau kejadian”.

Berdasarkan penjelasan diatas, jadi dapat disimpulkan bahwa data adalah sekumpulan informasi fakta yang diperoleh dari suatu pengamatan yang berbentuk angka, lambang, ataupun sifat, dan dapat memberikan gambaran tentang suatu keadaan atau persoalan. Data yang baik adalah data yang bisa dipercaya kebenarannya, tepat waktu dan mencakup ruang lingkup yang luas atau bisa memberikan gambaran tentang suatu masalah secara menyeluruh merupakan data relevan.

2. Definisi Informasi

Menurut Abidin yang dikutip oleh Priyo Sutopo, Dedi Cahyadi, dan Zainal Arifin dalam Jurnal Informatika Mulawarman (2016:24),^[4] “Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi berarti bagi penerimanya”.

Menurut Ari Asmawati dkk (2016:19),^[5] “Informasi adalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagi penerimanya, dan bermanfaat dalam mengambil sebuah keputusan”.

Menurut Dr.Richardus Eko Indrajit yang dikutip oleh Dwi Jayanti dan Siska Ariani dalam Jurnal SPEED (2015:37),^[6] “Informasi adalah kata “Informasi” sendiri secara internasional telah di sepakati sebagai hasil dari pengolahan data yang secara prinsip memiliki nilai atau value yang lebih dibandingkan dengan data mentah.”.

Menurut Hengki Tamando Sitohang dalam jurnal Informatik Pelita Nusantara (2018:7),^[1] “Informasi adalah data yang telah diolah menjadi bentuk yang lebih berguna bagi yg menerima”.

Berdasarkan definisi-definisi diatas, maka dapat disimpulkan informasi adalah data yang kemudian diolah untuk disajikan dan akan memberikan arti atau manfaat bagi penerima.

3. Kualitas Informasi

Informasi yang berkualitas menunjukan bahwa informasi yang disajikan sesuai dengan harapan dan kebutuhan pengguna. Menurut Rosmalia dkk dalam jurnal SemanTIK (2016:228),^[2] Kualitas dari suatu informasi memiliki 3 kriteria, yaitu :

Akurat (Accurate)

Informasi harus bebas dari kesalahan, tidak biasa atau menyesatkan.Akurat juga berarti bahwa informasi itu harus dapat dengan jelas mencerminkan maksudnya.

Tepat pada waktunya (Timeliness)

Informasi yang datang pada penerima tidak boleh terlambat. Didalam pengambilan keputusan, informasi yang sudah usang tidak lagi bernilai.Bila informasi datang terlambat sehingga pengambilan keputusan terlambat dilakukan, hal itu dapat berakibat fatal.

Relevan (relevance)

Informasi yang disampaikan harus mempunyai keterkaitan dengan masalah yang akan dibahas dengan informasi tersebut. Informasi harus bermanfaat bagi pemakainya. Disamping karakteristik, nilai informasi juga ikut menentukan kualitasnya. Nilai informasi (value of information) ditentukan oleh dua hal, yaitu manfaat dan biaya untuk mendapatkannya.Suatu informasi dikatakan bernilai bila manfaatnya lebih besar disbanding biaya untuk mendapatkannya.

Konsep Sistem Informasi

1. Definisi Sistem Informasi

Menurut Rosmalia dkk dalam jurnal SemanTIK (2016:228),^[2] “Sistem informasi adalah suatu sistem didalam suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas, teknologi,media prosedur-prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi rute tertentu, memberi sinyal kepada manajemen dan yang lainnya terhadap kejadian–kejadian internal dan eksternal yang penting dan menyediakan suatu dasar informasi untuk pengambilan keputusan yang cerdik”.

Menurut Siregar yang dikutip oleh Priyo Sutopo, Dedi Cahyadi, dan Zainal Arifin dalam Jurnal Informatika Mulawarman, (2012:24),^[7] “Sistem Informasi Berbasis Komputer merupakan sistem pengolah data menjadi sebuah informasi yang berkualitas dan dipergunakan untuk suatu alat bantu pengambilan keputusan”.

Konsep Dasar Perancangan Sistem

1. Definisi Perancangan Sistem

Menurut Robert J.Verzello yang dikutip oleh Sophan Sophian dalam Jurnal(2014:35),^[8] “Perancangan sistem didefinisikan tahap setelah analisis dan siklus pengembangan sistem adalah pendefinisian dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun implementasi yaitu : suatu sistem dibentuk”.

Menurut Muhammad Subhan yang dikutip oleh Nasril dan Adri Yanto Saputra (2016:48),^[9] menyatakan bahwa, “Perancangan adalah proses pengembangan spesifikasi sistem baru berdasarkan rekomendasi hasil analisis sistem”.

According to Alison McKay et al in International Journal of Computer Integrated Manufacturing Vol.29 No.3 (2016:237),^[10] “Engineering design is an important early stage of the innovation processes that deliver new products to markets where societal challenges are addressed and wealth generated. High-quality engineering design information is critical to the effective and efficient manufacture, production and through-life support of such product. The emerging discipline of engineering design informatics brings together ICT (Information and Communications Technology) and engineering design to support the creation of well-founded engineering information support system”. Artinya desain teknik merupakan tahap awal yang penting dari proses inovasi yang mengantarkan produk awal yang penting dari proses inovasi yang mengantarkan produk baru ke pasar dimana tantangan sosial ditangani dan kekayaan dihasilkan.

Dari beberapa penjelasan menurut para ahli diatas, maka dapat disimpulkan bahwa perancangan sistem adalah proses kegiatan membangun model sistem dari hasil analisa sistem.

Teori Khusus

Definisi Surat

Menurut Kamus Besar Bahasa Indonesia surat merupakan kertas dan sebagainya yang tertulis atau secarik kertas sebagai keterangan atas sesuatu yang tertulis. Sedangkan menurut pengertian umum surat adalah untuk menyampaikan maksud secara tertulis. Dalam pengertian sehari-hari, surat umumnya hanya dikenal sebagai alat untuk menyampaikan berita secara tertulis. Pengertian tersebut merupakan pengertian dalam arti sempit, akibat dari anggapan bahwa surat hanya alat untuk menyampaikan berita, padahal surat mengandung aspek yang jauh lebih luas mencakup informasi tertulis. Surat juga biasa sebagai informasi rekaman berita secara tertulis, misalnya surat tanda bukti, kartu identitas, akta dan kontrak.

Menurut Meliana yang dikutip oleh Joko Agus Prawono dan Anton Respati Pamungkas dalam Jurnal INFORMATIKA (2015:27) ,^[11] surat adalah informasi tertulus yang dapat diperguanakan sebagai alat komunikasi tulisan yang dibuat dengan persyaratan tertentu yang khusus yang berlaku untuk surat menyurat.

Menurut Fauzan Masykur, Ibnu Makruf Pandu Atmaja dalam jurnal IJNS (Indonesian Journal of Network & Security) (2015:2) , ^[12] Surat merupakan jembatan pengertian dan alat komunikasi bagi seseorang dan orang lain, karena sifatnya yang demikian, maka surat-surat harus disusun secara singkat dan padat tetapi jelas dan tegas. Bahasa yang dipakai haruslah mudah dimengerti, sederhana,dan teratur.

Fungsi Surat

Fungsi surat menurut Hengki Tamando Sitohang dalam jurnal Informatik Pelita Nusantara (2018:7),^[1] “Adalah sebagai sarana dalam penyampaian pesan secara tertulis, surat berperan dalam mencapai tujuan suatu instansi atau organisasi dalam menjalin kerjasama antar organisasi/instansi. Sebagai pemberitahuan, sebagai surat perintah, sebagai surat peringatan, Sebagai surat permohonan atau permintaan, sebagai surat pengantar, sebagai surat perjanjian, Sebagai surat laporan, Sebagai surat keputusan, sebagai surat panggilan, sebagai surat susulan”.

Macam-Macam Surat

Menurut Barthos (2013:37) ^[13] karena banyaknya macam surat, maka untuk memudahkan mengetahui macam atau jenis surat kita dapat meninjau dari berbagai segi misalnya :

Menurut wujudnya

a. Kartu pos

b. Warkat Pos

c. Surat Bersampul

d. Memorandum dan Nota

e. Telegram

f. Surat Pengantar

Menurut Tujuannya

a. Surat Pemberitahuan

b. Surat Perintah

c. Surat Permintaan

d. Surat Peringatan

e. Surat Panggilan

f. Surat Usulan

g. Surat Keputusan

h. Surat Laporan

i. Surat Perjanjian

j. Surat Penawaran, Pesanan,dll

Menurut Sifat Isi Surat dan Alasan

a. Surat Dinas

b. Surat Niaga

c. Surat Pribadi

d. Surat Yang Isinya Masalah Sosial

Menurut Jumlah Penerima

a. Surat Biasa

b. Surat Edaran

c. Surat Pengumuman

Menurut Keamanan Isinya

a. Surat Sangat Rahasia

b. Surat Rahasia

c. Surat Biasa

Menurut Prosedur Pengurusannya

a. Surat Masuk

b. Surat Keluar

UML (Unified Modelling Language)

1. Definisi UML (Unified Modelling Language)

Menurut Ahmad Wahyudin yang dikutip oleh Dewi Kusumawati dan Dwi Setiyani dalam jurnal JESIK, (2017:23),^[14] “UML (Unified Modeling Language) adalah suatu bahasa standar untuk menjelaskan dan memvisualisaikan artifak dari proses analisis dan desain yang berorientasi objek. UML menyediakan standar dalam bentuk notasi dan diagram untuk memodelkan suatu sistem”.

Menurut Yasin yang dikutip oleh Henny Destiana dalam jurnal Paradigma vol XVI no.2 (2014:34),^[15] “Unified Modeling Language (UML) adalah sebuah bahasa yang telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem”.

Dari definisi tersebut dapat ditarik kesimpulan bahwa UML (Unified Modeling Language) yaitu sebagai suatu bahasa permodelan yang sudah menjadi standar pada visualisasi, dan digunakan untuk merancang, serta pendokumentasian sistem perangkat lunak.

2. Tipe-Tipe UML (Unified Modelling Language)

Terdapat beberapa tipe dalam UML (Unified Modelling Language) , menurut Dewi Kusumawati dan Dwi Setiyani dalam jurnal JESIK, (2017:23) ,^[14] ada beberapa tipe UML (Unified Modelling Language) , yaitu :

Use Case Diagram

Adalah abstraksi dari interaksi antara sistem dan user selaku aktor. Use case bekerja dengan mendeskripsikan tipe interaksi antara user dengan sistem melalui sebuah cerita tentang bagaimana sebuah sistem digunakan. Use Case Diagram berguna dalam menjelaskan fasilitas yang ada (requirement), komunikasi dengan klien, dan membuat test dari kasus-kasus secara umum.

Activity Diagram

Menyediakan analisis untuk memodelkan proses dalam sistem. Activity diagram digunakan untuk alur kerja model, use case individual, atau logika keputusan dalam metode individual dan pendekatan untuk proses pemodelan paralel. Activity diagram menggambarkan aliran sistem. Diagram ini menunjukkan bagaimana aktifitas berlangsung, apa yang dilakukan bila ada suatu kondisi, dan bagaimana aktifitas tersebut dapat selesai.

Sequence Diagram

Menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudah, sequence diagram adalah gambaran tahap demi tahap yang seharusnya dilakukan untuk menghasilkan suatu sistem yang sesuai dengan use case diagram.

Class Diagram

Mendeskripsikan kelompok objek-objek dengan property, perilaku/operasi, dan relasi yang sama. Class diagram memberi pandangan secara global atas sistem. Hal ini tercermin dari class-class dalam class diagram dan relasinya satu dengan yang lainnya. Sebuah sistem dapat memiliki beberapa class diagram karena sangat membantu dalam visualisasi struktur kelas dari suatu sistem.

Collaboration Diagram

Merupakan diagram yang fungsinya sama dengan diagram interaksi (sequence diagram). Hal yang membedakan adalah penyusunannya. Collaboration diagram lebih menekankan pada struktur aliran objek-objek yang mengirimkan dan menerima pesan

Component Diagram

Bila dikombinasikan dengan diagram penyebaran dapat digunakan untuk menggambarkan distribusi fisik dari modul software melalui jaringan.

3. Konsep-Konsep Permodelan UML (Unified Modelling Language)

Menurut Ginting (2013:9),^[16] “dengan pemodelan menggunakan UML,pengembang dapat melakukan”:

Tinjauan umum bagaimana arsitektur sistem secara keseluruhan.

Penelaahan bagaimana objek-objek dalam sistem saling mengirimkan pesan dan saling bekerjasama satu sama lain.

Menguji apakah sistem perangkat lunak sudah berfungsi seperti seharusnya.

Dokumentasi sistem perangkat lunak untuk keperluan-keperluan tertentu dimasa yang akan datang.

Konsep Dasar Web

1. Definisi Web

Menurut Dewanto yang dikutip oleh Dewa Gede Hendra Divayana dkk dalam jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) (2016:151),^[17] “Web atau World Wide Web/WWW adalah salah satu layanan yang didapat oleh pemakai computer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai computer yang terhubung ke internet dari sekedar informasi “sampah” atau informasi yang tidak berguna sama sekali sampai informasi yang serius dari informasi yang gratisan sampai informasi yang komersial”.

2. Definisi Website

Menurut Dewanto yang dikutip oleh Dewa Gede Hendra Divayana dkk dalam jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) (2016:151),^[17] “Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink)”.

Konsep Dasar Database

Definisi Database

Menurut Azizah Zakiah , Apit Supriatna dalam jurnal Prosiding SENTIA (2015;25),^[18] “Database, sering pula disebut Basis Data, merupakan kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi”.

Metode Analisa SWOT

Definisi Aanalisa SWOT

Menurut Edy Susena dkk dalam jurnal Sainstech Politeknik Indonusa Surakarta (2015:6),^[19] “SWOT adalah singkatan dari Strengths (kekuatan), Weakness (kelemahan), Opportunities (peluang), Threats (tantangan). Analisis SWOT adalah alat yang digunakan untuk mengidentifikasi isu-isu internal dan eksternal yang mempengaruhi kemampuan dalam memasarkan. Analisa SWOT adalah sebuah bentuk analisa situasi dan kondisi yang bersifat deskriptif (memberi gambaran)”.

Analisa ini terbagi atas empat komponen dasar yaitu :

Analisis SWOT dilakukan dengan maksud untuk mengenali tingkat kesiapan setiap fungsi dari keseluruhan fungsi yang diperlukan untuk mencapai sasaran yang telah ditetapkan. Berhubung tingkat kesiapan fungsi ditentukan oleh tingkat kesiapan masing-masing faktor yang terlibat pada setiap fungsi, maka analisis SWOT dilakukan terhadap keseluruhan faktor dalam setiap fungsi, baik faktor internal maupun eksternal.

SDLC (System Development Life Cycle)

Definisi SDLC (System Development Life Cycle

Menurut Balaji S, Murugaiyan MS yang dikutip oleh Lailatul Husniah dkk dalam jurnal KINETIK (2016:34),^[20] “SDLC (System Development Life Cycle) adalah proses yang digunakan oleh industri perangkat lunak untuk merancang, mengembangkan dan menguji software”. SDLC (System Development Life Cycle) bertujuan untuk menghasilkan perangkat lunak yang memenuhi atau melebihi harapan,mencapai penyelesaian dalam watu dan biaya yang sudah direncanakan.

Ada beberapa model dalam SDLC yang sufah dibuat seperti model waterfall,spiral, V-Model, rapid prototyping, dan iterative model. Penelitian ini menggunakan metode waterfall yang merupakan suatu proses pengembangan perangkat lunak yang berurutan, dimana setiap tahap harus diselesaikan terlebih dahulu sebelum memasuki tahap berikutnya yang dilihat sebagai aliran air yang terus mengalir kebawah (seperti air terjun) melewati tahap-tahap yang ada yaitu tahap perencanaan, pemodelan/perancangan, implementasi, dan pengujian.

Tahap analisis

Tahap analisis atau perencanaan adalah menjelaskan semua proses yang terjadi dalam aplikasi yang akan dibuat.

Tahap desain

Tahap desain merupakan proses perancangan dan pemecahan masalah untuk solusi perangkat lunak seperti menentukan rencana untuk solusi yang meliputi desain algoritma, arsitektur desain perangkat lunak, skema konseptual database, desain konsep, desai GUI, dan definisi struktur data.

Tahap implementasi

Tahap ini mengacu pada realisasi bisnis requirements dan spesifikasi desain ke dalam program yang konkret, database, website, atau komponen perangkat lunak yang melalui pemrograman dan pengembangan dan merupakan tahap dimana kode nyata ditulis dan dikompilasi menjadi aplikais operasional, dan dimana database serta file text dibuat.

Tahap pengujian

Dalam tahap ini merupakan proses untuk memeriksa bahwa solusi perangkat lunak memenuhi original requirements dan spesifikasi dimana hal tersebut menyelesaikan tujuan yang lebih ditetapkan.

Black Box Testing

1. Definisi Black Box Testing

Menurut Rizky di dalam jurnal Ridho Wijayanto (2014:3),^[21] “Black box testing adalah tipe testing yang memerlukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi dikenal proses testing dibagian luar”.

2. Tujuan Penggunaan Black Box Testing

Berikut ini adalah tujuan dalam penggunaan metode black box testing, yaitu :

Digunakan untuk menguji fungsi-fungsi khusus dari perangkat lunak yang dirancang.
Kebenaran perangkat lunak yang diuji hanya dilihat berdasarkan keluaran yang dihasilkan dari data atau kondisi masukan yang diberikan untuk fungsi yang ada tanpa melihat bagaimana proses untuk mendapatkan keluaran tersebut.
Dari keluaran yang dihasilkan, kemampuan program dalam memenuhi kebutuhan pemakai dapat diukur sekaligus dapat diiketahui kesalahan-kesalahannya.

Konsep Dasar Bahasa Pemrograman

1. Definisi PHP

Menurut Hengki Tamando.S dalam jurnal Informatik Pelita Nusantara (2018;8),^[1] “PHP (Hypertext Preprocessor) adalah bahasa pemrograman web berbasis server (server slide) yang mampu memparsing kode PHP dari kode dengan ekstensi PHP sehingga menghasilkan tampilan website yang dinamis disisi client”.

Menurut Angga Reza Palevi dan Krisnawati (2013:3)^[22] dalam jurnal ilmiah DASI, “PHP (Hypertext Preprocessor) merupakan bahasa berbentuk script yang ditempatkan dalam server dan diproses di server. Hasilnya dikirmkan ke klien, tempat pemakai menggunakan browser. PHP dirancang untuk membentuk aplikasi web dinamis. Artinya, ia dapat membentuk tampilan berdasarkan permintaan terkini”.

Menurut Syaifudin Ramadhani dkk dalam jurnal Teknika (2013;480),^[23] “PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain

2. HTML

Menurut Nur Cahyo Nugroho, Bambang Eka Purnama dalam jurnal SPEED (Sentra Penelitian Engineering dan Edukasi) (2012;48),^[24] “HTML (Hyper Text Mark-up Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu platform independent”.

Menurut Yusi Ardi Binarso dkk dalam jurnal JOINT (Journal Of Informatics and Technology) (2012;76),^[25] “HTML adalah bahasa mark up atau penanda terhadap suatu dokumen teks”.

3. CSS

Menurut Nur Cahyo Nugroho, Bambang Eka Purnama dalam jurnal SPEED (Sentra Penelitian Engineering dan Edukasi) (2012;48),^[24] “Cascading Style Sheet (CSS) adalah salah satu bahasa untuk mengatur tampilan dalam web yang berfungsi memisahkan antara desain dengan content. CSS dapat ditulis untuk mendefinisikan ulang tag-tag HTML ataupun dengan menambah atribut id dan class pada tag HTML”..

Konsep Dasar MariaDB

1. Definisi MariaDB

Menurut Muhammad Solihin dkk dalam jurnal e-Proceeding of Engineering (2016;654),^[26] “MariaDB merupakan versi pengembangan terbuka dan mandiri dari MySQL. Sejak diakuisisinya MySQL oleh Oracle pada September 2010, Monty Program sebagai penulis awal kode sumber MySQL memisahkan diri dari pengembangan dan membuat versi yang lebih mandiri yakni MariaDB. MariaDB adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License)”. Tools yang mampu bekerja dengan MariaDB, diantaranya:

Database Workbench

Aplikasi untuk pengembangan dan administrasi database relasional MariaDB dan database lainnya.

DBEdit

Aplikasi administrasi dan manajemen database MariaDB dan database lainnya

HeidiSQL

Aplikasi client yang bersifat open source untuk sistem operasi Windows. HeidiSQL juga mendukung MariaDB dengan dukungan fitur yang spesifik seperti Virtual Column.

Navicat

Aplikasi manajemen berbagai database termasuk MariaDB. Navicat termasuk aplikasi yang cross-platform dengan lisensi proprietary.

phpMyAdmin

Aplikasi administrasi dan manajemen database berbasis web untuk MySQL.

SQLyog

Aplikasi administrasi dan manajemen database untuk sistem operasi Windows dan Linux.

Aplikasi web yang mendukung MariaDB, antara lain:

a. Drupal

b. ERP5

c. Kajona

d. MediaWiki

e. Moodle

f. MONYog

g. ownCloud

h. Plon

i. WordPress

j. Yii Framework

k. Zen Framework

XAMPP ikut mengganti MySQL dengan MariaDB semenjak bulan Oktober 2015.

Konsep Dasar Notepad++

Definisi Notepad++

Menurut Angga Reza Palevi dan Krisnawati (2013:4) ^[22]dalam jurnal ilmiah DASI “Notepad++ adalah sebuah aplikasi text editor yang bersifat gratis. Notepad menitik beratkan kegunaan aplikasi untuk editing text dalam waktu yang cepat dan praktis”. Notepad++ mendukung banyak format bahasa pemrograman seperti PHP, HTML, JavaScript, dan CSS.

Konsep Dasar Framework Laravel

1. Definisi Framework

Definisi Framework menurut Basuki yang dikutip oleh D Tri Octafian dalam Jurnal Teknomatika (2015:2) ,^[27] “Bahwa sebagai koleksi atau kumpulan potongan-potongan program yang disusun dan diorganisasikan sedemikian rupa, sehingga dapat digunakan untuk membantu aplikasi utuh tanpa harus membuat semua kodenya dari awal”. Keuntungan yang dapat diperoleh dari penggunaan framework adalah:

Waktu pembuatan aplikasi website jauh lebih singkat,
Kode website jadi lebih mudah dibaca, karena sedikit dan sifatnya pokok, detailnya adalah kode dari framework,
Website menjadi lebih mudah diperbaiki, karena tidak perlu fokus ke semua komponen kode website, terutama kode sistem framework,
Tidak perlu lagi membuat kode penunjang aplikasi website seperti koneksi database, validasi form, GUI (Graphical User Interface) dan keamanan,
Pikiran pengembang menjadi lebih terfokus ke kode alur permasalahan website, apa yang ditampilkan dan layanan apa saja yang diberikan dari aplikasiwebsite tersebut,
Jika dikerjakan team work, maka akan lebih terarah karena sistem framework, mengharuskan adanya keteraturan pelekatan kode. Seperti pengambilandatabase terpisah dengan bagian pengaturan tampilan pengunjung.

2. Definisi Laravel

Menurut Aminudin dalam buku Cara Efektif Belajar Framework Laravel (2015),^[28] “Framework laravel merupakan framework berbasis PHP dan bisa dikatakan masih relatif baru, namun demikian peminat developer akan framework ini semakin hari semakin meningkat, karena memang framework ini berbeda dengan framework PHP pada umumnya. Laravel dibangun dengan konsep MVC (Model-Controller-View), kemudian Laravel dilengkapi juga command line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan instalasi bundle melalui command prompt”.

1. Definisi Composer

Menurut Aminudin dalam buku Cara Efektif Belajar Framework Laravel (2015),^[28] “Composer sendiri adalah fitur (dependency) tambahan untuk PHP yang memiliki basis layaknya Command Line dan berfungsi sebagai penginstall third-party plugin untuk aplikasi web secara cepat”.

Konsep Dasar XAMPP

1. Definisi XAMPP

Menurut Yusi Ardi Binarso dkk dalam jurnal JOINT (Journal Of Informatics and Technology) (2012;76),^[25] “XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server MySQL dan mendukung PHP programming”.

2. Definisi Aphace

Menurut Azizah Zakiah , Apit Supriatna dalam jurnal Prosiding SENTIA (2015;25),^[18] “Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail(kegunaan basicnya).Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari”.

Konsep Dasar Elisitasi

1. Definisi Elisitasi

Menurut Alhadi Saputra dalam jurnal Berita Dirgantara (2012;51),^[29] “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.

2. Tahap-tahap Elisitasi

Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, menurut Alhadi Saputra dalam jurnal Berita Dirgantara (2012;51) ^[29], yaitu :

Tahap I

Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

Tahap II

Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yag disanggupi penulis untuk dieksekusi.

M pada MDI berarti Mandatory (penting) : Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
D pada MDI berarti Desirable : Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembetukan sistem maka akan membuat sistem tersebut lebih sempurna.
I pada MDI berarti Inessential : Maksudnya requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.

Tahap III

Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE. Berikut ini adalah penjelasan mengenai TOE:

a. T artinya Teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan

b. O artinya Operasional, bagaimana tata cara penggunaan requirement dalam sistem yang akan dikembangkan

c. E artinya Ekonomi, berapakah biaya yang diperlukan guna membangun requirement di dalam sistem.

Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu :

a. H (High): Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus dieliminasi.

b. M (Middle): Mampu dikerjakan.

c. L (Low): Mudah dikerjakan.

Final draft elisitasi

Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.

Studi Pustaka (Literature review)

Literature review sebagai salah satu dalam upaya penerapan metode penelitian yang akan dilakukan. Diantaranya adalah mengidentifikasi kesenjagan (identify gaps), menghindari pembuatan ulang (reinventing the wheel), mengidentifikasi metode yang pernah dilakukan, serta mengetahui orang lain yang spesialisasi dan area penelitian yang sama di bidang ini. Berikut adalah penelitian yang telah dilakukan dan menjadi sumber atau searah dengan penelitian yang akan dibahas diantaranya:

Penelitian yang dilakukan oleh Defi Anggraeni dan Siska Iriani [2016]

Penelitian yang dilakukan oleh Defi Anggraeni dan Siska Iriani dalam jurnal Bianglala InformatikaVol.4 No.2 (2016),^[30] yang berjudul “Sistem Informasi Pengarsipan Surat Masuk dan Surat Keluar Pada Kantor Kecamatan Pringkulu” . Peneliti menjelaskan bahwa metode penelitian yang digunakan yaitu : pengumpulan data, analisis sistem, perancangan sistem dan implementasi sistem yang digambarkan dalam perancangan DFD (Data Flow Diagram) dan bertujuan untuk menghasilkan sistem informasi pengarsipan surat masuk dan surat keluar pada kantor Kecamatan Pringkulu sehingga diharapkan dapat mempermudah sistem kearsipan dan meminimalisasi kesulitan pencarian berkas.

Penelitian yang dilakukan oleh Yudie Irawan [2015]

Peneltian yang dilakukan oleh Yudie Irawan dalam jurnal SIMETRIS Vol.6 No.1 (2015),^[31] yang berjudul “Analisa Dan Perancangan Otomatisasi Surat Pengantar RT Berbasis Sms Gateway Sebagai Penerapan Konsep Paperless Office”. Perancangan pada penelitian ini dibuat teknologi aplikasi SMS gateway untuk menggantikan surat pengantar RT untuk memudahkan proses permohonan. Metode penelitian pada pengembangan sistem ini berdasarkan metode pengembangan sistem Waterfall model, sedangkan dalam level desain menggunakan metode perancangan sistem Unified Modelling Language. Hasil penelitian berupa pemodelan sistem yang disajikan dalam Business Use Case Diagram, Use Case Diagram dan Class Diagram, sedangkan perancangan basisdata ditampilkan dalam ER diagram.

Penelitian yang dilakukan oleh Khozin Yuliana dkk [2016]

Peneltian yang dilakukan oleh Khozin Yuliana dkk dalam jurnal SENSI 005 ISSN Vol.2 No.2 [2016],^[32] yang berjudul “Rancang Bangun Aplikasi Sistem Informasi Inventarisasi Surat Masuk dan Surat Keluar Berbasis Web”. Penelitian ini dilakukan untuk mengetahui sistem inventarisasi surat masuk dan surat keluar agar dapat membantu proses manajemen sistem surat masuk dan keluar yang lebih baik. Maka penelitian ini melakukan analisis yang hasilnya digambarkan dalam Unified Modeling Language (UML) dengan menggunakan software Visual Paradigm 6.4, proses pembuatan sistem menggunakan software PHP dan database MySQL sehingga dapat dengan mudah mengolah data (menginput, mengubah, dan menghapus data) tanpa harus memakan waktu yang sangat lama, sampai menyajikannya menjadi informasi yang dibutuhkan user dengan akurat, efektif, dan efisien.

Penelitian yang dilakukan oleh Joko Agus Prawono dan Anton Respati Pamungkas [2015]

Penelitian yang dilakukan oleh Joko Agus Prawono, Anton Respati Pamungkas dalam jurnal INFORMATIKA vol 2 No.1 (2015),^[11] yang berjudul “Sistem Informasi Pengelolaan Surat Masuk Dan Surat Keluar Di Stmik Aub Surakarta. jurnal INFORMATIKA : vol 2 No.1”. Sistem ini dibuat untuk mencatat semua surat masuk yang diterima, otomatisasi penomoran surat keluar, surat penunjukan dan pembuatan undangan terintegrasi ke dalam aplikasi MsWord. Integrasi ke MsWord, perubahan format huruf dapat dilakukan dengan mudah. Metode PIECES digunakan untuk menganalisis kelemahan sistem saat ini, serta menganalisis kebutuhan sistem yang sedang dikembangkan. Dalam perancangan sistem ini dikembangkan sistem flowchart, diagram aliran data, input desain, desain output dan desain basis data. Sistem dibangun dengan menggunakan bahasa pemrograman Visual Basic.

Penelitian yang dilakukan oleh Azizah zakiah dan Apit Supriatna [2015]

Penelitian yang dilakukan oleh Azizah zakiah, Apit Supriatna dalam Prosiding SENTIA Vol.7 – ISSN: 2085-2347 – Politeknik Negeri Malang (2015),^[18] yang berjudul “Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009”. dalam penelitian ini dijelaskan yaitu sebuah aplikasi yang digunakan untuk membantu dalam melakukan pengolahan arsip surat masuk dan surat keluar beserta proses distribusinya atau yang biasa disebut disposisi surat juga dapat dilakukan sebagai pengarsipan. Aplikasi ini memiliki beberapa fitur yang menunjang dalam pengolahan surat serta fitur pengarsipan secara digital. Sehingga memudahkan dalam proses pencarian surat dan pengelompokkan surat berdasarkan tingkat kerahasiaan dan bobot informasi. Aplikasi ini dibangun dengan menggunakan VB.Net dan Basis data SQL Server.

Penelitian yang dilakukan oleh Walia, Saurabh dan Satinderjit Kaur Gill [2014]

Penelitian yang dilakukan oleh Walia, Saurabh dan Satinderjit Kaur Gill dalam ndia: International Journal of Computer Science and Mobile Computing Vol.3 No.8.(2014),^[33] yang berjudul “A Framework for Web Based Student Record Management System using PHP”. Tujuan dari penelitian ini adalah memberikan antarmuka online untuk para siswa, memperluas efektivitas administrasi catatan perguruan tinggi, waktu pengurangan diperlukan untuk mengakses, tidak akan ada pemborosan sumber daya di perguruan tinggi dan Universitas serta menyampaikan catatan siswa serta untuk membuat kerangka lebih aman. Metode yang digunakan untuk merancang sistem penelitian ini adalah Apache untuk aplikasi server, MySQL sebagai database untuk menyimpan data yang dikumpulkan., dan bahasa scripting menggunakan PHP.

Penelitian yang dilakukan oleh Eka Mistiko Rini, Farizqi Panduardi, Fatah Rosmansah [2016]

Penelitian yang dilakukan oleh Eka Mistiko Rini, Farizqi Panduardi, Fatah Romansah dalam Seminar Nasional Teknologi Informasi dan Multimedia 2016 ISSN : 2302-3805 (2016),^[34] yang berjudul “Rancang Bangun Sistem Informasi Pelayanan Desa Tamansari Kecamatan Licin Banyuwangi Berbasis Web”. perancangan sistem informasi pelayanan desa berbasis website yang dapat digunakan secara online, jadi masyarakat Desa bisa menikmati layanan Desa dengan lebih cepat dan mudah karena sistem layanan bisa diakses dari manapun juga. Website ini dibangun menggunakan bahasa pemrograman PHP dan MySQL sebagai pendukung sistem manajemen basis data.

Penelitian yang dilakukan oleh Bhimani dkk [2017]

Penelitian yang dilakukan oleh Bhimani dkk dalam jurnal USA: Cloud Computing (CLOUD), IEEE 10th international conference. (2017),^[35] yang berjudul “FiM: Performance Prediction for Parallel Computation in Iterative Data Processing Applications”. Penelitian ini bertujuan untuk memprediksi waktu perhitungan iteratif, aplikasi pemrosesan data ilmiah multi-tahap yang sedang berjalan platform komputasi awan kinerja tinggi. Sistem ini dikembangkan dengan menggunakan pendekatan kinerja FiM . FiM terdiri dari dua komponen utama yang digabungkan satu sama lain: Stochastic Markov Model untuk menangkap runtime non-deterministik yang sering bergantung pada sumber daya paralel, misalnya, jumlah proses,Model Pembelajaran Mesin yang mengekstrapolasikan parameter untuk kalibrasi model Markov kami ketika kami memiliki perubahan dalam aplikasi parameter seperti dataset.

Penelitian yang dilakukan oleh Ze Qi Lin [2017]

Penelitian yang dilakukan oleh Ze Qi Lin dalam Journal Of Computer Science And Technology Vol.32/No.2 (2017),^[36] yang berjudul “Inteligent Development Environment and Software Knowledge Graph”. Bertujuan melakukan proyek pengembangan data cerdas dalam skla web yang didanai oleh Kementerian Ilmu Pengetahuan dan Teknologi Cina untuk mengembangkan sistem perangkat lunak yang dapat mengurai struktur file arsip surat, dan kemudian entitas surat (seperti pengirim e-mail, penerimaan e-mail, dan pembatalan e-mail) dapat ditambahkan ke dalam grpaik pengetahuan perangkat lunak serta dapat mengekstrak konsep bisnis melalui pemrosesan kalimat bahasa alami dalam entitas dokumen perangkat lunak.

Penelitian yang dilakukan oleh Paul M. Leonardi [2016]

Penelitian yang dilakukan oleh Paul M. Leonardi dalam Special Issue: ICT Societal Challenges Vol.40 No.2 (2016),^[37] yang berjudul “Multiplex Appropriation in Complex System Implemetation: The Case Of Brazil’s Correspondent Banking System”. Dalam penelitian ini pihak pemerintah Brazil ingin semua sistem perbankan menggunakan sistem surat menyurat dalam penyampaian informasinya yang dapat memudahkan pihak bank dalam berkomunikasi dengan pihak klien dalam melakukan pelayanan memberikan informasi kepada pihak klien seperti utilitas tagihan, tanda terima tagihan, dan tanda terima. Tanpa harus bertatap wajah pihak klien mendapatkan dokumen tersebut sehingga dapat mengurangi beberapa biaya dan waktu.

BAB III

ANALISA SISTEM YANG BERJALAN

Gambaran Umum Kelurahan Sukasari

Sejarah Singkat Kelurahan Sukasari

Kelurahan adalah pembagian wilayah administratif Indonesia di bawah Kecamatan. Dalam konteks otonomi daerah di Indonesia, Kelurahan merupakan wilayah kerja Lurah sebagai Perangkat Daerah Kabupaten atau Kota. Kelurahan dipimpin oleh seorang Lurah yang berstatus sebagai Pegawai Negeri Sipil.

Kelurahan merupakan unit pemerintahan terkecil setingkat dengan Desa. Berbeda dengan Desa Kelurahan memiliki hak mengatur wilayahnya lebih terbatas. Dalam perkembangannya, sebuah Desa dapat diubah statusnya menjadi Kelurahan.

Sesuai dengan Undang-Undang Nomor 2 Tahun 1993 tentang pembentukan daerah tingkat II Kotamadya Tangerang dan peraturan Daeran Nomor 16 Tahun 2000 tentang pembentukan 13 Kecamatan Tangerang terbagi menjadi 8 (delapan) kelurahan, salah satunya yaitu Keluraha Sukasari.

Kelurahan Sukasari memliki luas 187 Ha. Secara administrative Kelurahan Sukasari dibatasi oleh :

a. Sebelah Utara

Berbatasan dengan Kelurahan Sukarasa

b. Sebelah Timur

Berbatasan dengan Kelurahan Buaran Indah

c. Sebelah Selatan

Beratasan dengan Kelurahan Babakan

d. Sebelah Barat

Berbatasan dengan Sungai Cisadane

Visi Kelurahan

Terwujudnya Kecamatan Tangerang terbaik dalam pelayanan menuju masyarakat mandiri, dinamis, sejahtera, dan berakhlakul karimah.

Misi Kelurahan

Meningkatkan kualitas sumber daya apparatus Kecamatan serta sarana dan prasarana aparatur untuk menunjang pelaksanaan tugas umum Pemerintahan.
Mewujudkan perencanaan, pengendalian, evaluasi, dan data informasi Kecamatan.
Mengoptimalkan kewenangan pelayanan public berbasis terknologi informasi melalui peningkatan kualitas pelayanan administrasi keendudukan dan pencatatan sipil, meningkatkan kualitas pelayanan kepada masyarakat.

Tugas Pokok Kelurahan

Kelurahan mempunyai tugas pokok menyelenggarakan urusan tata pemerintahan, ekonomi, dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat dalam lingkup kelurahan sesuai dengan visi dan misi Walikota sebagaimana dijabarkan dalam Rencana Pembangunan Jangka Menengah Daerah.
Untuk melaksanakan tugas pokok sebagaimana dimaksud pada ayat (1); Kelurahan mempunyai fungsi yaitu :

Perumusan kebijakan teknis dalam lingkup urusan-ursan tata pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat.
Penyelenggaraan tugas Kelurahan dalam lingkup urusan-urusan tata pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat.
Pembinaan penyelenggaraan pelayanan publik dalam lingkup pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat.
Penyelenggaraan pemangunan, pembangunan, dan rehabilitasi prasarana dan sarana fisik di lingkup tugas Kelurahan.
Peningkatan partisipasi dan swadaya gotong royong masyarakat.
Pelaksanaan tugas lain yang diberikan Walikota sesuai dengan lingkup tugas dan fungsinya.

Struktur Organisasi

BAGAN STRUKTUR ORGANISASI DAN TATA KERJA KELURAHAN SUKASARI

Tugas dan Wewenang

Adapun kedudukan, tugas pokok dan fungsi dari masing-masing bagian sebagai berikut:

Lurah

a. Memimpin dan mengoordinasi pelaksanaa tugas dan fungsi kelurahan.

b. Mengoordinasikan pelaksanaan tugas sekretariat Kelurahan.

c. Melaksanakan koordinasi dengan Puskesmas.

d. Melaksanakan koordinasi dan kerja sama dengan Satuan Kerja Perangkat Daerah (SKPD),Unit Kerja Perangkat Daerah 9UKPD) dan instansi pemerintah pusat/swasta terkait pelaksanaan tugas dan fungsi Kelurahan.

e. Memimpin dan mengoordinasikan pelaksanaan musyawarah perencanaan pembangunan tingkat kelurahan.

f. Melaksanakan koordinasi dengan unsur musyawarah.

g. Melaksanakan pembinaan organisasi kemasyarakatan dan melaporkan serta mempertanggung jawabkan pelaksanaan tugas dan fungsi kelurahan.

Wakil Lurah

a. Membantu Lurah dalam memimpin dan mengoordinasikan pelaksanaan tugas dan fungsi Kelurahan.

b. Memantu Lurah dalam mengoordinasikan pelaksanaan tugas seksi.

c. Membantu Lurah dalam melaksanakan koordinasi dan kerja sama dengan Satuan Kerja Perangkat Daerah (SKPD), Unit Kerja Perangkat Daerah (UKPD) dan instansi pemerintah pusat/swasta terkait dalam rangka pelaksanaan tugas dan fungsi Kelurahan.

d. Melaporkan pelaksanaan tugasnya kepada Lurah dan membantu Lurah dalam melaporkan pelaksanaan tugas dan fungsi Kelurahan.

Sekretaris/Sekretariat

a. Menyelenggarakan kegiatan di bidang administrasi umum, keuangan, kepegawaian, dan perencanaan.

b. Melakukan penyusunan program dan kegiatan Sekretariat.

c. Melakukan penyusunan kebijakan umum dan teknis sebagai pedoman pelaksanaan tugas.

d. Melakukan pengoordinasian penyusunan rencana program dan kegiatan Kelurahan meliputi: Rencana Strategis (Renstra), Recnana Kerja (Renja), Indikator Kinerja Utama (IKU), Rencana Kerja dan Anggaran (RKA), dan Penetapan Kinerja (PK).

Seksi Tata Pemrintahan

a. Menyelenggarakan sebagian tugas dan fungsi Kelurahan dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan tata pemerintahan.

b. Melakukan penyusunan rencana kegiatan Seksi Tata Pemerintahan berdasarkan tugas, permasalahan dan regulasi sebagai bahan penyusunan Rencana Strategis serta Rencana Kerja dan Anggaran Kelurahan.

c. Melakukan penyiapan bahan-bahan perumusan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum Pemerintahan dalam lingkup uruan tata pemerintahan.

d. Melaksanakan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan Pemerintahan yang telah dilimpahkan oleh Walikota Kepada Lurah dan tugas-tugas umum Pemerintahan dalam ligkup urusan tata Pemerintahan.

Seksi Ekonomi dan Pembangunan

a. Menyelenggarakan sebagian tugas dan fungsi Kelurahan dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan ekonomi dan bangunan.

b. Melakukan penyusunan rencana kegiatan seksi ekonomi dan pembangunan berdasarkan tugas permasalahan dan regulasi sebagai bahan penyusunan rencana strategis serta rencana kerja dan anggaran Kelurahan.

c. Melakukan penyiapan bahan-bahan perumusan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan ekonomi dan pembangunan.

d. Melaksanakan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan ekonomi dan pembangunan.

Seksi Kesejahteraan dan Pemberdayaan Masyarakat

a. Seksi Kesejahteraan dan Pemberdayaan Masyarakat mempunyai tugas menyelanggarakan sebagian tugas dan fungsi Kelurahan dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan kesejahteraan dan pemberdayaan masyarakat.

b. Melakukan penyusunan rencana kegiatan seksi kesejahteraan dan pemberdayaan masyarakat berdasarkan tugas, permasalahan dan regulasi sebagai bahan penyusunan rencana strategis serta rencana kerja dan anggaran Kelurahan.

c. Melakukan penyiapan bahan-bahan perumusan keijakan Lurah dalam penyelenggaraan kewenangan-kwewnangan pemerintahan yang telah dilimpahkan oleh Wlikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan kesejahteraan dan pemberdayaan masyarakat.

d. Melaksanakan kebijakan Lurah dalam penyelenggraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan kesejahteraan dan pemberdayaan masyarakat.

Kelompok Jabatan Fungsional

a. Jabatan fungsional ditetapkan berdasarkan ketentuan peraturan perundang-undangan yang berlaku.

b. Pemegang jabatan fungsional sebagaimana dimaksud dalam melaksanakan tugasnya bertanggung jawab kepada Lurah.

c. Dalam pemegang jaatan fungsional sebagaimana dimaksud lebih dari seorang dibentuk kelompok jabatan fungsional.

d. Kelompok jabatan fungsional sebagaimana dimaksud dipimpin oleh pemegang jabatan fungsional yang paling senior.

Tata Kerja Bagian Kesatu Umum/Staff

a. Hal-hal yang menjadi tugas Kelurahan dan masing-masing unit erja di lingkungan Kelurahan merupakan satu kesatuan yang utuh dan tidak dapat dipisahkan.

b. Kegiatan operasional dalam rangka penyelenggaraan fungsi Kelurahan dilaksanakan oleh Lurah bersama-sama dengan Sekretariat, seksi-seksi dan kelompok jabatan fungsional di lingkungan Keluarahan.

c. Dalam melaksanakan tugas pokoknya, Lurah menyelenggarakan hubungan fungsional dengan instansi lain yang memiliki kaitan fungsi dengan Kleurahan.

d. Setiap pemimpin unit kerja di lingkungan kelurahan wajib memimpin dan memberikan bimbingan serta petunjuk pelaksanaan tugas kepada unit kerja Kelurahan di bawahnya atau pegawai yang membantunya.

Rancangan Prosedur Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Berdasarkan analisa yang dilakukan pada Kelurahan Sukasari Tangerang, sistem informasi surat pengantar yang sedang berjalan saat ini dalam proses pengolahan data masih belum optimal, karena belum terintegrasi dan terkomputerisasi, sehingga pengolahan data belum diperoleh secara cepat, tepat dan akurat serta belum berjalan secara efektif dan efisien.

Adapun mekanisme sistem yang berjalan di Kelurahan Sukasari sebagai berikut:

Prosedur pendaftaran

Masyarakat datang langsung ke Kelurahan dan menyerahkan form surat pengantar dari RT kepada staff pendaftaran untuk diproses sesuai permintaan yang diminta pada form surat pengantar yang diberikan masyarakat.

Prosedur pembuatan surat

Pembuatan surat dilakukan oleh seksi tata pemerintahan yang bertugas dalam proses pembuatan surat yang diminta masyarakat. Dengan menggunakan Microsoft office word dan Microsoft office excel.

Prosedur Pencetakan

Surat yang sudah selesai dibuat kemudian dicetak, dan selanjutnya akan diserahkan oleh Lurah untuk diperiksa dan dilegitimasi.

Prosedur Legitimasi

Proses legitimasi masih dilakukan oleh staff tata pemerintahan dengan menyerahkan surat yang sudah jadi kepada Lurah untuk di tandatangani dan di stampel, sebelum diserahkan kepada masyarakat.

Prosedur Laporan

Laporan dilakukan oleh Sekretariat dengan menyimpan berkas asli surat pengantar RT yang diserahkan masyarakat, kemudian di input sesuai dengan jenis dan tanggal surat masuk dan keluar menggunakan Microsoft office word dan Microsoft office excel.

Analisa Prosedur Sistem Yang Berjalan

Penelitian ini mengguankan program Unified Modelling Language (UML) dalam menggambarkan proses yang sedang berjalan, dan beberapa diagram yang digunakan diantaranya use case diagram, sequence diagram, dan activity diagram.

1. Analisa Sistem Yang Berjalan Pada Use Case Diagram

Berdasarkan gambar 3.3. Use Case Diagram sistem yang berjalan saat ini terdapat:

a. Terdapat 4 (empat) Actor yang dapat melakukan kegiatan didalam sistem, diantaranya yaitu Warga, Staff Pendaftaran, Seksi Tata Pemerintahan, dan Lurah.

b. 6 (enam) Use Case yang dapat dilakukan oleh Actor tersebut, diantaranya Membawa Formulir, Memeriksa Kelengkapan Form, Membuat Surat yang dibutuhkan, Cetak Surat , Meminta Legalisir dan TTD Surat, Surat Pengantar Selesai.

2. Analisa Sistem Yang Berjalan Pada Activity Diagram

Berdasarkan gambar 3.4. Activity Diagram yang berjalan saat ini terdapat:

a. 1 (satu) Initial Node, model yang diawali.

b. 8 (delapan) Action State yang dimulai dari Membawa Formulir, Memeriksa Kelengkapan Form, Menyerahkan Form, Membuat Surat yang dibutuhkan, Cetak Surat, Meminta Legalisir dan TTD Surat, Legalisir dan TTD Surat, Surat Pengantar Selesai.

c. 1 (satu) Final State, objek yang diakhiri

3. Analisa Sistem Yang Berjalan Pada Sequence Diagram

Berdasarkan gambar 3.5. Sequence Diagram yang berjalan saat ini terdapat:

a. Terdapat 4 (empat) Actor yang melakukan kegiatan, diantaranya Warga, Staff Pendaftaran, Seksi Tata Pemerintahan, Lurah

b. 2 (dua) Lifeline antarmuka yang saling berinteraksi, diantaranya Form, dan Surat Pengantar.

c. 8 (delapan) Message dari komunikasi antar objek yang memuat informasi-informasi yang dilakukan oleh actor, diantaranya Membawa Formulir, Memeriksa Form, Menyerahkan Form, Membuat Surat, Cetak Surat, Meminta Legalisir dan TTD Surat, Memberikan Surat, Surat Selesai.

Analisa Sistem Yang Berjalan

Metode Analisa Sistem

Pada metode analisa sistem ini menggunakan metode analisa SWOT untuk mengidentifikasi berbagai faktor secara sistematis untuk mencari strategi menggunakan kekuatan yang ada untuk memanfaatkan peluang yang tersedia (strategi S-O) serta menggunakan kekuatan yang dimiliki untuk mengatasi ancaman yang ada (strategi S-T). selain itu dianalisis pula strategi untuk mengurangi kelemahan yang dimiliki dalam meraih peluang yang ada (strategi W-O) maupun mengatasi ancaman yang ada (strategi W-T). pemetaan strategi S-O, W-O, S-T, dan W-T dapat dilihat pada tabel dibawah ini :

Konfigurasi Sistem Yang Sedang Berjalan

Spesifikasi Perangkat Keras (Hardware)

Hardware atau perangkat keras yang digunakan yaitu:

a. Processor : Intel 2.67 Ghz

b. Monitor : 15 Inch

c. Mouse : USB

d. Ram : 2 GB

e. Keyboard : Standar

f. Printer : Hp

Spesifikasi Perangkat Lunak (Software)

Software atau perangkat lunak yang digunakan yaitu:

a. Microsoft Windows 7

b. Microsoft office 2007

c. Microsoft excel

Hak Akses (Brainware)

Ada beberapa aktor yang dapat mengakses sistem pembuatan surat pada Kelurahan Sukasari Tangerang :

a. Lurah

b. Staff Tata Pemerintahan

c. Warga

d. Staff

Permasalahan Yang Dihadapi

Adapun masalah yang dihadapi pada sistem yang berjalan adalah sebagai berikut :

Sistem informasi surat pengantar yang sedang berjalan saat ini dalam proses pengolahan datanya masih belum optimal, karena belum terintegrasi dan terkomputerisasi, sehingga pengolahan data belum diperoleh secara cepat, tepat dan akurat serta belum berjalan secara efektif dan efisien.
Proses pembuatan surat pengantar yang dibutuhkan masih menggunakan sistem komputer yang sederhana yaitu Ms.Excel/Ms.Word. Sehingga pada proses pembuatan surat sering terjadi kesalahan input atau yang lebih sering disebabkan karena human error.
Dalam proses pembuatan surat pengantar, Kelurahan hanya membuat dan mencetak tanpa adanya laporan akhir dalam bentuk data sehingga menyebabkan terjadinya beberapa kesalahan seperti surat hilang dan double surat.

Analisa Batasan Sistem

Setiap sistem mempunyai batasan sistem yang memisahkan sistem dengan lingkungan luarnya. Kesatuan diluar sistem yang dapat berupa orang, organisasi, atau sistem lainnya yang memberikan input atau menerima output dari sistem.

Melihat permasalahan yang ada pada Kelurahan Sukasari Tangerang, maka penulis membatasi permasalahan mengenai analisa sistem informasi surat pengantar yang meliputi proses pembuatan surat pengantar sampai dengan prosedur pencetakan serta laporan surat pengantar.

Analisa Kontrol

Pada sistem pembuatan surat pengantar yang berjalan saat ini, proses pengontrolan dilakukan oleh seksi tata pemerintahan, dengan melakukan pembuatan dan pencarian surat pengantar dalam file Ms.Word/Ms.excel. Semua pengerjaan kontrol dilakukan manual sehingga apabila terjadi masalah akibat kontrol yang tidak akurat maka akan memerlukan waktu dalam pencariannya maupun pembuatannya.

Analisa Kebutuhan Sistem

Pada pembuatan surat pengantar di Kelurahan Sukasari sistem yang berjalan masih melakukan pengolahan data yang belum efektif. Untuk itu penulis mengusulkan sebuah sistem yang terkomputerisasi dengan baik dan efektif atau sistem berbasis web yang dapat mempermudah dalam pengambilan keputusan serta informasi yang terpercaya dan akurat.

User Requirement

Elisitasi (Elicitation) adalah berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis. Elistasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu sebagai berikut :

Elisitasi Tahap I

Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data dari lapangan yang dilakukan dengan observasi dan wawancara mengenai kekurangan dari sistem yang berjalan, dan kebutuhan pengguna sistem yang belum terpenuhi.

Berikut adalah tabel elisitasi tahap I :

Elisitasi Tahap II

Elisitasi tahap II merupakan hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem yang baru dengan rancangan yang disanggupi untuk dieksekusi.

a. M pada MDI artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru

b. D pada MDI artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembuatan sistem, maka membuat sistem tersebut lebih sempurna.

c. I pada MDI artinya Inessential. Maksudnya adalah requirement tersebut bukan bagian dari sistem yang dibahas dan merupakan bagiandari luar sistem.

Berikut adalah tabel elisitasi tahap II :

Keterangan :

M (Mandatory): penting

D (Desirable): tidak terlalu penting

I (Innesential): tidak mutlak ada

Elisitasi Tahap III

Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya “I” pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali dengan metode TOE. Berikut ini adalah penjelasan mengenai TOE :

a. T artinya Technical. Maksudnya adalah pertanyaan perihal bagaimana tata cara / teknik pembuatan requirement tersebut dalam sistem yang diusulkan.

b. O artinya Operational. Maksudnya adalah pertanyaan perihal bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.

c. E artinya Economy. Maksudnya adalah pertanyaan perihal berapakah biaya yang diperlukan guna membangun requirement tersebut di dalam sistem Menjadi beberapa option, antara lain :

1) H (High) : Sulit untuk dikerjakan, karena teknik pembuatan dan penggunaannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.

2) M (Middle) : Mampu untuk dikerjakan.

3) L (Low) : Mudah untuk dikerjakan.

Berikut adalah tabel elisitasi tahap III :

Keterangan:

T (Technology) H (High)

O (Operational) M (Middle)

E (Economic) L (Low)

Final Draft Elisitasi

Final draft merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan, maka menghasilkan requirement final draft elisitasi yang dapat ditunjukan pada tabel berikut :

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem Yang Diusulkan

Setelah melakukan analisis dan penelitian dari sistem yang sedang berjalan pada Kelurahan Sukasari, selanjutnya akan membahas tentang rancangan sistem yang diusulkan yang dapat dijelaskan pada use case diagram, activity diagram, sequence diagram dan class diagram dengan menggunakan Visual Paradigm for UML 6.4 Enterprise Edition.

Prosedur Sistem Usulan

Berikut beberapa prosedur yang harus dilakukan dalam menjalankan sistem pembuatan surat pengantar pada Kelurahan Sukasari yaitu :

Prosedur Login

Untuk mengakses sistem, setiap pengguna diwajibkan melakukan proses login dengan mengisi username dan password sesuai dengan username dan password pengguna.

Prosedur Input Data Surat

Seksi Tata Pemerintahan melakukan penginputan data pada form buat surat sesuai dengan kebutuhan surat yang diinginkan.

Prosedur Cetak Surat

Setelah proses penginputan data selesai dan disimpan, maka Seksi Tata Pemerintahan dapat melakukan pencetakan surat tersebut.

Prosedur Data Laporan

Bagian Seksi Tata Pemerintahan, Sekretariat, dan Lurah dapat melihat dan mencetak laporan jika diperlukan.

Prosedur Logout

Bagian Seksi Tata Pemerintahan, Sekretariat, dan Lurah dapat melakukan proses logout atau keluar dari sistem setelah selesai melakukan proses pembuatan surat yang dibutuhkan atau aktivitas lainnya didalam sistem.

Use Case Diagram yang diusulkan

Diagram Use Case adalah sebuah diagram yang digunakan untuk menunjukkan tampilan grafis dari fungsionalitas yang diberikan oleh sistem dilihat dari sisi aktor, tujuan aktor, dan hal yang berkaitan dengan use case yang ada.

Berdasarkan gambar diatas, usecase diagram Surat Pengantar yang diusulkan terdapat :

a. 1 sistem yang mencakup seluruh kegiatan dalam proses penginputan.

b. 3 actor yang melakukan kegiatan yaitu bagian Seksi Tata Pemerintahan, Sekretariat, dan Lurah.

c. 6 usecase yang akan dilakukan oleh aktor tersebut, seperti login, View Home, Buat Surat, View Surat, Laporan, Logout.

Activity Diagram yang diusulkan

Berdasarkan gambar Activity Diagram diatas, terdapat :

a. 1 initial node sebagai tanda yang mengawali objek

b. 31 action yang menggambarkan eksekusi pada saat login yaitu login, Home, View Home, Surat Baru, Transaction, Report, Settings, Simpan, Print, Edit, Hapus, View, logout, Sk Domisili Lembaga, Sk Ahli Waris, Sk Kematian, Sk Pengantar Nikah, Sk Keramaian, Sk Salah Nama, Sk Suami Istri, SKCK, Sk Pindah Pergi, Sk Pindah Datang, Sk Kelahiran, Sk Perubahan KK.

c. Decision Node menggambarkan pada saat melakukan login ada 2 kemungkinan yang pertama apabila login salah maka akan kembali ke login dan cek kembali username dan password dan apabila login benar maka akan tampil ke menu utama

d. 6 Fork Node menggambarkan pembagian aktifitas tersebut.

e. 1 Activity Final Node menjelaskan bahwa objek dibentuk

Sequence Diagram yang diusulkan

Berdasarkan gambar sequence diagram yang diusulkan terdapat :

a. 6 Lifeline antarmuka yang saling berinteraksi.

b. 3 actor yang melakukan kegiatan yaitu Seksi Tata Pemerintahan, Sekretariat, Lurah.

c. 23 message yang berawal dari tampilan homepage yang terdiri dari Input Username dan Password, Verifikasi login, Konfirmasi Username dan Password, View Home, Pilih Menu Surat Baru, Buat Surat dan Simpan, View Surat dan Cetak Surat Baru, View Laporan, Login, Verifikasi login, Konfirmasi Username dan Password, View Home, View Surat, View dan Cetak Laporan, Login, Verifikasi login, Konfirmasi Username dan Password, View Home, View Surat, View Laporan, Logout, Logout, Logout.

Class Diagram Yang diusulkan

Diagram Kelas (class diagram) sangat membantu dalam visualisasi kelas dari suatu sistem. Hal ini di sebabkan karena class adalah deskripsi kelompok objek-objek dengan atribut (property) dan relasi yang sama. Disamping itu class diagram bisa memberikan pandangan global atas sebuah sistem. Hal tersebut tercermin dari class-class yang ada dan relasinya satu dengan yang lain dan menggambarkan struktur dan deskripsi class pada sistem.

Perbedaan Prosedur Antara Sistem Berjalan Dan Sistem Usulan

Berikut ini adalah perbedaan prosedur antara sistem berjalan dengan sistem usulan yang ditunjukan pada tabel berikut :

Analisa Yang Diusulkan

Metode Analisa SWOT

Berikut akan dijelaskan analisis SWOT dimana analisis ini mengidentifikasi kekuatan (strenght) dan kelemahan (weakness) yang merupakan faktor lingkungan internal serta faktor lingkungan eksternal yaitu kesempatan (opportunities) dan ancaman (threat).

Berikut ini tabel analisis SWOT pada sistem Autentikasi Sertifikat yang diusulkan :

Rancangan Database

Rancangan database dipakai untuk mempermudah dalam proses penyeleksian data, serta membantu pemprograman dalam mengambil dan menampilkan data. Pada database digunakan tabel-tabel, dan pada tabel-tabel ini akan dijelaskan nama field, type dan size mengenai data tersebut.

Nama File : Babinsa

Media: Hard Disk

Isi: babinsa_id + babinsa_nip + babinsa_nama + babinsa_tingkat + created_at + updated_at

Primary Key : babinsa_idk

Panjang Record : 11

Nama File: Camat

Media: Hard Disk

Isi: camat_id + camat_nip + camat_nama + created_at + updated_at

Primary Key: camat_id

Panjang Record: 11

Nama File: Lurah

Media: Hard Disk

Isi: lurah_id + lurah_nip + lurah_nama + lurah_jabatan + created_at + updated_at

Primary Key: lurah_id

Panjang Record : 11

Nama File: password_resets

Media: Hard Disk

Isi: email + token + created_at

Primary Key:

Panjang Record :

Nama File: permissions

Media: Hard Disk

Isi: id + name + created_at + updated_at

Primary Key: id

Panjang Record : 10

</di>

Nama File: pindah_anggota

Media : Hard Disk

Isi : pdh_anggota_id + pdh_anggota_nama + pdh_anggota_nik + pdh_anggota_masa_berlaku + pdh_shdk + created_at + updated_at +pdh_dtg_id

Primary Key : pdh_anggota_id

Panjang Record : 11

Nama File: pindah_dtg_head

Media : Hard Disk

Isi: pdh_dtg_id + pdh_dtg_no + pdh_dtg_no_kk + pdh_dtg_nama_kpla_k_asl + pdh_dtg_kampung_asl + pdh_dtg_alamat_asl + pdh_dtg_rt_asl + pdh_dtg_rw_asl + pdh_dtg_kel_asl + pdh_dtg_kec_asl + pdh_dtg_prov_asl + pdh_dtg_kab_asl + pdh_dtg_nik_pemohon + pdh_dtg_nama_pemoh on + pdh_dtg_stts_kk_tjn + pdh_dtg_no_ kartu_keluarga_tjn + pdh_dtg_nik_kpla_k_tjn+ pdh_dtg_nama_kpla_k_tjn + pdh_dtg_kampung _tjn + pdh_dtg_tgl_dtg_tjn + pdh_dtg_alamat_tjn + pdh_dtg_rt_tjn + pdh_dtg_rw_tjn + pdh_dtg_kel _tjn + pdh_dtg_kec_tjn + pdh_dtg_prov_tjn + pdh_dtg_kab_tjn + updated_at + created_at + user_id

Primary Key: pdh_dtg_id

Panjang Record : 11

2018_09_11_9 2018_09_11_10

Nama File: prb_kk_anggota

Media : Hard Disk

Isi: prb_anggota_id + prb_anggota_nama + prb_anggota_nik + prb_shdk + prb_kk_id +created_at + updated_at

Primary Key: prb_anggota_id

Panjang Record : 11

Nama File: prb_kk_head

Media : Hard Disk

Isi: prb_kk_id + prb_kk_nama_pemohon + prb_kk_nik_pemohon + prb_kk_nama_kpla_keluarga + prb_kk_no_kk + prb_kk_alamat + prb_kk_rt + prb_kk_rw + prb_kk_desa + prb_kk_kab + prb_kk_kec + prb_kk_prov + prb_kk_nama_kpla_keluarga_lma + prb_kk_no_lma + prb_kk_rt_lma + prb_kk_rw _lma + prb_kk_desa_lma + prb_kk_kab_lma + prb_kk_kec_lma + prb_kk_alasan + prb_kk_kode_pos_lma + prb_kk_telp + updated_at + created_at

Primary Key : prb_kk_id

Panjang Record : 11

Nama File: roles

Media: Hard Disk

Isi: id + name + created_at + updated_at

Primary Key: id

Panjang Record : 10

Nama File: roles_has_permissions

Media : Hard Disk

Isi: permission_id + role_id

Primary Key: permission_id

Panjang Record : 10

Nama File: rukun_tetangga

Media : Hard Disk

Isi : rt_id + rt_nama + rt_code + rt_alamat + created_at + updated_at

Primary Key : rt_id

Panjang Record : 10

Nama File: rukun_warga

Media : Hard Disk

Isi: rw_id + rw_nama + rw_code + rw_alamat + created_at + updated_at

Primary Key : rt_id

Panjang Record : 11

Nama File: sk_catatankepolisian

Media : Hard Disk

Isi : skck_id + skck_no + skck_ket + skck_keperluan + skck_pemohon_nama + skck_pemohon_tmptlahir + skck_pemohon_tgllahir + skck_pemohon_agama + skck_pemohon_jk + skck_pemohon_alamat + skck_ktp_kk + created_at + updated_at +skck_pemohon_pekerjaan

Primary Key : skck_id

Panjang Record : 11

Nama File: sk_domisili_lembaga

Media : Hard Disk

Isi: dom_lem_id + dom_lem_no + dom_lem_nama +dom_lem_alamat + dom_lem_no_telp +dom_lem_pengurus + dom_lem_berlaku +dom_lem_bidang + dom_lem_status_bangunan + dom_lem_nosuratputusan + dom_lem_nosuratanggal + dom_lem_nosuratkota + dom_lem_penanggung_nama + dom_lem_penanggung_tempat_lahir + dom_lem_penanggung_bangsa + dom_lem_penanggung_agama + dom_lem_penanggung_alamat + dom_lem_penanggung_jabatan +dom_lem_penanggung_tgl_lahir +updated_at + created_at

Primary Key : dom_lem_id

Panjang Record : 11

Nama File: sk_kelahiran

Media : Hard Disk

Isi: kelahiran_id + kelahiran_no + kelahiran_kk + kelahiran_kpla_keluarga + kelahiran_anak_nik + kelahiran_anak_nama + kelahiran_anak_jk + kelahiran_anak_dilahirkan + kelahiran_anak_ tempat_lahir + kelahiran_anak_tgl_lahir + kelahir an_anak_jam + kelahiran_anak_jenis_kelahiran + kelahiran_anak_ke + kelahiran_anak_penolong + kelahiran_anak_berat + kelahiran_anak_panjang + kelahiran_ibu_nik + kelahiran_ibu_nama+ kelahir an_ibu_tgl_lahir + kelahiran_ibu_pekerjaan + kelahiran_ibu_alamat+kelahiran_ibu_alamat_rt + kelahiran_ibu_alamat_rw + kelahiran_ibu_alamat _desa + kelahiran_ibu_alamat_kec + kelahiran_ ibu_alamat_kab + kelahiran_ibu_alamat_prov + kelahiran_ibu_warga + kelahiran_ibu_bangsa + kelahiran_pencatatan_kawin + kelahiran_ayah_nik kelahiran_ayah_nama+ kelahiran_ayah_tgl_lahir + kelahiran_ayah_pekerjaan + kelahiran_ayah_ alamat + kelahiran_ayah_alamat_rt + kelahiran_a yah_alamat_rw + kelahiran_ayah_alamat_desa + kelahiran_ayah_alamat_kec + kelahiran_ayah _alamat_kab + kelahiran_ayah_alamat_prov + kelahiran_ayah_warga + kelahiran_ayah_bangsa + kelahiran_pelapor_nik + kelahiran_pelapor_nama+ kelahiran_pelapor_umur + kelahiran_pelapor_jk + kelahiran_pelapor_pekerjaan + kelahiran_ pelapor_alamat + kelahiran_pelapor_rt + kelahiran_pelapor_rw + kelahiran_pelapor_desa + kelahiran_pelapor_kec + kelahiran_pelapor_kab + kelahiran_pelapor_prov + kelahiran_tgl_lapor + kelahiran_saksi_1_nik + kelahiran_saksi_1_nama+ kelahiran_saksi_1_umur + kelahiran_saksi_1_ pekerjaan + kelahiran_saksi_1_alamat + kelahiran_saksi_1_rt + kelahiran_saksi_1_rw + kelahiran_saksi_1_desa + kelahiran_saksi_1_kec + kelahiran_saksi_1_kab + kelahiran_saksi_1_prov+ kelahiran_saksi_2_nik + kelahiran_saksi_2_nama+ kelahiran_saksi_2_umur + kelahiran_saksi_2_ pekerjaan + kelahiran_saksi_2_alamat + kelahiran_saksi_2_rt + kelahiran_saksi_2_rw + kelahiran_saksi_2_desa + kelahiran_saksi_2_kec + kelahiran_saksi_2_kab + kelahiran_saksi_2_prov+ updated_at + created_at

Primary Key : kelahiran_id

Panjang Record : 11

2018_09_11_19 2018_09_11_22 2018_09_11_20 2018_09_11_21

Nama File: sk_kematian

Media : Hard Disk

Isi: : kematian_id + kematian_no + kematian_nama + kematian_jk + kematian_umur + kematian_pekerjaan + kematian_alamat + kematian_tanggalbuat +kematian_tanggalkematian + kematian_tempat + kematian_sebab + kematian_pelapor + created_at+ kematian_pelaporhubungan + updated_at

Primary Key : kematian_id

Panjang Record : 11

Nama File: sk_keramaian

Media : Hard Disk

Isi: : kera_id + kera_no + kera_kegiatan + kera_tgl_mulai+ kera_tgl_selesai + kera_time_mulai + kera_time_selesai + kera_tempat + kera_pemohon_nama + kera_pemohon_tempatlahir + kera_pemohon_tgllahir + kera_pemohon_pekerjaan + kera_pemohon_jk + kera_pemohon_alamat + created_at + updated_at

Primary Key : kera_id

Panjang Record : 11

Nama File: sk_nikah_head

Media : Hard Disk

Isi: sk_nikah_id + sk_nikah_no + sk_nikah_tanggal + sk_nikah_nama + sk_nikah_jk + sk_nikah_tempat_lahir + sk_nikah_tgl_lahir + sk_nikah_wn + sk_nikah_pekerjaan + sk_nikah_agama + sk_nikah_alamat + sk_nikah_bin + sk_nikah_status +sk_nikah_nama_suis_terdahulu +created_at +updated_at

Primary Key : sk_nikah_id

Panjang Record : 11

Nama File: sk_nikah_orangtua

Media : Hard Disk

Isi: ortu_id + ortu_ayah_nama + ortu_ayah_tempatlahir + ortu_ayah_tgllahir + ortu_ayah_wn + ortu_ayah_agama + ortu_ayah_pekerjaan + ortu_ayah_alamat + ortu_ibu_nama + ortu_ibu_tempatlahir + ortu_ibu_tgllahir + ortu_ibu_wn + ortu_ibu_agama + ortu_ibu_pekerjaan + ortu_ibu_alamat + sk_nikah_id +created_at + updated_at

Primary Key : ortu_id

Panjang Record : 11

Nama File: sk_pindah

Media : Hard Disk

Isi: pindah_id + pindah_no + pindah_nama + pindah_ktp + pindah_kk + pindah_kepala_kk + pindah_alamat_sekarang + pindah_alamat_tujuan+ pindah_jumlah + created_at + updated_at

Primary Key : pindah_id

Panjang Record : 11

Nama File: sk_salahnama

Media : Hard Disk

Isi: salah_id + salah_no + salah_pemohon_nama+salah_pemohon_tgllahir + salah_pemohon_tmpt lahir + salah_pemohon_pekerjaan + salah_pemohon_agama + salah_pemohon_jk +salah_pemohon_alamat + salah_pemohon_ktpkk + salah_pemohon_ket +salah_keperluan +created_at + updated_at

Primary Key : ortu_id

Panjang Record : 11

Nama File: sk_suami_istri

Media : Hard Disk

Isi: susi_id + susi_no + susi_tgl_buat + susi_pemohon_nama + susi_pemohon_tempat lahir + susi_pemohon_tgllahir + susi_pemohon_bangsa + susi_pemohon_agama +susi_pemohon_pekerjaan + susi_pemohon_jk + susi_pemohon_alamat +susi_nama_suami_or_istri + susi_tgllahir_suami_or_istri + susi_tempatlahir_suami_or_istri + susi_bangsa_suami_or_istri + susi_pekerjaan_suami_or_istri + susi_jk_suami _or_istri + susi_alamat_suami_or_istri + susi_ tanggal_nikah + created_at + updated_at

Primary Key : susi_id

Panjang Record : 10

Nama File: users

Media : Hard Disk

Isi: id + name + email + password + remember_token + username + created_at + updated_at

Primary Key : id

Panjang Record : 10

Nama File: user_has_permissions

Media : Hard Disk

Isi: user_id + permission_id

Primary Key :

Panjang Record :

Nama File: : user_has_roles

Media : Hard Disk

Isi: role_id + user_id

Primary Key :

Panjang Record :

Nama File: : warisan_ahliwaris

Media : Hard Disk

Isi: ahliwaris_id + ahliwaris_nama + ahliwaris_alamat + ahliwaris_pekerjaan + ahliwaris_tempatlahir + ahliwaris_tgllahir + ahliwaris_hu_keluarga + ahliwaris_wn + ahliwaris_umur + warisan_id + ahliwaris_agama + ahliwaris_kuasa + created_at + updated_at

Primary Key : ahliwaris_id

Panjang Record : 11

Nama File: : warisan_head

Media : Hard Disk

Isi: warisan_id + warisan_no + warisan_tgl_kematian+ warisan_tgl_buat + warisan_nama + warisan_alamat + warisan_saksi_rt + warisan_saksi_rw + created_at + updated_at

Primary Key : ahliwaris_id

Panjang Record : 11

Rancangan Prototype

Rancangan prototype sistem pengolahan surat pengantar diantaranya yaitu :

Prototype Login

Pada saat program pertama kali dijalankan pada tampilan yang muncul yaitu login. Tampilan login berfungsi sebagai awal dalam menggunakan sistem informasi pengolahan surat pengantar pada Kelurahan Sukasari, yang berhak melakukan login yaitu: Seksi Tata Pemerintahan, Sekretariat, dan Lurah.

Berikut ini merupakan tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.5 :

Prototype Menu Utama/Home

Rancangan menu utama / Home untuk menampilkan halaman awal pada sistem pengolahan surat pada Kelurahan Sukasari.

Berikut ini merupakan tampilan rancangan prototype pada menu utama / Home yang ditunjukkan pada gambar 4.6:

Prototype Menu Surat Baru

Berikut ini merupakan tampilan rancangan prototype pada menu Surat baru yang ditunjukkan pada gambar 4.7:

Prototype Menu Transaction

Berikut ini merupakan tampilan rancangan prototype pada menu Transaction yang ditunjukkan pada gambar 4.8:

Prototype Menu Tampilan Surat

Berikut ini merupakan tampilan rancangan prototype pada menu Tampilan Surat yang ditunjukkan pada gambar 4.9 :

Prototype Menu Report

Berikut ini merupakan tampilan rancangan prototype pada menu Report yang ditunjukkan pada gambar 4.10 & 4.11:

Gambar 4.10 Tampilan Menu Report Laporan Bulanan

Gambar 4.11 Tampilan Menu Report Laporan Tahunan

Konfigurasi Sistem Yang Diusulkan

Spesifikasi Hardware

Processor : Intel i7-4790
Monitor : HP Pavilion 20fi
Hardisk : 320GB
RAM : 2GB
Keyboard : HP SK-2063
Printer : Canon LBP6200d
Mouse : HP SM-2063

Spesifikasi Software

Sistem Operasi Windows 7
XAMPP
Notepad++
Visual Paradigm for UML 6.4
Web browser
MariaDB

Hak Akses

Untuk mengakses sistem penggajian karyawan terdapat 3 hak akses (brainware) yaitu Seksi Pemerintahan, Sekretariat, dan Lurah.

Testing

Blackbox Testing

Untuk tahap pengujian penulis menggunakan metode blackbox, untuk dapat memastikan bahwa program atau sistem yang dibuat masih terdapat bug (kesalahan) atau tidak. Dari setiap tes pengujian tidak menutupi kemungkinan masih terdapat bug (kesalahan) dari sistem yang telah dites, tetapi pengujian ini setidaknya dapat meminimalisir bug (kesalahan) yang terdapat di dalam sistem

Berdasarkan analisis blackbox testing yang telah dilakukan maka dapat disimpulkan bahwa program atau sistem yang telah dibuat sudah terminimalisir dari bug (kesalahan) dilihat dari hasil yang sesuai dengan data yang telah diisi.

Implementasi

Berdasarkan requirements yang terdapat pada Final Draft Elisitasi di atas, kemudian dibangun beberapa prototype sistem, yaitu:

Tampilan Login

Untuk mengakses sistem ini sumua user akan menuju halaman login dan hanya yang memiliki akun username

Tampilan Home

Setelah berhasil melakukan login, maka user akan masuk ke halaman utama, Terdapat juga beberapa pilihan menu seperti Surat Baru, Transaction, Report, dan Settings yang memudahkan user dalam memilih sesuai kebutuhan user. Berikut adalah tampilan home.

Tampilan Surat Baru

Tampilan ini adalah tampilan untuk user membuat surat yang dibutuhkan. Pada menu ini menampilkan pilihan menu beberapa surat yang akan dibuat sesuai permintaan masyarakat dan form- form surat yang akan diinput oleh user

Tampilan Transaction

Pada tampilan ini dapat menampilkan data – data surat yang telah diinput dan dapat dilakukan print,edit,delete data surat.

Tampilan Print Surat

Pada tampilan ini menampilkan surat yang sudah dibuat dan akan dilakukan print.

Tampilan Report

Pada tampilan ini user dapat melihat data laporan yang bisa dilihat berdasarkan bulan atau tahun dan dapat dilakukan print.

Gambar 4.16 Tampilan Report Laporan Bulanan

Gambar 4.17 Tampilan Report Laporan Tahunan

Gambar 4.18 Tampilan Report Print

Time Schedule

Time Schedule merupakan rencana alokasi dalam merancang, mempersiapkan, menguji dan mengimplementasikan sistem membutuhkan satuan waktu dalam periode tertentu sehingga dapat berjalan dengan benar. Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakan ini dibuat dalam bentuk time table yaitu sebagai berikut :

Estimasi Biaya

Estimasi biaya digunakan sebagai perhitungan kebutuhan yang diperlukan dalam menyelesaikan penelitian yang diusulkan. Berikut ini merupakan estimasi biaya yang ditunjukkan pada tabel 4.33 :

BAB V

PENUTUP

Kesimpulan

Berdasarkan hasil penelitian yang telah dilakukan pada Kelurahan Sukasari, maka penulis menyimpulkan bahwa:

Sistem pembuatan surat pengantar pada Kelurahan Sukasari yang berjalan saat ini dalam pengolahannya masih semi komputerisasi yaitu sudah menggunakan komputer tetapi hanya dengan Microsoft Word/Microsoft Excel dalam pembuatan surat yang dibutuhkan, dan pencarian file surat dalam beberapa folder tertentu sehigga mengakibatkan lamanya proses pembuatan surat maupun pencarian surat yang dibutuhkan.
Sistem pembuatan surat yang berjalan saat ini masih kurang efektif karena sulitnya dalam pencarian surat yang dibutuhkan dan beberapa file/folder surat yang masih berantakan dan tidak tersimpan dengan rapi, sehingga memakan waktu lama dalam proses pencarian surat maupun pembuatan surat.
Karena sistem yang terdapat di Kelurahan Sukasari masih semi komputerisasi menggunakan Microsoft Word/Microsoft Excel maka peneliti merancang sistem yang terkomputerisasi untuk dapat membantu pekerjaan Staff dalam pengerjaan pembuatan surat pengantar pada Kelurahan Sukasari dengan melakukan observasi, wawancara dan studi pustaka yang menghasilkan sistem informasi surat pengantar berbasis web dengan proses staff/user melakukan login menggunakan username dan password yang sudah di daftarkan, kemudian melakukan penginputan data surat pada form surat yang sudah tersedia, Dan terdapat pula menu Home, menu surat, Laporan, dan Users, serta settings yang dapat mempermudah kerja staff dalam penggunaan sistem.

Saran

Saran yang dapat disampaikan dalam penelitian ini adalah agar penelitian berikutnya dapat mengembangkan sistem ini menjadi lebih baik lagi, sehingga kekurangan yang ada pada sistem saat ini bisa dilengkapi atau diperbaiki. Maka, peneliti merekomendasikan sebagai bahan pertimbangan sebagai berikut:

Dalam penerapan sistem informasi surat sebaiknya didukung oleh perangkat yang memadai, baik dari segi peralatannya (software dan hardware) maupun sumber daya manusia agar sistem dapat berjalan secara maksimal.
Apabila sistem yang baru sudah berjalan maka perlu diperhatikan dan dilakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan.
Melakukan pengembangan perancangan sistem informasi/aplikasi yang lain untuk menunjang kinerja pelayanan yang lebih baik.

DAFTAR PUSTAKA

↑ ^1,0 ^1,1 ^1,2 ^1,3 Hengki Tamando Sitohang. 2018. Sistem informasi pengagendaan surat berbasis web pada pengadilan negeri medan. Jurnal informatik pelita nusantara : Vol.3, No.1.
↑ ^2,0 ^2,1 ^2,2 ^2,3 Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika. Jurnal SemanTIK : Vol.2 No.2,
↑ Martono, Kartika, dan Putri Aullia. 2017. Aplikasi Jenjang Sosial Pendataan Kartu Keluarga Berbasis Web. Jurnal CCIT : Vol.10, No.2
↑ Sutopo, Priyo dan Arifin, Zainal dan Cahyadi, Dedi. 2016. “Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 Di Kalimantan Timur Berbasis Web”. Kalimantan Timur: Universitas Mulawarman. Jurnal Informatika Mulawarman Vol. 11 No. 1 Februari 2016.
↑ Ari Asmawati, Yuni Hafita, Muhammad Faisal. 2016. The design of visual communication design media shaped product catalog as a medium of promotion and information on PT.Trans nusantara acces(authorized dealer XL) Tangerang. Vol.2 No.1
↑ Jayanti Dwi, dan Ariani Siska .2014. “Sistem Informasi Penggajian Pada CV. Blumbang Sejati Pacitan”. Surakarta: Universitas Surakarta, STKIP PGRI Pacitan. Jurnal Speed-Sentra Penelitian Engineering dan Edukasi Vol. 6 No. 3 -2014, IJNS.
↑ Sutopo, Priyo dan Arifin, Zainal dan Cahyadi, Dedi. 2016. “Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 Di Kalimantan Timur Berbasis Web”. Kalimantan Timur: Universitas Mulawarman. Jurnal Informatika Mulawarman Vol. 11 No. 1 Februari 2016.
↑ Sophian Sophan. 2014. “Pengimplementasian Dan Perancangan Sistem Informasi Penjualan Dan Pengembalian Stok Barang Pada Toko Swastika Servis (SS) Bangunan Dengan Menggunakan Bahasa Pemrograman Visual Basic 6.0 Didukung Dengan Database Mysql”. Padang: STMIK Indonesia Padang: STMIK Indonesia Padang, Jurnal Momentum Vol. 16 No. 2. Agustus 2014 ISSN: 1693-752X.
↑ Nasril dan Adri Yanto Saputra. 2016. Rancang Bangun Sistem Informasi Ujian Online. Jurnal Lentera ICT: Vol.3 No.1, Mei 2016 / ISSN 2338-3143
↑ Alison Mckay, George N Stiny and Alan de Penningtoon. 2016. Principles For The Definition Of Design Structures. International Journal Of Computer Integrated Manufacturing Vol.29 No.3: 237-250
↑ ^11,0 ^11,1 Joko Agus Prawono, Anton Respati Pamungkas. 2015. Sistem Informasi Pengelolaan Surat Masuk Dan Surat Keluar Di Stmik Aub Surakarta
↑ Fauzan Masykur, Ibnu Makruf Pandu Atmaja. 2015. Sistem Administrasi Pengelolaan Arsip Surat Masuk Dan Surat Keluar Berbasis Web. jurnal IJNS (Indonesian Journal of Network & Security) Volume 4 No 3
↑ Barthos,Basir. 2013. “Manajemen Kearsipan”. Jakarta : Bumi Aksara.
↑ ^14,0 ^14,1 Kusumawati, Dewi dan Dwi Setiyani. 2017. Aplikasi Pembelajaran Iqro Berbasis Multimedia Pada Tk Islam Terpadu Al Mubarak Palu . jurnal JESIK (Jurnal Elektronik Sistem Informasi dan Komputer) : Vol.3, No.1
↑ Destiana, Henny . 2014. Sistem Informasi Penjualan Barang Berbasis Web Pada Pt. Catur Daya Persada Jakarta. Jurnal Paradigma : Vol XVI, No.2
↑ Ginting, Elizaandayni, 2013, Aplikasi Penjualan Berbasis Web (ECommerce) Menggunakan Joomla Pada Mutiara Fashion, Penerbit Universitas Widyatama
↑ ^17,0 ^17,1 Gede Hendra Divayana, Dewa . Wayan Arta Suyasa, dan Nyoman Sugihartini. 2016. Pengembangan Media Pembelajaran Berbasis Web Untuk Matakuliah Kurikulum dan Pengajaran di Jurusan Pendidikan Teknik Informatika Universitas Pendidikan Ganesha. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) : Volume 5, Nomor 3
↑ ^18,0 ^18,1 ^18,2 Zakiah , Azizah . dan Apit Supriatna. 2015. Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009. Prosiding SENTIA 2015 : Politeknik Negeri Malang Volume 7, ISSN: 2085-2347.
↑ Susena, Edy . Ema Utami, Andi Sunyoto. 2015. Perencanaan Strategis Sistem Informasi Smart Campus Untuk Meningkatkan Pelayanan Di Politeknik Indonusa Surakarta. Jurnal Sainstech Politeknik Indonusa Surakarta : Vol. 1 , Nomor 3 ISSN : 2355-5009
↑ Husniah, Lailatul. Fendy Saputro, dan Eko Budi Cahyono. 2016. Interaktif Augmented Reality Untuk Katalog Penjualan Rumah Berbasis Android. Jurnal KINETIK : Vol.1, No.1
↑ Wijayanto, R. 2014. PERANCANGAN ANIMASI INTERAKTIF PEMBELAJARAN BAHASA INGGRIS UNTUK KELAS 2 PADA MI NURUL FALAH CIATER. AMIK Bina Sarana Informatika Purwokerto, Evolusi Vol. II No. 1
↑ ^22,0 ^22,1 Reza Palevi, Angga . dan Krisnawati. 2013. Analisis Dan Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Berbasis Website Pada Smp Negeri 2 Mojosongo Boyolali. Jurnal Ilmiah DASI : Vol.14, No.04
↑ Ramadhani, Syaifudin . Urifatun Anis, dan Siti Tazkiyatul Masruro. 2013. Rancang Bangun Sistem Informasi Geografis Layanan Kesehatan Di Kecamatan Lamongan Dengan PHP MySQL. Jurnal Teknika : Vol. 5, No.2
↑ ^24,0 ^24,1 Cahyo Nugroho, Nur, dan Bambang Eka Purnama. 2012 . Perancangan Inovasi Konten Web Radio Streaming Dan Podcasting Pada Radio Puspa Fm Pacitan. Journal Speed (Sentra Penelitian Engineering dan Edukasi) : Volume.4, No 4.
↑ ^25,0 ^25,1 Ardi Binarso, Yusi . Eko Adi Sarwoko, dan Nurdin Bahtiar. 2012. JOINT (Journal Of Informatics and Technology) : Vol.1, No.1.
↑ Solihin , Muhammad. Agung Nugroho Jati , dan Umar Ali Ahmad. 2016. Implementasi Panel Pengunjung Berbasis Layar Sentuh Sebagai Sub Sistem Kunci Otomatis Pada Ruang Dosen Universitas Telkom. e-Proceeding of Engineering : Vol.3, No.1 April.
↑ Tri Octafian, D . 2015. Web Multi E-Commerce Berbasis Framework Codeigniter. Jurnal Teknologi Dan Informatika (Teknomatika) : Vol.5, No.1
↑ ^28,0 ^28,1 Aminudin. 2015. Cara Efektif Belajar Framework Laravel. Yogyakarta: CV. Lokomedia.
↑ ^29,0 ^29,1 Alhadi saputra, 2012, kanjian kebutuhan perangkat lunak untuk pengembangan sistem informasi dan aplikasi perangkat lunak buatan lapan bandung, berita dirgantara Vol. 13 No.2
↑ Defi Anggraeni dan Siska Iriani. 2063. Sistem Informasi Pengarsipan Surat Masuk Dan Surat Keluar Pada Kantor Kecamatan Pringkuku. Jurnal Bianglala Informatika : Vol.4 No.2. 2016.
↑ Yudie Irawan . 2015. ANALISA DAN PERANCANGAN OTOMATISASI SURAT PENGANTAR RT BERBASIS SMS GATEWAY SEBAGAI PENERAPAN KONSEP PAPERLESS OFFICE . jurnal SIMETRIS : Vol.6 No.1
↑ Khozin Yuliana dkk. 2016. Rancang Bangun Aplikasi Sistem Informasi Inventarisasi Surat Masuk dan Surat Keluar Berbasis Web. jurnal SENSI 005 ISSN Vol.2 No.2
↑ Walia, Saurabh dan Satinderjit Kaur Gill. 2014. “A Framework for Web Based Student Record Management System using PHP”. India: International Journal of Computer Science and Mobile Computing Vol.3 No.8.
↑ Eka Mistiko Rini, Farizqi Panduardi, Fatah Romansah. 2016. Rancang Bangun Sistem Informasi Pelayanan Desa Tamansari Kecamatan Licin Banyuwangi Berbasis Web. Seminar Nasional Teknologi Informasi dan Multimedia 2016 ISSN : 2302-3805
↑ Bhimani,Janki, Ningfang Mi, Miriam Leeser, dan Zhengyu Yang. 2017. FiM: Performance Prediction for Parallel Computation in Iterative Data Processing Applications.USA: Cloud Computing (CLOUD), IEEE 10th international conference.
↑ Qi Lin, Ze. 2017. Inteligent Development Environment and Software Knowledge Graph. Journal Of Computer Science And Technology :Vol.32, No.2 .
↑ M. Leonardi, Paul . 2016. “Multiplex Appropriation in Complex System Implemetation: The Case Of Brazil’s Correspondent Banking System”. Special Issue: ICT Societal Challenges :Vol.40, No.2

Contributors

Putri ika wati

[Hengki2018-1] 1,0 ^1,1 ^1,2 ^1,3 Hengki Tamando Sitohang. 2018. Sistem informasi pengagendaan surat berbasis web pada pengadilan negeri medan. Jurnal informatik pelita nusantara : Vol.3, No.1.

[Rosmalia2016-2] 2,0 ^2,1 ^2,2 ^2,3 Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika. Jurnal SemanTIK : Vol.2 No.2,

[Martono2017-3] Martono, Kartika, dan Putri Aullia. 2017. Aplikasi Jenjang Sosial Pendataan Kartu Keluarga Berbasis Web. Jurnal CCIT : Vol.10, No.2

[Abidin2016-4] Sutopo, Priyo dan Arifin, Zainal dan Cahyadi, Dedi. 2016. “Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 Di Kalimantan Timur Berbasis Web”. Kalimantan Timur: Universitas Mulawarman. Jurnal Informatika Mulawarman Vol. 11 No. 1 Februari 2016.

[Ari2016-5] Ari Asmawati, Yuni Hafita, Muhammad Faisal. 2016. The design of visual communication design media shaped product catalog as a medium of promotion and information on PT.Trans nusantara acces(authorized dealer XL) Tangerang. Vol.2 No.1

[jayanti2015-6] Jayanti Dwi, dan Ariani Siska .2014. “Sistem Informasi Penggajian Pada CV. Blumbang Sejati Pacitan”. Surakarta: Universitas Surakarta, STKIP PGRI Pacitan. Jurnal Speed-Sentra Penelitian Engineering dan Edukasi Vol. 6 No. 3 -2014, IJNS.

[Sutopo2016-7] Sutopo, Priyo dan Arifin, Zainal dan Cahyadi, Dedi. 2016. “Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 Di Kalimantan Timur Berbasis Web”. Kalimantan Timur: Universitas Mulawarman. Jurnal Informatika Mulawarman Vol. 11 No. 1 Februari 2016.

[Sophian2014-8] Sophian Sophan. 2014. “Pengimplementasian Dan Perancangan Sistem Informasi Penjualan Dan Pengembalian Stok Barang Pada Toko Swastika Servis (SS) Bangunan Dengan Menggunakan Bahasa Pemrograman Visual Basic 6.0 Didukung Dengan Database Mysql”. Padang: STMIK Indonesia Padang: STMIK Indonesia Padang, Jurnal Momentum Vol. 16 No. 2. Agustus 2014 ISSN: 1693-752X.

[Nasril2016-9] Nasril dan Adri Yanto Saputra. 2016. Rancang Bangun Sistem Informasi Ujian Online. Jurnal Lentera ICT: Vol.3 No.1, Mei 2016 / ISSN 2338-3143

[Alison2016-10] Alison Mckay, George N Stiny and Alan de Penningtoon. 2016. Principles For The Definition Of Design Structures. International Journal Of Computer Integrated Manufacturing Vol.29 No.3: 237-250

[Joko2015-11] 11,0 ^11,1 Joko Agus Prawono, Anton Respati Pamungkas. 2015. Sistem Informasi Pengelolaan Surat Masuk Dan Surat Keluar Di Stmik Aub Surakarta

[Fauzan2015-12] Fauzan Masykur, Ibnu Makruf Pandu Atmaja. 2015. Sistem Administrasi Pengelolaan Arsip Surat Masuk Dan Surat Keluar Berbasis Web. jurnal IJNS (Indonesian Journal of Network & Security) Volume 4 No 3

[Barthos2013-13] Barthos,Basir. 2013. “Manajemen Kearsipan”. Jakarta : Bumi Aksara.

[Dewii2017-14] 14,0 ^14,1 Kusumawati, Dewi dan Dwi Setiyani. 2017. Aplikasi Pembelajaran Iqro Berbasis Multimedia Pada Tk Islam Terpadu Al Mubarak Palu . jurnal JESIK (Jurnal Elektronik Sistem Informasi dan Komputer) : Vol.3, No.1

[Henny2014-15] Destiana, Henny . 2014. Sistem Informasi Penjualan Barang Berbasis Web Pada Pt. Catur Daya Persada Jakarta. Jurnal Paradigma : Vol XVI, No.2

[Ginting2013-16] Ginting, Elizaandayni, 2013, Aplikasi Penjualan Berbasis Web (ECommerce) Menggunakan Joomla Pada Mutiara Fashion, Penerbit Universitas Widyatama

[Dewa2016-17] 17,0 ^17,1 Gede Hendra Divayana, Dewa . Wayan Arta Suyasa, dan Nyoman Sugihartini. 2016. Pengembangan Media Pembelajaran Berbasis Web Untuk Matakuliah Kurikulum dan Pengajaran di Jurusan Pendidikan Teknik Informatika Universitas Pendidikan Ganesha. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) : Volume 5, Nomor 3

[Azizah2015-18] 18,0 ^18,1 ^18,2 Zakiah , Azizah . dan Apit Supriatna. 2015. Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009. Prosiding SENTIA 2015 : Politeknik Negeri Malang Volume 7, ISSN: 2085-2347.

[Edi2015-19] Susena, Edy . Ema Utami, Andi Sunyoto. 2015. Perencanaan Strategis Sistem Informasi Smart Campus Untuk Meningkatkan Pelayanan Di Politeknik Indonusa Surakarta. Jurnal Sainstech Politeknik Indonusa Surakarta : Vol. 1 , Nomor 3 ISSN : 2355-5009

[Lailatul2016-20] Husniah, Lailatul. Fendy Saputro, dan Eko Budi Cahyono. 2016. Interaktif Augmented Reality Untuk Katalog Penjualan Rumah Berbasis Android. Jurnal KINETIK : Vol.1, No.1

[Ridho2014-21] Wijayanto, R. 2014. PERANCANGAN ANIMASI INTERAKTIF PEMBELAJARAN BAHASA INGGRIS UNTUK KELAS 2 PADA MI NURUL FALAH CIATER. AMIK Bina Sarana Informatika Purwokerto, Evolusi Vol. II No. 1

[Angga2013-22] 22,0 ^22,1 Reza Palevi, Angga . dan Krisnawati. 2013. Analisis Dan Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Berbasis Website Pada Smp Negeri 2 Mojosongo Boyolali. Jurnal Ilmiah DASI : Vol.14, No.04

[Syaifudin2013-23] Ramadhani, Syaifudin . Urifatun Anis, dan Siti Tazkiyatul Masruro. 2013. Rancang Bangun Sistem Informasi Geografis Layanan Kesehatan Di Kecamatan Lamongan Dengan PHP MySQL. Jurnal Teknika : Vol. 5, No.2

[Nur2012-24] 24,0 ^24,1 Cahyo Nugroho, Nur, dan Bambang Eka Purnama. 2012 . Perancangan Inovasi Konten Web Radio Streaming Dan Podcasting Pada Radio Puspa Fm Pacitan. Journal Speed (Sentra Penelitian Engineering dan Edukasi) : Volume.4, No 4.

[Yusii2012-25] 25,0 ^25,1 Ardi Binarso, Yusi . Eko Adi Sarwoko, dan Nurdin Bahtiar. 2012. JOINT (Journal Of Informatics and Technology) : Vol.1, No.1.

[Solihin2016-26] Solihin , Muhammad. Agung Nugroho Jati , dan Umar Ali Ahmad. 2016. Implementasi Panel Pengunjung Berbasis Layar Sentuh Sebagai Sub Sistem Kunci Otomatis Pada Ruang Dosen Universitas Telkom. e-Proceeding of Engineering : Vol.3, No.1 April.

[tri2015-27] Tri Octafian, D . 2015. Web Multi E-Commerce Berbasis Framework Codeigniter. Jurnal Teknologi Dan Informatika (Teknomatika) : Vol.5, No.1

[Aminudin2015-28] 28,0 ^28,1 Aminudin. 2015. Cara Efektif Belajar Framework Laravel. Yogyakarta: CV. Lokomedia.

[Alhadi2012-29] 29,0 ^29,1 Alhadi saputra, 2012, kanjian kebutuhan perangkat lunak untuk pengembangan sistem informasi dan aplikasi perangkat lunak buatan lapan bandung, berita dirgantara Vol. 13 No.2

[Defi2016-30] Defi Anggraeni dan Siska Iriani. 2063. Sistem Informasi Pengarsipan Surat Masuk Dan Surat Keluar Pada Kantor Kecamatan Pringkuku. Jurnal Bianglala Informatika : Vol.4 No.2. 2016.

[Yudie2015-31] Yudie Irawan . 2015. ANALISA DAN PERANCANGAN OTOMATISASI SURAT PENGANTAR RT BERBASIS SMS GATEWAY SEBAGAI PENERAPAN KONSEP PAPERLESS OFFICE . jurnal SIMETRIS : Vol.6 No.1

[Khodzin2016-32] Khozin Yuliana dkk. 2016. Rancang Bangun Aplikasi Sistem Informasi Inventarisasi Surat Masuk dan Surat Keluar Berbasis Web. jurnal SENSI 005 ISSN Vol.2 No.2

[Walia2014-33] Walia, Saurabh dan Satinderjit Kaur Gill. 2014. “A Framework for Web Based Student Record Management System using PHP”. India: International Journal of Computer Science and Mobile Computing Vol.3 No.8.

[Eka2016-34] Eka Mistiko Rini, Farizqi Panduardi, Fatah Romansah. 2016. Rancang Bangun Sistem Informasi Pelayanan Desa Tamansari Kecamatan Licin Banyuwangi Berbasis Web. Seminar Nasional Teknologi Informasi dan Multimedia 2016 ISSN : 2302-3805

[Bhimani2017-35] Bhimani,Janki, Ningfang Mi, Miriam Leeser, dan Zhengyu Yang. 2017. FiM: Performance Prediction for Parallel Computation in Iterative Data Processing Applications.USA: Cloud Computing (CLOUD), IEEE 10th international conference.

[Ze_2017-36] Qi Lin, Ze. 2017. Inteligent Development Environment and Software Knowledge Graph. Journal Of Computer Science And Technology :Vol.32, No.2 .

[Paul2016-37] M. Leonardi, Paul . 2016. “Multiplex Appropriation in Complex System Implemetation: The Case Of Brazil’s Correspondent Banking System”. Special Issue: ICT Societal Challenges :Vol.40, No.2

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

[36]

[37]

@@ Baris 1: / Baris 1: @@
+<P>&nbsp;</P>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''APLIKASI MOBILE CUSTOMER CARES SEBAGAI WADAH UNTUK MENAMPUNG KELUHAN DAN SARAN PELANGGAN  '''</P></div>
+<p style="line-height: 1">'''BERBASIS WEB PADA KELURAHAN SUKASARI    '''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PADA PT. MODERNLAND REALTY, Tbk.'''</P></div>
+<p style="line-height: 1">'''KECAMATAN TANGERANG'''</P></div>
@@ Baris 19: / Baris 22: @@
 {|table align="center"
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1214472803'''</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1511489617'''</div>
 |-
-|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[TIOPANI DACHI]]'''</div>
+|<div style="font-size: 14pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[PUTRI IKA WATI]]'''</div>
 |}
@@ Baris 28: / Baris 31: @@
 <p style="line-height: 1">'''JURUSAN [[Sistem Informasi|SISTEM INFORMASI]]'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KONSENTRASI KOMPUTER AKUNTANSI'''</P></div>
+<p style="line-height: 1">'''SISTEM INFORMASI MANAJEMEN'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 <p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</P></div>
@@ Baris 37: / Baris 40: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 <p style="line-height: 1">'''2017/2018'''</P></div>
+<br>
 {{pagebreak}}
-<div align="center"><img width="800" height="800" style="margin:0px" src="https://s19.postimg.org/4sb4va0hf/img106.jpg"/></div>
+{{pagebreak}}
+<hr width="100%">
+<br>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''(STMIK) RAHARJA'''</p></div>
+<br>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
+&nbsp;
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''BERBASIS WEB PADA KELURAHAN SUKASARI '''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> ''' KECAMATAN TANGERANG '''</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disusun Oleh:</p></div>
+{|table align="center"
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1511489617</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Putri Ika Wati</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jenjang Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata Satu</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi Manajemen</div>
+|}
+&nbsp;
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, 17 Juli 2018</p></div>
+{|table align="center"
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Kepala Jurusan</div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">STMIK RAHARJA</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Jurusan Sistem Informasi</div>
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Ir. [[Untung Rahardja]], M.T.I., MM)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Nur Azizah]], M.Akt., M.Kom)</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP: 000594</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP: 078010</div>
+|}
+<br>
 {{pagebreak}}
+<hr width="100%">
+<br>
-<div align="center"><img width="800" height="800" style="margin:0px" src="https://s19.postimg.org/4fjqpb7zn/Untitled-2.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">'''(STMIK) RAHARJA'''</p></div>
+&nbsp;
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 2">'''LEMBAR PERSETUJUAN PEMBIMBING'''</p></div>
+<br>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR '''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''  BERBASIS WEB PADA KELURAHAN SUKASARI '''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> ''' KECAMATAN TANGERANG '''</P></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<br>
+<p style="line-height: 2">Dibuat Oleh:</p></div>
+{|table align="center"
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1511489617 </div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Putri Ika Wati</div>
+|}
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Jurusan Sistem Infomasi</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Sistem Informasi Manajemen </p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2017/2018</p></div> <br> <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disetujui Oleh:</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2" style="text-align: right;">Tangerang, 17 Juli 2018</p></div>
+{|table align="center"
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing I</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Pembimbing II</div>
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+|&nbsp; || &nbsp; || &nbsp; || &nbsp;
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Khozin Yuliana,Ir.,MM)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Erna Astriyani,S.Kom.,MTI)</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID: 15015 </div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID: 15017</div>
+|}
+<br>
+{{pagebreak}}
 {{pagebreak}}
+<hr width="100%">
+<br>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
@@ Baris 53: / Baris 218: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''LEMBAR PERSETUJUAN DEWAN PENGUJI'''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''APLIKASI MOBILE CUSTOMER CARES SEBAGAI WADAH UNTUK MENAMPUNG KELUHAN DAN SARAN PELANGGAN  '''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR BERBASIS    '''</p></div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''PADA PT. MODERNLAND REALTY, Tbk. '''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1" style="text-align: center;">'''WEB PADA KELURAHAN SUKASARI KECAMATAN TANGERANG '''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">Dibuat Oleh :</p></div>
@@ Baris 63: / Baris 228: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1214472803</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1511489617</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[TIOPANI DACHI]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[PUTRI IKA WATI]]</div>
 |}
@@ Baris 81: / Baris 246: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Jurusan Sistem Informasi</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Komputer Akuntansi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Konsentrasi Sistem Informasi Manajemen</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tahun Akademik 2017/2018</p></div>
@@ Baris 89: / Baris 254: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: left">
-<p style="line-height: 1" style="text-align: right;">Tangerang,  Januari 2018</p></div>
+<p style="line-height: 1" style="text-align: right;">Tangerang,  Juli 2018</p></div>
 {|table align="center"
@@ Baris 132: / Baris 297: @@
 |}
+<br>
+{{pagebreak}}
+<hr width="100%">
+<br>
 {{pagebreak}}
-<div align="center"><img width="800" height="800" style="margin:0px" src="https://s19.postimg.org/mh2vmzroz/Untitled-1.jpg"/></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 1">'''(STMIK) RAHARJA'''</p></div>
+&nbsp;
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 2">'''LEMBAR KEASLIAN SKRIPSI'''</p></div>
+<br>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR '''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''BERBASIS WEB PADA KELURAHAN SUKASARI'''</P></div>
+<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
+<p style="line-height: 1"> '''KECAMATAN TANGERANG'''</P></div>
-{{pagebreak}}
+<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 2">Disusun Oleh:</p></div>
+{|table align="center"
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAKSI</p></div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Pada saat ini banyak sekali perusahaan yang berada di dunia, mulai dari perusahaan kecil hingga perusahaan besar. Dan bahkan adapula pula perusahaan yang mengalami kebangkrutan. Hal ini disebabkan perusahaan yang tidak memahami apa sebenarnya yang penting untuk kemajuan perusahaan. Perusahaan tidak akan berdiri tanpa satu hal penting, yaitu konsumen. Karena konsumen merupakan nyawa bagi perusahaan itu sendiri. Sedikit kehilangan kepercayaan dari konsumen maka perusahaan tersebut harus siap mengalami kerugian besar bahkan bangkrut. Untuk itu perusahaan harus banyak berinovasi untuk terus mempertahankan kepercayaan konsumen. Banyak cara yang dilakukan perusahaan untuk mendapatkan dan mempertahankan kepercayaan konsumen.. Salah satu cara untuk mengatasi hal tersebut adalah dengan menggunakan pelayanan prima. Karena dengan pelayanan prima konsumen akan merasa nyaman dan percaya dengan perusahaan tersebut. PT. Modernland Realty, Tbk merupakan salah satu dari sekian banyak perusahaan yang menggunakan pelayanan prima baik dari awal penjualan bahkan sampai selesainya proses. PT. Modernland Realty T.Bk merupakan sebuah perusahaan yang bergerak di bidang penjualan property. Dimana penjualan tersebut meliputi rumah, kavling, ruko, dan apartemen. Dalam melakukan pelayanan prima, PT. Modernland Realty selalu melakukannya pada saat awal penjualan, pada saat serah terima, pada saat pembuatan Sertifikat hingga AJB. Dalam melakukan pelayanan khususnya dari awal penjualan dan serah terima unit, perusahaan masih banyak kendala yang dihadapi khususnya dalam menampung Saran / Komplain dari konsumen dan bahkan masih menggunakan cara manual dalam prosesnya. Oleh karena itu, penulis membuat sebuah Aplikasi Mobile dimana aplikasi ini diharapkan dapat mengurangi bahkan menghilangkan semua kendala yang selama ini di alami oleh perusahaan. Aplikasi ini nantinya akan dibuat dengan menggunakan aplikasi UML (Unifield Modelling Language), Database menggunakan MySQL.
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1511489617</div>
-.</p></div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Kata Kunci: UML, Sistem Informasi, Pelayanan prima''</p></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Putri Ika Wati</div>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''At this time many companies are in the world, ranging from small companies to large companies. And even the same company that went bankrupt. This is due to companies that do not understand what is really important for the company's progress. The company will not stand without one important thing, namely the consumer. Because the consumer is the life for the company itself. Little loss of trust from consumers then the company must be ready to lose big and even bankrupt. For that company must be much innovate to continue to maintain consumer confidence. Many ways that companies do to get and maintain consumer confidence .. One way to overcome this is to use excellent service. Because with the excellent service consumers will feel comfortable and trust with the company. PT. Modernland Realty, Tbk is one of the many companies that use excellent service from the beginning of sales even to the completion of the process. PT. Modernland Realty T.Bk is a company engaged in the sale of property. Where the sale includes houses, lots, shophouses, and apartments. In doing excellent service, PT. Modernland Realty always do it at the beginning of the sale, at the time of handover, at the time of making the Certificate to AJB. In doing the service especially from the beginning of the sales and handover of the unit, the company still faced many obstacles, especially in accommodating Suggestion / Complain from the consumer and even still using manual way in the process. Therefore, the authors create a Mobile Application where the application is expected to reduce and even eliminate all the obstacles that have been experienced by the company. This application will be created using UML (Unifield Modeling Language) application, Database using MySQL.'' </p></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jenjang Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata Satu</div>
+|-
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords : UML, Information Systems, Excellent Service''</p></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Jurusan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Infomasi</div>
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Informasi Manajemen</div>
+|}
+&nbsp;
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 3">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+<p style="line-height: 2">Tangerang, 17 Juli 2018</p></div>
+{|table align="center"
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|&nbsp;
+|-
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>'''(Putri Ika Wati)'''</u></div>
+|-
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''NIM: 1511489617 '''</div>
+|}
+&nbsp;
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"><p style="line-height: 2">'')*Tandatangan dibubuhi materai 6.000;</p></div>
+<br>
 {{pagebreak}}
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KATA PENGANTAR'''</div>
+{{pagebreak}}
+<hr width="100%">
+<br>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''ABSTRAK'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem informasi penduduk dimaksudkan untuk meningkatkan efisiensi dalam hal pelayanan masyarakat. Kelurahan Sukasari Tangerang selama ini mempunyai sistem informasi yang masih sederhana dan kurang efektif yaitu menggunakan Ms.Word/Ms.Excel. Sistem tersebut tentu saja mempunyai banyak kelemahan yaitu harus mencari file surat dalam beberapa folder tertentu, dan juga sering terjadi kehilangan file/folder surat serta penumpukan berkas-berkas, human error dan  mengakibatkan lamanya proses dalam pencarian  maupun pembuatan surat pengantar serta laporan yang dibutuhkan.Metode analisa yang digunakan yaitu menggunakan analisa SDLC (System Development Life Cycle), untuk metode perancangan modelnya menggunakan UML (Unified Modeling Language), sedangkan untuk bahasa pemrogramannya digunakan bahasa PHP dan HTML yang menggunakan aplikasi Notepad++, untuk framework PHP yang digunakan yaitu Laravel dan dalam pembuatan databasenya menggunakan MariaDB. Hasil penelitian ini adalah sistem informasi surat berbasis web pada Kelurahan Sukasari yang dapat diakses menggunakan browser komputer lokal. Dengan demikian akan menghasilkan sistem informasi surat yang dapat bermanfaat bagi Kelurahan Sukasari baik sebagai pengetahuan maupun sebagai dasar untuk mengambil suatu langkah kebijaksanaan
+.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 3">''Kata Kunci: Surat Pengantar, Human error, notepad++, SDLC, HTML''</p></div>
+<br>
+{{pagebreak}}
+{{pagebreak}}
+<hr width="100%">
+<br>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''' ''ABSTRACT'' '''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"> ''The population information system is intended to improve efficiency in terms of community service. Kelurahan Sukasari Tangerang so far has an information system that is still simple and less effective using Ms.Word / Ms.Excel. The system of course has many disadvantages that is to look for the mail files in certain folders, and also often occurs loss of files / folders of letters and the buildup of files, human error and result in length of process in searching and making the cover letter and the required reports. The analysis method used is SDLC (System Development Life Cycle) analysis, for the method of designing the model using UML (Unified Modeling Language), while for programming language used PHP and HTML language using Notepad ++ application, for PHP framework used is Laravel and in making its database using MariaDB. The result of this research is web-based letter information system at Kelurahan Sukasari which can be accessed using local computer browser. Thus will produce a system of letter information that can be useful for Kelurahan Sukasari both as knowledge and as a basis for taking a policy step.'' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 3">''Keywords : Introduction Letter, Human error, notepad ++, SDLC, HTML''</p></div>
+<br>
+{{pagebreak}}
+{{pagebreak}}
+<hr width="100%">
+<br>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KATA PENGANTAR'''</div>
+<br>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Puji dan Syukur penulis haturkan kepada Tuhan Yang Maha Esa yang telah memberikan beribu - ribu berkat dan rahmat sehingga penulis dapat menyelesaikan Skripsi ini yang berjudul APLIKASI MOBILE CUSTOMER CARES SEBAGAI WADAH UNTUK MENAMPUNG KELUHAN DAN SARAN PELANGGAN PADA PT. MODERNLAND REALTY, Tbk.</p></div>
+<p style="line-height: 2">Dengan memanjatkan puji dan syukur kehadirat Allah SWT serta kepada junjungan Nabi Besar Muhammad SAW karena dengan segala rahmat dan karunia-Nya penulis dapat menyusun dan menyelesaikan laporan Skripsi ini dengan baik, yang berjudul “PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR BERBASIS WEB PADA KELURAHAN SUKASARI KECAMATAN TANGERANG”.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Tujuan dari pembuatan laporan Skripsi ini adalah sebagai salah satu syarat untuk mendapat Gelar Sarjana Komputer di Sekolah Tinggi Manajemen dan Ilmu Komputer (STMIK) Raharja Informatika.</p></div>
+Tujuan dari penulisan laporan Skripsi ini disusun sebagai salah satu syarat guna melengkapi kurikulum perkuliahan.Sebagai bahan penulisan, Penulis memperoleh informasi berdasarkan sumber yang mendukung penulisan laporan ini.Oleh karena itu dalam kesempatan ini penulis ingin menyampaikan ucapan terimakasih yang sebesar-besarnya kepada :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Penulis juga mengucapkan terima kasih kepada pihak perusahaan PT. Modernland Realty Tbk dalam membantu dan mengijinkan penulis untuk melakukan kegiatan obsevasi guna membuat Skipsi ini.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tidak sampai di situ, penulis juga mengucapkan terima kasih kepada pihak - pihak yang telah banyak membantu penulis dalam menyelesaikan Skripsi ini, terutama kepada:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Presiden Direktur Perguruan Tinggi Raharja Bapak Ir. Untung Rahardja, M.T.I.,MM </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Dr. Ir. Untung Rahardja, M.T.I.,MM. selaku Ketua STMIK Raharja </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Direktur AMIK Raharja Informatika, Bapak Dr. PO. Abas Sunarya, M.Si. </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Sugeng Santoso, M.Kom selaku Puket 1 STMIK Raharja </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Sugeng Santoso, M.Kom selaku pembantu Ketua 1 Bidang Akademik. </li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Nur Azizah, M.Akt.,M.Kom selaku Kepala Jurusan Sistem Informasi </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Suwarto, M.,Pd Selaku Dosen Pembimbing I yang telah banyak membantu penulis dalam menyusun Laporan Kuliah Kerja Praktek ini </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Khozin Yuliana, Ir.,MM, selaku Dosen Pembimbing I yang telah membantu dalam penyusunan laporan Skripsi </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Oleh Soleh, S.Kom.M.M.S.I Selaku Dosen Pembimbing II yang telah banyak membantu penulis dalam menyusun Laporan Kuliah Kerja Praktek ini.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Erna Astriyani, S.Kom.,M.T.I selaku Dosen Pembimbing II yang telah memberikan arahan dan saran-saran sehingga laporan ini bisa terselesaikan dengan baik dan tepat waktu</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Pimpinan dan seluruh staff PT. Modernland Realty, T.Bk yang telah membantu penulis dalam hal memberikan informasi dan data sebagai dasar Laporan Skripsi ini</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seluruh Dosen Perguruan Tinggi Raharja yang telah membekali ilmu pengetahuan kepada penulis</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Orang Tua Penulis yang telah memberikan doa dan dukungan sehingga penulis sehingga penulis mampu menyusun Laporan Skripsi ini.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Erlin Herlina, SP, selaku pembimbing lapangan atas pengarahan dan saran-saran yang telah diberikan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Dan semua pihak yang telah membantu penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepada kedua orang tua dan kakak-kakak tercinta yang telah memberikan do’a dan dukungan, baik secara moril maupun materil untuk keberhasilan penulis agar dapat menyelesaikan laporan Skripsi</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepada Zerry Aprillia teman spesial yang telah mendukung baik moril maupun materil, dan do’a untuk keberhasilan penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Teman-teman seperjuangan bolo’s partai dan teman seperjuangan lainnya, yang saling memberi semangat satu sama lain untuk menyelesaikan laporan Skripsi ini</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Serta semua pihak yang tidak dapat disebutkan satu per satu yang selama ini juga turut memberikan semangat dan doa agar penulis dapat menyelesaikan laporan Skripsi ini.</li>
 </ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Penulis menyadari dalam laporan ini masih memiliki kekurangan baik dalam penulisan maupun bentuk laporan tersebut. Untuk itu penulis membutuhkan kritik dan saran guna menyempurnakan Laporan Skripsi.</p></div>
+<p style="line-height: 2">Akhir kata, penulis berharap semoga laporan ini dapat memberikan manfaat bagi para pembaca dan dapat menjadi acuan yang bermanfaat di kemudian hari.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Demikian yang dapat penulis sampaikan semoga Laporan Skripsi ini dapat bermanfaat bagi para pembaca khususnya Mahasiswa STMIK dan AMIK RAHARJA INFORMATIKA.</p></div>
@@ Baris 189: / Baris 450: @@
 {| width="100%" align="right"
 |-
-| width="60%" | || align="center" | Tangerang, 20 Januari 2018
+| width="60%" | || align="center" | Tangerang, 17 Juli 2018
 |-
 | ||
@@ Baris 223: / Baris 484: @@
 | ||
 |-
-| width="60%" | || align="center" | <u>TIOPANI DACHI</u>
+| width="60%" | || align="center" | <u>PUTRI IKA WATI</u>
 |-
-| width="60%" | || align="center" | NIM. 1214472803
+| width="60%" | || align="center" | NIM. 1511489617
 |-
 |}
@@ Baris 234: / Baris 495: @@
-=<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB I'''</div> <div style="font-size: 14pt; text-align: center">'''PENDAHULUAN'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENDAHULUAN'''</div>
-==Latar Belakang==
+=='''Latar Belakang'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2"> Pada era yang serba maju saat ini banyak perusahaan yang telah berdiri di seluruh dunia baik perusahaan jasa, dagang dan manufaktur. Banyak perusahaan - perusahaan saling berlomba - lomba untuk meningkatkan profit yang dapat menguntungkan bagi perusahaan tersebut. Konsumen merupakan pemakai atau pengguna produk yang ditawarkan oleh setiap perusahaan tersebut. Maka konsumen merupakan nyawa bagi perusahaan itu sendiri. Oleh karena itu, perusahaan menggunakan berbagai cara atau pun berinovasi untuk dapat menarik dan mempertahankan konsumen karena konsumen memiliki keinginan dan kebutuhan yang berbeda-beda. Banyak cara yang dilakukan perusahaan untuk melakukan hal tersebut mulai dari memberikan produk dengan harga terjangkau, ataupun promo-promo yang memang sangat dibutuhkan oleh konsumen. </p></div>
+<p style="line-height: 2"> Perkembangan teknologi seperti sekarang ini baik di instansi pemerintahan maupun swasta dituntut untuk dapat mengikuti serta mengetahui derasnya arus informasi dalam segala bidang khususnya bidang komputer. Dengan pemakaian komputer tersebut akan semakin mempermudah dalam melakukan pengolahan data dan sangat berpengaruh dalam efisiensi dan efektivitas kerja. Komputer adalah salah satu kemajuan teknologi yang dalam perkembangannya sangat membantu dalam instansi pemerintahan khususnya untuk meningkatkan pelayanan masyarakat. </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Salah satu contoh perusahaan adalah perusahaan jasa khususnya yang bergerak dibidang properti. Dimana perusahaan properti adalah perusahaan ataupun perorangan yang bergerak dalam bisnis property, dimana perusahaan tersebut menjadi pengembang atau dapat dikatakan pembangun serta pemasar properti itu sendiri baik merupakan perumahan skala besar maupun skala kecil (http://sujerevolution.blogspot.co.id). Perusahaan Properti terserbut salah satunya adalah perusahaan peroperti yang menawarkan produk khususnya rumah, ruko, dan apartemen. Perusahaan jasa yang bergerak dibidang properti merupakan perusahaan dengan keuntungan yang banyak. Untuk mendapatkan kuntungan tersebut perusahaan properti berlomba-lomba untuk mendapatkan banyak konsumen. Untuk menarik konsumen beberapa perusahaan properti memberikan banyak penawaran-penawaran produk baik penawaran besar-besaran maupun penawaran yang biasa saja. Sehingga konsumenpun tertarik untuk membeli produk properti yang ditawarkan perusahaan tersebut. Salah satunya adalah PT. Modernland Realty, Tbk.</p></div>
+<p style="line-height: 2">Namun pada saat ini, masih terdapat beberapa instansi pemerintah yang masih menggunakan sistem manual dalam menyelesaikan pekerjaan. Salah satunya yaitu pada Kelurahan Sukasari yang hingga saat ini masih menggunakan sistem manual atau pengolahan data menggunakan Ms.Word & Ms.Excel dalam pembuatan surat pengantar yang dibutuhkan masyarakat sehingga mengakibatkan lamanya proses pembuatan, maupun pencarian surat pengantar yang dibutuhkan. Sehingga diperlukannya sistem pembuatan maupun pencarian surat pengantar yang lebih baik menggunakan teknologi komputer.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT. Modernland Realty, Tbk adalah salah satu perusahaan properti yang mengambangkan dan menjual produk seperti Rumah, Ruko Kaveling dan Apartemen. Adapun beberapa cabang PT. Modernland Realty Tbk yaitu Green Central Jakarta Barat, Jakarta Garden City Cakung, Modern Cikande, Modern Hill Pondok Cabe, Kota Modern di Tangerang dan masih banyak lagi. PT Modernland Realty Tbk dalam memasarkan produknya biasanya melaui banyak cara yaitu melalui Pameran, Brosur, Spanduk dengan mencantumkan beberapa penawaran salah satunya penawaran harga.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kelurahan Sukasari merupakan salah satu kelurahan yang berada di Tangerang dan  mempunyai tugas pokok yaitu menyelenggarakan urusan tata pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan permberdayaan masyarakat. Surat pengantar maupun surat keterangan berguna untuk legalitas dari aktivitas yang dilakukan, dan merupakan salah satu bentuk pelayanan serta menjadi tanggung jawab pemerintah. Oleh karena itu diperlukannya sebuah sistem yang dapat membantu Staff dalam pembuatan maupun pencarian surat pengantar yang dibutuhkan masyarakat.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tetapi apapun penawaran yang diberikan, tidak ada produk yang sempurna di mata konsumen. Adapun beberapa alasan dasar dikarenakan dari perusahaan itu sendiri maupun dari keinginan konsumen yang bertolak belakang dengan apa yang ditawarkan perusahaan. PT. Modernland Realty, Tbk terkadang melakukan kesalahan kecil maupun fatal yang dapat menimbulkan hasil yang tidak baik, mulai dari kerusakan, spesifikasi yang tidak sesuai, ataupun bahan yang digunakan tidak sesuai standar. Sehingga menimbulkan banyaknya kekecewaan dari para konsumen tersebut. Dalam mengungkapkan kekecewaannya konsumen tersebut melakukan komplain dengan cara memberikan keluhan dan saran atas produk yang tidak sesuai keinginan mereka. PT Modernland Realty Tbk memiliki cara tersendiri dalam menampung keluhan dan saran dari konsumen yaitu dengan mengisi Form Keluhan dan Saran. Terkadang form tertulis tersebut bisa terjadi kesalahan mulai penangkapan informasi yang tidak sinkron antara konsumen dengan marketing dan Customer Service, kurangnya koordinasi antar divisi terkait, dan cara pendistribusiannya yang juga terlalu lama, hal ini dikarenakan harus disetujui beberapa direksi terkait. dimana direksi terkait tersebut terkadang berada dibeberapa tempat, ada yang berada di Green Central Jakarta Barat, ada yang di Jakarta Garden City Cakung, ada pula yang di Modern Cikande. dimana lokasi tersebut sangat jauh dari Kota Modern yang berada di Tangerang. Hal ini menjadi tidak efektif dan efisien.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari permasalahan tersebut dengan adanya sistem informasi surat pengantar berbasis web diharapkan dapat membantu dan mempermudah staff dalam proses pembuatan surat pengantar yang dibutuhkan masyarakat serta untuk menunjang kinerja dalam rangka meningkatkan pelayanan kepada masyarakat. Berdasarkan penjelasan permasalahan diatas maka peneliti mengambil judul '''PERANCANGAN SISTEM INFORMASI SURAT PENGANTAR BERBASIS WEB PADA KELURAHAN SUKASARI KECAMATAN TANGERANG'''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari latar belakang tersebut maka penulis pun ingin membuat membuat sebuah aplikasi yang dapat mencegah dan memperbaiki masalah tersebut yaitu “APLIKASI MOBILE CUSTOMER CARES SEBAGAI WADAH UNTUK MENAMPUNG KELUHAN DAN SARAN PELANGGAN PADA PT. MODERNLAND REALTY, Tbk.”</p></div>
 {{pagebreak}}
-==Rumusan Masalah==
+=='''Rumusan Masalah'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Berdasarkan latar belakang masalah yang telah dijelaskan diatas, maka dapat dirumuskan beberapa masalah sebagai berikut: </p>
-<p style="line-height: 2">
-Masalah merupakan kesenjangan antara yang di harapkan dengan yang terjadi, maka rumusan masalah itu merupakan suatu pertanyaan yang akan dicarikan jawabannya melalui pengumpulan data.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Sesuai dengan latar belakang penelitian yang telah diuraikan pada bahasan sebelumnya, penelitian ini berkaitan dengan Analisa dan Perancangan Sistem Informasi Debitur Urut Tanggal (DUT) Pada PT. Bank Mandiri Persero KCM Jati Uwung. Beberapa hal akan dikemukakan mengenai perancangan sistem informasi yang saat ini berjalan, serta adanya masalah-masalah yang terjadi pada sistem informasi. Selanjutnya, akan dinyatakan dan dijelaskan mengapa masalah ini penting dan menarik untuk dipecahkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Berdasarkan dari uraian diatas maka penulis mengambil beberapa pokok permasalahan : </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Bagaimana proses pembuatan surat pengantar yang sedang berjalan di Kelurahan Sukasari untuk mencari serta mencetak surat-surat yang dikeluarkan dan diperlukan oleh masyarakat ?</p></li>
-<p style="line-height: 2">Tujuan operasional
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Apakah pencarian surat pengantar yang dibutuhkan sulit ditemukan sehingga menghambat kerja staff Kelurahan Sukasari?</p></li>
-Bagaimana sistem informasi yang sedang berjalan saat ini pada pengecekan pembayaran nasabah yang jatuh tempo?</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Bagaimana membuat sistem pembuatan surat pengantar yang dapat membantu staff Kelurahan Sukasari dalam pelayanan masyarakat?</p></li></ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Bagaimana cara membuat sistem laporan pembayaran nasabah yang efesien dan efektif?</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Apakah pembayaran nasabah yang jatuh tempo sudah berjalan dengan optimal?</p>
-==Ruang Lingkup Penelitian==
+=='''Tujuan dan Manfaat Penelitian'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">
-Berdasarkan dari rumusan masalah di atas, maka ruang lingkup penelitian ini sebagai berikut.</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Peneliti menyediakan informasi tentang konsentrasi CO2 pada smoking room melalui media LCD.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Melakukan penguraian terhadap senyawa CO2  yang di hasilkan oleh asap rokok. </p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menjaga kualitas udara pada ruang rokok agar tetap terjaga sesuai standart yang ada. </p>
-==Tujuan dan Manfaat Penelitian==
+==='''Tujuan Penelitian'''===
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Berdasarkan rumusan masalah yang diuraikan diatas, maka tujuan dari penulis adalah sebagai berikut : </p>
-===Tujuan Penelitian===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Maksud dari penulisan Skripsi ini adalah sebagai berikut :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Tujuan operasional</p>
+<p style="line-height: 2">Untuk meningkatkan pelayanan surat pengantar yang dibutuhkan masyarakat.</p>
-<p style="line-height: 2">Sistem ditujukan untuk meningkatkan pelayanan terhadap nasabah dalam memberikan informasi secara cepat dan dapat menghasilkan informasi data pembayaran  nasabah yang cepat.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Tujuan fungsional</p>
+<p style="line-height: 2">Untuk membantu staff dalam pencariaan surat yang dibutuhkan masyarakat dan mengelola surat secara terkomputerisasi.</p>
-<p style="line-height: 2">Sistem komputerisasi ini dapat digunakan untuk mempercepat dalam proses dan mempermudah bagi semua marketing untuk mendapatkan informasi  pembayaran nasabah  jatuh  tempo.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Tujuan individu</p>
+<p style="line-height: 2">Untuk merancang sistem informasi pembuatan surat pengantar berbasis web pada Kelurahan Sukasari dalam pelayanan masyarakat.</p>
-<p style="line-height: 2">Sistem ini dapat mempermudah analis dalam pengecekan pembayaran nasabah sehingga dapat memberikan informasi secara cepat dan akurat.</p>
 </ol>
-===Manfaat  Penelitian===
+==='''Manfaat  Penelitian'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Adapun manfaat yang dihasilkan dalam skripsi ini adalah:</p>
-<p style="line-height: 2">
-Manfaat nyata yang didapat pada penelitian ini adalah :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Adanya tindakan pengembangan mengenai kekurangan yang harus dilakukan untuk memenuhi kebutuhan informasi nasabah dan mengatasi kendala pada sistem pembayaran nasabah yang berjalan.</p>
+<p style="line-height: 2">Membantu kinerja dalam meningkatkan pelayanan terhadap masyarakat.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Memberikan pelayanan guna memenuhi kebutuhan nasabah pada sistem debitur urut tanggal yang berjalan.</p>
+<p style="line-height: 2">Mempermudah dalam pembuatan dan pencarian surat pengantar yang dibutuhkan masyarakat.</p>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Memberikan wawasan dan pengetahuan khususnya bagi penulis agar dapat dikembangkan pada penelitian selanjutnya dalam hal penyampaian informasi.</p>
+<p style="line-height: 2">Dapat dihasilkannya sistem informasi pembuatan surat pengantar berbasis web pada Kelurahan Sukasari yang dapat memperbaiki sistem yang berjalan sebelumnya.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Masukan kepada pihak manajemen perusahaan untuk lebih meningkatkan pelayanan yang berhasil agar lebih mudah..</p>
 </ol>
-==Metode Penelitian==
+=='''Ruang Lingkup Penelitian'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
-<p style="line-height: 2">Dalam rangka menghasikan karya yang sesuai dengan teori ilmiah dan tepat, maka dalam  penyusunan penelitian ini ada beberapa metode yang digunakan antara lain
+Berdasarkan dari rumusan masalah di atas, maka ruang lingkup penelitian ini sebagai berikut: </p>
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Agar penelitian ini dapat menghasilkan informasi yang terarah dan sesuai dengan harapan, maka ruang lingkup yang akan dibahas dalam masalah ini hanya terbatas pada analisa sistem surat pengantar yaitu surat yang dibawa masyarakat dan diberikan kepada staff Kelurahan untuk ditujukan kepada instansi kepemerintahan ataupun sesuai kebutuhan masyarakat lainnya, dan diberikan kembali surat jadi yang diminta masyarakat kepada masyarakat.</p>
-<p style="line-height: 2"></p></div>
-===Metode Pengumpulan Data===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Metode penelitian yang digunakan yaitu metode dengan cara mengumpulkan dan menggambarkan data mengenai keadaan secara langsung dari lapangan atau objek dari penelitian untuk mendapatkan data secara relevan.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Adapun teknik pengumpulan data yang digunakan dalam mencari, mengumpulkan data serta mengolah informasi yang diperlukan yaitu:.
-</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Pengamatan Langsung (Observation)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-  Penulisan dengan cara melakukan pengamatan secara langsung pada objek yang diteliti terhadap data-data nasabah serta menganalisa sistem yang dibutuhkan untuk mengetahui unsur-unsur dari sistem tersebut . </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Wawancara (Interview)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Adalah suatu metode untuk mendapatkan data dengan tatap muka dan tanya jawab secara lisan yang dilakukan oleh penulis dengan analis, serta melakukan pencatatan terhadap hasil wawancara untuk dijadikan sumber data.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Studi Pustaka (Library Research)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu metode untuk mend apatkan data dengan cara mempelajari buku-buku yang berkaitan dengan penelitian dari berbagai sumber yang tertulis dan mempelajari unsur-unsur objek yang diteliti.</p></li>
-</ol>
-===Metode Analisa===
+=='''Metode Penelitian'''==
-<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Setelah proses pengumpulan data yang dilaksanakan melalui beberapa teknik, maka data yang sudah ada akan diolah dan dianalisa supaya mendapatkan suatu hasil akhir yang bermanfaat bagi penelitian. Dalam metode analisa sistem dilakukan melalu 4 (empat) tahap, yaitu :</p>
+==='''Metode Pengumpulan Data'''===
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Untuk mendapatkan data yang diperlukan dalam penelitian, peneliti menggunakan beberapa metode sebagai berikut:
+</p>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Survey terhadap sistem yang berjalan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Metode Pengamatan Langsung (Observation)</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisa terhadap temuan sistem.</li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Observasi yang dilakukan dengan pengamatan langsung ke Kelurahan Sukasarari untuk mendapatkan data yang di teliti dan untuk mengetahui sistem yang sudah berjalan dan menganalisis secara sistematis terhadap unsur-unsur yang diteliti. </p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Identifikasi kebutuhan informasi.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Metode Wawancara (Interview)</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Identifikasi persyaratan sistem.</li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Metode ini  dilakukan dengan proses tanya jawab secara langsung kepada pihak yang bersangkutan dalam proses pelayanan sistem surat pengantar yang sedang berjalan saat ini untuk mendapatkan informasi yang akurat dan untuk menyelesaikan penelitian ini.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Metode Studi Pustaka (Library Research)</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Selain melakukanan observasi dan wawancara dilakukan juga dengan mencari dan membaca beberapa referensi dari perpustakaan dan internet untuk mendapatkan informasi atau sumber-sumber kajian yang terkait dengan penelitian ini.</p>
 </ol>
-===Metode Perancangan===
+==='''Metode Analisa Sistem'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Pada metode analisa sistem ini, peneliti menggunakan metode analisa SWOT untuk mengetahui permasalahan ataupun suatu topik dari 4 sisi yang berbeda diantaranya, Strenght (S) atau disebut sebagai analisis kekuatan, Weaknesses (W) atau disebut sebagai kelemahan, Opportunity (O) atau disebut sebagai analisis peluang, Threats (T) atau disebut sebagai analisis ancaman. Adapun pengertian dari analisa SWOT adalah suatu cara menganalisis faktor-faktor internal dan eksternal menjadi langkah-langkah strategi dalam pengoptimalan usaha yang lebih menguntungkan serta menjadi salah satu penyeimbangan analisa internal perusahaan yang meliputi penilaian terhadap faktor peluang kekuatan (Strenght) dan kelemahan (Weaknesses), dengan analisa eksternal perusahaan yang meliputi factor peluang (Opportunity) dan ancaman (Threats). Analisa SWOT dapat diterapkan dengan cara menganalisis dan memilah berbagai hal yang mempengaruhi keempat faktornya, kemudian menerapkannya dalam gambar matrik SWOT dengan menggunakan pendekatan pemecahan masalah. Dengan menggunakan metode analisa ini maka penelitian dapat dianalisis dengan teknik-teknik yang tepat.</p>
-<p style="line-height: 2">
-Penulis menggunakan metode perancangan berorientasi objek dengan menggunkan tools UML. Perancangan sistem informasi debitur urut tanggal pada PT. Bank Mandiri Persero KCM Jati Uwung menggunakan software dalam perancangannya, antara lain:</p></div>
+==='''Metode Perancangan'''===
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Pada penelitian ini metode perancangan yang digunakan yaitu SDLC (System Development Life Cycle) dengan tahapan sebagai berikut : </p>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">PHP, merupakan bahasa pemrograman yang dipakai.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Perencanaan (Planning)</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">MySQL, merupakan database yang akan digunakan.</li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan – kebutuhan sumber daya, seperti : perangkat fisik, metode dan anggaran yang sifatnya masih umum. Dalam tahap ini juga dilakukan langkah – langkah berupa : mendefinisikan masalah, menentukan tujuan sistem, mendefinisikan kendala – kendala sistem dan membuat studi kelayakan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Notepad++, merupakan software yang digunakan untuk men-design web yang akan dibuat.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Analisis (Analysis)</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap analisis merupakan tahap penelitian atau sistem yang berjalan dengan tujuan untuk merancang sistem yang baru dengan menggunakan tools atau alat bantu UML (Unified Modeling Language) dengan Software visual paradigm yaitu sebuah bahasa yang berdasarkan grafik atau gambar, menvisualisasikan, menspesifikasikan, membangun pendokumentasian dari sebuah sistem pengembangan piranti lunak berbasis “OO” (Object Oriented) melalui tahap : Usecase Diagram, Sequence Diagram, dan Activity Diagram yang dilakukan melalui 4 tahap, yaitu : (1) Survey terhadap sistem yang berjalan, (2) Analisa terhadap temuan survey, (3) Identifikasi kebutuhan informasi dengan menggunakan alat bantu elisitasi melalui 4 tahapan, yaitu tahap 1 (satu) mencakup semua kebutuhan sistem, tahap 2 (dua) melakukan pengelompokkan kebutuhan dengan metode MDI (Mandatory, Desirable, Inessential) selanjutnya tahap 3 (tiga) dengan TOE (Technical, Operational, dan Economic) serta tahap final, 4 (empat) identifikasi persyaratan sistem. Hasil analisa kemudian dibuat laporan untuk masukan dalam perancangan sistem yang diusulkan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Perancangan (Design)</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap Design yaitu tahap dalam menentukan proses data yang diperoleh oleh sistem baru dengan tujuan memenuhi kebutuhan user dengan alat bantu UML dengan software visual paradigm Use Case Diagram, Class Diagram, Sequence Diagram dan Activity Diagram. Proses design akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Dalam penelitian ini, bahasa pemrograman yang diusulkan menggunakan PHP dan HTML, tampilan antar muka aplikasinya menggunakan CSS, pembuatan database menggunakan MariaDB, membuat desainnya menggunakan aplikasi Notepad++, framework PHP yang digunakan merupakan Laravel dan untuk server menggunakan Apache. Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatan sistemnya. Langkah-langkah yang dilakukan adalah menyiapkan rancangan sistem yang rinci, mengindentifikasi alternatif konfigurasi sistem dan menyiapkan usulan implementasi.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Implementasi (Implementation)</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Tahap implementasi adalah tahap dimana rancangan sistem yang dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan, Langkah – langkahnya yaitu : menyiapkan fasilitas fisik dan personil, dan melakukan simulasi.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Pemeliharaan (Maintenance)</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Setelah melakukan implementasi terhadap sistem baru, tahap berikutnya yang perlu dilakukan adalah pemakaian atau penggunaan, audit sistem, penjagaan, perbaikan dan pengembangan sistem.</p>
 </ol>
-<p style="line-height: 2">
-UML dirancang dengan menggunakan software Visual Paradigma dalam pembuatan Use Case Diagram, Squance Diagram, Activity Diagram dan Class Diagram.</p>
-==Sistem Penulisan==
+===Metode Pengujian===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode pengujian dalam skripsi ini yaitu menggunakan Blackbox Testing adalah metode uji coba yang menfokuskan pada keperluan software, karena itu uji coba Blackbox memungkinkan pengembang Software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat – syarat fungsional suatu program metode pengujian blackbox berusaha untuk menemukan kesalahan dalam beberapa kategori, kesalahan dalam struktur data atau akses database eksternal¸ kesalahan performa, kesalahan initialisasi, dan terminasi.</p></div>
-<p style="line-height: 2">Penulisan Skripsi ini disusun menjadi beberapa bab. Dalam setiap bab-nya diberikan gambaran mengenai pokok pembahasan yang ada, sehingga dengan demikian dapat memberikan penjelasan yang lengkap mengenai Skripsi ini. Adapun sistematika penulisannya adalah sebagai berikut:
+=='''Sistematika Penulisan'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk lebih mempermudah dan memahami lebih jelas laporan Skripsi ini, maka peneliti mengelompokkan materi menjadi beberapa BAB yang secara ringkas dapat dijelaskan sebagai berikut:
 </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">'''BAB I : PENDAHULUAN'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB I : PENDAHULUAN'''</p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada bab ini penulis meguraikan latar belakang, rumusan masalah, ruang lingkup, maksud dan tujuan penelitian, metode penelitian, metode waterfall, dan sistematika penulisan.</p></div>
+<p style="line-height: 2">Bab ini menjelaskan tentang latar belakang masalah, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup penelitian, metodologi penelitian dan sistematika penulisan.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB II : LANDASAN TEORI '''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pada bab ini menguraikan landasan teori yang peneliti gunakan untuk menjelaskan tentang: Konsep Dasar Sistem Informasi, Konsep Dasar Analisa Sistem, Unified Modeling Language (UML), Website, Web Browser, Internet, PHP, Adobe Dreamweaver, MySQL, dan Literature Review. </p></div>
+<p style="line-height: 2">Bab ini berisikan tentang definisi ilmu yang berkaitan dengan permasalahan pada penelitian tersebut, seperti landasan teori yang membahas tentang konsep dasar sistem, konsep dasar informasi, penelitian sebelumnya (Literature review), teori khusus tentang Unified Modelling Language (UML) dan pengertian yang berhubungan dengan penelitian. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB III : PEMBAHASAN'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB III : ANALISA SISTEM YANG BERJALAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Bab ini berisi gambaran penjelasan tentang PT. Bank Mandiri Persero KCM Jati Uwung, sejarah singkat, visi dan misi perusahaan,  tujuan perusahaan, tugas dan tanggung jawab yang ada pada perusahaan tersebut, tata laksana sistem yang berjalan menggunakan Unified Modeling Language (UML), serta elisitasi tahap I,II,III dan final draft elisitasi.
+Bab ini membahas tentang gambaran umum perusahaan, tata laksana sistem yang berjalan, analisa sistem yang berjalan, konfigurasi sistem yang berjalan, permasalahan yang dihadapi dan alternative pemecahan masalah, serta analisa kebutuhan dari stakeholder yang dihimpun ke dalam bentuk lembar elisitasi I,II,III, dan elisitasi final.
 </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB IV : RANCANGAN SISTEM YANG DIUSULKAN DAN IMPLEMENTASI'''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB IV : RANCANGAN SISTEM YANG DIUSULKAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Bab ini berisi rancangan sistem yang diusulkan dalam bentuk Unified Modeling Language dan spesifikasi database, serta tampilan layar dari sistem yang diimplementasikan. </p></div>
+Bab ini diuraikan juga sistem yang akan diusulkan, diagram ranvangan sistem, rancangan basis data yang terdiri dari spesifikai basis data, rancangan layar, konfigurasi sistem yang diusulkan, testing, evaluasi, serta tampilan layar dari sistem yang diimplementasikan </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB V : KESIMPULAN DAN SARAN'''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pembahasan dalam bab ini akan menjelaskan mengenai kesimpulan dan saran yang berkaitan dengan sistem informasi persediaan barang setelah melakukan observasi pada perusahaan, dan berdasar pada bab-bab yang telah diuraikan diatas.</p></div>
+<p style="line-height: 2">Bab ini merupakan bab terakhir yaitu diuraikannya kesimpulan dari hasil penelitian yang telah dilakukan dan diuraikan di bab-bab sebelumnya serta berisi pula saran dari peneliti untuk pihak-pihak yang berkepentingan sehingga tujuan dan manfaat dari penelitian ini dapat tercapai.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>
@@ Baris 385: / Baris 608: @@
 {{pagebreak}}
+<hr width="100%">
-{{pagebreak}}
 =<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
 <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
-==Teori Umum==
+=='''Teori Umum'''==
-===Konsep Sistem===
+===Konsep Dasar Sistem===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
@@ Baris 400: / Baris 621: @@
 <p style="line-height: 2">Terdapat beberapa pendapat para pakar mengenai definisi sistem, diantaranya sebagai berikut :
 </p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem berasal dari bahasa latin (systema) dan bahasa yunani (sustema) adalah suatu kesatuan yang terdiri komponen atau elemen yang di hubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa di buat.(juansyah:2013)</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Ludwig Von Bertalanfly “Sistem adalah seperangkat unsur-unsur yang terikat dalam suatu antar relasi di antara unsur-unsur tersebut dan dengan lingkungan” (Sunyoto, 2014: 32).</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Anatol Rapoport ”Sistem adalah suatu kumpulan kesatuan dan perangkat hubungan antara satu sama lain” (Sunyoto, 2014: 32).</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut L.Ackof “Sistem adalah setiap kesatuan secara konseptual atau fisik yang terdiri dari bagian-bagian dalam keadaan saling tergantung satu sama lain” (Sunyoto, 2014: 32).</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem adalah suatu kesatuan usaha yang terdiri dari bagian-bagian yang berkaitan satu sama lain yang berusaha mencapai suatu tujuan dalam suatu lingkungan kompleks. Pengertian tersebut mencerminkan adanya beberapa bagan dan hubungan antar bagian, ini menunjukkan kompleksitas dari sistem yang meliputi kerja sama antara bagian yang interdependen satu sama lain. Selain itu, dapat dilihat bahwa sistem berusaha mencapai tujuan. Pencapaian tujuan ini menyebabkan timbulnya dinamika, perubahan yang terus-menerus perlu dikembangkan dan dikendalikan. Definisi tersebut menunjukkan bahwa sistem sebagai gugus dari elemen-elemen yang saling berinteraksi secara teratur dalam rangka mencapai tujuan atau sub tujuan. (Prof.Dr.Ir. Marimin, M.Sc dkk., Indonesian Journal on Networking and Security - ISSN: 2302-5700, Volume 2, No 4 - Oktober 2013, http://ijns.org )</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut John A. Beckett “Sistem adalah sekumpulan sistem-sistem yang terinteraksi” (Sunyoto, 2014: 33).</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Rice Novita dan Novita Sari (2015: 2) dalam jurnal TEKNOTIF Vol. 3 No. 2 “Sistem adalah suatu grup dari elemen-elemen baik berbentuk fisik maupun bukan fisik yang menunjukkan suatu kumpulan saling berhubungan diantaranya dan berinteraksi bersama-sama menuju  satu atau lebih tujuan, sasaran atau akhir dari sistem”.</li>
-</ol>
-<p style="line-height: 2">Dari definisi sistem diatas dapat disimpulkan bahwa sistem adalah suatu kumpulan atau kelompok dari elemen atau komponen yang saling berhubungan atau saling berinteraksi dan saling bergantung satu sama lain untuk mencapai tujuan tertentu.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-</p>
+<p style="line-height: 2">Menurut Hengki Tamando Sitohang dalam jurnal Informatik Pelita Nusantara (2018:7),<ref name="Hengki2018"> Hengki Tamando Sitohang. 2018. Sistem informasi pengagendaan surat berbasis web pada pengadilan negeri medan. Jurnal informatik pelita nusantara : Vol.3, No.1.</ref> “Sistem adalah suatu jaringan kerja dari prosedur-prosedurnya yang saling berhubungan, berukmpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.”</p>
+<p style="line-height: 2">Menurut Ludwig Von Bertalanfly dalam Yakub, Jurnal ICIT (2014:2). “Sistem merupakan seperangkat unsure-unsur yang terkait dalam suatu antar relasi diantara unsure-unsur tersebut dan dengan lingkungannya.”</p>
+<p style="line-height: 2">Menurut Rosmila, Muh. Yamin, LM. Tajidun (2016:227),<ref name="Rosmalia2016"> Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika. Jurnal SemanTIK : Vol.2 No.2,</ref> “Sistem adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi.”</p>
+<p style="line-height: 2">Dari beberapa pengertian tersebut dapat diambil kesimpulan bahwa sistem merupakan kumpulan dari kelompok elemen-elemen yang beroperasi bersama-sama untuk mencapai dan menyelesaikan suatu tujuan.
+</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
@@ Baris 418: / Baris 635: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Erma Suryani, Rully Agus Hendrawan, Umi Salama, Lily Puspa Dewi (2014) Simulasi Sistem “Jurnal Internasional Agent Based Model to Analyze Consumer Behavior Consuming The Electricity Energy”</p></div>
+<p style="line-height: 2">Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu yang mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. Sistem akan berjalan dengan baik apabila memiliki karakteristik dalam pelaksanaannya. Menurut Rosmila, Muh. Yamin, LM. Tajidun (2016:227) <ref name="Rosmalia2016"> Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika. Jurnal SemanTIK : Vol.2 No.2,</ref> sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yaitu:</p></div>
-<p style="line-height: 2">Menurut Sutabri (2012:20), “model umum sebuah sistem adalah input, process, output, hal ini merupakan konsep sebuah sistem yang sangat sederhana sebab sebuah sistem dapat mempunyai beberapa masukan dan keluaran”. Selain itu, sebuah sistem mempunyai karakteristik atau sifat-sifat tertentu yang mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. </p>
-<p style="line-height: 2">Karakteristik sistem memiliki beberapa komponen di antaranya adalah sebagai berikut:</p>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem (Components System).</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Memiliki Komponen, suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, bekerja sama membentuk satu kesatuan. Komponen - komponen sistem dapat berupa suatu subsistem atau bagian – bagian dari sistem.</li>
-<p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerjasama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu bentuk subsistem, setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan, suatu sistem dapat mempunyai sistem yang lebih besar atau sering disebut “supra sistem”.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batas sistem (Boundary), batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya. Batas sistem ini memungkinkan suatu sistem dipandang sebagi suatu kesatuan. Batas suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batas Sistem (Boundary) </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan Luar Sistem (Environtment), adalah apapun di luar batas dari sistem yang mempengaruhi operasi sistem.</li>
-<p style="line-height: 2">Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai satu-kesatuan serta menunjukkan ruang lingkup (scope) dari sistem tersebut.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung Sistem (Interface), merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya</li>
-</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukkan Sistem (Input), merupakan energi yang diasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukkan supaya sistem tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan Luar  Sistem (Outline Environments)</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem (Output), merupakan hasil dari energy yang diolah oleh sistem</li>
-<p style="line-height: 2">Lingkungan luar suatu sistem adalah komponen-komponen di luar sistem yang tidak terlibat langsung dengan siste. Lingkungan yang berada di luar batas sistem biasa memberikan pengaruh postif maupun negative terhadap operasi sistem. Lingkungan luar yang memberikan pengaruh positif akan menguntungkan bagi operasi sehingga perlu di jaga dan di kembangkan, sedangkan lingkungan luar yang memberikan pengaruh negative yang merugikan harus ditahan dan di kendalikan agar tidak mengganggu kelangsungan operasi sistem yang ada.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolahan Sistem (Process), merupakan bagian yang memproses masukan untuk menjadi keluaran yang diinginkan </li>
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung Sistem (Interface)</li>
-<p style="line-height: 2">Penghubung merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem lainnya. Keluaran (output) dari satu subsistem akan menjadi masukan (input) untuk subsistem yang lainnya dengan melalui penghubung.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan Sistem (Input) </li>
-<p style="line-height: 2">Masukan adalah energi yang dimasukan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). Maintenance Input adalah energi yang dimasukan supaya sistem tersebut dapat beroperasi. Sedangkan Signal input adalah energi yang diproses untuk mendapatkan keluaran.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem (Output)</li>
-<p style="line-height: 2">Keluaran adalah hasil dari energi yang di masukan kedalam sistem yang telah diolah atau di proses atau di manipulasi dan diklasifikasikan menjadi keluaran yang berguna.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolah Sistem (Process) </li>
-<p style="line-height: 2">Suatu sistem dapat mempunyai suatu bagian sistem yang memproses masukan untuk menghasilkan keluaran beruapa informasi yang berguna bagi penerima informasi tersebut.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sasaran Sistem (Objectives) atau Tujuan Sistem (Goals)</li>
-<p style="line-height: 2">Suatu sistem pasti mempunyai sasaran atau tujuan. Apabila suatu sistem tidak mempunyai sasaran. Maka operasi sistem tidak akan ada gunanya. Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kontrol Sistem (control)</li>
-<p style="line-height: 2">Kontrol sistem merupakan pengawasan bagi pelaksanaan sistem dalam pencapaian sasaran dan tujuan. Kontrol sistem dapat berupa kontrol masukan, kontrol proses serta kontrol keluaran.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem (Components System).</li>
-<p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerjasama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu bentuk subsistem, setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan, suatu sistem dapat mempunyai sistem yang lebih besar atau sering disebut “supra sistem”.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem (Components System).</li>
-<p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerjasama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu bentuk subsistem, setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan, suatu sistem dapat mempunyai sistem yang lebih besar atau sering disebut “supra sistem”.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem (Components System).</li>
-<p style="line-height: 2">Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerjasama membentuk satu kesatuan. Komponen-komponen sistem tersebut dapat berupa suatu bentuk subsistem, setiap subsistem memiliki sifat dari sistem yang menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan, suatu sistem dapat mempunyai sistem yang lebih besar atau sering disebut “supra sistem”.</p>
 </ol>
-<p style="line-height: 2">'''3. Klasifikasi Sistem''' </p>
+===Konsep Dasar Informasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''1. Definisi Data''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut McLeod dalam bukunya (Yakub, 2014: 4) sistem yang dapat diklasifikasikan dari beberapa sudut pandang, diantaranya adalah sebagai berikut:</p></div>
+<p style="line-height: 2">Menurut Martono dkk dalam jurnal CCIT (2017:231),<ref name="Martono2017"> Martono, Kartika, dan Putri Aullia. 2017. Aplikasi Jenjang Sosial Pendataan Kartu Keluarga Berbasis Web. Jurnal CCIT : Vol.10, No.2</ref> “Data adalah deskripsi tentang benda, kejadian, aktifitas, dan transaksi, yang tidak mempunyai makna atau tidak berpengaruh secara langsung kepada pemakai”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Hartono dalam jurnal ICIT (2013:9), “Data adalah hasil pengukuran dan pencatatan data terhdap fakta tentang sesuatu, keadaan, tindakan atau kejadian”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan penjelasan diatas, jadi dapat disimpulkan bahwa data adalah sekumpulan informasi fakta yang diperoleh dari suatu pengamatan yang berbentuk angka, lambang, ataupun sifat, dan dapat memberikan gambaran tentang suatu keadaan atau persoalan. Data yang baik adalah data yang bisa dipercaya kebenarannya, tepat waktu dan mencakup ruang lingkup yang luas atau bisa memberikan gambaran tentang suatu masalah secara menyeluruh merupakan data relevan.
+</p></div>
+<p style="line-height: 2">'''2. Definisi Informasi''' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Abidin yang dikutip oleh Priyo Sutopo, Dedi Cahyadi, dan Zainal Arifin dalam Jurnal Informatika Mulawarman (2016:24),<ref name="Abidin2016"> Sutopo, Priyo dan Arifin, Zainal dan Cahyadi, Dedi. 2016. “Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 Di Kalimantan Timur Berbasis Web”. Kalimantan Timur: Universitas Mulawarman. Jurnal Informatika Mulawarman Vol. 11 No. 1 Februari 2016.</ref> “Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi berarti bagi penerimanya”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Ari Asmawati dkk (2016:19),<ref name="Ari2016">Ari Asmawati, Yuni Hafita, Muhammad Faisal. 2016. The design of visual communication design media shaped product catalog as a medium of promotion and information on PT.Trans nusantara acces(authorized dealer XL) Tangerang. Vol.2 No.1</ref> “Informasi adalah data yang telah diolah menjadi sebuah bentuk yang lebih berarti bagi penerimanya, dan bermanfaat dalam mengambil sebuah keputusan”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Dr.Richardus Eko Indrajit yang dikutip oleh Dwi Jayanti dan Siska Ariani dalam Jurnal SPEED (2015:37),<ref name="jayanti2015">Jayanti Dwi, dan Ariani Siska .2014. “Sistem Informasi Penggajian Pada CV. Blumbang Sejati Pacitan”. Surakarta: Universitas Surakarta, STKIP PGRI Pacitan. Jurnal Speed-Sentra Penelitian Engineering dan Edukasi Vol. 6 No. 3 -2014, IJNS.</ref> “Informasi adalah kata “Informasi” sendiri secara internasional telah di sepakati sebagai hasil dari pengolahan data yang secara prinsip memiliki nilai atau value yang lebih dibandingkan dengan data mentah.”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Hengki Tamando Sitohang dalam jurnal Informatik Pelita Nusantara (2018:7),<ref name="Hengki2018"> Hengki Tamando Sitohang. 2018. Sistem informasi pengagendaan surat berbasis web pada pengadilan negeri medan. Jurnal informatik pelita nusantara : Vol.3, No.1.</ref> “Informasi adalah data yang telah diolah menjadi bentuk yang lebih berguna bagi yg menerima”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan definisi-definisi diatas, maka dapat disimpulkan informasi adalah data yang kemudian diolah untuk disajikan dan akan memberikan arti atau manfaat bagi penerima.
+</p></div>
+<p style="line-height: 2">'''3. Kualitas Informasi''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Informasi yang berkualitas menunjukan bahwa informasi yang disajikan sesuai dengan harapan dan kebutuhan pengguna. Menurut Rosmalia dkk dalam jurnal SemanTIK (2016:228),<ref name="Rosmalia2016"> Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika. Jurnal SemanTIK : Vol.2 No.2,</ref> Kualitas dari suatu informasi memiliki 3 kriteria, yaitu :
+</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Abstrak (Abstract System) dan Sistem Fisik (Phisical System) Sistem abstrak adalah yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologi yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sistem fisik merupakan sistem yang ada secara fisik.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akurat (Accurate) </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Alami (Natural System) dan Sistem Buatan Manusia (Human Made System) Sistem alami adalah yang keberadaannya terjadi secara alami (natural) tanpa campur tangan manusia, sedangkan sistem buatan manusia adalah sebagai hasil kerja manusia. Contoh sistem alami adalah sistem tata surya terdiri dari atas sekelompok planet, gugus bintang dan lainnya. Contoh sistem abstrak dapat berupa sistem komponen yang ada sebagai hasil karya teknologi yang dikembangkan manusia.</li>
+<p style="line-height: 2">Informasi harus bebas dari kesalahan, tidak biasa atau menyesatkan.Akurat juga berarti bahwa informasi itu harus dapat dengan jelas mencerminkan maksudnya.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem yang berinterkasi dengan tingkah laku yang dapat diprediksi disebut sistem deterministic. Sistem komputer adalah contoh dari sistem yang tingkah lakunya dapat dipastikan berdasarkan program-program komputer yang dijalankan. Sedangkan sistem yang bersifat probabilistic adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilistic.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tepat pada waktunya (Timeliness) </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Tertentu (Deterministic System) dan Sistem Tak Tertentu (Probalistic System) Sistem tertentu adalah sistem yang beroperasi dengan tingkah laku yang dapat diprediksi, interaksi antara bagian dapat dideteksi dengan pasti sehingga keluarannya dapat diramalkan. Sedangkan sistem tidak tentu adalah sistem tingkah lakunya tidak dapat diprediksi karena mengandung unsur probalitas. Sistem aplikasi komputer merupakan contoh sistem yang tingkah lakunya dapat ditentukan sebelumnya. Program aplikasi yang dirancang dan dikembangkan oleh manusia dengan menggunakan prosedur yang jelas dan terstruktur.</li>
+<p style="line-height: 2">Informasi yang datang pada penerima tidak boleh terlambat. Didalam pengambilan keputusan, informasi yang sudah usang tidak lagi bernilai.Bila informasi datang terlambat sehingga pengambilan keputusan terlambat dilakukan, hal itu dapat berakibat fatal.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Tertutup (Closed System) dan Sistem Terbuka (Open System) Sisten tertutup merupakan sistem yang tidak bertukar materi, informasi, atau energi dangan lingkungan. Sistem ini tidak berinteraksi dan tidak dipengaruhi oleh lingkungan. Sebaliknya, sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan lainnya.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Relevan (relevance) </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem (Components System).</li>
+<p style="line-height: 2">Informasi yang disampaikan harus mempunyai keterkaitan dengan masalah yang akan dibahas dengan informasi tersebut. Informasi harus bermanfaat bagi pemakainya. Disamping karakteristik, nilai informasi juga ikut menentukan kualitasnya. Nilai informasi (value of information) ditentukan oleh dua hal, yaitu manfaat dan biaya untuk mendapatkannya.Suatu informasi dikatakan bernilai bila manfaatnya lebih besar disbanding biaya untuk mendapatkannya.</p>
 </ol>
-<p style="line-height: 2">'''4. Definisi Perancangan Sistem''' </p>
+===Konsep Sistem Informasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">'''1. Definisi Sistem Informasi''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Perancangan sistem merupakan tahap selanjutnya setelah analisis sistem, dan mendapatkan gambaran jelas tentang apa yang akan dikerjakan pada tahap analisis sistem, maka dilanjutkan dengan memikirkan bagaimana membentuk sistem tersebut. Menurut Mohamad Subhan (2012:109) dalam bukunya yang berjudul Analisa Perancangan Sistem mengungkapkan: “Perancangan adalah proses pengembangan spesifikasi baru berdasarkan rekomendasi hasil analisis sistem”, sedangkan menurut Aisyah dan kawan kawan di dalam Jurnal CCIT Vol. 4 no 2 (2012:203), “Perancangan sistem yaitu tahap untuk melakukan perancangan aplikasi, yang terdapat tiga tahapan perancangan, seperti perancangan interface, perancangan isi, dan perancangan program”, sedangkan menurut  Kristanto (2013:61) “Perancangan sistem adalah suatu fase dimana diperlukan suatu keahlian perancangan untuk elemen-elemen komputer yang akan menggunakan sistem, yaitu pemilihan peralatan dan program komputer untuk sistem yang baru.
+<p style="line-height: 2">Menurut Rosmalia dkk dalam jurnal SemanTIK (2016:228),<ref name="Rosmalia2016"> Rosmila, Muh. Yamin, dan LM. Tajidun. 2016. Aplikasi Pembagian Harta Warisan Menurut Hukum Islam Dengan Menggunakan Metode Algoritma Genetika. Jurnal SemanTIK : Vol.2 No.2,</ref> “Sistem informasi adalah suatu sistem didalam suatu organisasi yang merupakan kombinasi dari orang-orang, fasilitas, teknologi,media prosedur-prosedur dan pengendalian yang ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi rute tertentu, memberi sinyal kepada manajemen dan yang lainnya terhadap kejadian–kejadian internal dan eksternal yang penting dan menyediakan suatu dasar informasi untuk pengambilan keputusan yang cerdik”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Siregar yang dikutip oleh Priyo Sutopo, Dedi Cahyadi, dan Zainal Arifin dalam Jurnal Informatika Mulawarman, (2012:24),<ref name="Sutopo2016"> Sutopo, Priyo dan Arifin, Zainal dan Cahyadi, Dedi. 2016. “Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 Di Kalimantan Timur Berbasis Web”. Kalimantan Timur: Universitas Mulawarman. Jurnal Informatika Mulawarman Vol. 11 No. 1 Februari 2016.</ref> “Sistem Informasi Berbasis Komputer merupakan sistem pengolah data menjadi sebuah informasi yang berkualitas dan dipergunakan untuk suatu alat bantu pengambilan keputusan”.
 </p></div>
-<p style="line-height: 2">Design sistem merupakan tahap yang dilakukan setelah melakukan tahap analisis sistem, dan mendapatkan gambaran jelas tentang apa yang harus dilakukan, atau tahap selanjutnya yang harus dilakukan adalah membuat design sistem. Menurut Whitten dalam Pujadi yang dikutip dari jurnal CCIT Vol.4 no 2 (2012:189), mengatakan bahwa “Desain sistem adalah proses seseorang untuk mendapatkan fokus pada detail dari solusi yang mendasarkan sistem informasi, hal itu juga dapat dikatakan sebagai desain fisik. Untuk efek utama dari desain sistem tunduk untuk memenuhi kebutuhan pengguna sistem dan memberikan capture jelas dan desain yang jelas untuk programmer”.
-</p>
-<p style="line-height: 2">Urutan fase dalam desain sistem adalah :</p>
-<ol start=”1″ type=”a”>
+===Konsep Dasar Perancangan Sistem===
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Desain Kontrol, tujuannya bahwa penerapan sistem setelah dapat mencegah kesalahan yang terjadi, kerusakan, sistem yang gagal atau ancaman bahkan sistem keamanan.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Desain Output, pada fase ini pelaporan dihasilkan harus sesuai dengan persyaratan yang diperlukan oleh aplikasi pengguna.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Desain Input, pada fase ini skema GUI’S (Graphic User Interface) dibuat untuk efisiensi input data dan keakuratan data.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Desain Database adalah suatu sistem informasi yang mengintegrasikan sebagian  besar interrelates data satu dengan yang lain.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Desain Konfigurasi komputer untuk menerapkan sistem.</li>
-</ol>
-<p style="line-height: 2">'''5. Tahapan Perancangan Sistem''' </p>
+<p style="line-height: 2">'''1. Definisi Perancangan Sistem''' </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Mulyanto (2013:78) perancangan suatu sistem, merupakan dasar dari pembuatan suatu sistem yang handal dan kuat memerlukan suatu proses atau tahap – tahapan, adapun tahap – tahapan dalam perencanaan sistem dibagi menjadi tiga tahap yaitu:</p></div>
+<p style="line-height: 2">Menurut Robert J.Verzello yang dikutip oleh Sophan Sophian dalam Jurnal(2014:35),<ref name="Sophian2014"> Sophian Sophan. 2014. “Pengimplementasian Dan Perancangan Sistem Informasi Penjualan Dan Pengembalian Stok Barang Pada Toko Swastika Servis (SS) Bangunan Dengan Menggunakan Bahasa Pemrograman Visual Basic 6.0 Didukung Dengan Database Mysql”. Padang: STMIK Indonesia Padang: STMIK Indonesia Padang, Jurnal Momentum Vol. 16 No. 2. Agustus 2014 ISSN: 1693-752X. </ref> “Perancangan sistem didefinisikan tahap setelah analisis dan siklus pengembangan sistem adalah pendefinisian dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun implementasi yaitu : suatu sistem dibentuk”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Muhammad Subhan yang dikutip oleh Nasril dan Adri Yanto Saputra (2016:48),<ref name="Nasril2016"> Nasril dan Adri Yanto Saputra. 2016. Rancang Bangun Sistem Informasi Ujian Online. Jurnal Lentera ICT: Vol.3  No.1, Mei 2016 / ISSN 2338-3143 </ref> menyatakan bahwa, “Perancangan adalah proses pengembangan spesifikasi sistem baru berdasarkan rekomendasi hasil analisis sistem”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">According to Alison McKay et al in International Journal of Computer Integrated Manufacturing Vol.29 No.3 (2016:237),<ref name="Alison2016"> Alison Mckay, George N Stiny and Alan de Penningtoon. 2016. Principles For The Definition Of Design Structures. International Journal Of Computer Integrated Manufacturing Vol.29 No.3: 237-250</ref> “Engineering design is an important early stage of the innovation processes that deliver new products to markets where societal challenges are addressed and wealth generated. High-quality engineering design information is critical to the effective and efficient manufacture, production and through-life support of such product. The emerging discipline of engineering design informatics brings together ICT (Information and Communications Technology) and engineering design to support the creation of well-founded engineering information support system”. Artinya desain teknik merupakan tahap awal yang penting dari proses inovasi yang mengantarkan produk awal yang penting dari proses inovasi yang mengantarkan produk baru ke pasar dimana tantangan sosial ditangani dan kekayaan dihasilkan.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Dari beberapa penjelasan menurut para ahli diatas, maka dapat disimpulkan bahwa perancangan sistem adalah proses kegiatan membangun model sistem dari hasil analisa sistem.
+</p></div>
+==Teori Khusus==
+===Definisi Surat===
-<ol start=”1″ type=”a”>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap Analisis, bertujuan untuk memahami pemecahan masalah.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap Desain, bertujuan untuk memahami pemecahan masalah yang didapat pada tahap analisis melalui suatu pemodelan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap Implementasi,  untuk menerapkan pemodelan yang telah dibuat menjadi sistem aplikasi sesungguhnya.</li>
-</ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Gabungan dari tahap analisis dan desain biasanya disebut sebagai perancangan sistem.</p></div>
+<p style="line-height: 2">Menurut Kamus Besar Bahasa Indonesia surat merupakan kertas dan sebagainya yang tertulis atau secarik kertas sebagai keterangan atas sesuatu yang tertulis. Sedangkan menurut pengertian umum surat adalah untuk menyampaikan maksud secara tertulis. Dalam pengertian sehari-hari, surat umumnya hanya dikenal sebagai alat untuk menyampaikan berita secara tertulis. Pengertian tersebut merupakan pengertian dalam arti sempit, akibat dari anggapan bahwa surat hanya alat untuk menyampaikan berita, padahal surat mengandung aspek yang jauh lebih luas mencakup informasi tertulis. Surat juga biasa sebagai informasi rekaman berita secara tertulis, misalnya surat tanda bukti, kartu identitas, akta dan kontrak.</p>
+<p style="line-height: 2">Menurut Meliana yang dikutip oleh Joko Agus Prawono dan Anton Respati Pamungkas dalam Jurnal INFORMATIKA (2015:27) ,<ref name="Joko2015"> Joko Agus Prawono, Anton Respati Pamungkas. 2015. Sistem Informasi Pengelolaan Surat Masuk Dan Surat Keluar Di Stmik Aub Surakarta </ref> surat adalah informasi tertulus yang dapat diperguanakan sebagai alat komunikasi tulisan yang dibuat dengan persyaratan tertentu yang khusus yang berlaku untuk surat menyurat.</p>
+<p style="line-height: 2"> Menurut Fauzan Masykur, Ibnu Makruf Pandu Atmaja dalam jurnal IJNS (Indonesian Journal of Network & Security) (2015:2) , <ref name="Fauzan2015"> Fauzan Masykur, Ibnu Makruf Pandu Atmaja. 2015. Sistem Administrasi Pengelolaan Arsip Surat Masuk Dan Surat Keluar Berbasis Web. jurnal IJNS (Indonesian Journal of Network & Security) Volume 4 No 3</ref> Surat merupakan jembatan pengertian dan alat komunikasi bagi seseorang dan orang lain, karena sifatnya yang demikian, maka surat-surat harus disusun secara singkat dan padat tetapi jelas dan tegas. Bahasa yang dipakai haruslah mudah dimengerti, sederhana,dan teratur. </p></div>
-<p style="line-height: 2">'''6. Tujuan Perancangan Sistem''' </p>
+===Fungsi Surat===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Mulyanto (2012:89), tujuan yang hendak dicapai dari tahap perancangan sistem mempunyai maksud atau tujuan utama, yaitu sebagai berikut:</p></div>
+<p style="line-height: 2">Fungsi surat menurut Hengki Tamando Sitohang dalam jurnal Informatik Pelita Nusantara (2018:7),<ref name="Hengki2018"> Hengki Tamando Sitohang. 2018. Sistem informasi pengagendaan surat berbasis web pada pengadilan negeri medan. Jurnal informatik pelita nusantara : Vol.3, No.1.</ref> “Adalah sebagai sarana dalam penyampaian pesan secara tertulis, surat berperan dalam mencapai tujuan suatu instansi atau organisasi dalam menjalin kerjasama antar organisasi/instansi. Sebagai pemberitahuan, sebagai surat perintah, sebagai surat peringatan, Sebagai surat permohonan atau permintaan, sebagai surat pengantar, sebagai surat perjanjian, Sebagai surat laporan, Sebagai surat keputusan, sebagai surat panggilan, sebagai surat susulan”.
+</p></div>
-<ol start=”1″ type=”a”>
+===Macam-Macam Surat===
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Untuk memenuhi kebutuhan pemakaian sistem (user)</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangun yang lengkap kepada pemograman komputer dan ahli-ahli teknik lainnya yang terlibat dalam pengembangan atau pembuatan sistem.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Barthos (2013:37) <ref name="Barthos2013"> Barthos,Basir. 2013. “Manajemen Kearsipan”. Jakarta : Bumi Aksara.</ref> karena banyaknya macam surat, maka untuk memudahkan mengetahui macam atau jenis surat kita dapat meninjau dari berbagai segi misalnya :
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut wujudnya
+</li>
+<p style="line-height: 2">a. Kartu pos</p>
+<p style="line-height: 2">b. Warkat Pos</p>
+<p style="line-height: 2">c. Surat Bersampul</p>
+<p style="line-height: 2">d. Memorandum dan Nota</p>
+<p style="line-height: 2">e. Telegram</p>
+<p style="line-height: 2">f. Surat Pengantar</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Tujuannya
+</li>
+<p style="line-height: 2">a. Surat Pemberitahuan</p>
+<p style="line-height: 2">b. Surat Perintah</p>
+<p style="line-height: 2">c. Surat Permintaan</p>
+<p style="line-height: 2">d. Surat Peringatan</p>
+<p style="line-height: 2">e. Surat Panggilan</p>
+<p style="line-height: 2">f. Surat Usulan</p>
+<p style="line-height: 2">g. Surat Keputusan</p>
+<p style="line-height: 2">h. Surat Laporan</p>
+<p style="line-height: 2">i. Surat Perjanjian</p>
+<p style="line-height: 2">j. Surat Penawaran, Pesanan,dll</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Sifat Isi Surat dan Alasan
+</li>
+<p style="line-height: 2">a. Surat Dinas</p>
+<p style="line-height: 2">b. Surat Niaga</p>
+<p style="line-height: 2">c. Surat Pribadi</p>
+<p style="line-height: 2">d. Surat Yang Isinya Masalah Sosial</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Jumlah Penerima
+</li>
+<p style="line-height: 2">a. Surat Biasa</p>
+<p style="line-height: 2">b. Surat Edaran</p>
+<p style="line-height: 2">c. Surat Pengumuman</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Keamanan Isinya
+</li>
+<p style="line-height: 2">a. Surat Sangat Rahasia</p>
+<p style="line-height: 2">b. Surat Rahasia</p>
+<p style="line-height: 2">c. Surat Biasa</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Prosedur Pengurusannya
+</li>
+<p style="line-height: 2">a. Surat Masuk</p>
+<p style="line-height: 2">b. Surat Keluar</p>
 </ol>
-<p style="line-height: 2">'''7. Manfaat Perancangan Sistem''' </p>
+===UML (Unified Modelling Language)===
+<p style="line-height: 2">'''1. Definisi UML (Unified Modelling Language)''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Jogiyanto (2012:90), manfaat perancangan sistem adalah:</p></div>
+<p style="line-height: 2">Menurut Ahmad Wahyudin yang dikutip oleh Dewi Kusumawati dan Dwi Setiyani dalam jurnal JESIK, (2017:23),<ref name="Dewii2017"> Kusumawati, Dewi dan Dwi Setiyani. 2017. Aplikasi Pembelajaran Iqro Berbasis Multimedia Pada Tk Islam Terpadu Al Mubarak Palu . jurnal JESIK (Jurnal Elektronik Sistem Informasi dan Komputer) : Vol.3, No.1</ref> “UML (Unified Modeling Language) adalah suatu bahasa standar untuk menjelaskan dan memvisualisaikan artifak dari proses analisis dan desain yang berorientasi objek. UML menyediakan standar dalam bentuk notasi dan diagram untuk memodelkan suatu sistem”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Yasin yang dikutip oleh Henny Destiana dalam jurnal Paradigma vol XVI no.2 (2014:34),<ref name="Henny2014"> Destiana, Henny . 2014.  Sistem Informasi Penjualan Barang Berbasis Web Pada Pt. Catur Daya Persada Jakarta. Jurnal Paradigma : Vol XVI, No.2 </ref> “Unified Modeling Language (UML) adalah sebuah bahasa yang telah menjadi standar dalam industri untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah sistem”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Dari definisi tersebut dapat ditarik kesimpulan bahwa UML (Unified Modeling Language) yaitu sebagai suatu bahasa permodelan yang sudah menjadi standar pada visualisasi, dan digunakan untuk merancang, serta pendokumentasian sistem perangkat lunak.
+</p></div>
-<ol start=”1″ type=”a”>
+<p style="line-height: 2">'''2. Tipe-Tipe UML (Unified Modelling Language)''' </p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Memperbaiki efisiensi kerja dengan melakukan berbagai proses yang akan mengolah informasi tersebut secara otomatis</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Meningkatkan keefektifan manajemen dengan memuaskan kebutuhan sistem informasi yang akan berguna untuk pengambilan keputusan dalam suatu organisai atau perusahaan.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Meningkatkan keefektifan manajemen dengan memuaskan kebutuhan sistem informasi yang akan berguna untuk pengambilan keputusan dalam suatu organisai atau perusahaan.</li>
+<p style="line-height: 2">Terdapat beberapa tipe dalam UML (Unified Modelling Language) , menurut Dewi Kusumawati dan Dwi Setiyani dalam jurnal JESIK, (2017:23) ,<ref name="Dewii2017"> Kusumawati, Dewi dan Dwi Setiyani. 2017. Aplikasi Pembelajaran Iqro Berbasis Multimedia Pada Tk Islam Terpadu Al Mubarak Palu . jurnal JESIK (Jurnal Elektronik Sistem Informasi dan Komputer) : Vol.3, No.1</ref> ada beberapa tipe UML (Unified Modelling Language) , yaitu :
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Memperbaiki daya saing atau untuk meningkatkan keunggulan kompetitif yang ada di dalam organisasi atau di dalam perusahaan..</li>
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Use Case Diagram
+</li>
+<p style="line-height: 2">Adalah abstraksi dari interaksi antara sistem dan user selaku aktor. Use case bekerja dengan mendeskripsikan tipe interaksi antara user dengan sistem melalui sebuah cerita tentang bagaimana sebuah sistem digunakan. Use Case Diagram berguna dalam menjelaskan fasilitas yang ada (requirement), komunikasi dengan klien, dan membuat test dari kasus-kasus secara umum.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Activity Diagram
+</li>
+<p style="line-height: 2">Menyediakan analisis untuk memodelkan proses dalam sistem. Activity diagram digunakan untuk alur kerja model, use case individual, atau logika keputusan dalam metode individual dan pendekatan untuk proses pemodelan paralel. Activity diagram menggambarkan aliran sistem. Diagram ini menunjukkan bagaimana aktifitas berlangsung, apa yang dilakukan bila ada suatu kondisi, dan bagaimana aktifitas tersebut dapat selesai.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sequence Diagram
+</li>
+<p style="line-height: 2">Menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudah, sequence diagram adalah gambaran tahap demi tahap yang seharusnya dilakukan untuk menghasilkan suatu sistem yang sesuai dengan use case diagram.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Class Diagram
+</li>
+<p style="line-height: 2">Mendeskripsikan kelompok objek-objek dengan property, perilaku/operasi, dan relasi yang sama. Class diagram memberi pandangan secara global atas sistem. Hal ini tercermin dari class-class dalam class diagram dan relasinya satu dengan yang lainnya. Sebuah sistem dapat memiliki beberapa class diagram karena sangat membantu dalam visualisasi struktur kelas dari suatu sistem.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Collaboration Diagram
+</li>
+<p style="line-height: 2">Merupakan diagram yang fungsinya sama dengan diagram interaksi (sequence diagram). Hal yang membedakan adalah penyusunannya. Collaboration diagram lebih menekankan pada struktur aliran objek-objek yang mengirimkan dan menerima pesan</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Component Diagram
+</li>
+<p style="line-height: 2">Bila dikombinasikan dengan diagram penyebaran dapat digunakan untuk menggambarkan distribusi fisik dari modul software melalui jaringan.</p>
 </ol>
+<p style="line-height: 2">'''3. Konsep-Konsep Permodelan UML (Unified Modelling Language)''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Maka dari itu dapat disimpulkan bahwa perancangan sistem adalah teknik pemecahan masalah dengan cara mengurai dan mempelajari sistem dan proses kerja agar dapat mengidentifikasi kekuatan, kelemahan dan peluang untuk dilakukan perbaikan dengan cara mendefinisikan masalah, mengidentifikasikan masalah, mengidentifikasikan penyebabnya, menentukan solusi, dan mengidentifikasikan kebutuhan informasi yang diperlukan.</p></div>
+<p style="line-height: 2">Menurut Ginting (2013:9),<ref name="Ginting2013"> Ginting, Elizaandayni, 2013, Aplikasi Penjualan Berbasis Web (ECommerce) Menggunakan Joomla Pada Mutiara Fashion, Penerbit Universitas Widyatama</ref> “dengan pemodelan menggunakan UML,pengembang dapat melakukan”:
+</p></div>
-===Konsep Dasar Informasi===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tinjauan umum bagaimana arsitektur sistem secara keseluruhan.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelaahan bagaimana objek-objek dalam sistem saling mengirimkan pesan dan saling bekerjasama satu sama lain.
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menguji apakah sistem perangkat lunak sudah berfungsi seperti seharusnya.
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dokumentasi sistem perangkat lunak untuk keperluan-keperluan tertentu dimasa yang akan datang.
+</li>
-<p style="line-height: 2">'''1. Definisi Informasi''' </p>
+===Konsep Dasar Web===
+<p style="line-height: 2">'''1. Definisi Web''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pengertian informasi adalah keterangan, pemberitahuan atau berita. Informasi sifatnya menambah pengetahuan atau wawasan seseorang. Oleh karena itu, uraian dalam berita radio/televisi merupakan informasi.
+<p style="line-height: 2">Menurut Dewanto yang dikutip oleh Dewa Gede Hendra Divayana dkk dalam jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) (2016:151),<ref name="Dewa2016"> Gede Hendra Divayana, Dewa . Wayan Arta Suyasa, dan Nyoman Sugihartini. 2016. Pengembangan Media Pembelajaran Berbasis Web Untuk Matakuliah Kurikulum dan Pengajaran di Jurusan Pendidikan Teknik Informatika Universitas Pendidikan Ganesha. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) : Volume 5, Nomor 3</ref> “Web atau World Wide Web/WWW adalah salah satu layanan yang didapat oleh pemakai computer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai computer yang terhubung ke internet dari sekedar informasi “sampah” atau informasi yang tidak berguna sama sekali sampai informasi yang serius dari informasi yang gratisan sampai informasi yang komersial”.
 </p></div>
+<p style="line-height: 2">'''2. Definisi Website''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut R.J Beishon dikutip Onong (1989) “Informasi adalah diinterprestasikan, barangkali, lebih luas daripada biasanya, yang mencakup isyarat dan data yang diterima seorang manajer sehari-hariannya, apakah itu tampak bersangkutan dengan pekerjaan atau tidak. Pendekatan seperti ini memandang hal-hal seperti ekspresi wajah dan gerak isyarat sebagai informasi, demikian pula hal-hal yang lebih jelas seperti memo dan pesan melalui telepon” (Sunyoto, 2014: 39).
+<p style="line-height: 2">Menurut Dewanto yang dikutip oleh Dewa Gede Hendra Divayana dkk dalam jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) (2016:151),<ref name="Dewa2016"> Gede Hendra Divayana, Dewa . Wayan Arta Suyasa, dan Nyoman Sugihartini. 2016. Pengembangan Media Pembelajaran Berbasis Web Untuk Matakuliah Kurikulum dan Pengajaran di Jurusan Pendidikan Teknik Informatika Universitas Pendidikan Ganesha. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI) : Volume 5, Nomor 3</ref> “Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink)”.
 </p></div>
-<p style="line-height: 2">'''2. Kualitas Informasi''' </p></div>
+===Konsep Dasar Database===
+<p style="line-height: 2">'''Definisi Database''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Tata Sutabri (2012:33-34) pada buku Analisis Sistem Informasi,yang berisi Kualitas dari suatu informasi tergantung dari 3 hal, yaitu informasi harus akurat (accurate), tepat waktu (timeliness), dan relevan (relevance).
+<p style="line-height: 2">Menurut Azizah Zakiah , Apit Supriatna dalam jurnal Prosiding SENTIA (2015;25),<ref name="Azizah2015"> Zakiah , Azizah . dan Apit Supriatna. 2015. Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009. Prosiding SENTIA 2015 : Politeknik Negeri Malang Volume 7, ISSN: 2085-2347. </ref> “Database, sering pula disebut Basis Data, merupakan kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi”.
+</p></div>
+===Metode Analisa SWOT===
+<p style="line-height: 2">'''Definisi Aanalisa SWOT''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Edy Susena dkk dalam jurnal Sainstech Politeknik Indonusa Surakarta (2015:6),<ref name="Edi2015"> Susena, Edy . Ema Utami, Andi Sunyoto. 2015. Perencanaan Strategis Sistem Informasi Smart Campus Untuk Meningkatkan Pelayanan Di Politeknik Indonusa Surakarta. Jurnal Sainstech Politeknik Indonusa Surakarta : Vol. 1 , Nomor 3 ISSN : 2355-5009</ref> “SWOT adalah singkatan dari Strengths (kekuatan), Weakness (kelemahan), Opportunities (peluang), Threats (tantangan). Analisis SWOT adalah alat yang digunakan untuk mengidentifikasi isu-isu internal dan eksternal yang mempengaruhi kemampuan dalam memasarkan. Analisa SWOT adalah sebuah bentuk analisa situasi dan kondisi yang bersifat deskriptif (memberi gambaran)”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Analisa ini terbagi atas empat komponen dasar yaitu :
+</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
+<img src="https://image.ibb.co/b9oy2p/SWOT.jpg" alt="SWOT" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Analisis SWOT dilakukan dengan maksud untuk mengenali tingkat kesiapan setiap fungsi dari keseluruhan fungsi yang diperlukan untuk mencapai sasaran yang telah ditetapkan. Berhubung tingkat kesiapan fungsi ditentukan oleh tingkat kesiapan masing-masing faktor yang terlibat pada setiap fungsi, maka analisis SWOT dilakukan terhadap keseluruhan faktor dalam setiap fungsi, baik faktor internal maupun eksternal.
+</p></div>
+===SDLC (System Development Life Cycle)===
+<p style="line-height: 2">'''Definisi  SDLC (System Development Life Cycle''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Balaji  S,  Murugaiyan  MS yang dikutip oleh Lailatul Husniah dkk dalam jurnal KINETIK (2016:34),<ref name="Lailatul2016"> Husniah, Lailatul. Fendy Saputro, dan Eko Budi Cahyono. 2016.  Interaktif Augmented Reality Untuk Katalog  Penjualan Rumah Berbasis Android. Jurnal KINETIK : Vol.1, No.1</ref> “SDLC (System Development Life Cycle) adalah proses yang digunakan oleh industri perangkat lunak untuk merancang, mengembangkan dan menguji software”. SDLC (System Development Life Cycle) bertujuan untuk menghasilkan perangkat lunak yang memenuhi atau melebihi harapan,mencapai penyelesaian dalam watu dan biaya yang sudah direncanakan.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Ada beberapa model dalam SDLC yang sufah dibuat seperti model waterfall,spiral, V-Model, rapid prototyping, dan iterative model. Penelitian ini menggunakan metode waterfall yang merupakan suatu proses pengembangan perangkat lunak yang berurutan, dimana setiap tahap harus diselesaikan terlebih dahulu sebelum memasuki tahap berikutnya yang dilihat sebagai aliran air yang terus mengalir kebawah (seperti air terjun) melewati tahap-tahap yang ada yaitu tahap perencanaan, pemodelan/perancangan, implementasi, dan pengujian.
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akurat (accuracy) </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap analisis
-<p style="line-height: 2">Informasi harus bebas dari kesalahan – kesalahan dan tidak menyesatkan. Akurat juga berarti bahwa informasi harus jelas mencerminkan maksudnya.</p>
+</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tepat waktu (Time Lines) </li>
+<p style="line-height: 2">Tahap analisis atau perencanaan adalah menjelaskan semua proses yang terjadi dalam aplikasi yang akan dibuat.</p>
-<p style="line-height: 2">Informasi yang datang kepada penerima tidak boleh terlambat. Informasi yang sudah usang tidak mempunyai nilai lagi, karena informasi merupakan suatu landasan dalam mengambil sebuah keputusan dimana bila pengambilan keputusan terlambat maka akan berakibat fatal untuk organisasi.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap desain
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Relevan (relevance) </li>
+</li>
-<p style="line-height: 2">Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk setiap orang berbeda. Menyampaikan informasi tentang penyebab kerusakan mesin produksi kepada akuntan perusahaan tentunya kurang relevan. Akan lebih relevan bila ditujukan kepada ahli teknik perusahaan. Sebaliknya informasi mengenai harga pokok produksi disampaikan untuk ahli teknik merupakan informasi yang kurang relevan, tetapi akan sangat relevan untuk seorang akuntan perusahaan</p>
+<p style="line-height: 2">Tahap desain merupakan proses perancangan dan pemecahan masalah untuk solusi perangkat lunak seperti menentukan rencana untuk solusi yang meliputi desain algoritma, arsitektur desain perangkat lunak, skema konseptual database, desain konsep, desai GUI, dan definisi struktur data. </p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mudah dan Murah </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap implementasi
-<p style="line-height: 2">Cara dan biaya untuk memperoleh informasi juga menjadi bahan pertimbangan tersendiri, jika cara dan biaya untuk memperoleh informasi sulit dan mahal, maka kualitas informasi tersebut akan berkurang.</p>
+</li>
+<p style="line-height: 2">Tahap ini mengacu pada realisasi bisnis requirements dan spesifikasi desain ke dalam program yang konkret, database, website, atau komponen perangkat lunak yang melalui pemrograman dan pengembangan dan merupakan tahap dimana kode nyata ditulis dan dikompilasi menjadi aplikais operasional, dan dimana database serta file text dibuat. </p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap pengujian
+</li>
+<p style="line-height: 2">Dalam tahap ini merupakan proses untuk memeriksa bahwa solusi perangkat lunak memenuhi original requirements dan spesifikasi dimana hal tersebut menyelesaikan tujuan yang lebih ditetapkan.</p>
 </ol>
-<p style="line-height: 2">'''3. Fungsi Informasi''' </p>
+===Black Box Testing===
+<p style="line-height: 2">'''1. Definisi Black Box Testing''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda (Sutabri, 2012: 12).
+<p style="line-height: 2">Menurut Rizky di dalam jurnal Ridho Wijayanto (2014:3),<ref name="Ridho2014"> Wijayanto, R. 2014. PERANCANGAN ANIMASI INTERAKTIF PEMBELAJARAN BAHASA INGGRIS UNTUK KELAS 2 PADA MI NURUL FALAH CIATER. AMIK Bina Sarana Informatika Purwokerto, Evolusi Vol. II No. 1</ref> “Black box testing adalah tipe testing yang memerlukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi dikenal proses testing dibagian luar”.
 </p></div>
-<p style="line-height: 2">'''4. Nilai Informasi''' </p>
+<p style="line-height: 2">'''2. Tujuan Penggunaan Black Box Testing''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Nilai informasi yang dibutuhkan untuk pengambilan keputusan terkadang diperlukan dengan proses yang cepat dan tidak terduga. Hal itu mengakibatkan penggunaan informasi hanya berdasarkan perkiraan-perkiraan serta informasi yang apa adanya. Dengan perlakukan seperti ini mengakibatkan keputusan yang diambil tidak sesuai dengan yang diharapkan. Oleh karena itu untuk memperbaiki keputusan yang telah diambil maka pencarian informasi yang lebih tepat perlu dilakukan. Suatu Informasi memiliki nilai karena informasi tersebut dapat menjadikan keputusan yang baik serta menguntungkan (memiliki nilai informasi yang tepat). Besarnya nilai informasi yang tepat dapat didapatkan dari perbedaan hasil yang didapat  dari keputusan yang baru dengan hasil keputusan yang lama dikurangi dengan biaya untuk mendapatkan informasi tersebut.
+<p style="line-height: 2">Berikut ini adalah tujuan dalam penggunaan metode black box testing, yaitu :
 </p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Digunakan untuk menguji fungsi-fungsi khusus dari perangkat lunak yang dirancang.
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kebenaran perangkat lunak yang diuji hanya dilihat berdasarkan keluaran yang dihasilkan dari data atau kondisi masukan yang diberikan untuk fungsi yang ada tanpa melihat bagaimana proses untuk mendapatkan keluaran tersebut.
+</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dari keluaran yang dihasilkan, kemampuan program dalam memenuhi kebutuhan pemakai dapat diukur sekaligus dapat diiketahui kesalahan-kesalahannya.
+</li>
+</ol>
+===Konsep Dasar Bahasa Pemrograman===
+<p style="line-height: 2">'''1. Definisi PHP''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Hengki Tamando.S dalam jurnal Informatik Pelita Nusantara (2018;8),<ref name="Hengki2018"> Hengki Tamando Sitohang. 2018. Sistem informasi pengagendaan surat berbasis web pada pengadilan negeri medan. Jurnal informatik pelita nusantara : Vol.3, No.1.</ref> “PHP (Hypertext Preprocessor) adalah bahasa pemrograman web berbasis server (server slide) yang mampu memparsing kode PHP dari kode dengan ekstensi PHP sehingga menghasilkan tampilan website yang dinamis disisi client”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Angga Reza Palevi dan Krisnawati (2013:3)<ref name="Angga2013"> Reza Palevi, Angga . dan Krisnawati. 2013. Analisis Dan Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Berbasis Website Pada Smp Negeri 2 Mojosongo Boyolali. Jurnal Ilmiah DASI : Vol.14, No.04 </ref> dalam jurnal ilmiah DASI, “PHP (Hypertext Preprocessor) merupakan bahasa berbentuk script yang ditempatkan dalam server dan diproses di server. Hasilnya dikirmkan ke klien, tempat pemakai menggunakan browser. PHP dirancang untuk membentuk aplikasi web dinamis. Artinya, ia dapat membentuk tampilan berdasarkan permintaan terkini”.
+</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Gordon B. Davis dalam Sutarman (2012: 14), Nilai Informasi dikatakan sempurna apabila perbedaan antara kebijakan optimal, tanpa informasi yang sempurna dan kebijakan optimal menggunakan informasi yang sempurna dapat dinyatakan dengan jelas.
+<p style="line-height: 2">Menurut Syaifudin Ramadhani dkk dalam jurnal Teknika (2013;480),<ref name="Syaifudin2013"> Ramadhani, Syaifudin . Urifatun Anis, dan Siti Tazkiyatul Masruro. 2013. Rancang Bangun Sistem Informasi Geografis Layanan Kesehatan Di Kecamatan Lamongan Dengan PHP MySQL. Jurnal Teknika : Vol. 5, No.2</ref> “PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain
 </p></div>
+<p style="line-height: 2">'''2. HTML''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Nilai suatu informasi dapat ditentukan berdasarkan sifatnya. Tentang 10 sifat yang dapat menentukan nilai informasi, yaitu sebagai berikut :
+<p style="line-height: 2">Menurut Nur Cahyo Nugroho, Bambang Eka Purnama dalam jurnal SPEED (Sentra Penelitian Engineering dan Edukasi) (2012;48),<ref name="Nur2012">Cahyo Nugroho, Nur, dan Bambang Eka Purnama. 2012 . Perancangan Inovasi Konten Web Radio Streaming Dan Podcasting Pada Radio Puspa Fm Pacitan. Journal Speed (Sentra Penelitian Engineering dan Edukasi) : Volume.4, No 4.</ref> “HTML (Hyper Text Mark-up Language) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu platform independent”.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Yusi Ardi Binarso dkk dalam jurnal JOINT (Journal Of Informatics and Technology) (2012;76),<ref name="Yusii2012"> Ardi Binarso, Yusi . Eko Adi Sarwoko, dan Nurdin Bahtiar. 2012.  JOINT (Journal Of Informatics and Technology) : Vol.1, No.1.</ref> “HTML adalah bahasa mark up atau penanda terhadap suatu dokumen teks”.
+</p></div>
+<p style="line-height: 2">'''3. CSS''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Nur Cahyo Nugroho, Bambang Eka Purnama dalam jurnal SPEED (Sentra Penelitian Engineering dan Edukasi) (2012;48),<ref name="Nur2012">Cahyo Nugroho, Nur, dan Bambang Eka Purnama. 2012 . Perancangan Inovasi Konten Web Radio Streaming Dan Podcasting Pada Radio Puspa Fm Pacitan. Journal Speed (Sentra Penelitian Engineering dan Edukasi) : Volume.4, No 4.</ref> “Cascading Style Sheet (CSS) adalah salah satu bahasa untuk mengatur tampilan dalam web yang berfungsi memisahkan antara desain dengan content. CSS dapat ditulis untuk mendefinisikan ulang tag-tag HTML ataupun dengan menambah atribut id dan class pada tag HTML”..
+</p></div>
+===Konsep Dasar MariaDB===
+<p style="line-height: 2">'''1. Definisi MariaDB''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Menurut Muhammad Solihin dkk dalam jurnal e-Proceeding of Engineering (2016;654),<ref name="Solihin2016"> Solihin  , Muhammad. Agung Nugroho Jati  , dan Umar Ali Ahmad. 2016.  Implementasi Panel Pengunjung Berbasis Layar Sentuh Sebagai Sub Sistem Kunci Otomatis Pada Ruang Dosen Universitas Telkom. e-Proceeding of Engineering : Vol.3, No.1 April.</ref> “MariaDB merupakan versi pengembangan terbuka dan mandiri dari MySQL. Sejak diakuisisinya MySQL oleh Oracle pada September 2010, Monty Program sebagai penulis awal kode sumber MySQL memisahkan diri dari pengembangan dan membuat versi yang lebih mandiri yakni MariaDB. MariaDB adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License)”.
+Tools yang mampu bekerja dengan MariaDB, diantaranya:
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kemudahan dalam memperoleh </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Database Workbench
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.
+</li>
-</p>
+<p style="line-height: 2">Aplikasi untuk pengembangan dan administrasi database relasional MariaDB dan database lainnya.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sifat luas dan kelengkapannya</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">DBEdit
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakapan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.
+</li>
-</p>
+<p style="line-height: 2">Aplikasi administrasi dan manajemen database MariaDB dan database lainnya</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Ketelitian (accuracy)</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">HeidiSQL
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi/akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.
+</li>
-</p>
+<p style="line-height: 2">Aplikasi client yang bersifat open source untuk sistem operasi Windows. HeidiSQL juga mendukung MariaDB dengan dukungan fitur yang spesifik seperti Virtual Column.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kecocokan dengan pengguna (relevant)</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Navicat
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
+</li>
-</p>
+<p style="line-height: 2">Aplikasi manajemen berbagai database termasuk MariaDB. Navicat termasuk aplikasi yang cross-platform dengan lisensi proprietary.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kejelasan (clirity)</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">phpMyAdmin
-<p style="line-height: 2">Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.
+</li>
-</p>
+<p style="line-height: 2">Aplikasi administrasi dan manajemen database berbasis web untuk MySQL.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Fleksibel/keluwesannya</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">SQLyog
-<p style="line-height: 2">Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer/pimpinan pada saat pengambilan keputusan.
+</li>
-</p>
+<p style="line-height: 2">Aplikasi administrasi dan manajemen database untuk sistem operasi Windows dan Linux.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dapat dibuktikan</li>
-<p style="line-height: 2">Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas data sumber yang diolah.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tidak ada prasangka</li>
-<p style="line-height: 2">Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.
-</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dapat diukur</li>
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.
-</p>
 </ol>
-<p style="line-height: 2">'''5. Siklus Informasi''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Data merupakan bentuk yang masih mentah yang belum dapat bercerita banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk menghasilkan informasi.
+<p style="line-height: 2">Aplikasi web yang mendukung MariaDB, antara lain:
 </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Data yang diolah  melalui suatu model menjadi suatu informasi, penerima akan menerima informasi tersebut kemudian membuat suatu keputusan dan melakukan tindakan yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali.
+<p style="line-height: 2">a. Drupal</p>
+<p style="line-height: 2">b. ERP5</p>
+<p style="line-height: 2">c. Kajona</p>
+<p style="line-height: 2">d. MediaWiki</p>
+<p style="line-height: 2">e. Moodle</p>
+<p style="line-height: 2">f. MONYog</p>
+<p style="line-height: 2">g. ownCloud</p>
+<p style="line-height: 2">h. Plon</p>
+<p style="line-height: 2">i. WordPress</p>
+<p style="line-height: 2">j. Yii Framework</p>
+<p style="line-height: 2">k. Zen Framework</p>
+</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">XAMPP ikut mengganti MySQL dengan MariaDB semenjak bulan Oktober 2015.
 </p></div>
+===Konsep Dasar Notepad++===
+<p style="line-height: 2">'''Definisi Notepad++''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Informasi diperlukan sebagai dasar pertimbangan para pengelola organisasi atau perusahaan dalam pengambilan keputusan manajerial dan  strategis. Pengelolaan data menjadi sebuah informasi merupakan suatu siklus yang terdiri dari tahap-tahap sebagai berikut :
+<p style="line-height: 2">Menurut Angga Reza Palevi dan Krisnawati (2013:4) <ref name="Angga2013"> Reza Palevi, Angga . dan Krisnawati. 2013. Analisis Dan Perancangan Sistem Informasi Penerimaan Peserta Didik Baru Berbasis Website Pada Smp Negeri 2 Mojosongo Boyolali. Jurnal Ilmiah DASI : Vol.14, No.04 </ref>dalam jurnal ilmiah DASI “Notepad++ adalah sebuah aplikasi text editor yang bersifat gratis. Notepad menitik beratkan kegunaan aplikasi untuk editing text dalam waktu yang cepat dan praktis”. Notepad++ mendukung banyak format bahasa pemrograman seperti PHP, HTML, JavaScript, dan CSS.
 </p></div>
+===Konsep Dasar Framework Laravel===
+<p style="line-height: 2">'''1. Definisi Framework''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Definisi Framework menurut Basuki yang dikutip oleh D Tri Octafian dalam Jurnal Teknomatika (2015:2) ,<ref name="tri2015"> Tri Octafian, D . 2015. Web Multi E-Commerce Berbasis Framework Codeigniter.  Jurnal Teknologi Dan Informatika (Teknomatika) : Vol.5, No.1</ref> “Bahwa sebagai koleksi atau kumpulan potongan-potongan program yang disusun dan diorganisasikan sedemikian rupa, sehingga dapat digunakan untuk membantu aplikasi utuh tanpa harus membuat semua kodenya dari awal”. Keuntungan yang dapat diperoleh dari penggunaan framework adalah:
+</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengumpulan Data</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Waktu pembuatan aplikasi website jauh lebih singkat,</li>
-<p style="line-height: 2">Pada tahap ini dilakukan suatu proses pengumpulan data yang asli dengan cara tertentu, seperti data transaksi, data warehouse, dan lain sebagainya yang biasanya merupakan suatu proses pencatatan data di dalam suatu file.Input Tahap ini merupakan proses untuk memasukan data dan prosedur pengolahan data kedalam komputer melalui alat input seperti keyboard. Prosedur data merupakan suatu urutan langkah untuk mengolah data yang ditulis kedalam suatu bahasa pemrograman yang disebut program.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kode website jadi lebih mudah dibaca, karena sedikit dan sifatnya pokok, detailnya adalah kode dari framework,</li>
-</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Website menjadi lebih mudah diperbaiki, karena tidak perlu fokus ke semua komponen kode website, terutama kode sistem framework,</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolahan Data</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tidak perlu lagi membuat kode penunjang aplikasi website seperti koneksi database, validasi form, GUI (Graphical User Interface) dan keamanan,</li>
-<p style="line-height: 2">Merupakan tahap dimana data diolah sesuai dengan prosedur yang telah dimasukan. Kegiatan pengolahan data ini meliputi pengumpulan data, klasifikasi atau pengelompokan data, kalkulasi, pengurutan, penggabungan, peringkasan baik dalam bentuk tabel maupun grafik, penyimpanan dan pembacaan data.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pikiran pengembang menjadi lebih terfokus ke kode alur permasalahan website, apa yang ditampilkan dan layanan apa saja yang diberikan dari aplikasiwebsite tersebut,</li>
-</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Jika dikerjakan team work, maka akan lebih terarah karena sistem framework, mengharuskan adanya keteraturan pelekatan kode. Seperti pengambilandatabase terpisah dengan bagian pengaturan tampilan pengunjung.</li>
 </ol>
-<p style="line-height: 2">'''6. Transformasi Data Ke Dalam Informasi''' </p>
+<p style="line-height: 2">'''2. Definisi Laravel''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Data merupakan sesuatu yang sangat penting karena dengan pemilihan data yang tepat ditambah lagi dengan proses yang akurat maka akan memberikan sebuah informasi yang sesuai dengan kebutuhan. Data bisa analogikan sesuatu yang masih mentah baik softcopy (data-data dikomputer) maupun hardcopy (hasil print, buku, fotocopy) yang masih harus diproses lagi untuk menjadi lebih berarti dan memiliki nilai tambah.
+<p style="line-height: 2">Menurut Aminudin dalam buku Cara Efektif Belajar Framework Laravel (2015),<ref name="Aminudin2015"> Aminudin. 2015. Cara Efektif Belajar Framework Laravel. Yogyakarta: CV. Lokomedia.</ref> “Framework laravel merupakan framework berbasis PHP dan bisa dikatakan masih relatif baru, namun demikian peminat developer akan framework ini semakin hari semakin meningkat, karena memang framework  ini berbeda dengan framework PHP pada umumnya. Laravel dibangun dengan konsep MVC (Model-Controller-View), kemudian Laravel dilengkapi juga command line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan instalasi bundle melalui command prompt”.
 </p></div>
+<p style="line-height: 2">'''1. Definisi Composer''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk menjadi sebagai informasi data-data itu diolah atau diproses dengan berbagai langkah-langkah sesua idengan kebutuhannya, setelah diproses ada kalanya data yang sudah menjadi informasi itu disimpan pada sebuah alat penyimpanan (hardisk, flasdisk,cd,kertas dll).
+<p style="line-height: 2">Menurut Aminudin dalam buku Cara Efektif Belajar Framework Laravel (2015),<ref name="Aminudin2015"> Aminudin. 2015. Cara Efektif Belajar Framework Laravel. Yogyakarta: CV. Lokomedia.</ref> “Composer sendiri adalah fitur (dependency) tambahan untuk PHP yang memiliki basis layaknya Command Line dan berfungsi sebagai penginstall third-party plugin untuk aplikasi web secara cepat”.
 </p></div>
+===Konsep Dasar XAMPP===
+<p style="line-height: 2">'''1. Definisi XAMPP''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dari informasi yang diperoleh jika sekiranya informasi yang dihasilkan masih kurang sesuai dengan keinginannyamaka data yang diinputkan atau proses yang dilakukan perlu dilakukan pembenahanlagi atau mungkin informasi itu dianggap sebagai data dan diproses lagi dengan proses yang lain disitulah dibutuhkan feedbackuntuk memberikan yang berkualitas. (Rohmat Taufiq,2013:16-17)
+<p style="line-height: 2">Menurut Yusi Ardi Binarso dkk dalam jurnal JOINT (Journal Of Informatics and Technology) (2012;76),<ref name="Yusii2012"> Ardi Binarso, Yusi . Eko Adi Sarwoko, dan Nurdin Bahtiar. 2012.  JOINT (Journal Of Informatics and Technology) : Vol.1, No.1.</ref> “XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server MySQL dan mendukung PHP programming”.
 </p></div>
-<p style="line-height: 2">'''7. Pengolahan Data informasi''' </p>
+<p style="line-height: 2">'''2. Definisi Aphace''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dalam pengolahan data, untuk membuat data itu berguna sesuai dengan hasil yang dinginkan, sehingga dapat segera dipakai, maka harus digunakan alat-alat untuk mempercepat jalannya pengolahan, beserta staf yang mampu melaksanakan seluruh fase dalam rangka pengolahan data, mulai dari pengumpulan data, sampai ke pembuatan laporan atau informasi yang diinginkan, hendaknya dihasilkan sesuai dengan waktu, biaya yang ringan dan informasi yang relevan bagi pemakai.
+<p style="line-height: 2">Menurut Azizah Zakiah , Apit Supriatna dalam jurnal Prosiding SENTIA (2015;25),<ref name="Azizah2015"> Zakiah , Azizah . dan Apit Supriatna. 2015. Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009. Prosiding SENTIA 2015 : Politeknik Negeri Malang Volume 7, ISSN: 2085-2347. </ref> “Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail(kegunaan basicnya).Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari”.
 </p></div>
+===Konsep Dasar Elisitasi===
+<p style="line-height: 2">'''1. Definisi Elisitasi''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Agung Wahana dan Asep Ririh Riswaya (2014: 26) dalam jurnal Computech & Bisnis Vol. 8 No. 1, “Pengolahan data dengan menggunakan komputer dikenal dengan sebutan Pengolahan Data Elektronik (PDE) atau Electronic Data Processing (EDP)”.
+<p style="line-height: 2">Menurut Alhadi Saputra dalam jurnal Berita Dirgantara (2012;51),<ref name="Alhadi2012"> Alhadi saputra, 2012, kanjian kebutuhan perangkat lunak untuk pengembangan sistem informasi dan aplikasi perangkat lunak buatan lapan bandung, berita dirgantara Vol. 13 No.2</ref> “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.
 </p></div>
-===Konsep Dasar Sistem Informasi===
+<p style="line-height: 2">'''2. Tahap-tahap Elisitasi''' </p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">'''1. Definisi Sistem Informasi''' </p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut O’Brian dikutip oleh Yakub (2012:17) pada buku Pengantar Sistem Informasi, sistem informasi (information system) merupakan kombinasi teratur dari orang-orang, perangkat keras, perangkat lunak, jaringan komunikasi, dan sumber daya data yang mengumpulkan, mengubah, menyebarkan informasi dalam sebuah organisasi.
+<p style="line-height: 2">Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, menurut Alhadi Saputra dalam jurnal Berita Dirgantara (2012;51) <ref name="Alhadi2012"> Alhadi saputra, 2012, kanjian kebutuhan perangkat lunak untuk pengembangan sistem informasi dan aplikasi perangkat lunak buatan lapan bandung, berita dirgantara Vol. 13 No.2</ref>, yaitu :
 </p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tahap I</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tahap II</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yag disanggupi penulis untuk dieksekusi.</p>
+<ol  type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">M pada MDI berarti Mandatory (penting) : Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">D pada MDI berarti Desirable : Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembetukan sistem maka akan membuat sistem tersebut lebih sempurna.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">I pada MDI berarti Inessential : Maksudnya requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tahap III
+</li>
+<p style="line-height: 2">Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE. Berikut ini adalah penjelasan mengenai TOE:</p>
+<p style="line-height: 2">a. T artinya Teknikal, bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan</p>
+<p style="line-height: 2">b. O artinya Operasional, bagaimana tata cara penggunaan requirement dalam sistem yang akan dikembangkan</p>
+<p style="line-height: 2">c. E artinya Ekonomi, berapakah biaya yang diperlukan guna membangun requirement di dalam sistem.</p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Sedangkan menurut Hanif Al Fatta (Indonesian Journal on Networking and Security, Volume 2, No 4 - Oktober 2013), untuk memahami pengertian sistem informasi, harus diingat keterkaitan antara data dan informasi sebagai entitas penting pembentuk system informasi. Data merupakan nilai, keadaan, atau sifat yang berdiri sendiri lepas dari konteks apapun. Sementara informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya. Sistem informasi adalah sistem yang menyediakan informasi dengancara sedemikian rupa sehingga bermanfaat bagi penerima.
+<p style="line-height: 2">Metode TOE tersebut dibagi kembali menjadi beberapa  option, yaitu :
 </p></div>
-<p style="line-height: 2">'''2. Komponen Sistem Informasi''' </p>
+<p style="line-height: 2">a. H (High): Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus dieliminasi.</p>
+<p style="line-height: 2">b. M (Middle): Mampu dikerjakan.</p>
+<p style="line-height: 2">c. L (Low): Mudah dikerjakan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Final draft elisitasi
+</li>
+<p style="line-height: 2">Final draft elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p>
+</ol>
+==Studi Pustaka (Literature review)==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Yakub (2012: 20) Sistem informasi merupakan sebuah susunan yang terdiri dari beberapa komponen atau elemen. Komponen -komponen dari sistem informasi ini dapat digambarkan sebagai berikut :
+<p style="line-height: 2">Literature review sebagai salah satu dalam upaya penerapan metode penelitian yang akan dilakukan. Diantaranya adalah mengidentifikasi kesenjagan (identify gaps), menghindari pembuatan ulang (reinventing the wheel), mengidentifikasi metode yang pernah dilakukan, serta mengetahui orang lain yang spesialisasi dan area penelitian yang sama di bidang ini. Berikut adalah penelitian yang telah dilakukan dan menjadi sumber atau searah dengan penelitian yang akan dibahas diantaranya:
 </p></div>
-</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Masukan (Input Block), Input memiliki data yang masuk ke dalam sistem informasi, juga metode-metode untuk menangkap data yang dimasukkan. </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Defi Anggraeni dan Siska Iriani [2016] </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Model (Model Block), blok ini terdiri dari kombinasi prosedur, logika, dan model matemetik yang akan memanipulasi data input dan data yang tersimpan di basis data. </li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Defi Anggraeni dan Siska Iriani dalam jurnal Bianglala InformatikaVol.4 No.2 (2016),<ref name="Defi2016"> Defi Anggraeni dan Siska Iriani. 2063. Sistem Informasi Pengarsipan Surat Masuk Dan Surat Keluar Pada Kantor Kecamatan Pringkuku.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Keluaran (Output Block), produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem</li>
+ Jurnal Bianglala Informatika : Vol.4 No.2. 2016.</ref> yang berjudul “Sistem Informasi Pengarsipan Surat Masuk dan Surat Keluar Pada Kantor Kecamatan Pringkulu” . Peneliti menjelaskan bahwa metode penelitian yang digunakan yaitu : pengumpulan data, analisis sistem, perancangan sistem dan implementasi sistem yang digambarkan dalam perancangan DFD (Data Flow Diagram) dan bertujuan untuk menghasilkan sistem informasi pengarsipan surat masuk dan surat keluar pada kantor Kecamatan Pringkulu sehingga diharapkan dapat mempermudah sistem kearsipan dan meminimalisasi kesulitan pencarian berkas.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Blok Teknologi (Technology Block), blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dari sistem secara keseluruhan. Teknologi terdiri dari tiga bagian utama, yaitu; teknisi (brainware), perangakat lunak (software), dan perangkat keras (hardware). </li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Yudie Irawan [2015]</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Basis Data (Database Block), basis data merupakan kumpulan dari data yang saling berhubungan satu sama lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya.</li>
+<p style="line-height: 2">Peneltian yang dilakukan oleh Yudie Irawan dalam jurnal  SIMETRIS Vol.6 No.1 (2015),<ref name="Yudie2015"> Yudie Irawan . 2015. ANALISA DAN PERANCANGAN OTOMATISASI SURAT PENGANTAR RT BERBASIS SMS GATEWAY SEBAGAI PENERAPAN KONSEP PAPERLESS OFFICE . jurnal  SIMETRIS : Vol.6 No.1 </ref> yang berjudul “Analisa Dan Perancangan Otomatisasi Surat Pengantar RT Berbasis Sms Gateway Sebagai Penerapan Konsep Paperless Office”. Perancangan pada penelitian ini dibuat teknologi aplikasi SMS gateway untuk menggantikan surat pengantar RT untuk memudahkan proses permohonan. Metode penelitian pada pengembangan sistem ini berdasarkan metode pengembangan sistem Waterfall model, sedangkan dalam level desain menggunakan metode perancangan sistem Unified Modelling Language. Hasil penelitian berupa pemodelan sistem yang disajikan dalam Business Use Case Diagram, Use Case Diagram dan Class Diagram, sedangkan perancangan basisdata ditampilkan dalam ER diagram.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Khozin Yuliana dkk [2016]</li>
+<p style="line-height: 2">Peneltian yang dilakukan oleh Khozin Yuliana dkk dalam jurnal  SENSI 005 ISSN Vol.2 No.2 [2016],<ref name="Khodzin2016"> Khozin Yuliana dkk. 2016. Rancang Bangun Aplikasi Sistem Informasi Inventarisasi Surat Masuk dan Surat Keluar Berbasis Web. jurnal SENSI 005 ISSN Vol.2 No.2 </ref> yang berjudul “Rancang Bangun Aplikasi Sistem Informasi Inventarisasi Surat Masuk dan Surat Keluar Berbasis Web”. Penelitian ini dilakukan untuk mengetahui sistem inventarisasi surat masuk dan surat keluar agar dapat membantu proses manajemen sistem surat masuk dan keluar yang lebih baik. Maka penelitian ini melakukan analisis yang hasilnya digambarkan dalam Unified Modeling Language (UML) dengan menggunakan software Visual Paradigm 6.4, proses pembuatan sistem menggunakan software PHP dan database MySQL sehingga dapat dengan mudah mengolah data (menginput, mengubah, dan menghapus data) tanpa harus memakan waktu yang sangat lama, sampai menyajikannya menjadi informasi yang dibutuhkan user dengan akurat, efektif, dan efisien.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Joko Agus Prawono dan Anton Respati Pamungkas  [2015]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Joko Agus Prawono, Anton Respati Pamungkas dalam jurnal INFORMATIKA vol 2 No.1 (2015),<ref name="Joko2015"> Joko Agus Prawono, Anton Respati Pamungkas. 2015. Sistem Informasi Pengelolaan Surat Masuk Dan Surat Keluar Di Stmik Aub Surakarta </ref> yang berjudul “Sistem Informasi Pengelolaan Surat Masuk Dan Surat Keluar Di Stmik Aub Surakarta. jurnal INFORMATIKA : vol 2 No.1”. Sistem ini dibuat untuk mencatat semua surat masuk yang diterima, otomatisasi penomoran surat keluar, surat penunjukan dan pembuatan undangan terintegrasi ke dalam aplikasi MsWord. Integrasi ke MsWord, perubahan format huruf dapat dilakukan dengan mudah. Metode PIECES digunakan untuk menganalisis kelemahan sistem saat ini, serta menganalisis kebutuhan sistem yang sedang dikembangkan. Dalam perancangan sistem ini dikembangkan sistem flowchart, diagram aliran data, input desain, desain output dan desain basis data. Sistem dibangun dengan menggunakan bahasa pemrograman Visual Basic.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Azizah zakiah dan Apit Supriatna [2015]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Azizah zakiah, Apit Supriatna dalam Prosiding SENTIA Vol.7 – ISSN: 2085-2347 – Politeknik Negeri Malang  (2015),<ref name="Azizah2015"> Zakiah , Azizah . dan Apit Supriatna. 2015. Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009. Prosiding SENTIA 2015 : Politeknik Negeri Malang Volume 7, ISSN: 2085-2347. </ref> yang berjudul “Aplikasi Pengelolaan Arsip Surat Berdasarkan Peraturan Bersama Kepala Anri Nomor 18 Th.2009”.  dalam penelitian ini dijelaskan yaitu sebuah aplikasi yang digunakan untuk membantu dalam melakukan pengolahan arsip surat masuk dan surat keluar beserta proses distribusinya atau yang biasa disebut disposisi surat juga dapat dilakukan sebagai pengarsipan. Aplikasi ini memiliki beberapa fitur yang menunjang dalam pengolahan surat serta fitur pengarsipan secara digital. Sehingga memudahkan dalam proses pencarian surat dan pengelompokkan surat berdasarkan tingkat kerahasiaan dan bobot informasi. Aplikasi ini dibangun dengan menggunakan VB.Net dan Basis data SQL Server. </p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Walia, Saurabh dan Satinderjit Kaur Gill [2014]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Walia, Saurabh dan Satinderjit Kaur Gill dalam ndia: International Journal of Computer Science and Mobile Computing Vol.3 No.8.(2014),<ref name="Walia2014"> Walia, Saurabh dan Satinderjit Kaur Gill. 2014. “A Framework for Web Based Student Record Management System using PHP”. India: International Journal of Computer Science and Mobile Computing Vol.3 No.8.</ref> yang berjudul “A Framework for Web Based Student Record Management System using PHP”. Tujuan dari penelitian ini adalah memberikan antarmuka online untuk para siswa, memperluas efektivitas administrasi catatan perguruan tinggi, waktu pengurangan diperlukan untuk mengakses, tidak akan ada pemborosan sumber daya di perguruan tinggi dan Universitas serta menyampaikan catatan siswa serta untuk membuat kerangka lebih aman. Metode yang digunakan untuk merancang sistem penelitian ini adalah Apache untuk aplikasi server, MySQL sebagai database untuk menyimpan data yang dikumpulkan., dan bahasa scripting menggunakan PHP.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Eka Mistiko Rini, Farizqi Panduardi, Fatah Rosmansah  [2016]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Eka Mistiko Rini, Farizqi Panduardi, Fatah Romansah dalam Seminar Nasional Teknologi Informasi dan Multimedia 2016 ISSN : 2302-3805 (2016),<ref name="Eka2016"> Eka Mistiko Rini, Farizqi Panduardi, Fatah Romansah. 2016. Rancang Bangun Sistem Informasi Pelayanan Desa Tamansari Kecamatan Licin Banyuwangi Berbasis Web. Seminar Nasional Teknologi Informasi dan Multimedia 2016 ISSN : 2302-3805 </ref> yang berjudul “Rancang Bangun Sistem Informasi Pelayanan Desa Tamansari Kecamatan Licin Banyuwangi Berbasis Web”. perancangan sistem informasi pelayanan desa berbasis website yang dapat digunakan secara online, jadi masyarakat Desa bisa menikmati layanan Desa dengan lebih cepat dan mudah karena sistem layanan bisa diakses dari manapun juga. Website ini dibangun menggunakan bahasa pemrograman PHP dan MySQL sebagai pendukung sistem manajemen basis data.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Bhimani dkk [2017]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Bhimani dkk dalam  jurnal USA: Cloud Computing (CLOUD), IEEE 10th international conference. (2017),<ref name="Bhimani2017"> Bhimani,Janki, Ningfang Mi, Miriam Leeser, dan Zhengyu Yang. 2017. FiM: Performance Prediction for Parallel Computation in Iterative Data Processing Applications.USA: Cloud Computing (CLOUD), IEEE 10th international conference. </ref>  yang berjudul “FiM: Performance Prediction for Parallel Computation in Iterative Data Processing Applications”.  Penelitian ini bertujuan untuk memprediksi waktu perhitungan iteratif, aplikasi pemrosesan data ilmiah multi-tahap yang sedang berjalan platform komputasi awan kinerja tinggi. Sistem ini dikembangkan dengan menggunakan pendekatan kinerja FiM . FiM terdiri dari dua komponen utama yang digabungkan satu sama lain: Stochastic Markov Model untuk menangkap runtime non-deterministik yang sering bergantung pada sumber daya paralel, misalnya, jumlah proses,Model Pembelajaran Mesin yang mengekstrapolasikan parameter untuk kalibrasi model Markov kami ketika kami memiliki perubahan dalam aplikasi parameter seperti dataset. </p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Ze Qi Lin  [2017]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Ze Qi Lin dalam Journal Of Computer Science And Technology Vol.32/No.2 (2017),<ref name="Ze 2017"> Qi Lin, Ze. 2017. Inteligent Development Environment and Software Knowledge Graph. Journal Of Computer Science And Technology :Vol.32, No.2 .</ref>  yang berjudul “Inteligent Development Environment and Software Knowledge Graph”.  Bertujuan melakukan proyek pengembangan data cerdas dalam skla web yang didanai oleh Kementerian Ilmu Pengetahuan dan Teknologi Cina untuk mengembangkan sistem perangkat lunak yang dapat mengurai struktur file arsip surat, dan kemudian entitas surat (seperti pengirim e-mail, penerimaan e-mail, dan pembatalan e-mail) dapat ditambahkan ke dalam grpaik pengetahuan perangkat lunak serta dapat mengekstrak konsep bisnis melalui pemrosesan kalimat bahasa alami dalam entitas dokumen perangkat lunak. </p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Paul M. Leonardi  [2016]</li>
+<p style="line-height: 2">Penelitian yang dilakukan oleh Paul M. Leonardi dalam Special Issue: ICT Societal Challenges Vol.40 No.2 (2016),<ref name="Paul2016"> M. Leonardi, Paul . 2016. “Multiplex Appropriation in Complex System Implemetation: The Case Of Brazil’s Correspondent Banking System”. Special Issue: ICT Societal Challenges :Vol.40, No.2 </ref>  yang berjudul “Multiplex Appropriation in Complex System Implemetation: The Case Of Brazil’s Correspondent Banking System”.  Dalam penelitian ini pihak pemerintah Brazil ingin semua sistem perbankan menggunakan sistem surat menyurat dalam penyampaian informasinya yang dapat memudahkan pihak bank dalam berkomunikasi dengan pihak klien dalam melakukan pelayanan memberikan informasi kepada pihak klien seperti utilitas tagihan, tanda terima tagihan, dan tanda terima. Tanpa harus bertatap wajah pihak klien mendapatkan dokumen tersebut sehingga dapat mengurangi beberapa biaya dan waktu.</p>
 </ol>
-<p style="line-height: 2">'''3. Tujuan Sistem Informasi''' </p>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
+=='''Gambaran Umum Kelurahan Sukasari'''==
+===Sejarah Singkat Kelurahan Sukasari===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Sutabri (2012:47), “tujuan sistem informasi yaitu untuk menghasilkan produk informasi yang tepat bagi para pemakai akhir. Produk informasi meliputi pesan, laporan, formulir, dan gambar grafis, yang dapat disediakan melalui tampilan video, respons audio, produk kertas, dan multimedia.</p></div>
+<p style="line-height: 2">Kelurahan adalah pembagian wilayah administratif Indonesia di bawah Kecamatan. Dalam konteks otonomi daerah di Indonesia, Kelurahan merupakan wilayah kerja Lurah sebagai Perangkat Daerah Kabupaten atau Kota. Kelurahan dipimpin oleh seorang Lurah yang berstatus sebagai Pegawai Negeri Sipil.
-<p style="line-height: 2">Menurut Yuliastrie (2013:28), Sistem Informasi memiliki beberapa tujuan yaitu:</p>
+</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akurat (accuracy)</li>
-<p style="line-height: 2">a. Menghubungkan sistem individu/kelompok.</p>
-<p style="line-height: 2">b. Pengkolektifan data dan penyambungan secara otomatis.</p>
-<p style="line-height: 2">c. Peningkatan koordinasi dan pencapaian sinergi.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Efisiensi pengelolaan</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">a. Penggunaan basis data dalam upaya kesamaan  administrasi data.</p>
+<p style="line-height: 2">Kelurahan merupakan unit pemerintahan terkecil setingkat dengan Desa. Berbeda dengan Desa Kelurahan memiliki hak mengatur wilayahnya lebih terbatas. Dalam perkembangannya, sebuah Desa dapat diubah statusnya menjadi Kelurahan.
-<p style="line-height: 2">b. Pengelolaan data berkaitan dengan karakteristik Informasi.</p>
+</p></div>
-<p style="line-height: 2">c. Penggunaan dan pengambilan Informasi.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dukungan keputusan untuk manajemen</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">a. Melengkapi informasi guna kebutuhan proses pengambilan kebutuhaan.</p>
+<p style="line-height: 2">Sesuai dengan Undang-Undang Nomor 2 Tahun 1993 tentang pembentukan daerah tingkat II Kotamadya Tangerang dan peraturan Daeran Nomor 16 Tahun 2000 tentang pembentukan 13 Kecamatan Tangerang terbagi menjadi 8 (delapan) kelurahan, salah satunya yaitu Keluraha Sukasari.
-<p style="line-height: 2">b. Akuisisi Informasi eksternal melalui jaringan komunikasi.</p>
+</p></div>
-<p style="line-height: 2">c. Ekstraksi dari Informasi internal yang terpadu.</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Kelurahan Sukasari memliki luas 187 Ha. Secara administrative Kelurahan Sukasari dibatasi oleh :
+</p></div>
+<p style="line-height: 2">a. Sebelah Utara</p>
+<p style="line-height: 2">Berbatasan dengan Kelurahan Sukarasa</p>
+<p style="line-height: 2">b. Sebelah Timur</p>
+<p style="line-height: 2">Berbatasan dengan Kelurahan Buaran Indah</p>
+<p style="line-height: 2">c. Sebelah Selatan</p>
+<p style="line-height: 2">Beratasan dengan Kelurahan Babakan</p>
+<p style="line-height: 2">d. Sebelah Barat</p>
+<p style="line-height: 2">Berbatasan dengan Sungai Cisadane </p>
+===Visi Kelurahan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Terwujudnya Kecamatan Tangerang terbaik dalam pelayanan menuju masyarakat mandiri, dinamis, sejahtera, dan berakhlakul karimah.
+</p></div>
+===Misi Kelurahan===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Meningkatkan kualitas sumber daya apparatus Kecamatan serta sarana dan prasarana aparatur untuk menunjang pelaksanaan tugas umum Pemerintahan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mewujudkan perencanaan, pengendalian, evaluasi, dan data informasi Kecamatan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mengoptimalkan kewenangan pelayanan public berbasis terknologi informasi melalui peningkatan kualitas pelayanan administrasi keendudukan dan pencatatan sipil, meningkatkan kualitas pelayanan kepada masyarakat.</li>
 </ol>
-===Konsep Dasar Analisa===
+===Tugas Pokok Kelurahan===
+<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Kelurahan mempunyai tugas pokok menyelenggarakan urusan tata pemerintahan, ekonomi, dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat dalam lingkup kelurahan sesuai dengan visi dan misi Walikota sebagaimana dijabarkan dalam Rencana Pembangunan Jangka Menengah Daerah.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Untuk melaksanakan tugas pokok sebagaimana dimaksud pada ayat (1); Kelurahan mempunyai fungsi yaitu :</p></li>
+<ol  type="a"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Perumusan kebijakan teknis dalam lingkup urusan-ursan tata pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Penyelenggaraan tugas Kelurahan dalam lingkup urusan-urusan tata pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Pembinaan penyelenggaraan pelayanan publik dalam lingkup pemerintahan, ekonomi dan pembangunan, serta kesejahteraan dan pemberdayaan masyarakat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Penyelenggaraan pemangunan, pembangunan, dan rehabilitasi prasarana dan sarana fisik di lingkup tugas Kelurahan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Peningkatan partisipasi dan swadaya gotong royong masyarakat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Pelaksanaan tugas lain yang diberikan Walikota sesuai dengan lingkup tugas dan fungsinya.</p></li></ol></ol>
+=='''Struktur Organisasi'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+<p style="line-height: 1"> '''BAGAN STRUKTUR ORGANISASI DAN TATA KERJA KELURAHAN SUKASARI'''</p></div>
+<div align="center"><img src="https://image.ibb.co/cFFja9/struktur_organisasi.png" alt="struktur_organisasi" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;></div>
+=='''Tugas dan Wewenang'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">'''1. Definisi Analisa Sistem''' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Adapun kedudukan, tugas pokok dan fungsi dari masing-masing bagian sebagai berikut:
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lurah</li>
+<p style="line-height: 2">a. Memimpin dan mengoordinasi pelaksanaa tugas dan fungsi kelurahan.</p>
+<p style="line-height: 2">b. Mengoordinasikan pelaksanaan tugas sekretariat Kelurahan.</p>
+<p style="line-height: 2">c. Melaksanakan koordinasi dengan Puskesmas.</p>
+<p style="line-height: 2">d. Melaksanakan koordinasi dan kerja sama dengan Satuan Kerja Perangkat Daerah (SKPD),Unit Kerja Perangkat Daerah 9UKPD) dan instansi pemerintah pusat/swasta terkait pelaksanaan tugas dan fungsi Kelurahan.</p>
+<p style="line-height: 2">e. Memimpin dan mengoordinasikan pelaksanaan musyawarah perencanaan pembangunan tingkat kelurahan.</p>
+<p style="line-height: 2">f. Melaksanakan koordinasi dengan unsur musyawarah.</p>
+<p style="line-height: 2">g. Melaksanakan pembinaan organisasi kemasyarakatan dan melaporkan serta mempertanggung jawabkan pelaksanaan tugas dan fungsi kelurahan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Wakil Lurah</li>
+<p style="line-height: 2">a. Membantu Lurah dalam memimpin dan mengoordinasikan pelaksanaan tugas dan fungsi Kelurahan.</p>
+<p style="line-height: 2">b. Memantu Lurah dalam mengoordinasikan pelaksanaan tugas seksi.</p>
+<p style="line-height: 2">c. Membantu Lurah dalam melaksanakan koordinasi dan kerja sama dengan Satuan Kerja Perangkat Daerah (SKPD), Unit Kerja Perangkat Daerah (UKPD) dan instansi pemerintah pusat/swasta terkait dalam rangka pelaksanaan tugas dan fungsi Kelurahan.</p>
+<p style="line-height: 2">d. Melaporkan pelaksanaan tugasnya kepada Lurah dan membantu Lurah dalam melaporkan pelaksanaan tugas dan fungsi Kelurahan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sekretaris/Sekretariat</li>
+<p style="line-height: 2">a. Menyelenggarakan kegiatan di bidang administrasi umum, keuangan, kepegawaian, dan perencanaan.</p>
+<p style="line-height: 2">b. Melakukan penyusunan program dan kegiatan Sekretariat.</p>
+<p style="line-height: 2">c. Melakukan penyusunan kebijakan umum dan teknis sebagai pedoman pelaksanaan tugas.</p>
+<p style="line-height: 2">d. Melakukan pengoordinasian penyusunan rencana program dan kegiatan Kelurahan meliputi: Rencana Strategis (Renstra), Recnana Kerja (Renja), Indikator Kinerja Utama (IKU), Rencana Kerja dan Anggaran (RKA), dan Penetapan Kinerja (PK).</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Seksi Tata Pemrintahan</li>
+<p style="line-height: 2">a. Menyelenggarakan sebagian tugas dan fungsi Kelurahan dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan tata pemerintahan.</p>
+<p style="line-height: 2">b. Melakukan penyusunan rencana kegiatan Seksi Tata Pemerintahan berdasarkan tugas, permasalahan dan regulasi sebagai bahan penyusunan Rencana Strategis serta Rencana Kerja dan Anggaran Kelurahan.</p>
+<p style="line-height: 2">c. Melakukan penyiapan bahan-bahan perumusan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum Pemerintahan dalam lingkup uruan tata pemerintahan.</p>
+<p style="line-height: 2">d. Melaksanakan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan Pemerintahan yang telah dilimpahkan oleh Walikota Kepada Lurah dan tugas-tugas umum Pemerintahan dalam ligkup urusan tata Pemerintahan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Seksi Ekonomi dan Pembangunan</li>
+<p style="line-height: 2">a. Menyelenggarakan sebagian tugas dan fungsi Kelurahan dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan ekonomi dan bangunan.</p>
+<p style="line-height: 2">b. Melakukan penyusunan rencana kegiatan seksi ekonomi dan pembangunan berdasarkan tugas permasalahan dan regulasi sebagai bahan penyusunan rencana strategis serta rencana kerja dan anggaran Kelurahan.</p>
+<p style="line-height: 2">c. Melakukan penyiapan bahan-bahan perumusan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan ekonomi dan pembangunan.</p>
+<p style="line-height: 2">d. Melaksanakan kebijakan Lurah dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan ekonomi dan pembangunan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Seksi Kesejahteraan dan Pemberdayaan Masyarakat</li>
+<p style="line-height: 2">a. Seksi Kesejahteraan dan Pemberdayaan Masyarakat mempunyai tugas menyelanggarakan sebagian tugas dan fungsi Kelurahan dalam penyelenggaraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan oleh Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan kesejahteraan dan pemberdayaan masyarakat.</p>
+<p style="line-height: 2">b. Melakukan penyusunan rencana kegiatan seksi kesejahteraan dan pemberdayaan masyarakat berdasarkan tugas, permasalahan dan regulasi sebagai bahan penyusunan rencana strategis serta rencana kerja dan anggaran Kelurahan.</p>
+<p style="line-height: 2">c. Melakukan penyiapan bahan-bahan perumusan keijakan Lurah dalam penyelenggaraan kewenangan-kwewnangan pemerintahan yang telah dilimpahkan oleh Wlikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan kesejahteraan dan pemberdayaan masyarakat.</p>
+<p style="line-height: 2">d. Melaksanakan kebijakan Lurah dalam penyelenggraan kewenangan-kewenangan pemerintahan yang telah dilimpahkan Walikota kepada Lurah dan tugas-tugas umum pemerintahan dalam lingkup urusan kesejahteraan dan pemberdayaan masyarakat.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kelompok Jabatan Fungsional</li>
+<p style="line-height: 2">a. Jabatan fungsional ditetapkan berdasarkan ketentuan peraturan perundang-undangan yang berlaku.</p>
+<p style="line-height: 2">b. Pemegang jabatan fungsional sebagaimana dimaksud dalam melaksanakan tugasnya bertanggung jawab kepada Lurah.</p>
+<p style="line-height: 2">c. Dalam pemegang jaatan fungsional sebagaimana dimaksud lebih dari seorang dibentuk kelompok jabatan fungsional.</p>
+<p style="line-height: 2">d. Kelompok jabatan fungsional sebagaimana dimaksud dipimpin oleh pemegang jabatan fungsional yang paling senior.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tata Kerja Bagian Kesatu Umum/Staff</li>
+<p style="line-height: 2">a. Hal-hal yang menjadi tugas Kelurahan dan masing-masing unit erja di lingkungan Kelurahan merupakan satu kesatuan yang utuh dan tidak dapat dipisahkan.</p>
+<p style="line-height: 2">b. Kegiatan operasional dalam rangka penyelenggaraan fungsi Kelurahan dilaksanakan oleh Lurah bersama-sama dengan Sekretariat, seksi-seksi dan kelompok jabatan fungsional di lingkungan Keluarahan.</p>
+<p style="line-height: 2">c. Dalam melaksanakan tugas pokoknya, Lurah menyelenggarakan hubungan fungsional dengan instansi lain yang memiliki kaitan fungsi dengan Kleurahan.</p>
+<p style="line-height: 2">d. Setiap pemimpin unit kerja di lingkungan kelurahan wajib memimpin dan memberikan bimbingan serta petunjuk pelaksanaan tugas kepada unit kerja Kelurahan di bawahnya atau pegawai yang membantunya.</p>
+</ol>
+==Rancangan Prosedur Sistem Yang Berjalan==
+===Prosedur Sistem Yang Berjalan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan analisa yang dilakukan pada Kelurahan Sukasari Tangerang, sistem informasi surat pengantar yang sedang berjalan saat ini dalam proses pengolahan data masih belum optimal, karena belum terintegrasi dan terkomputerisasi, sehingga pengolahan data belum diperoleh secara cepat, tepat dan akurat serta belum berjalan secara efektif dan efisien.
+</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tahap analisa merupakan tahap yang penting dan bersifat kritis, karena apabila dalam tahap ini terdapat kesalahan akan menyebabkan kesalahan pada tahapan-tahapan yang akan di lakukan selanjutnya. Berikut definisi analisa menurut pakar yaitu :
+<p style="line-height: 2">Adapun mekanisme sistem yang berjalan di Kelurahan Sukasari sebagai berikut:
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Yakub (2012:142), Analisa sistem dapat diartikan sebagai suatu proses untuk memahami sistem yang ada, dengan menganalisa suatu jabatan dan uraian tugas (business users), proses bisnis (business prosess), ketentuan atau aturan (business rule),masalah dan mencari solusinya (business problem and business soulution), dan rencana-rencana dalam perusahaan (business plan).
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur  pendaftaran
 </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut laundon (2010), “analisa sistem terdiri dari mendefinisikan masalah, mengidentifikasikan penyebabnya, menentukan solusi, dan mengindetifikasikan kebutuhan informasi yang harus memenuhui dengan solusi sistem”.
+<p style="line-height: 2">Masyarakat datang langsung ke Kelurahan dan menyerahkan form surat pengantar dari RT kepada staff pendaftaran untuk diproses sesuai permintaan yang diminta pada form surat pengantar yang diberikan masyarakat.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur pembuatan surat
 </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Mcleod dan Schell (2012), “ analisa sistem adalah penelitian terhadap sistem yang telah ada dengan tujuan untuk merancang sistem yang baru atau sistem yang di perbaharui”.
+<p style="line-height: 2">Pembuatan surat dilakukan oleh seksi tata pemerintahan  yang bertugas dalam proses pembuatan surat yang diminta masyarakat. Dengan menggunakan Microsoft office word dan Microsoft office excel.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Pencetakan
 </li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menurut Taufiq (2013: 156), “Analisa Sistem adalah suatu kegiatan mempelajari sistem (baik sistem manual ataupun sistem yang sudah komputerisasi) secara keseluruhan mulai dari menganalisa sistem, analisa masalah, design logic, dan memberikan keputusan dari hasil analisa tersebut”.
+<p style="line-height: 2">Surat yang sudah selesai dibuat kemudian dicetak, dan selanjutnya akan diserahkan oleh Lurah untuk diperiksa dan dilegitimasi.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Legitimasi
 </li>
+<p style="line-height: 2">Proses legitimasi masih dilakukan oleh staff tata pemerintahan dengan menyerahkan surat yang sudah jadi kepada Lurah untuk di tandatangani dan di stampel, sebelum diserahkan kepada masyarakat.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Laporan
+</li>
+<p style="line-height: 2">Laporan dilakukan oleh Sekretariat dengan menyimpan berkas asli surat pengantar RT yang diserahkan masyarakat, kemudian di input sesuai dengan jenis dan tanggal surat masuk dan keluar menggunakan Microsoft office word dan Microsoft office excel.</p>
 </ol>
-<p style="line-height: 2">'''2. Kualitas Informasi''' </p>
+===Analisa Prosedur Sistem Yang Berjalan===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Tata Sutabri (2012:33-34) pada buku Analisis Sistem Informasi, Kualitas dari suatu informasi tergantung dari 3 hal, yaitu informasi harus akurat (accurate), tepat waktu (timeliness), dan relevan (relevance).
+<p style="line-height: 2">Penelitian ini mengguankan program Unified Modelling Language (UML) dalam menggambarkan proses yang sedang berjalan, dan beberapa diagram yang digunakan diantaranya use case diagram, sequence diagram, dan activity diagram.
 </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">'''1. Analisa Sistem Yang Berjalan Pada Use Case Diagram'''
+</p></div>
+<div align="center"><img src="https://image.ibb.co/f003JU/use_case.png" alt="use_case" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan gambar 3.3. Use Case Diagram sistem yang berjalan saat ini terdapat:
+</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akurat (accuracy)
+<p style="line-height: 2">a. Terdapat 4 (empat) Actor yang dapat melakukan kegiatan didalam sistem, diantaranya yaitu  Warga, Staff Pendaftaran, Seksi Tata Pemerintahan, dan Lurah.</p>
-</li>
+<p style="line-height: 2">b. 6 (enam) Use Case yang dapat dilakukan oleh Actor tersebut, diantaranya Membawa Formulir, Memeriksa Kelengkapan Form, Membuat Surat yang dibutuhkan, Cetak Surat , Meminta Legalisir dan TTD Surat, Surat Pengantar Selesai.</p>
-<p style="line-height: 2">Informasi harus bebas dari kesalahan – kesalahan dan tidak menyesatkan. Akurat juga berarti bahwa informasi harus jelas mencerminkan maksudnya.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tepat waktu (Time Lines)
-</li>
-<p style="line-height: 2">Informasi yang datang kepada penerima tidak boleh terlambat. Informasi yang sudah usang tidak mempunyai nilai lagi, karena informasi merupakan suatu landasan dalam mengambil sebuah keputusan dimana bila pengambilan keputusan terlambat maka akan berakibat fatal untuk organisasi.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Relevan (relevance)
-</li>
-<p style="line-height: 2">Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi informasi untuk setiap orang berbeda. Menyampaikan informasi tentang penyebab kerusakan mesin produksi kepada akuntan perusahaan tentunya kurang relevan. Akan lebih relevan bila ditujukan kepada ahli teknik perusahaan. Sebaliknya informasi mengenai harga pokok produksi disampaikan untuk ahli teknik merupakan informasi yang kurang relevan, tetapi akan sangat relevan untuk seorang akuntan perusahaan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mudah dan Murah
-</li>
-<p style="line-height: 2">Cara dan biaya untuk memperoleh informasi juga menjadi bahan pertimbangan tersendiri, jika cara dan biaya untuk memperoleh informasi sulit dan mahal, maka kualitas informasi tersebut akan berkurang.</p>
 </ol>
-<p style="line-height: 2">'''3. Fungsi Informasi''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">'''2. Analisa Sistem Yang Berjalan Pada Activity Diagram'''
+</p></div>
+<div align="center"><img src="https://image.ibb.co/mhtb59/activity_diagram.png" alt="activity_diagram" border="0"></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Fungsi utama informasi adalah menambah pengetahuan. Informasi yang disampaikan kepada pemakai mungkin merupakan hasil data yang sudah diolah menjadi sebuah keputusan. Akan tetapi, dalam kebanyakan pengambilan keputusan yang kompleks, informasi hanya dapat menambah kemungkinan kepastian atau mengurangi bermacam-macam pilihan. Informasi yang disediakan bagi pengambil keputusan memberi suatu kemungkinan faktor resiko pada tingkat-tingkat pendapatan yang berbeda (Sutabri, 2012: 12).
+<p style="line-height: 2">Berdasarkan gambar 3.4. Activity Diagram yang berjalan saat ini terdapat:
 </p></div>
-<p style="line-height: 2">'''4. Nilai Informasi''' </p>
+<ol>
+<p style="line-height: 2">a. 1 (satu) Initial Node, model yang diawali.</p>
+<p style="line-height: 2">b. 8 (delapan) Action State yang dimulai dari Membawa Formulir, Memeriksa Kelengkapan Form, Menyerahkan Form, Membuat Surat yang dibutuhkan, Cetak Surat, Meminta Legalisir dan TTD Surat, Legalisir dan TTD Surat, Surat Pengantar Selesai.</p>
+<p style="line-height: 2">c. 1 (satu) Final State, objek yang diakhiri</p>
+</ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Nilai informasi yang dibutuhkan untuk pengambilan keputusan terkadang diperlukan dengan proses yang cepat dan tidak terduga. Hal itu mengakibatkan penggunaan informasi hanya berdasarkan perkiraan-perkiraan serta informasi yang apa adanya. Dengan perlakukan seperti ini mengakibatkan keputusan yang diambil tidak sesuai dengan yang diharapkan. Oleh karena itu untuk memperbaiki keputusan yang telah diambil maka pencarian informasi yang lebih tepat perlu dilakukan. Suatu Informasi memiliki nilai karena informasi tersebut dapat menjadikan keputusan yang baik serta menguntungkan (memiliki nilai informasi yang tepat). Besarnya nilai informasi yang tepat dapat didapatkan dari perbedaan hasil yang didapat  dari keputusan yang baru dengan hasil keputusan yang lama dikurangi dengan biaya untuk mendapatkan informasi tersebut.
+<p style="line-height: 2">'''3. Analisa Sistem Yang Berjalan Pada Sequence Diagram'''
 </p></div>
+<div align="center"><img src="https://image.ibb.co/jfAHCp/sequence_diagram.png" alt="sequence_diagram" border="0"></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Gordon B. Davis dalam Sutarman (2012: 14), Nilai Informasi dikatakan sempurna apabila perbedaan antara kebijakan optimal, tanpa informasi yang sempurna dan kebijakan optimal menggunakan informasi yang sempurna dapat dinyatakan dengan jelas.
+<p style="line-height: 2">Berdasarkan gambar 3.5. Sequence Diagram yang berjalan saat ini terdapat:
 </p></div>
+<ol>
+<p style="line-height: 2">a. Terdapat 4 (empat) Actor yang melakukan kegiatan, diantaranya Warga, Staff Pendaftaran, Seksi Tata Pemerintahan, Lurah</p>
+<p style="line-height: 2">b. 2 (dua) Lifeline antarmuka yang saling berinteraksi, diantaranya Form, dan Surat Pengantar.</p>
+<p style="line-height: 2">c. 8 (delapan) Message dari komunikasi antar objek yang memuat informasi-informasi yang dilakukan oleh actor, diantaranya Membawa Formulir, Memeriksa Form, Menyerahkan Form, Membuat Surat, Cetak Surat, Meminta Legalisir dan TTD Surat, Memberikan Surat, Surat Selesai.</p>
+</ol>
+=='''Analisa Sistem Yang Berjalan'''==
+===Metode Analisa Sistem===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Nilai suatu informasi dapat ditentukan berdasarkan sifatnya. Tentang 10 sifat yang dapat menentukan nilai informasi, yaitu sebagai berikut :
+<p style="line-height: 2">Pada metode analisa sistem ini menggunakan metode analisa SWOT untuk mengidentifikasi berbagai faktor secara sistematis untuk mencari strategi menggunakan kekuatan yang ada untuk memanfaatkan peluang yang tersedia (strategi S-O) serta menggunakan kekuatan yang dimiliki untuk mengatasi ancaman yang ada (strategi S-T). selain itu dianalisis pula strategi untuk mengurangi kelemahan yang dimiliki dalam meraih peluang yang ada (strategi W-O) maupun mengatasi ancaman yang ada (strategi W-T). pemetaan strategi S-O, W-O, S-T, dan W-T dapat dilihat pada tabel dibawah ini :
+</p></div>
+<div align="center"><img src="https://image.ibb.co/d15yk9/tabel_swot.png" alt="tabel_swot" border="0"></div>
+=='''Konfigurasi Sistem Yang Sedang Berjalan'''==
+===Spesifikasi Perangkat Keras (Hardware)===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Hardware atau perangkat keras yang digunakan yaitu:
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kemudahan dalam memperoleh
+<p style="line-height: 2">a. Processor : Intel 2.67 Ghz</p>
-</li>
+<p style="line-height: 2">b. Monitor : 15 Inch</p>
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila dapat diperoleh secara mudah. Informasi yang penting dan sangat dibutuhkan menjadi tidak bernilai jika sulit diperoleh.</p>
+<p style="line-height: 2">c. Mouse : USB</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sifat luas dan kelengkapannya
+<p style="line-height: 2">d. Ram : 2 GB</p>
-</li>
+<p style="line-height: 2">e. Keyboard : Standar</p>
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakapan yang luas dan lengkap. Informasi sepotong dan tidak lengkap menjadi tidak bernilai, karena tidak dapat digunakan secara baik.</p>
+<p style="line-height: 2">f. Printer : Hp</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Ketelitian (accuracy)
-</li>
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi/akurat. Informasi menjadi tidak bernilai jika tidak akurat, karena akan mengakibatkan kesalahan pengambilan keputusan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kecocokan dengan pengguna (relevant)
-</li>
-<p style="line-height: 2">Informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat. Informasi berharga dan penting menjadi tidak bernilai jika terlambat diterima/usang, karena tidak dapat dimanfaatkan pada saat pengambilan keputusan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kejelasan (clirity)
-</li>
-<p style="line-height: 2">Informasi yang jelas akan meningkatkan kesempurnaan nilai informasi. Kejelasan informasi dipengaruhi oleh bentuk dan format informasi.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Fleksibel/keluwesannya
-</li>
-<p style="line-height: 2">Nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi. Fleksibilitas informasi diperlukan oleh para manajer/pimpinan pada saat pengambilan keputusan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dapat dibuktikan
-</li>
-<p style="line-height: 2">Nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya. Kebenaran informasi bergantung pada validitas data sumber yang diolah.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tidak ada prasangka
-</li>
-<p style="line-height: 2">Nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dapat diukur
-</li>
-<p style="line-height: 2">.Informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai sempurna.</p>
 </ol>
-<p style="line-height: 2">'''4. Siklus Informasi''' </p>
+===Spesifikasi Perangkat Lunak (Software)===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Data merupakan bentuk yang masih mentah yang belum dapat bercerita banyak, sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk menghasilkan informasi.
+<p style="line-height: 2">Software atau perangkat lunak yang digunakan yaitu:
 </p></div>
+<ol>
+<p style="line-height: 2">a. Microsoft Windows 7</p>
+<p style="line-height: 2">b. Microsoft office 2007</p>
+<p style="line-height: 2">c. Microsoft excel</p>
+</ol>
+===Hak Akses (Brainware)===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Data yang diolah  melalui suatu model menjadi suatu informasi, penerima akan menerima informasi tersebut kemudian membuat suatu keputusan dan melakukan tindakan yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali.
+<p style="line-height: 2">Ada beberapa aktor yang dapat mengakses sistem pembuatan surat pada Kelurahan Sukasari Tangerang :
 </p></div>
+<ol>
+<p style="line-height: 2">a. Lurah</p>
+<p style="line-height: 2">b. Staff Tata Pemerintahan</p>
+<p style="line-height: 2">c. Warga</p>
+<p style="line-height: 2">d. Staff </p>
+</ol>
+=='''Permasalahan Yang Dihadapi'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">NInformasi diperlukan sebagai dasar pertimbangan para pengelola organisasi atau perusahaan dalam pengambilan keputusan manajerial dan strategis. Pengelolaan data menjadi sebuah informasi.
+<p style="line-height: 2">Adapun masalah yang dihadapi pada sistem yang berjalan adalah sebagai berikut :
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengumpulan Data
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem informasi surat pengantar yang sedang berjalan saat ini dalam proses pengolahan datanya masih belum optimal, karena belum terintegrasi dan terkomputerisasi, sehingga pengolahan data belum diperoleh secara cepat, tepat dan akurat serta belum berjalan secara efektif dan efisien.
 </li>
-<p style="line-height: 2">Pada tahap ini dilakukan suatu proses pengumpulan data yang asli dengan cara tertentu, seperti data transaksi, data warehouse, dan lain sebagainya yang biasanya merupakan suatu proses pencatatan data di dalam suatu file.Input Tahap ini merupakan proses untuk memasukan data dan prosedur pengolahan data kedalam komputer melalui alat input seperti keyboard. Prosedur data merupakan suatu urutan langkah untuk mengolah data yang ditulis kedalam suatu bahasa pemrograman yang disebut program.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Proses pembuatan surat pengantar yang dibutuhkan masih menggunakan sistem komputer yang sederhana yaitu Ms.Excel/Ms.Word. Sehingga pada proses pembuatan surat sering terjadi kesalahan input atau yang lebih sering disebabkan karena human error.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolahan Data
 </li>
-<p style="line-height: 2">Merupakan tahap dimana data diolah sesuai dengan prosedur yang telah dimasukan. Kegiatan pengolahan data ini meliputi pengumpulan data, klasifikasi atau pengelompokan data, kalkulasi, pengurutan, penggabungan, peringkasan baik dalam bentuk tabel maupun grafik, penyimpanan dan pembacaan data.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Dalam proses pembuatan surat pengantar, Kelurahan hanya membuat dan mencetak tanpa adanya laporan akhir dalam bentuk data sehingga menyebabkan terjadinya beberapa kesalahan seperti surat hilang dan double surat.
+</li></ol>
+=='''Analisa Batasan Sistem'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Setiap sistem mempunyai batasan sistem yang memisahkan sistem dengan lingkungan luarnya. Kesatuan diluar sistem yang dapat berupa orang, organisasi, atau sistem lainnya yang memberikan input atau menerima output dari sistem.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Melihat permasalahan yang ada pada Kelurahan Sukasari Tangerang, maka penulis membatasi permasalahan mengenai analisa sistem informasi surat pengantar yang meliputi proses pembuatan surat pengantar sampai dengan prosedur pencetakan serta laporan surat pengantar.
+</p></div>
+=='''Analisa Kontrol'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada sistem pembuatan surat pengantar yang berjalan saat ini, proses pengontrolan dilakukan oleh seksi tata pemerintahan, dengan melakukan pembuatan dan pencarian surat pengantar dalam file Ms.Word/Ms.excel. Semua pengerjaan kontrol dilakukan manual sehingga apabila terjadi masalah akibat kontrol yang tidak akurat maka akan memerlukan waktu dalam pencariannya maupun pembuatannya.
+</p></div>
+=='''Analisa Kebutuhan Sistem'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada pembuatan surat pengantar di Kelurahan Sukasari sistem yang berjalan masih melakukan pengolahan data yang belum efektif. Untuk itu penulis mengusulkan sebuah sistem yang terkomputerisasi dengan baik dan efektif atau sistem berbasis web yang dapat mempermudah dalam pengambilan keputusan serta informasi yang terpercaya dan akurat.
+</p></div>
+=='''User Requirement'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Elisitasi (Elicitation) adalah berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis. Elistasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu sebagai berikut :
+</p></div>
+===Elisitasi Tahap I===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data dari lapangan yang dilakukan dengan observasi dan wawancara mengenai kekurangan dari sistem yang berjalan, dan kebutuhan pengguna sistem yang belum terpenuhi.
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut adalah tabel elisitasi tahap I :
+</p></div>
+===Elisitasi Tahap II===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Elisitasi tahap II merupakan hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem yang baru dengan rancangan yang disanggupi untuk dieksekusi.
+</p></div>
+<ol>
+<p style="line-height: 2">a. M pada MDI artinya Mandatory (penting). Maksudnya requirement  tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru</p>
+<p style="line-height: 2">b. D pada MDI artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembuatan sistem, maka membuat sistem tersebut lebih sempurna.</p>
+<p style="line-height: 2">c. I pada MDI artinya Inessential. Maksudnya adalah requirement tersebut bukan bagian dari sistem yang dibahas dan merupakan bagiandari luar sistem.</p>
 </ol>
-<p style="line-height: 2">'''5. Transformasi Data Ke Dalam Informasi''' </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berikut adalah tabel elisitasi tahap II :
+</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Data merupakan sesuatu yang sangat penting karena dengan pemilihan data yang tepat ditambah lagi dengan proses yang akurat maka akan memberikan sebuah informasi yang sesuai dengan kebutuhan. Data bisa analogikan sesuatu yang masih mentah baik softcopy (data-data dikomputer) maupun hardcopy (hasil print, buku, fotocopy) yang masih harus diproses lagi untuk menjadi lebih berarti dan memiliki nilai tambah.
+<p style="line-height: 2">Keterangan :
 </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk menjadi sebagai informasi data-data itu diolah atau diproses dengan berbagai langkah-langkah sesua idengan kebutuhannya, setelah diproses ada kalanya data yang sudah menjadi informasi itu disimpan pada sebuah alat penyimpanan (hardisk, flasdisk,cd,kertas dll).
+<p style="line-height: 2">M (Mandatory): penting
 </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk menjadi sebagai informasi data-data itu diolah atau diproses dengan berbagai langkah-langkah sesua idengan kebutuhannya, setelah diproses ada kalanya data yang sudah menjadi informasi itu disimpan pada sebuah alat penyimpanan (hardisk, flasdisk,cd,kertas dll).
+<p style="line-height: 2">D (Desirable): tidak terlalu penting
 </p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dari informasi yang diperoleh jika sekiranya informasi yang dihasilkan masih kurang sesuai dengan keinginannyamaka data yang diinputkan atau proses yang dilakukan perlu dilakukan pembenahanlagi atau mungkin informasi itu dianggap sebagai data dan diproses lagi dengan proses yang lain disitulah dibutuhkan feedbackuntuk memberikan yang berkualitas. (Rohmat Taufiq,2013:16-17)
+<p style="line-height: 2">I (Innesential): tidak mutlak ada
 </p></div>
-<p style="line-height: 2">'''6. Pengolahan Data informasi''' </p>
+===Elisitasi Tahap III===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dalam pengolahan data, untuk membuat data itu berguna sesuai dengan hasil yang dinginkan, sehingga dapat segera dipakai, maka harus digunakan alat-alat untuk mempercepat jalannya pengolahan, beserta staf yang mampu melaksanakan seluruh fase dalam rangka pengolahan data, mulai dari pengumpulan data, sampai ke pembuatan laporan atau informasi yang diinginkan, hendaknya dihasilkan sesuai dengan waktu, biaya yang ringan dan informasi yang relevan bagi pemakai.
+<p style="line-height: 2">Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya “I” pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali dengan metode TOE. Berikut ini adalah penjelasan mengenai TOE :
 </p></div>
+<ol>
+<p style="line-height: 2">a. T artinya Technical. Maksudnya adalah pertanyaan perihal bagaimana tata cara / teknik pembuatan requirement tersebut dalam sistem yang diusulkan.</p>
+<p style="line-height: 2">b. O artinya Operational. Maksudnya adalah pertanyaan perihal bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.</p>
+<p style="line-height: 2">c. E artinya Economy. Maksudnya adalah pertanyaan perihal berapakah biaya yang diperlukan guna membangun requirement tersebut di dalam sistem
+Menjadi beberapa option, antara lain :
+</p>
+<p style="line-height: 2">1) H (High) : Sulit untuk dikerjakan, karena teknik pembuatan dan penggunaannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.</p>
+<p style="line-height: 2">2) M (Middle) : Mampu untuk dikerjakan.</p>
+<p style="line-height: 2">3) L (Low) : Mudah untuk dikerjakan.</p>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut Agung Wahana dan Asep Ririh Riswaya (2014: 26) dalam jurnal Computech & Bisnis Vol. 8 No. 1, “Pengolahan data dengan menggunakan komputer dikenal dengan sebutan Pengolahan Data Elektronik (PDE) atau Electronic Data Processing (EDP)”.
+<p style="line-height: 2">Berikut adalah tabel elisitasi tahap III :
 </p></div>
-===Konsep Dasar Sistem Informasi===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Keterangan:
+</p></div>
-<p style="line-height: 2">'''1. Definisi Sistem Informasi''' </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">T (Technology) H (High)
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">O (Operational) M (Middle)
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">E (Economic) L (Low)
+</p></div></ol>
+===Final Draft Elisitasi===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Menurut O’Brian dikutip oleh Yakub (2012:17) pada buku Pengantar Sistem Informasi, sistem informasi (information system) merupakan kombinasi teratur dari orang-orang, perangkat keras, perangkat lunak, jaringan komunikasi, dan sumber daya data yang mengumpulkan, mengubah, menyebarkan informasi dalam sebuah organisasi.
+<p style="line-height: 2">Final draft merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan, maka menghasilkan requirement final draft elisitasi yang dapat ditunjukan pada tabel berikut :
 </p></div>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
+=='''Rancangan Sistem Yang Diusulkan'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Sedangkan menurut Hanif Al Fatta (Indonesian Journal on Networking and Security, Volume 2, No 4 - Oktober 2013), untuk memahami pengertian sistem informasi, harus diingat keterkaitan antara data dan informasi sebagai entitas penting pembentuk system informasi. Data merupakan nilai, keadaan, atau sifat yang berdiri sendiri lepas dari konteks apapun. Sementara informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya. Sistem informasi adalah sistem yang menyediakan informasi dengancara sedemikian rupa sehingga bermanfaat bagi penerima.
+<p style="line-height: 2">Setelah melakukan analisis dan penelitian dari sistem yang sedang berjalan pada Kelurahan Sukasari, selanjutnya akan membahas tentang rancangan sistem yang diusulkan yang dapat dijelaskan pada use case diagram, activity diagram, sequence diagram dan class diagram dengan menggunakan Visual Paradigm for UML 6.4 Enterprise Edition.
 </p></div>
-<p style="line-height: 2">'''2. Definisi Sistem Informasi''' </p>
+===Prosedur Sistem Usulan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"">
+<p style="line-height: 2">Berikut beberapa prosedur yang harus dilakukan dalam menjalankan sistem pembuatan surat pengantar pada Kelurahan Sukasari yaitu :
+</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Login
+</li>
+<p style="line-height: 2">Untuk mengakses sistem, setiap pengguna diwajibkan melakukan proses login dengan mengisi username dan password sesuai dengan username dan password pengguna.
+</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Input Data Surat
+</li>
+<p style="line-height: 2">Seksi Tata Pemerintahan melakukan penginputan data pada form buat surat sesuai dengan kebutuhan surat yang diinginkan.
+</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Cetak Surat
+</li>
+<p style="line-height: 2">Setelah proses penginputan data selesai dan disimpan, maka Seksi Tata Pemerintahan dapat melakukan pencetakan surat tersebut.
+</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Data Laporan
+</li>
+<p style="line-height: 2">Bagian Seksi Tata Pemerintahan, Sekretariat, dan Lurah dapat melihat dan mencetak laporan jika diperlukan.
+</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Prosedur Logout
+</li>
+<p style="line-height: 2">Bagian Seksi Tata Pemerintahan, Sekretariat, dan Lurah dapat melakukan proses logout atau keluar dari sistem setelah selesai melakukan proses pembuatan surat yang dibutuhkan atau aktivitas lainnya didalam sistem.
+</p></ol>
+===Use Case Diagram yang diusulkan===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Adapun tujuan yang hendak dicapai dari tahap perancangan sistem mempunyai maksud atau tujuan utama, sebagai berikut:
+<p style="line-height: 2">Diagram Use Case adalah sebuah diagram yang digunakan untuk menunjukkan tampilan grafis dari fungsionalitas yang diberikan oleh sistem dilihat dari sisi aktor, tujuan aktor, dan hal yang berkaitan dengan use case yang ada.
+</p></div>
+<div align="center"><img src="https://image.ibb.co/itZoZp/2018_07_16_5.png" alt="2018_07_16_5" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"">
+<p style="line-height: 2">Berdasarkan gambar diatas, usecase diagram Surat Pengantar  yang diusulkan terdapat :
 </p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Untuk memenuhi kebutuhan pemakai sistem (user).</li>
+<p style="line-height: 2">a. 1 sistem yang mencakup seluruh kegiatan dalam proses penginputan.</p>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Untuk memberikan gambaran yang jelas dan menghasilkan rancang bangun yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat pengembangan atau pembuatan sistem.</li>
+<p style="line-height: 2">b. 3 actor yang melakukan kegiatan yaitu bagian Seksi Tata Pemerintahan, Sekretariat, dan Lurah.</p>
+<p style="line-height: 2">c. 6 usecase yang akan dilakukan oleh aktor tersebut, seperti login, View Home, Buat Surat, View Surat, Laporan, Logout.</p></ol>
+===Activity Diagram yang diusulkan===
+<div align="center"><img src="https://image.ibb.co/eVf3Zp/2018_07_16_8.png" alt="2018_07_16_8" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"">
+<p style="line-height: 2">Berdasarkan gambar Activity Diagram diatas, terdapat :
+</p></div>
+<ol>
+<p style="line-height: 2">a. 1 initial node sebagai tanda yang mengawali objek</p>
+<p style="line-height: 2">b. 31 action yang menggambarkan eksekusi pada saat login yaitu login, Home, View Home, Surat Baru, Transaction, Report, Settings, Simpan, Print, Edit, Hapus, View, logout, Sk Domisili Lembaga, Sk Ahli Waris, Sk Kematian, Sk Pengantar Nikah, Sk Keramaian, Sk Salah Nama, Sk Suami Istri, SKCK, Sk Pindah Pergi, Sk Pindah Datang, Sk Kelahiran, Sk Perubahan KK.</p>
+<p style="line-height: 2">c. Decision Node menggambarkan pada saat melakukan login ada 2 kemungkinan yang pertama apabila login salah maka akan kembali ke login dan cek kembali username dan password dan apabila login benar maka akan tampil ke menu utama</p>
+<p style="line-height: 2">d. 6 Fork Node menggambarkan pembagian aktifitas tersebut.</p>
+<p style="line-height: 2">e. 1 Activity Final Node menjelaskan bahwa objek dibentuk</p></ol>
+===Sequence Diagram yang diusulkan===
+<div align="center"><img src="https://image.ibb.co/ch9Bn9/2018_07_16_7.png" alt="2018_07_16_7" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"">
+<p style="line-height: 2">Berdasarkan gambar sequence diagram yang diusulkan terdapat :
+</p></div>
+<ol>
+<p style="line-height: 2">a. 6 Lifeline antarmuka yang saling berinteraksi.</p>
+<p style="line-height: 2">b. 3 actor yang melakukan kegiatan yaitu Seksi Tata Pemerintahan, Sekretariat, Lurah.</p>
+<p style="line-height: 2">c. 23 message yang berawal dari tampilan homepage yang terdiri dari Input Username dan Password, Verifikasi login, Konfirmasi Username dan Password, View Home, Pilih Menu Surat Baru, Buat Surat dan Simpan, View Surat dan Cetak Surat Baru, View Laporan, Login, Verifikasi login, Konfirmasi Username dan Password, View Home, View Surat, View dan Cetak Laporan, Login, Verifikasi login, Konfirmasi Username dan Password, View Home, View Surat, View Laporan, Logout, Logout, Logout.</p></ol>
+===Class Diagram Yang diusulkan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+Diagram Kelas (class diagram) sangat membantu dalam visualisasi  kelas dari suatu sistem. Hal ini di sebabkan karena class adalah deskripsi kelompok objek-objek dengan atribut (property) dan relasi yang sama. Disamping itu class diagram bisa memberikan pandangan global atas sebuah sistem. Hal tersebut tercermin dari class-class yang ada dan relasinya satu dengan yang lain dan menggambarkan struktur dan deskripsi class pada  sistem.
+</p></div>
+<div align="center"><img src="https://image.ibb.co/j4qZ79/2018_07_16_6.png" alt="2018_07_16_6" border="0"></div>
+=='''Perbedaan Prosedur Antara Sistem Berjalan Dan Sistem Usulan'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"">
+Berikut ini adalah perbedaan prosedur antara sistem berjalan dengan sistem usulan yang ditunjukan pada tabel berikut :
+</div>
+<div align="center"><img src="https://image.ibb.co/cXpxAU/2018_09_10_3.png" alt="2018_09_10_3" border="0"></div>
+=='''Analisa Yang Diusulkan'''==
+===Metode Analisa SWOT===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">
+Berikut akan dijelaskan analisis SWOT dimana analisis ini mengidentifikasi kekuatan (strenght) dan kelemahan (weakness) yang merupakan faktor lingkungan internal serta faktor lingkungan eksternal yaitu kesempatan (opportunities) dan ancaman (threat).
+</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"">
+Berikut ini tabel analisis SWOT pada sistem Autentikasi Sertifikat yang diusulkan :
+</div>
+<div align="center"><img src="https://image.ibb.co/bHpQx9/2018_09_10_2.png" alt="2018_09_10_2" border="0"></div>
+=='''Rancangan Database'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+Rancangan database dipakai untuk mempermudah dalam proses penyeleksian data, serta membantu pemprograman dalam mengambil dan menampilkan data. Pada database digunakan tabel-tabel, dan pada tabel-tabel ini akan dijelaskan nama  field, type dan size mengenai data tersebut.
+</div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File : Babinsa
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media:  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: babinsa_id + babinsa_nip + babinsa_nama + babinsa_tingkat + created_at + updated_at</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : babinsa_idk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/gDExC9/2018_09_11_1.png" alt="2018_09_11_1" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  Camat
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media:  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: camat_id + camat_nip + camat_nama + created_at  + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: camat_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record:  11
+</p>
+<div align="center"><img src="https://image.ibb.co/iTK5X9/2018_09_11_3.png" alt="2018_09_11_3" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  Lurah
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media:  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: lurah_id + lurah_nip + lurah_nama + lurah_jabatan  + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: lurah_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record :  11
+</p>
+<div align="center"><img src="https://image.ibb.co/iku329/2018_09_11_4.png" alt="2018_09_11_4" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  password_resets
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media:  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: email + token + created_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key:
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record :
+</p>
+<div align="center"><img src="https://image.ibb.co/eTUvh9/2018_09_11_6.png" alt="2018_09_11_6" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  permissions
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media:  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: id +  name + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 10
+</p>
+<div align="center"><img src="https://image.ibb.co/n3WEaU/2018_09_11_7.png" alt="2018_09_11_7" border="0"></di>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  pindah_anggota
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi : pdh_anggota_id +  pdh_anggota_nama +  pdh_anggota_nik + pdh_anggota_masa_berlaku + pdh_shdk + created_at + updated_at +pdh_dtg_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : pdh_anggota_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/cPOXUp/2018_09_11_8.png" alt="2018_09_11_8" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  pindah_dtg_head
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: pdh_dtg_id +  pdh_dtg_no +
+   pdh_dtg_no_kk + pdh_dtg_nama_kpla_k_asl +
+   pdh_dtg_kampung_asl + pdh_dtg_alamat_asl +
+   pdh_dtg_rt_asl + pdh_dtg_rw_asl +
+   pdh_dtg_kel_asl + pdh_dtg_kec_asl +
+   pdh_dtg_prov_asl + pdh_dtg_kab_asl +
+   pdh_dtg_nik_pemohon + pdh_dtg_nama_pemoh
+   on + pdh_dtg_stts_kk_tjn + pdh_dtg_no_
+   kartu_keluarga_tjn + pdh_dtg_nik_kpla_k_tjn+
+   pdh_dtg_nama_kpla_k_tjn + pdh_dtg_kampung
+   _tjn + pdh_dtg_tgl_dtg_tjn + pdh_dtg_alamat_tjn
+   + pdh_dtg_rt_tjn + pdh_dtg_rw_tjn + pdh_dtg_kel
+ _tjn + pdh_dtg_kec_tjn + pdh_dtg_prov_tjn +
+   pdh_dtg_kab_tjn + updated_at + created_at +
+   user_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: pdh_dtg_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<img src="https://image.ibb.co/eE01N9/2018_09_11_9.png" alt="2018_09_11_9" border="0">
+<img src="https://image.ibb.co/hY1mpp/2018_09_11_10.png" alt="2018_09_11_10" border="0">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  prb_kk_anggota
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: prb_anggota_id +  prb_anggota_nama + prb_anggota_nik + prb_shdk + prb_kk_id +created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: prb_anggota_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/g6e9aU/2018_09_11_11.png" alt="2018_09_11_11" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  prb_kk_head
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: prb_kk_id +  prb_kk_nama_pemohon +  prb_kk_nik_pemohon + prb_kk_nama_kpla_keluarga + prb_kk_no_kk + prb_kk_alamat + prb_kk_rt + prb_kk_rw +  prb_kk_desa + prb_kk_kab + prb_kk_kec + prb_kk_prov +  prb_kk_nama_kpla_keluarga_lma + prb_kk_no_lma + prb_kk_rt_lma + prb_kk_rw _lma + prb_kk_desa_lma + prb_kk_kab_lma + prb_kk_kec_lma + prb_kk_alasan + prb_kk_kode_pos_lma + prb_kk_telp  + updated_at + created_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : prb_kk_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/hRE6pp/2018_09_11_12.png" alt="2018_09_11_12" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File:  roles
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media:  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: id +  name +  created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 10
+</p>
+<div align="center"><img src="https://image.ibb.co/k0oz9p/2018_09_11_13.png" alt="2018_09_11_13" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: roles_has_permissions
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: permission_id +  role_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key: permission_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 10
+</p>
+<div align="center"><img src="https://image.ibb.co/hdGuQU/2018_09_11_14.png" alt="2018_09_11_14" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: rukun_tetangga
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi : rt_id +  rt_nama + rt_code + rt_alamat + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : rt_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 10
+</p>
+<div align="center"><img src="https://image.ibb.co/mVnZQU/2018_09_11_15.png" alt="2018_09_11_15" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: rukun_warga
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: rw_id +  rw_nama + rw_code + rw_alamat + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : rt_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/fag5X9/2018_09_11_16.png" alt="2018_09_11_16" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_catatankepolisian
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi : skck_id +  skck_no + skck_ket + skck_keperluan + skck_pemohon_nama + skck_pemohon_tmptlahir + skck_pemohon_tgllahir + skck_pemohon_agama + skck_pemohon_jk + skck_pemohon_alamat + skck_ktp_kk + created_at + updated_at +skck_pemohon_pekerjaan
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : skck_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/fZ7qzp/2018_09_11_17.png" alt="2018_09_11_17" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_domisili_lembaga
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: dom_lem_id +  dom_lem_no + dom_lem_nama +dom_lem_alamat + dom_lem_no_telp +dom_lem_pengurus + dom_lem_berlaku +dom_lem_bidang + dom_lem_status_bangunan +  dom_lem_nosuratputusan + dom_lem_nosuratanggal + dom_lem_nosuratkota + dom_lem_penanggung_nama + dom_lem_penanggung_tempat_lahir + dom_lem_penanggung_bangsa + dom_lem_penanggung_agama + dom_lem_penanggung_alamat + dom_lem_penanggung_jabatan +dom_lem_penanggung_tgl_lahir +updated_at + created_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : dom_lem_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/mk74s9/2018_09_11_18.png" alt="2018_09_11_18" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_kelahiran
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: kelahiran_id +  kelahiran_no + kelahiran_kk +
+   kelahiran_kpla_keluarga + kelahiran_anak_nik +
+   kelahiran_anak_nama + kelahiran_anak_jk +
+   kelahiran_anak_dilahirkan + kelahiran_anak_
+   tempat_lahir + kelahiran_anak_tgl_lahir + kelahir
+   an_anak_jam + kelahiran_anak_jenis_kelahiran +
+   kelahiran_anak_ke + kelahiran_anak_penolong +
+   kelahiran_anak_berat + kelahiran_anak_panjang +
+   kelahiran_ibu_nik + kelahiran_ibu_nama+ kelahir
+   an_ibu_tgl_lahir + kelahiran_ibu_pekerjaan +
+   kelahiran_ibu_alamat+kelahiran_ibu_alamat_rt +
+   kelahiran_ibu_alamat_rw + kelahiran_ibu_alamat
+   _desa + kelahiran_ibu_alamat_kec + kelahiran_
+   ibu_alamat_kab + kelahiran_ibu_alamat_prov +
+ kelahiran_ibu_warga + kelahiran_ibu_bangsa +
+   kelahiran_pencatatan_kawin + kelahiran_ayah_nik
+ kelahiran_ayah_nama+ kelahiran_ayah_tgl_lahir +
+   kelahiran_ayah_pekerjaan + kelahiran_ayah_
+   alamat + kelahiran_ayah_alamat_rt + kelahiran_a
+   yah_alamat_rw + kelahiran_ayah_alamat_desa +
+   kelahiran_ayah_alamat_kec + kelahiran_ayah
+   _alamat_kab + kelahiran_ayah_alamat_prov +
+ kelahiran_ayah_warga + kelahiran_ayah_bangsa +
+ kelahiran_pelapor_nik + kelahiran_pelapor_nama+
+   kelahiran_pelapor_umur + kelahiran_pelapor_jk
+ + kelahiran_pelapor_pekerjaan + kelahiran_
+   pelapor_alamat + kelahiran_pelapor_rt +
+   kelahiran_pelapor_rw + kelahiran_pelapor_desa +
+ kelahiran_pelapor_kec + kelahiran_pelapor_kab +
+   kelahiran_pelapor_prov + kelahiran_tgl_lapor +
+   kelahiran_saksi_1_nik + kelahiran_saksi_1_nama+
+   kelahiran_saksi_1_umur + kelahiran_saksi_1_
+ pekerjaan + kelahiran_saksi_1_alamat +
+ kelahiran_saksi_1_rt + kelahiran_saksi_1_rw +
+   kelahiran_saksi_1_desa + kelahiran_saksi_1_kec +
+   kelahiran_saksi_1_kab + kelahiran_saksi_1_prov+
+   kelahiran_saksi_2_nik + kelahiran_saksi_2_nama+
+   kelahiran_saksi_2_umur + kelahiran_saksi_2_
+ pekerjaan + kelahiran_saksi_2_alamat +
+ kelahiran_saksi_2_rt + kelahiran_saksi_2_rw +
+   kelahiran_saksi_2_desa + kelahiran_saksi_2_kec +
+   kelahiran_saksi_2_kab + kelahiran_saksi_2_prov+
+   updated_at + created_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : kelahiran_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<img src="https://image.ibb.co/cRRBN9/2018_09_11_19.png" alt="2018_09_11_19" border="0">
+<img src="https://image.ibb.co/bVRT29/2018_09_11_22.png" alt="2018_09_11_22" border="0">
+<img src="https://image.ibb.co/h9PRpp/2018_09_11_20.png" alt="2018_09_11_20" border="0">
+<img src="https://image.ibb.co/gkvz9p/2018_09_11_21.png" alt="2018_09_11_21" border="0">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_kematian
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: : kematian_id +  kematian_no + kematian_nama + kematian_jk + kematian_umur + kematian_pekerjaan + kematian_alamat + kematian_tanggalbuat +kematian_tanggalkematian + kematian_tempat + kematian_sebab + kematian_pelapor + created_at+ kematian_pelaporhubungan + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : kematian_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/cnzL0U/2018_09_12.png" alt="2018_09_12" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_keramaian
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: : kera_id +  kera_no + kera_kegiatan + kera_tgl_mulai+ kera_tgl_selesai + kera_time_mulai + kera_time_selesai + kera_tempat + kera_pemohon_nama + kera_pemohon_tempatlahir + kera_pemohon_tgllahir + kera_pemohon_pekerjaan + kera_pemohon_jk + kera_pemohon_alamat + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : kera_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/fmFtLU/2018_09_12_1.png" alt="2018_09_12_1" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_nikah_head
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: sk_nikah_id +  sk_nikah_no + sk_nikah_tanggal + sk_nikah_nama + sk_nikah_jk + sk_nikah_tempat_lahir + sk_nikah_tgl_lahir + sk_nikah_wn + sk_nikah_pekerjaan + sk_nikah_agama + sk_nikah_alamat + sk_nikah_bin + sk_nikah_status +sk_nikah_nama_suis_terdahulu +created_at +updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : sk_nikah_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/mcyPS9/2018_09_12_2.png" alt="2018_09_12_2" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_nikah_orangtua
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: ortu_id +  ortu_ayah_nama + ortu_ayah_tempatlahir + ortu_ayah_tgllahir + ortu_ayah_wn + ortu_ayah_agama + ortu_ayah_pekerjaan + ortu_ayah_alamat + ortu_ibu_nama + ortu_ibu_tempatlahir + ortu_ibu_tgllahir + ortu_ibu_wn + ortu_ibu_agama + ortu_ibu_pekerjaan + ortu_ibu_alamat + sk_nikah_id +created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : ortu_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/czPnfU/2018_09_12_3.png" alt="2018_09_12_3" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_pindah
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: pindah_id +  pindah_no + pindah_nama + pindah_ktp  +  pindah_kk + pindah_kepala_kk + pindah_alamat_sekarang + pindah_alamat_tujuan+ pindah_jumlah + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : pindah_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/gpZQZp/2018_09_12_4.png" alt="2018_09_12_4" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_salahnama
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: salah_id +  salah_no + salah_pemohon_nama+salah_pemohon_tgllahir + salah_pemohon_tmpt lahir + salah_pemohon_pekerjaan + salah_pemohon_agama + salah_pemohon_jk +salah_pemohon_alamat + salah_pemohon_ktpkk + salah_pemohon_ket +salah_keperluan +created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : ortu_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/bW68LU/2018_09_12_5.png" alt="2018_09_12_5" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: sk_suami_istri
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: susi_id +  susi_no + susi_tgl_buat + susi_pemohon_nama + susi_pemohon_tempat lahir + susi_pemohon_tgllahir + susi_pemohon_bangsa + susi_pemohon_agama +susi_pemohon_pekerjaan + susi_pemohon_jk + susi_pemohon_alamat +susi_nama_suami_or_istri + susi_tgllahir_suami_or_istri + susi_tempatlahir_suami_or_istri + susi_bangsa_suami_or_istri + susi_pekerjaan_suami_or_istri + susi_jk_suami _or_istri + susi_alamat_suami_or_istri + susi_ tanggal_nikah + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : susi_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 10
+</p>
+<div align="center"><img src="https://image.ibb.co/kPEdLU/2018_09_12_7.png" alt="2018_09_12_7" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: users
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: id +  name + email + password + remember_token + username + created_at + updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 10
+</p>
+<div align="center"><img src="https://image.ibb.co/gRWm79/2018_09_12_8.png" alt="2018_09_12_8" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: user_has_permissions
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: user_id +  permission_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key :
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record :
+</p>
+<div align="center"><img src="https://image.ibb.co/eVUjup/2018_09_12_9.png" alt="2018_09_12_9" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: :  user_has_roles
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: role_id +  user_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key :
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record :
+</p>
+<div align="center"><img src="https://image.ibb.co/c3epS9/2018_09_12_10.png" alt="2018_09_12_10" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: :  warisan_ahliwaris
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: ahliwaris_id +  ahliwaris_nama + ahliwaris_alamat + ahliwaris_pekerjaan + ahliwaris_tempatlahir + ahliwaris_tgllahir + ahliwaris_hu_keluarga + ahliwaris_wn + ahliwaris_umur + warisan_id + ahliwaris_agama + ahliwaris_kuasa + created_at +  updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : ahliwaris_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/d3SUAU/2018_09_12_11.png" alt="2018_09_12_11" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Nama File: :  warisan_head
+</p></li>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Media :  Hard Disk
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Isi: warisan_id +  warisan_no + warisan_tgl_kematian+ warisan_tgl_buat + warisan_nama + warisan_alamat + warisan_saksi_rt + warisan_saksi_rw + created_at +  updated_at
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Primary Key : ahliwaris_id
+</p>
+<p style="line-height: 2; font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">Panjang Record : 11
+</p>
+<div align="center"><img src="https://image.ibb.co/moWBPp/2018_09_12_12.png" alt="2018_09_12_12" border="0"></div></div></ol>
+=='''Rancangan Prototype'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Rancangan prototype sistem pengolahan surat pengantar diantaranya yaitu : </div>
+===Prototype Login===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Pada saat program pertama kali dijalankan pada tampilan yang muncul yaitu login. Tampilan login berfungsi sebagai awal dalam menggunakan sistem informasi pengolahan surat pengantar pada Kelurahan Sukasari, yang berhak melakukan login yaitu: Seksi Tata Pemerintahan, Sekretariat, dan Lurah. </div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini merupakan tampilan rancangan prototype pada login yang ditunjukkan pada gambar 4.5 :</div>
+<div align="center"><img src="https://image.ibb.co/m0UHVU/proto_login.png" alt="proto_login" border="0"></div>
+===Prototype Menu Utama/Home===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Rancangan menu utama / Home untuk menampilkan halaman awal pada sistem pengolahan surat pada Kelurahan Sukasari.</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini merupakan tampilan rancangan prototype pada menu utama / Home yang ditunjukkan pada gambar 4.6: </div>
+<div align="center"><img src="https://image.ibb.co/cxJcVU/proto_home.png" alt="proto_home" border="0"></div>
+===Prototype Menu Surat Baru===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini merupakan tampilan rancangan prototype pada menu Surat baru yang ditunjukkan pada gambar 4.7:</div>
+<div align="center"><img src="https://image.ibb.co/npDuAU/proto_suratbaru.png" alt="proto_suratbaru" border="0"></div>
+===Prototype Menu Transaction===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini merupakan tampilan rancangan prototype pada menu Transaction yang ditunjukkan pada gambar 4.8:</div>
+<div align="center"><img src="https://image.ibb.co/fpKy4p/proto_transaction.png" alt="proto_transaction" border="0"></div>
+===Prototype Menu Tampilan Surat===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini merupakan tampilan rancangan prototype pada menu Tampilan Surat yang ditunjukkan pada gambar 4.9 :</div>
+<div align="center"><img src="https://image.ibb.co/eoJrPp/proto_tampilansurat.png" alt="proto_tampilansurat" border="0"></div>
+===Prototype Menu Report===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">Berikut ini merupakan tampilan rancangan prototype pada menu Report yang ditunjukkan pada gambar 4.10 & 4.11:</div>
+<div align="center"><img src="https://image.ibb.co/nvjy4p/proto_lapbulan.png" alt="proto_lapbulan" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;>
+<p style="line-height: 1"> Gambar 4.10 Tampilan Menu Report Laporan Bulanan  </p></div>
+<div align="center"><img src="https://image.ibb.co/cc9LH9/proto_laptahun.png" alt="proto_laptahun" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;>
+<p style="line-height: 1"> Gambar 4.11 Tampilan Menu Report Laporan Tahunan  </p></div>
+=='''Konfigurasi Sistem Yang Diusulkan'''==
+===Spesifikasi Hardware===
+<ol ><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Processor : Intel i7-4790</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Monitor : HP Pavilion 20fi </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Hardisk : 320GB</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">RAM : 2GB</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Keyboard : HP SK-2063</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Printer : Canon LBP6200d</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Mouse : HP SM-2063</p></li>
 </ol>
-=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
+===Spesifikasi Software===
-[[Category: Skripsi 2018/2019]]
+<ol ><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Sistem Operasi Windows 7</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">XAMPP</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Notepad++</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Visual Paradigm for UML 6.4</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">Web browser</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in"> <p style="line-height: 2">MariaDB</p></li>
+</ol>
+===Hak Akses===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2"> Untuk mengakses sistem penggajian karyawan terdapat 3 hak akses (brainware) yaitu Seksi Pemerintahan, Sekretariat, dan Lurah. </p></div>
+=='''Testing'''==
+===Blackbox Testing===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Untuk tahap pengujian penulis menggunakan metode blackbox, untuk dapat memastikan bahwa program atau sistem yang dibuat masih terdapat bug (kesalahan) atau tidak. Dari setiap tes pengujian tidak menutupi kemungkinan masih terdapat bug (kesalahan) dari sistem yang telah dites, tetapi pengujian ini setidaknya dapat meminimalisir bug (kesalahan) yang terdapat di dalam sistem</p></div>
+<div align="center"><img src="https://image.ibb.co/cRXRPp/2018_09_12_13.png" alt="2018_09_12_13" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan analisis blackbox testing yang telah dilakukan maka dapat disimpulkan bahwa program atau sistem yang telah dibuat sudah terminimalisir dari bug (kesalahan) dilihat dari hasil yang sesuai dengan data yang telah diisi.</p></div>
+=='''Implementasi'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan requirements yang terdapat pada Final Draft Elisitasi di atas, kemudian dibangun beberapa prototype sistem, yaitu:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tampilan Login</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Untuk mengakses sistem ini sumua user akan  menuju halaman login dan hanya  yang memiliki akun username </p></div>
+<div align="center"><img src="https://preview.ibb.co/eUM0H9/2018_07_13_2.png" alt="2018_07_13_2" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tampilan Home</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Setelah berhasil melakukan login, maka user akan masuk ke halaman utama,
+Terdapat juga beberapa pilihan menu seperti Surat Baru, Transaction, Report, dan Settings yang memudahkan user dalam memilih sesuai kebutuhan user.
+Berikut adalah tampilan home.
+</p></div>
+<div align="center"><img src="https://preview.ibb.co/gv1Hx9/2018_07_13_4.png" alt="2018_07_13_4" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tampilan Surat Baru</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Tampilan ini adalah tampilan untuk user membuat surat yang dibutuhkan. Pada menu ini  menampilkan  pilihan menu beberapa surat yang akan dibuat sesuai permintaan masyarakat dan form- form surat yang akan diinput oleh user
+</p></div>
+<div align="center"><img src="https://preview.ibb.co/f46BPp/2018_07_13_14.png" alt="2018_07_13_14" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tampilan Transaction</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada tampilan ini dapat menampilkan data – data surat  yang telah diinput dan dapat dilakukan print,edit,delete data surat.
+</p></div>
+<div align="center"><img src="https://preview.ibb.co/kpfGqU/2018_07_13_13.png" alt="2018_07_13_13" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tampilan Print Surat</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada tampilan ini menampilkan  surat yang sudah dibuat dan akan dilakukan print.
+</p></div>
+<div align="center"><img src="https://preview.ibb.co/nqusVU/2018_07_13_12.png" alt="2018_07_13_12" border="0"></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Tampilan Report</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Pada tampilan ini user dapat melihat data laporan yang bisa dilihat berdasarkan bulan atau tahun dan dapat dilakukan print.
+</p></div>
+<div align="center"><img src="https://preview.ibb.co/hHA2x9/2018_09_12_14.png" alt="2018_09_12_14" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;>
+<p style="line-height: 1"> Gambar 4.16 Tampilan Report Laporan Bulanan</p></div>
+<div align="center"><img src="https://preview.ibb.co/cw3uAU/2018_09_12_15.png" alt="2018_09_12_15" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;>
+<p style="line-height: 1"> Gambar 4.17 Tampilan Report Laporan Tahunan</p></div>
+<div align="center"><img src="https://preview.ibb.co/eUJpc9/2018_07_14_3.png" alt="2018_07_14_3" border="0"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;>
+<p style="line-height: 1"> Gambar 4.18 Tampilan Report Print</p></div></ol>
+=='''Time Schedule'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Time Schedule merupakan rencana alokasi  dalam merancang, mempersiapkan, menguji dan mengimplementasikan sistem membutuhkan satuan waktu dalam periode tertentu sehingga dapat berjalan dengan benar. Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakan ini dibuat dalam bentuk time table yaitu sebagai berikut : </p></div>
+<div align="center"><img src="https://image.ibb.co/ntwTLU/2018_09_12_16.png" alt="2018_09_12_16" border="0"></div>
+=='''Estimasi Biaya'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Estimasi biaya digunakan sebagai perhitungan kebutuhan yang diperlukan dalam menyelesaikan penelitian yang diusulkan. Berikut ini merupakan estimasi biaya yang ditunjukkan pada tabel 4.33  : </p></div>
+<div align="center"><img src="https://image.ibb.co/ik4Jn9/2018_09_12_17.png" alt="2018_09_12_17" border="0"></div>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
+=='''Kesimpulan'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Berdasarkan hasil penelitian yang telah dilakukan pada Kelurahan Sukasari, maka penulis menyimpulkan bahwa: </p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem pembuatan surat pengantar pada Kelurahan Sukasari yang berjalan saat ini dalam pengolahannya masih semi komputerisasi yaitu sudah menggunakan komputer tetapi hanya dengan Microsoft Word/Microsoft Excel dalam pembuatan surat yang dibutuhkan, dan pencarian file surat dalam beberapa folder tertentu sehigga mengakibatkan lamanya proses pembuatan surat maupun pencarian surat yang dibutuhkan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem pembuatan surat yang berjalan saat ini masih kurang efektif karena sulitnya dalam pencarian surat yang dibutuhkan dan beberapa file/folder surat yang masih berantakan dan tidak tersimpan dengan rapi, sehingga memakan waktu lama dalam proses pencarian surat maupun pembuatan surat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Karena sistem yang terdapat di Kelurahan Sukasari masih semi komputerisasi menggunakan Microsoft Word/Microsoft Excel maka peneliti merancang sistem yang terkomputerisasi untuk dapat membantu pekerjaan Staff dalam pengerjaan pembuatan surat pengantar pada Kelurahan Sukasari dengan melakukan observasi, wawancara dan studi pustaka yang menghasilkan sistem informasi surat pengantar berbasis web dengan proses staff/user melakukan login menggunakan username dan password yang sudah di daftarkan, kemudian melakukan penginputan data surat pada form surat yang sudah tersedia, Dan terdapat pula menu Home, menu surat, Laporan, dan Users, serta settings yang dapat mempermudah kerja staff dalam penggunaan sistem.</p></li></ol>
+=='''Saran'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p style="line-height: 2">Saran yang dapat disampaikan dalam penelitian ini adalah agar penelitian berikutnya dapat mengembangkan sistem ini menjadi lebih baik lagi, sehingga kekurangan yang ada pada sistem saat ini bisa dilengkapi atau diperbaiki. Maka, peneliti merekomendasikan sebagai bahan pertimbangan sebagai berikut:</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Dalam penerapan sistem informasi surat sebaiknya didukung oleh perangkat yang memadai, baik dari segi peralatannya (software dan hardware) maupun sumber daya manusia agar sistem dapat berjalan secara maksimal.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Apabila sistem yang baru sudah berjalan maka perlu diperhatikan dan dilakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Melakukan pengembangan perancangan sistem informasi/aplikasi yang lain untuk menunjang kinerja pelayanan yang lebih baik.</p></li></ol>
+=<div style="font-family: 'times new roman'; text-align: justify">'''DAFTAR PUSTAKA'''</div>=
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<references /></div><br>
+[[Category: Skripsi 2017/2018]]
+[[Category: Lock]]
+{{pagebreak}}

SI1511489617: Perbedaan revisi

Revisi terkini pada 15 September 2018 16.08

Daftar isi

BAB I PENDAHULUAN

Latar Belakang

Rumusan Masalah

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Manfaat Penelitian

Ruang Lingkup Penelitian

Metode Penelitian

Metode Pengumpulan Data

Metode Analisa Sistem

Metode Perancangan

Metode Pengujian

Sistematika Penulisan

BAB II

Teori Umum

Konsep Dasar Sistem

Konsep Dasar Informasi

Konsep Sistem Informasi

Konsep Dasar Perancangan Sistem

Teori Khusus

Definisi Surat

Fungsi Surat

Macam-Macam Surat

UML (Unified Modelling Language)

Konsep Dasar Web

Konsep Dasar Database

Metode Analisa SWOT

SDLC (System Development Life Cycle)

Black Box Testing

Konsep Dasar Bahasa Pemrograman

Konsep Dasar MariaDB

Konsep Dasar Notepad++

Konsep Dasar Framework Laravel

Konsep Dasar XAMPP

Konsep Dasar Elisitasi

Studi Pustaka (Literature review)

BAB III

Gambaran Umum Kelurahan Sukasari

Sejarah Singkat Kelurahan Sukasari

Visi Kelurahan

Misi Kelurahan

Tugas Pokok Kelurahan

Struktur Organisasi

Tugas dan Wewenang

Rancangan Prosedur Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Analisa Prosedur Sistem Yang Berjalan

Analisa Sistem Yang Berjalan

Metode Analisa Sistem

Konfigurasi Sistem Yang Sedang Berjalan

Spesifikasi Perangkat Keras (Hardware)

Spesifikasi Perangkat Lunak (Software)

Hak Akses (Brainware)

Permasalahan Yang Dihadapi

Analisa Batasan Sistem

Analisa Kontrol

Analisa Kebutuhan Sistem

User Requirement

Elisitasi Tahap I

Elisitasi Tahap II

Elisitasi Tahap III

Final Draft Elisitasi

BAB IV

Rancangan Sistem Yang Diusulkan

Prosedur Sistem Usulan

Use Case Diagram yang diusulkan

Activity Diagram yang diusulkan

Sequence Diagram yang diusulkan

Class Diagram Yang diusulkan

Perbedaan Prosedur Antara Sistem Berjalan Dan Sistem Usulan

Analisa Yang Diusulkan

Metode Analisa SWOT

Rancangan Database

Rancangan Prototype

Prototype Login

Prototype Menu Utama/Home

Prototype Menu Surat Baru

BAB I

PENDAHULUAN