SI1014464919: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi tidak terperiksa]
(Saran)
k (Melindungi "SI1014464919" (‎[edit=sysop] (selamanya) ‎[move=sysop] (selamanya)) [runtun])
 
(125 revisi antara oleh satu pengguna lainnya tidak ditampilkan)
Baris 394: Baris 394:
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
 
<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: 1"><b>Gambar 1.1</b> </p></div>
+
<p style="line-height: 1">Gambar 3.1 Struktur Organisasi PT.Nur Hasta Utama</p></div>
  
 
<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: 1"><b>Gambar 1.2</b> </p></div>
+
<p style="line-height: 1">Gambar 3.2 Use Case Diagram yang berjalan</p></div>
  
 
<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: 1"><b>Gambar 1.3</b> </p></div>
+
<p style="line-height: 1">Gambar 3.3 Activity Diagram yang berjalan</p></div>
  
 
<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: 1"><b>Gambar 2.1</b> </p></div>
+
<p style="line-height: 1">Gambar 3.4 Activity Diagram Laporan Perhitungan Gaji Kepada Manager</p></div>
  
 
<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: 1"><b>Gambar 2.2</b> </p></div>
+
<p style="line-height: 1">Gambar 3.5 Sequence Diagram yang berjalan</p></div>
  
 
<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: 1"><b>Gambar 2.3</b> </p></div>
+
<p style="line-height: 1">Gambar 3.6 Unified Modeling Language (UML)</p></div>
  
 
<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: 1"><b>Gambar 2.4</b> </p></div>
+
<p style="line-height: 1">Gambar 4.1.2 Use Case Diagram yang diusulkan</p></div>
  
 
<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: 1"><b>Gambar 2.5</b> </p></div>
+
<p style="line-height: 1">Gambar 4.1.3 Activity Diagram yang diusulkan</p></div>
  
 
<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: 1"><b>Gambar 2.6</b> </p></div>
+
<p style="line-height: 1">Gambar 4.1.4  Sequence Diagram yang diusulkan untuk User</p></div>
  
 
<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: 1"><b>Gambar 2.7</b> </p></div>
+
<p style="line-height: 1">Gambar 4.1.5 State Diagram penggajian pegawai honorer</p></div>
  
 
<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: 1"><b>Gambar 2.8</b> </p></div>
+
<p style="line-height: 1">Gambar 4.2 Class Diagram yang diusulkan</p></div>
  
 
<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: 1"><b>Gambar 2.9</b> </p></div>
+
<p style="line-height: 1">Gambar 4.3 Tampilan Program Menu Login</p></div>
  
 
<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: 1"><b>Gambar 2.10</b> </p></div>
+
<p style="line-height: 1">Gambar 4.4 Tampilan Program Menu Data Pegawai</p></div>
  
 
<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: 1"><b>Gambar 2.11</b> </p></div>
+
<p style="line-height: 1">Gambar 4.5 Tampilan Program Menu Input Data Pegawai</p></div>
  
 
<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: 1"><b>Gambar 3.1</b> </p></div>
+
<p style="line-height: 1">Gambar 4.6 Tampilan Program Menu Hitung Gaji</p></div>
  
 
<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: 1"><b>Gambar 3.2</b> </p></div>
+
<p style="line-height: 1">Gambar 4.7 Tampilan Program Menu Cetak Laporan</p></div>
  
 
<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: 1"><b>Gambar 3.3</b> </p></div>
+
<p style="line-height: 1">Gambar 4.8 Tampilan Prototype Menu Login</p></div>
  
 
<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: 1"><b>Gambar 3.4</b> </p></div>
+
<p style="line-height: 1">Gambar 4.9 Tampilan Prototype Menu Data Pegawai</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 1">Gambar 4.10 Tampilan Prototype Menu Input Data Pegawai</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 1">Gambar 4.11 Tampilan Prototype Menu Hitung Gaji</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 +
<p style="line-height: 1">Gambar 4.12 Tampilan Prototype Menu Cetak Laporan</p></div>
  
 
{{pagebreak}}
 
{{pagebreak}}
Baris 526: Baris 535:
 
<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">Dari judul penelitian pengaruh efektivitas penerapan penggajian pegawai honorer pada PT. Nur Hasta Utama dapat diterapkan dengan sistem yang lebih efektif dan efisien. Penulis berharap penelitian ini dapat memberikan banyak manfaat yang bisa diambil. Berikut ini manfaat yang diharapkan penulis dari laporan ini adalah :</p></div>
 
<p style="line-height: 2">Dari judul penelitian pengaruh efektivitas penerapan penggajian pegawai honorer pada PT. Nur Hasta Utama dapat diterapkan dengan sistem yang lebih efektif dan efisien. Penulis berharap penelitian ini dapat memberikan banyak manfaat yang bisa diambil. Berikut ini manfaat yang diharapkan penulis dari laporan ini adalah :</p></div>
 
+
<ol>
<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;">Menghasilkan peninjauan lebih baik terhadap sistem tersebut, guna meningkatkan mutu dan efektifitas terhadap pemakai sistem tersebut.</li>
<p style="line-height: 2">1.
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menambah wawasan dan pengetahuan yang berguna yang tidak di peroleh di bangku kuliah.</li></ol>
Menghasilkan peninjauan lebih baik terhadap sistem tersebut, guna meningkatkan mutu dan efektifitas terhadap pemakai sistem tersebut.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">2.
+
Menambah wawasan dan pengetahuan yang berguna yang tidak di peroleh di bangku kuliah.</p></div>
+
  
 
==Metode Penelitian==
 
==Metode Penelitian==
Baris 660: Baris 665:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"><b>1. Definisi Sistem</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2"><b>1. Definisi Sistem</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<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:16) <ref name="Sutabri. "Analisis Sistem Informasi", Yogyakarta : Andi Offset. 2012"> Sutabri, Tata. 2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan, menarik kesimpulan bahwa “suatu sistem pada dasarnya adalah sekelompok unsur yang erat hubungannya satu dengan yang lain yang berfungsi bersama-sama untuk mencapai tujuan tertentu”. Definisi tersebut dapat dirinci lebih lanjut tentang pengertian secara umum, yaitu :</p></div>
+
Menurut Sutabri (2012:16) <ref name="Sutabri, Tata. Analisis Sistem Informasi, Yogyakarta:Andi Offset. 2012"> Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan, menarik kesimpulan bahwa “suatu sistem pada dasarnya adalah sekelompok unsur yang erat hubungannya satu dengan yang lain yang berfungsi bersama-sama untuk mencapai tujuan tertentu”. Definisi tersebut dapat dirinci lebih lanjut tentang pengertian secara umum, yaitu :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height: 2;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height: 2;">
Setiap sistem terdiri dari unsur-unsur, seperti sistem pernapasan kita terdiri dari suatu kelompok unsur, yang terdiri dari hidung, saluran pernafasan, paru-paru, dan darah. Unsur-unsur yang membentuk subsistem tersebut..</li>
+
Setiap sistem terdiri dari unsur-unsur, seperti sistem pernapasan kita terdiri dari suatu kelompok unsur, yang terdiri dari hidung, saluran pernafasan, paru-paru, dan darah. Unsur-unsur yang membentuk subsistem tersebut.</li>
 
<li style="text-align: justify;line-height: 2;">
 
<li style="text-align: justify;line-height: 2;">
 
Unsur-unsur tersebut merupakan bagian terpadu sistem yang bersangkutan, unsur-unsur sistem berhubungan erat satu dengan yang lain dan sifat serta kerjasama antara unsur sistem tersebut mempunyai bentuk tertentu.</li>
 
Unsur-unsur tersebut merupakan bagian terpadu sistem yang bersangkutan, unsur-unsur sistem berhubungan erat satu dengan yang lain dan sifat serta kerjasama antara unsur sistem tersebut mempunyai bentuk tertentu.</li>
Baris 673: Baris 678:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">  
 
Menurut Lili dalam Jurnal CCIT Vol.3 No.2 (2010:208) <ref name="Lili. "
 
Menurut Lili dalam Jurnal CCIT Vol.3 No.2 (2010:208) <ref name="Lili. "
Pengembangan Perangkat Ajar Berbantuan KomputerUntuk Mempelajari Tata Bahasa Inggris",  
+
Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris",  
 
Tangerang: Jurnal CCIT Vol.3 No.2 (2010:208)">  
 
Tangerang: Jurnal CCIT Vol.3 No.2 (2010:208)">  
 
Lili, Tanti. 2011. Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Tangerang: Jurnal CCIT Vol.3 No.2 (2010:208).</ref> mendefinisikan “Analisa secara umum merupakan tahap dari daur hidup pengembangan perangkat lunak pengajar. Salah satu tahap yang bertujuan untuk memahami keperluan pembelajaran dan mengembangkan permintaan-permintaan.</p></div>
 
Lili, Tanti. 2011. Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Tangerang: Jurnal CCIT Vol.3 No.2 (2010:208).</ref> mendefinisikan “Analisa secara umum merupakan tahap dari daur hidup pengembangan perangkat lunak pengajar. Salah satu tahap yang bertujuan untuk memahami keperluan pembelajaran dan mengembangkan permintaan-permintaan.</p></div>
Baris 745: Baris 750:
 
<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">
 
<p style="line-height: 2">
Menurut Sutabri (2012:38) mendefinisikan “sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan laporan-laporan yang diperlukan oleh pihak luar tertentu”.</p></div>
+
Menurut Sutabri (2012:38) <ref name="Sutabri, Tata. Analisis Sistem Informasi, Yogyakarta:Andi Offset. 2012"> Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan “sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan laporan-laporan yang diperlukan oleh pihak luar tertentu”.</p></div>
  
 
<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">
Baris 754: Baris 759:
 
<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">
 
<p style="line-height: 2">
Menurut Sutabri (2012:47) mendefinisikan, sistem informasi terdiri dari beberapa komponen-komponen yang disebut blok bangunan (building block), diantaranya :</p></div>
+
Menurut Sutabri (2012:47) <ref name="Sutabri, Tata. Analisis Sistem Informasi, Yogyakarta:Andi Offset. 2012"> Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan, sistem informasi terdiri dari beberapa komponen-komponen yang disebut blok bangunan (building block), diantaranya :</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol>
Baris 774: Baris 779:
 
<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">
 
<p style="line-height: 2"><b>1. Definisi Analisa Sistem</b></p></div>
 
<p style="line-height: 2"><b>1. Definisi Analisa Sistem</b></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 Henderi, dkk dalam jurnal CCIT Vol 4 (2011 : 322) mendefinisikan, Analisa sistem adalah penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat rancangan sistem yang baru yang sesuai dengan kebutuhan.</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 Henderi, dkk dalam jurnal CCIT Vol 4 (2011 : 322 <ref name="Henderi. "Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics", Tangerang : Jurnal CCIT.Vol. 4. No.3-Mei 2011. 2011"> Henderi, Maimunah, dan Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics. Tangerang: Jurnal CCIT. Vol. 4.No.3-Mei 2011.</ref> mendefinisikan, Analisa sistem adalah penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat rancangan sistem yang baru yang sesuai dengan kebutuhan.</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 Sutabri (2012:220) mendefinisikan “tahap analisis sistem dilakukan setelah tahap investigasi sistem dan sebelum tahap rancangan sistem, tahap analisis sistem merupakan tahap yang kritis dan sangat penting karena kesalahan ditahap ini akan menyebabkan kesalahan pada tahap selanjutnya”.</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 Sutabri (2012:220) <ref name="Sutabri, Tata. Analisis Sistem Informasi, Yogyakarta:Andi Offset. 2012"> Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan “tahap analisis sistem dilakukan setelah tahap investigasi sistem dan sebelum tahap rancangan sistem, tahap analisis sistem merupakan tahap yang kritis dan sangat penting karena kesalahan ditahap ini akan menyebabkan kesalahan pada tahap selanjutnya”.</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 pendapat diatas dapat disimpulkan bahwa tahapan analisa sistem dapat dilakukan sebelum dibuat tahapan rangcangan sistem, dan analisa sistem sangat penting dilakukan agar menghindari kesalahan yang akan timbul di tahapan selanjutnya.</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 pendapat diatas dapat disimpulkan bahwa tahapan analisa sistem dapat dilakukan sebelum dibuat tahapan rangcangan sistem, dan analisa sistem sangat penting dilakukan agar menghindari kesalahan yang akan timbul di tahapan selanjutnya.</p></div>
  
 
<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">
 
<p style="line-height: 2"><b>2. Tahapan Analisa Sistem</b></p></div>
 
<p style="line-height: 2"><b>2. Tahapan Analisa Sistem</b></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 Henderi, dkk dalam jurnal CCIT Vol 4 (2011 : 322) mendefinisikan “Tahapan analisa sistem adalah tahap penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalah-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat di buat rancangan sistem yang baru sesuai dengan kebutuhan”.</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 Henderi, dkk dalam jurnal CCIT Vol 4 (2011 : 322 <ref name="Henderi. "Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics", Tangerang : Jurnal CCIT.Vol. 4. No.3-Mei 2011. 2011"> Henderi, Maimunah, dan Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics. Tangerang: Jurnal CCIT. Vol. 4.No.3-Mei 2011.</ref> mendefinisikan “Tahapan analisa sistem adalah tahap penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalah-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat di buat rancangan sistem yang baru sesuai dengan kebutuhan”.</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 Sutabri (2012:220) mendefinisikan, proses analisis sistem dalam pengembangan sistem informasi merupakan suatu prosedur yang dilakukan untuk pemeriksaan masalah dan penyusunan alternatif pemecahan masalah yang timbul serta membuat spesifikasi sistem yang baru atau sistem yang akan diusulkan dan dimodifikasi. Adapun tujuan utama dari tahap analisis sitem ini adalah sebagai berikut:</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 Sutabri (2012:220) <ref name="Sutabri, Tata. Analisis Sistem Informasi, Yogyakarta:Andi Offset. 2012"> Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan, proses analisis sistem dalam pengembangan sistem informasi merupakan suatu prosedur yang dilakukan untuk pemeriksaan masalah dan penyusunan alternatif pemecahan masalah yang timbul serta membuat spesifikasi sistem yang baru atau sistem yang akan diusulkan dan dimodifikasi. Adapun tujuan utama dari tahap analisis sitem ini adalah sebagai berikut:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height:  2;">Memberikan pelayanan kebutuhan informasi kepada fungsi-fungsi manajerial di dalam pengendalian pelaksanaan kegiatan operasional perusahaan.</li>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height:  2;">Memberikan pelayanan kebutuhan informasi kepada fungsi-fungsi manajerial di dalam pengendalian pelaksanaan kegiatan operasional perusahaan.</li>
 
<li style="text-align: justify;line-height: 2;">Membantu para pengambil keputusan, yaitu para pemimpin, untuk mendapatkan bahan perbandingan sebagai tolak ukur hasil yang telah dicapainya.</li>
 
<li style="text-align: justify;line-height: 2;">Membantu para pengambil keputusan, yaitu para pemimpin, untuk mendapatkan bahan perbandingan sebagai tolak ukur hasil yang telah dicapainya.</li>
Baris 809: Baris 814:
 
<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">
 
<p style="line-height: 2">
Menurut Aisyah dan Kalbuana dalam jurnal CCIT Vol-4, (2011:203) mendefinisikan, pada metode analisa sistem dan perancangan yang menggunakan metode yang dikenal dengan nama System Development Life Cycle (SDLC).</p></div>
+
Menurut Aisyah dan Kalbuana dalam jurnal CCIT Vol-4, (2011:203) <ref name="Aisyah, Kalbuana. Perancangan Aplikasi Akademik Teknologi Mobile Menggunakan J2ME, Tangerang:Journal CCIT  Vol-4 No.2 – Januari 2011"> Aisyah Siti dan Nawang Kalbuana. 2011. Perancangan Aplikasi Akademik Teknologi Mobile Menggunakan J2ME. Journal CCIT  Vol-4 No.2 – Januari 2011.</ref> mendefinisikan, pada metode analisa sistem dan perancangan yang menggunakan metode yang dikenal dengan nama System Development Life Cycle (SDLC).</p></div>
 
<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">SDLC merupakan metodelogi umum dalam pengembangan sistem yang menandai kemajuan dari usaha analisa dan desain. Langkah-langkah SDLC meliputi fase-fase sebagai berikut:</p></div>
 
<p style="line-height: 2">SDLC merupakan metodelogi umum dalam pengembangan sistem yang menandai kemajuan dari usaha analisa dan desain. Langkah-langkah SDLC meliputi fase-fase sebagai berikut:</p></div>
Baris 833: Baris 838:
 
<p style="line-height: 2">
 
<p style="line-height: 2">
  
Menurut Murad , dkk dalam Jurnal CCIT Vol-4 (2013:52) mendefinisikan “Tahap ini merupakan tahapan dalam pengimplementasikan sistem yang sudah dirancang dan dilakukan pengujian secara unit, agar dapat mengetahui kesalahan-kesalahan yang terdapat dalam sistem dan segera dilakukan perbaikan”.</p></div>
+
Menurut Murad , dkk dalam Jurnal CCIT Vol-4 (2013:52) <ref name="Murad, Dina Fitria, Nia Asyanto, Agus. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada HimpaudiKota, Tangerang:Jurnal CCIT. 2013"> Murad Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota.</ref> mendefinisikan “Tahap ini merupakan tahapan dalam pengimplementasikan sistem yang sudah dirancang dan dilakukan pengujian secara unit, agar dapat mengetahui kesalahan-kesalahan yang terdapat dalam sistem dan segera dilakukan perbaikan”.</p></div>
 
<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">Menurut Sutabri (2012:229) mendefinisikan,  setelah sistem dianalisis dan dirangcang dengan menggunakan teknologiyang sudah diseleksi dan dipilih maka tiba saatnya bagi sistem tersebut untuk diimplementasikan. Adapun tujuan utama dari tahap implementasi sistem ini adalah sebagai berikut:</p></div>
+
<p style="line-height: 2">Menurut Sutabri (2012:229) <ref name="Sutabri, Tata. Analisis Sistem Informasi, Yogyakarta:Andi Offset. 2012"> Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.</ref> mendefinisikan,  setelah sistem dianalisis dan dirangcang dengan menggunakan teknologiyang sudah diseleksi dan dipilih maka tiba saatnya bagi sistem tersebut untuk diimplementasikan. Adapun tujuan utama dari tahap implementasi sistem ini adalah sebagai berikut:</p></div>
  
 
<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">
Baris 848: Baris 853:
 
===Definisi Pegawai===
 
===Definisi Pegawai===
 
<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">Menurut Harsono dalam Wijayanti (2014 : 16) mendefinisikan “Pegawai yang berarti orang-orang atau sekelompok orang yang memiliki status karena pekerjaannya”.</p></div>
+
<p style="line-height: 2">Menurut Harsono dalam Wijayanti (2014 : 16) <ref name="Wijayanti, Esa. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang, Tangerang:2014"> Wijayanti, Esa. 2014. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang</ref> mendefinisikan “Pegawai yang berarti orang-orang atau sekelompok orang yang memiliki status karena pekerjaannya”.</p></div>
 
<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">Pegawai merupakan kelompok atau anggota disuatu organisasi dan melaksanakan pekerjaan yang telah ditetapkan dan merupakan pekerjaan yang melaksanakan kegiatan-kegiatan rutin untuk mencapai hasil kerja yang diinginkan sesuai dengan apa yang akan dicapai.</p></div>
 
<p style="line-height: 2">Pegawai merupakan kelompok atau anggota disuatu organisasi dan melaksanakan pekerjaan yang telah ditetapkan dan merupakan pekerjaan yang melaksanakan kegiatan-kegiatan rutin untuk mencapai hasil kerja yang diinginkan sesuai dengan apa yang akan dicapai.</p></div>
Baris 854: Baris 859:
 
===Definisi Penggajian===
 
===Definisi Penggajian===
 
<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">Menurut Sulaiman dan Zakaria dalam Nurkhotimah (2010:309) mendefinisikan, istilah penggajian berasal dari kata gaji yaitu : pembayaran yang diberikan oleh majikan kepada pekerja atas usahanya terlibat dalam proses produksi.</p></div>
+
<p style="line-height: 2">Menurut Sulaiman dan Zakaria dalam Nurkhotimah (2010:309) <ref name="Nurkhotimah, Evi. Program Aplikasi Penggajian Guru Pada SMK Negeri 2 Kabupaten Tangerang Menggunakan Visual Basic, Tangerang:2010">Nurkhotimah, Evi. 2010. Program Aplikasi Penggajian Guru Pada SMK Negeri 2 Kabupaten Tangerang Menggunakan Visual Basic.</ref> mendefinisikan, istilah penggajian berasal dari kata gaji yaitu : pembayaran yang diberikan oleh majikan kepada pekerja atas usahanya terlibat dalam proses produksi.</p></div>
 
<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">Gaji umumnya merupakan pembayaran atas penyerahan jasa yang dilakukan oleh pegawai yang mempunyai jenjang jabatan manager, sedangkan upah umumnya merupakan pembayaran atas penyerahan jasa yang dilakukan oleh pegawai, umumnya gaji di bayar secara tetap perbulan sedangkan upah dibayar berdasarkan hari kerja, jam kerja, atau jumlah satuan produk yang dihasilkan oleh pegawai. Jadi, penggajian merupakan proses perhitungan gaji bersih yang di proses berdasarkan absensi (Time Cord) potongan, tunjangan yang diberikan berdasarkan golongan setiap pekerja tersebut.</p></div>
 
<p style="line-height: 2">Gaji umumnya merupakan pembayaran atas penyerahan jasa yang dilakukan oleh pegawai yang mempunyai jenjang jabatan manager, sedangkan upah umumnya merupakan pembayaran atas penyerahan jasa yang dilakukan oleh pegawai, umumnya gaji di bayar secara tetap perbulan sedangkan upah dibayar berdasarkan hari kerja, jam kerja, atau jumlah satuan produk yang dihasilkan oleh pegawai. Jadi, penggajian merupakan proses perhitungan gaji bersih yang di proses berdasarkan absensi (Time Cord) potongan, tunjangan yang diberikan berdasarkan golongan setiap pekerja tersebut.</p></div>
Baris 868: Baris 873:
 
<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">
 
<p style="line-height: 2">
Menurut Kurniawan Rulianto dalam Wulan Dini (2010:16) mendefinisikan, MySQL adalah suatu jenis database serverterkenal. MySQL termasuk jenis RDBMS (Relational Database Management System) yang lebih popular lewat kalangan pemograman web. MySQL ini mendukung bahasa pemograman PHP.</p></div>
+
Menurut Kurniawan Rulianto dalam Wulan Dini (2010:16) <ref name="Wulandini, Cynthia Ayu. Perancangan Sistem Informasi Pengolahan Data Pegawai berbasis Web pada Kecamatan Batu Ceper Tangerang, Tangerang:2014">Wulandini, Cynthia Ayu. 2014.Perancangan Sistem Informasi Pengolahan Data Pegawai berbasis Web pada Kecamatan Batu Ceper Tangerang</ref> mendefinisikan, MySQL adalah suatu jenis database serverterkenal. MySQL termasuk jenis RDBMS (Relational Database Management System) yang lebih popular lewat kalangan pemograman web. MySQL ini mendukung bahasa pemograman PHP.</p></div>
 
<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">
 
<p style="line-height: 2">
 
MySQL sebenarnya produk yang berjalan pada platform linux, karena sifatnya yang open source. MySQL dapat dijalankan pada semua platform baik windows maupun linux, MySQL juga merupakan pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multi user (banyak pengguna).</p></div>
 
MySQL sebenarnya produk yang berjalan pada platform linux, karena sifatnya yang open source. MySQL dapat dijalankan pada semua platform baik windows maupun linux, MySQL juga merupakan pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multi user (banyak pengguna).</p></div>
 +
 
===Konsep Dasar PHP===
 
===Konsep Dasar PHP===
 
<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">
Baris 877: Baris 883:
 
<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">
 
<p style="line-height: 2">
Menurut Anhar dalam Wijayanti (2014:32) mendefinisikan, “PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemograman web server-side yang bersifat open source.” PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML embeded scripting). PHP adalah script yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru up to date. Semua script dieksekusi pada server dimana scripttersebut dijalankan.</p></div>
+
Menurut Anhar dalam Wijayanti (2014:32) <ref name="Wijayanti, Esa. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang, Tangerang:2014"> Wijayanti, Esa. 2014. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang</ref> mendefinisikan, “PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemograman web server-side yang bersifat open source.” PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML embeded scripting). PHP adalah script yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru up to date. Semua script dieksekusi pada server dimana scripttersebut dijalankan.</p></div>
 
<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">
 
<p style="line-height: 2"><b>2. Xampp</b></p></div>
 
<p style="line-height: 2"><b>2. Xampp</b></p></div>
 
<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">Menurut Rudyanto M Arif dalam Wijayanti (2014:34) mendefinisikan,  “XAMPP merupakan aplikasi yang mengintegrasikan beberapa aplikasi utama web di dalamnya. Dalam XAMPP terdapat instalasi model PHP, MySQL, web server Apache, yang mana pejelasannya adalah sbb:</p></div>
+
<p style="line-height: 2">Menurut Rudyanto M Arif dalam Wijayanti (2014:34) <ref name="Wijayanti, Esa. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang, Tangerang:2014"> Wijayanti, Esa. 2014. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang</ref> mendefinisikan,  “XAMPP merupakan aplikasi yang mengintegrasikan beberapa aplikasi utama web di dalamnya. Dalam XAMPP terdapat instalasi model PHP, MySQL, web server Apache, yang mana pejelasannya adalah sbb:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height: 2;">PHP<br>Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-sidescripting, PHP juga bersifat open source. Sistem management database yang sering digunakan bersama PHP adalah MySQL, namun PHP juga mendukung system management database oracle, Microsoft acces, interbase, d-base dan postgreSQL.
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height: 2;">PHP<br>Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-sidescripting, PHP juga bersifat open source. Sistem management database yang sering digunakan bersama PHP adalah MySQL, namun PHP juga mendukung system management database oracle, Microsoft acces, interbase, d-base dan postgreSQL.
 
</li>
 
</li>
Baris 888: Baris 894:
 
Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil bahkan mengubah kodeprogramnya.Tugas utama apache adalah menghasilkan halaman web yang benar kepada pemintaberdasarkan kode PHP yang dituliskan oleh pembuat halaman web.
 
Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil bahkan mengubah kodeprogramnya.Tugas utama apache adalah menghasilkan halaman web yang benar kepada pemintaberdasarkan kode PHP yang dituliskan oleh pembuat halaman web.
 
</li></ol></div>
 
</li></ol></div>
 +
 
===Definisi Website===
 
===Definisi Website===
 
<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">
 
<p style="line-height: 2">
Menurut Murad, dkk dalam Jurnal CCIT Vol.7 No.1 (2013:49) mendefinisikan “website adalah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hypertext”.</p></div>
+
Menurut Murad, dkk dalam Jurnal CCIT Vol.7 No.1 (2013:49) <ref name="Murad, Dina Fitria, Nia Asyanto, Agus. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada HimpaudiKota, Tangerang:Jurnal CCIT. 2013"> Murad Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota.</ref> mendefinisikan “website adalah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hypertext”.</p></div>
 
<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">
 
<p style="line-height: 2">
Baris 899: Baris 906:
 
<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">
 
<p style="line-height: 2"><b>1. Definisi UML (Unified Modelling Language)</b></p></div>
 
<p style="line-height: 2"><b>1. Definisi UML (Unified Modelling Language)</b></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 Adi Nugroho dalam Astuti(2010:6)<ref name="Nugroho, Adi. Rekayasa Perangkat Lunak Menggunakan UML dan Java, Yogyakarta : Andi Offset. 2010">Nugroho, Adi. 2010. Rekayasa Perangkat Lunak Menggunakan UML dan Java. Andi Offset : Yogyakarta.</ref>,  
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Adi Nugroho dalam Astuti(2010:6)<ref name="Nugroho, Adi. Rekayasa Perangkat Lunak Menggunakan UML dan Java, Yogyakarta : Andi Offset. 2010"> Astuti, Erni. 2011. Implementasi Sistem Integrated Raharja MultimediaE-Portfolio (IRME) Sebagai CV Online Pada Perguruan Tinggi Raharja:Tangerang</ref>,  
 
mendefinisikan ”UML (Unified Modeling Language) adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma(berorientasi objek).” Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.</p></div>
 
mendefinisikan ”UML (Unified Modeling Language) adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma(berorientasi objek).” Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.</p></div>
 
<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">
Baris 906: Baris 913:
 
<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">
 
<p style="line-height: 2"><b>2. Model ''Unified Modelling Language'' (UML)</b></p></div>
 
<p style="line-height: 2"><b>2. Model ''Unified Modelling Language'' (UML)</b></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 Herlawati Widodo dalam Astuti (2011:10) mendefinisikan, Beberapa literature menyebutkan bahwa UML menyediakan sembilan jenis diagram, yang lain menyebutkan delapan karena ada beberapa diagram yang digabung, misanya diagram komunikasi, diagram urutan dan diagram pewaktuan digabung menjadi diagram interaksi”. Namun demikian model-model itu dapat dikelompokkan berdasarkan sifatnya yaitu statis atau dinamis. Jenis diagram itu 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">Menurut Herlawati Widodo dalam Astuti (2011:10) <ref name="Nugroho, Adi. Rekayasa Perangkat Lunak Menggunakan UML dan Java, Yogyakarta : Andi Offset. 2010"> Astuti, Erni. 2011. Implementasi Sistem Integrated Raharja MultimediaE-Portfolio (IRME) Sebagai CV Online Pada Perguruan Tinggi Raharja:Tangerang</ref> mendefinisikan, Beberapa literature menyebutkan bahwa UML menyediakan sembilan jenis diagram, yang lain menyebutkan delapan karena ada beberapa diagram yang digabung, misanya diagram komunikasi, diagram urutan dan diagram pewaktuan digabung menjadi diagram interaksi”. Namun demikian model-model itu dapat dikelompokkan berdasarkan sifatnya yaitu statis atau dinamis. Jenis diagram itu antara lain:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height: 2;">Diagram Kelas<br>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><ol><li style="text-align: justify;line-height: 2;">Diagram Kelas<br>
 
Bersifat statis, Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai pada pemodelan sistem berorientasi objek. Meskipun bersifat statis, sering pula diagram kelas memuat kelas-kelas aktif.</li>
 
Bersifat statis, Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai pada pemodelan sistem berorientasi objek. Meskipun bersifat statis, sering pula diagram kelas memuat kelas-kelas aktif.</li>
Baris 951: Baris 958:
 
Activity Diagram secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan actionyang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil.
 
Activity Diagram secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan actionyang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil.
 
</div></ol>
 
</div></ol>
 +
 
===Macromedia Dreamweaver CS5===
 
===Macromedia Dreamweaver CS5===
 
<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">
 
<p style="line-height: 2">
Menurut  Puspitasari dan Heni dalam Wijayanti (2014:33) mendefinisikan, “Dreamweaver CS5 adalah salah satu HTML Editor Professional yang berfungsi untuk mendesain web secara visual dan mengelola situs atau halaman web”.</p></div>
+
Menurut  Puspitasari dan Heni dalam Wijayanti (2014:33) <ref name="Wijayanti, Esa. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang, Tangerang:2014"> Wijayanti, Esa. 2014. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang</ref> mendefinisikan, “Dreamweaver CS5 adalah salah satu HTML Editor Professional yang berfungsi untuk mendesain web secara visual dan mengelola situs atau halaman web”.</p></div>
 
<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">
 
<p style="line-height: 2">
 
Berdasarkan pernyataan diatas dapat diambil kesimpulan bahwa Dreamweaver merupakan salah satu HTMLyang berfungsi untuk membuat dan mengelola design web secara visual. </p></div>
 
Berdasarkan pernyataan diatas dapat diambil kesimpulan bahwa Dreamweaver merupakan salah satu HTMLyang berfungsi untuk membuat dan mengelola design web secara visual. </p></div>
 +
 
===Fasilitas Dreamweaver CS5===
 
===Fasilitas Dreamweaver CS5===
 
<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">
 
<p style="line-height: 2">
Menurut Sigit Christianus dalam Nurkhotimah (2010:1) mendefinisikan, Dreamweaver CS5 memiliki peningkatan kemampuan toolbar, yaitu Dreamweaver CS5 dapat digunakan untuk memodifikasi tampilan toolbar atau menambahkan funsi baru.</p></div>
+
Menurut Sigit Christianus dalam Nurkhotimah (2010:1) <ref name="Nurkhotimah, Evi. Program Aplikasi Penggajian Guru Pada SMK Negeri 2 Kabupaten Tangerang Menggunakan Visual Basic, Tangerang:2010">Nurkhotimah, Evi. 2010. Program Aplikasi Penggajian Guru Pada SMK Negeri 2 Kabupaten Tangerang Menggunakan Visual Basic.</ref> mendefinisikan, Dreamweaver CS5 memiliki peningkatan kemampuan toolbar, yaitu Dreamweaver CS5 dapat digunakan untuk memodifikasi tampilan toolbar atau menambahkan funsi baru.</p></div>
 
<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">
 
<p style="line-height: 2">
Baris 970: Baris 979:
 
<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">
 
<p style="line-height: 2">
Menurut Rizky Soetam dalam Rahayu (2011:237) mendefinisikan, “Testing adalah sebuah proses siklus hidup dan merupakan bagian dari proses rekayasa perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak secara terpenuhi kebutuhan teknis yang telah disepakati dari awal”.</p></div>
+
Menurut Rizky Soetam dalam Rahayu (2011:237) <ref name="Rahayu, Nina. Executive information  system (eis) dalam bidang penjualan pada karinda cafe&resto, Tangerang:2014">Rahayu, Nina. 2014. Executive information  system (eis) dalam bidang penjualan pada karinda cafe&resto.</ref> mendefinisikan, “Testing adalah sebuah proses siklus hidup dan merupakan bagian dari proses rekayasa perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak secara terpenuhi kebutuhan teknis yang telah disepakati dari awal”.</p></div>
 
<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">
 
<p style="line-height: 2">
Baris 983: Baris 992:
 
Validasi adalah sebuah proses yang melakukan konfirmasi bahwa perangkat lunak dapat dieksekusi secara baik.
 
Validasi adalah sebuah proses yang melakukan konfirmasi bahwa perangkat lunak dapat dieksekusi secara baik.
 
</div></ol>
 
</div></ol>
 +
 
===Definisi Black Box Tasting===
 
===Definisi Black Box Tasting===
 
<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">
 
<p style="line-height: 2">
  
Menurut Rizky Soetam dalam Rahayu (2011:265) mendefinisikan, "Black box testing adalah tipe uji coba yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak pentingdilihat isinya, tapi cukup dikenai proses testing di bagian luar."</p></div>
+
Menurut Rizky Soetam dalam Rahayu (2011:265) <ref name="Rahayu, Nina. Executive information  system (eis) dalam bidang penjualan pada karinda cafe&resto, Tangerang:2014">Rahayu, Nina. 2014. Executive information  system (eis) dalam bidang penjualan pada karinda cafe&resto.</ref> mendefinisikan, "Black box testing adalah tipe uji coba yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak pentingdilihat isinya, tapi cukup dikenai proses testing di bagian luar."</p></div>
 
<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">
 
<p style="line-height: 2">
Baris 1.005: Baris 1.015:
 
Proses testing dapat dilakukan lebih cepat dibandingankan white box testing.
 
Proses testing dapat dilakukan lebih cepat dibandingankan white box testing.
 
</div></ol>
 
</div></ol>
 +
 
==Konsep Dasar Elisitasi==
 
==Konsep Dasar Elisitasi==
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
Menurut Gurito Suryo dalam Wulan Dini (2010:303) mendefinisikan, “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.</p></div>
+
Menurut Gurito Suryo dalam Wulan Dini (2010:303) <ref name="Wulandini, Cynthia Ayu. Perancangan Sistem Informasi Pengolahan Data Pegawai berbasis Web pada Kecamatan Batu Ceper Tangerang, Tangerang:2014">Wulandini, Cynthia Ayu. 2014.Perancangan Sistem Informasi Pengolahan Data Pegawai berbasis Web pada Kecamatan Batu Ceper Tangerang</ref> mendefinisikan, “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1. Elisitasi tahap I<br>Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
+
<ol>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">2. Elisitasi tahap II<br>  
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada sistem baru dengan rancangan yang disanggupi oleh penulis untuk di eksekusi. 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 pembentukan 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.</p></div>
+
<li style="text-align: justify;line-height: 2;">Elisitasi tahap I<br>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">3. Elisitasi tahap III<br>Merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya, semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu :</p></div>
+
Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
 +
<li style="text-align: justify;line-height: 2;">Elisitasi tahap II<br>  
 +
Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada sistem baru dengan rancangan yang disanggupi oleh penulis untuk di eksekusi. 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 pembentukan 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.
 +
<li style="text-align: justify;line-height: 2;">Elisitasi tahap III<br>Merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya, semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu :</div></ol>
 
<ol>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Technical (T) : bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Technical (T) : bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan.</li>
Baris 1.052: Baris 1.066:
 
<ol>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
Irwan Yulistiawan [2011].<br>
+
Irwan Yulistiawan [2011] <ref name="Yulistiawan, Irwan. Rancang Bangun Sistem Informasi Penggajian Karyawan Pada PT. Bank Pembiayaan Rakyat Syariah Harta Insan Karimah, Jakarta:UIN Jakarta. 2011"> Yulistiawan. Irwan 2011. Rancang Bangun Sistem Informasi Penggajian Karyawan Pada PT. Bank Pembiayaan Rakyat Syariah Harta Insan Karimah(UIN JAKARTA)</ref>.<br>
 
Dalam laporan skripsi dalam judul “Rancang Bangun Sistem Informasi Penggajian Karyawan Pada PT. Bank Pembiayaan Rakyat Syariah Harta Insan Karimah (UIN JAKARTA)”. Disini ada beberapa kesamaan tentang pembahasan yang mengarahkan tentang penggajian, dimana pada penelitian yang dilakukan oleh Irwan Yulistiawan bertujuan untuk memberikan kemudahaan kepada pegawai dalam melihat slip gaji secara online agar dapat bekerja secara efektif. metode perancangan yang akan digunakan pada penelitian ini adalah menggunakan Rapid Application Development (RAD). Keunggulan sistem yang dibangun oleh penelitian sebelumnya adalah dapat memberikan kemudahan kepada pegawai dalam menerima gaji serta meminimalkan kesalahan yang sering terjadi sebelum sistem ini dibangun.</p></li>
 
Dalam laporan skripsi dalam judul “Rancang Bangun Sistem Informasi Penggajian Karyawan Pada PT. Bank Pembiayaan Rakyat Syariah Harta Insan Karimah (UIN JAKARTA)”. Disini ada beberapa kesamaan tentang pembahasan yang mengarahkan tentang penggajian, dimana pada penelitian yang dilakukan oleh Irwan Yulistiawan bertujuan untuk memberikan kemudahaan kepada pegawai dalam melihat slip gaji secara online agar dapat bekerja secara efektif. metode perancangan yang akan digunakan pada penelitian ini adalah menggunakan Rapid Application Development (RAD). Keunggulan sistem yang dibangun oleh penelitian sebelumnya adalah dapat memberikan kemudahan kepada pegawai dalam menerima gaji serta meminimalkan kesalahan yang sering terjadi sebelum sistem ini dibangun.</p></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
Faridatun Hasanah [2010].<br>
+
Faridatun Hasanah [2010] <ref name="Hasanah, Faridatun. Meningkatkan Sistem Penggajian Menggunakan Excel Macro Pada PT. Skyputra Pancasurya, Tangerang:. 2010"> Meningkatkan Sistem Penggajian Menggunakan Excel Macro Pada PT. Skyputra Pancasurya.</ref>.<br>
 
Penelitian yang telah dijalankan oleh dadang setiadi dalam laporan skripsi dengan judul “Meningkatkan Sistem Penggajian Menggunakan Excel MacroPada PT. Skyputra Pancasurya, Dalam penelitian ini metode perancangan yang digunakan ialah OOD (Object Oriented Design) dan UML (Unified Modeling Language) Keunggulan sistem ini dari penelitian yang sebelumnya adalah dapat menghasilkan rancangan yang dapat mempermudah perhitungan gaji karyawan pada bagian accounting.</p></li>
 
Penelitian yang telah dijalankan oleh dadang setiadi dalam laporan skripsi dengan judul “Meningkatkan Sistem Penggajian Menggunakan Excel MacroPada PT. Skyputra Pancasurya, Dalam penelitian ini metode perancangan yang digunakan ialah OOD (Object Oriented Design) dan UML (Unified Modeling Language) Keunggulan sistem ini dari penelitian yang sebelumnya adalah dapat menghasilkan rancangan yang dapat mempermudah perhitungan gaji karyawan pada bagian accounting.</p></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
Paskah Wahyuningsih [2011].<br>
+
Paskah Wahyuningsih [2011] <ref name="Wahyuningsih, Paskah. Perancangan Sistem Informasi Penggajian Guru Pada SMK Ricardo Auto Machine Tangerang, Tangerang. 2011">Wahyuningsih. Paskah. 2011. Perancangan Sistem Informasi Penggajian Guru Pada SMK Ricardo Auto Machine Tangerang</ref>.<br>
 
Dalam laporan skripsi dalam judul “ Perancangan Sistem Informasi Penggajian Guru Pada SMK Ricardo Auto Machine Tangerang”, ini diusulkan untuk memperbaiki kekurangan yang ada pada sistem yang berjalan. Dan pada perancangan sistem yang diusulkan menggunakan metode SDLC (System Development Life Cycle) dengan melewati tahapan Perencanaan (Planning), Analisis (Analysis), Disain (Design), Implementasi (Implementation), dan Pemeliharaan (Maintenance). Dengan menggunakan alat bantu (tools) yang penulis gunakan berupa Diagram Arus Data (DAD). Keunggulan sistem yang dibangun oleh penelitian sebelumnya adalah dapat menghasilkan rancangan yang memenuhi kebutuhan pegawai dalam hal menerima gaji.</p></li>
 
Dalam laporan skripsi dalam judul “ Perancangan Sistem Informasi Penggajian Guru Pada SMK Ricardo Auto Machine Tangerang”, ini diusulkan untuk memperbaiki kekurangan yang ada pada sistem yang berjalan. Dan pada perancangan sistem yang diusulkan menggunakan metode SDLC (System Development Life Cycle) dengan melewati tahapan Perencanaan (Planning), Analisis (Analysis), Disain (Design), Implementasi (Implementation), dan Pemeliharaan (Maintenance). Dengan menggunakan alat bantu (tools) yang penulis gunakan berupa Diagram Arus Data (DAD). Keunggulan sistem yang dibangun oleh penelitian sebelumnya adalah dapat menghasilkan rancangan yang memenuhi kebutuhan pegawai dalam hal menerima gaji.</p></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
Budhi Hartantyo (2012).<br>
+
Budhi Hartantyo (2012) <ref name="Hartantyo, Budi. Sistem Informasi Penggajian Karyawan Pada PT. Surya Utama Nusaparka Semarang, Semarang. 2012"> Hartantyo. Budhi. 2012. Sistem Informasi Penggajian Karyawan Pada PT. Surya Utama Nusaparka Semarang</ref>.<br>
 
Dalam Laporan skripsi dalam judul “Sistem Informasi Penggajian Karyawan Pada PT. Surya Utama Nusaparka Semarang”, metode perancangan yang digunakan dalam penelitian ini adalah normalisasi dengan menggunakan alat bantu (Tools) berupa Microsoft Visual Basic 6.0 untuk pembuatan sistem ini menggunakan ERD dan DBMS (Database Management Sistem) sebagai databasenya.</p></li>
 
Dalam Laporan skripsi dalam judul “Sistem Informasi Penggajian Karyawan Pada PT. Surya Utama Nusaparka Semarang”, metode perancangan yang digunakan dalam penelitian ini adalah normalisasi dengan menggunakan alat bantu (Tools) berupa Microsoft Visual Basic 6.0 untuk pembuatan sistem ini menggunakan ERD dan DBMS (Database Management Sistem) sebagai databasenya.</p></li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Aropah.<br>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Aropah. <ref name="Aropah. Rancangan Sistem Penggajian Pegawai Honorer Pada SMP NEGERI 2 GunungSindur Dengan Metode Berorientasi Object, 2011"> Aropah. 2011. Rancangan Sistem Penggajian Pegawai Honorer Pada SMP NEGERI 2GunungSindur Dengan Metode Berorientasi Object.</ref><br>
 
Dalam Laporan skripsi dalam judul “Rancangan Sistem Penggajian Pegawai Honorer Pada SMP NEGERI 2 GunungSindur Dengan Metode Berorientasi Object”, metode perancangan yang digunakan dalam penelitian ini adalah Unified Modelling Language (UML)dan untuk pembuatan sistem menggunakan Pemograman Java.</p></li>
 
Dalam Laporan skripsi dalam judul “Rancangan Sistem Penggajian Pegawai Honorer Pada SMP NEGERI 2 GunungSindur Dengan Metode Berorientasi Object”, metode perancangan yang digunakan dalam penelitian ini adalah Unified Modelling Language (UML)dan untuk pembuatan sistem menggunakan Pemograman Java.</p></li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">
Sigit Prasetiyo (2011)<br>
+
Sigit Prasetiyo (2011) <ref name="Prasetiyo, Sigit. Pengembangan Sistem Informasi Penggajian Pada SMK AL-Firdaus Jakarta, Jakarta. 2011"> Prasetiyo.Sigit. 2011. Pengembangan Sistem Informasi Penggajian Pada SMK AL-Firdaus Jakarta.</ref><br>
 
Dalam Laporan skripsi dalam judul “Pengembangan Sistem Informasi Penggajian Pada SMK AL-Firdaus Jakarta”, metode peranncangan yang digunakan dalam penelitian ini adalah Unified Modelling Language (UML), untuk mengembangkan sistem yang digunakan yaitu Rapid Application Development (RAD) adapun software yang digunakan dalam sistem ini ialah EditPlus 2 dan Macromedia Dreamweaver 8 sebagai software editor sebagai penulisan bahasa pemograman, dan mysql sebagai databasenya.
 
Dalam Laporan skripsi dalam judul “Pengembangan Sistem Informasi Penggajian Pada SMK AL-Firdaus Jakarta”, metode peranncangan yang digunakan dalam penelitian ini adalah Unified Modelling Language (UML), untuk mengembangkan sistem yang digunakan yaitu Rapid Application Development (RAD) adapun software yang digunakan dalam sistem ini ialah EditPlus 2 dan Macromedia Dreamweaver 8 sebagai software editor sebagai penulisan bahasa pemograman, dan mysql sebagai databasenya.
 
Perbedaan penelitian terdahulu dengan penelitian ini adalah pada metode yang digunakan, Objekpenelitian, ruang lingkup penelitian, tujuan penelitian, dan metode pengembangan sistem yang digunakan. Pada penelitian saat ini digunakan metode pengembangan model SDLC dengan teknik analisis obyek penelitian dan perancangan berorientasi objek menggunakan model UML, dan teknik pengujian sistem menggunakan pendekatan Black Box Testing. Sementara untuk objek penelitian adalah PT. Nur Hasta Utama  dengan ruang lingkup penelitian lebih kearah penggajian pegawai honorer untuk mempermudah dalam proses penggajian pegawai honorer, seperti input data pegawai honorer, input gaji pegawai honorersampai dengan pembuatan laporan. Dan tujuan penelitian ini adalah menghasilkan suatu informasi yang cepat dan akurat dalam membantu dan memudahkan proses administrasi penggajian.
 
Perbedaan penelitian terdahulu dengan penelitian ini adalah pada metode yang digunakan, Objekpenelitian, ruang lingkup penelitian, tujuan penelitian, dan metode pengembangan sistem yang digunakan. Pada penelitian saat ini digunakan metode pengembangan model SDLC dengan teknik analisis obyek penelitian dan perancangan berorientasi objek menggunakan model UML, dan teknik pengujian sistem menggunakan pendekatan Black Box Testing. Sementara untuk objek penelitian adalah PT. Nur Hasta Utama  dengan ruang lingkup penelitian lebih kearah penggajian pegawai honorer untuk mempermudah dalam proses penggajian pegawai honorer, seperti input data pegawai honorer, input gaji pegawai honorersampai dengan pembuatan laporan. Dan tujuan penelitian ini adalah menghasilkan suatu informasi yang cepat dan akurat dalam membantu dan memudahkan proses administrasi penggajian.
Baris 1.120: Baris 1.134:
 
<div align="center"><img width="450" height="450" style="margin:0px" src="https://lh3.googleusercontent.com/-cp_LNz3RObg/U9otkk_9JhI/AAAAAAAAAAk/LFzImDDJmg4/w569-h482-no/struktur%2Borganisasi.jpg"/></div>
 
<div align="center"><img width="450" height="450" style="margin:0px" src="https://lh3.googleusercontent.com/-cp_LNz3RObg/U9otkk_9JhI/AAAAAAAAAAk/LFzImDDJmg4/w569-h482-no/struktur%2Borganisasi.jpg"/></div>
 
<br>
 
<br>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 3.1 Struktur Organisasi PT. Nur Hasta Utama'''</div>
  
 
===Tugas dan Tanggung Jawab===
 
===Tugas dan Tanggung Jawab===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">A. Direktur Utama</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''A. Direktur Utama'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas, Wewenang dan Tanggung Jawab Direktur Perusahaan adalah sebagai berikut:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas, Wewenang dan Tanggung Jawab Direktur Perusahaan adalah sebagai berikut:</p></div>
 
<ol>
 
<ol>
Baris 1.133: Baris 1.148:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menetapkan besarnya deviden perusahaan.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menetapkan besarnya deviden perusahaan.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">B. Wakil Direktur Utama</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''B. Wakil Direktur Utama'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adalah pemegang saham kedua utama dalam perusahaan, berikut tugasnya: </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adalah pemegang saham kedua utama dalam perusahaan, berikut tugasnya: </p></div>
 
<ol>
 
<ol>
Baris 1.141: Baris 1.156:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melaporkan kepada direktur utama perkembangan perusahaan atau informasi-informasi yang dibutuhkan direktur.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melaporkan kepada direktur utama perkembangan perusahaan atau informasi-informasi yang dibutuhkan direktur.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">C. Direktur Keuangan</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''C. Direktur Keuangan'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas dan tanggung jawabnya sebagai berikut: </p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas dan tanggung jawabnya sebagai berikut: </p></div>
 
<ol>
 
<ol>
Baris 1.154: Baris 1.169:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menetapkan standar pekerjaan lapangan untuk menjamin tidak adanya kebocoran dalam bagian keuangan.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menetapkan standar pekerjaan lapangan untuk menjamin tidak adanya kebocoran dalam bagian keuangan.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">D. Direktur ADM</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''D. Direktur ADM'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Direktur Adm bertanggungjawab kepada direktur utama, adapun tugas direktur Adm, sebagai berikut:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Direktur Adm bertanggungjawab kepada direktur utama, adapun tugas direktur Adm, sebagai berikut:</p></div>
 
<ol>
 
<ol>
Baris 1.166: Baris 1.181:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. Membuat evaluasi kegiatan perusahaan bidang keuangan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. Membuat evaluasi kegiatan perusahaan bidang keuangan.</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. Manager Operasional</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. Manager Operasional'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Manager adalah bagaimana mengintegrasikan berbagai macam variabel (karakteristik, budaya, pendidikan dan lain sebagainya) kedalam suatu tujuan organisasi yang sama dengan cara melakukan mekanisme penyesuaian.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Manager adalah bagaimana mengintegrasikan berbagai macam variabel (karakteristik, budaya, pendidikan dan lain sebagainya) kedalam suatu tujuan organisasi yang sama dengan cara melakukan mekanisme penyesuaian.</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 mekanisme yang diperlukan untuk menyatukan variabel diatas adalah sebagai berikut:</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 mekanisme yang diperlukan untuk menyatukan variabel diatas adalah sebagai berikut:</p></div>
Baris 1.182: Baris 1.197:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mempunyai kemampuan analisis resiko yang baik.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mempunyai kemampuan analisis resiko yang baik.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">F. Divisi Jasa ''Outsource''</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><b>F. Divisi Jasa ''Outsource''</b></p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas Divisi Jasa Outsource ialah:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas Divisi Jasa Outsource ialah:</p></div>
 
<ol>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengurus para pegawai honorer atau kontrak untuk di pekerjakan di perusahaan yang membutuhkan pegawai tersebut.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengurus para pegawai honorer atau kontrak untuk di pekerjakan di perusahaan yang membutuhkan pegawai tersebut.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">G. Divisi Keuangan</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''G. Divisi Keuangan'''</p></div>
 
<ol>
 
<ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengawasi pemasukan dan pengeluaran kas.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengawasi pemasukan dan pengeluaran kas.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat laporan pemasukan dan pengeluaran kas perusahaan, meminta laporan keuangan setiap bulan serta meneliti penyimpangan yang terjadi pada tiap anggaran keuangan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat laporan pemasukan dan pengeluaran kas perusahaan, meminta laporan keuangan setiap bulan serta meneliti penyimpangan yang terjadi pada tiap anggaran keuangan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Merencanakan dan menetapkan semua kebijakan dalam bidang keuangan perusahaan, baik untuk jangka pendek maupun jangka panjang.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Merencanakan dan menetapkan semua kebijakan dalam bidang keuangan perusahaan, baik untuk jangka pendek maupun jangka panjang.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengelolah dana perusahaan secara efisien guna meningkatkan keuntungan perusahaan.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mengelolah dana perusahaan secara efisien guna meningkatkan keuntungan perusahaan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Merencanakan penyediaan sumber-sumber keuangan, mengatur alokasi dan penggunaan dana.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Merencanakan penyediaan sumber-sumber keuangan, mengatur alokasi dan penggunaan dana.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bertanggung jawab untuk memberikan informasi keuangan dan hasil produksi.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bertanggung jawab untuk memberikan informasi keuangan dan hasil produksi.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">H. Admin</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''H. Admin'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Administrasi bertanggung jawab langsung kepada manager, berikut tugasnya:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Administrasi bertanggung jawab langsung kepada manager, berikut tugasnya:</p></div>
 
<ol>
 
<ol>
Baris 1.210: Baris 1.225:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat ''schedule'' pembinaan SDM secara periodik.</li></ol>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Membuat ''schedule'' pembinaan SDM secara periodik.</li></ol>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">I. Pengawas Lapangan</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''I. Pengawas Lapangan'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tugas dan tanggung jawab Pengawas Lapangan 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">Tugas dan tanggung jawab Pengawas Lapangan antara lain :</p></div>
 
<ol>
 
<ol>
Baris 1.243: Baris 1.258:
 
===Rancangan Prosedur Sistem Yang Berjalan===
 
===Rancangan 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">Setelah skenario mengenai sistem Penggajian pegawai yang berjalan saat ini selesai didefinisikan, maka skenario tersebut akan digambarkan kedalam bentuk diagram agar dapat mudah dibaca. Dari definisi skenario diatas dapat digambarkan dalam use case diagram mengenai kebiasaan yang terjadi dalam sistem penggajian pegawai honorer yang berjalan saat ini. Use case diagram akan menggambarkan hubungan use case dengan actor . Use case diagram dilihat pada gambar dibawah 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">Setelah skenario mengenai sistem Penggajian pegawai yang berjalan saat ini selesai didefinisikan, maka skenario tersebut akan digambarkan kedalam bentuk diagram agar dapat mudah dibaca. Dari definisi skenario diatas dapat digambarkan dalam use case diagram mengenai kebiasaan yang terjadi dalam sistem penggajian pegawai honorer yang berjalan saat ini. Use case diagram akan menggambarkan hubungan use case dengan actor . Use case diagram dilihat pada gambar dibawah ini.</p></div>
 
<div align="center"><img width="300" height="350" style="margin:0px" src="https://lh5.googleusercontent.com/-p6ftLjusZrI/U5Mx5a4CeAI/AAAAAAAAAhw/3jA7TxoCsb4/w584-h396-no/Use+Case+Diagram+Sistem+Yg+Berjalan.jpg"/></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar Use Case Diagram Sistem Yang Berjalan</div>
 
 
==Analisa Sistem Yang Berjalan==
 
===Metode Analisa SWOT===
 
 
 
==Konfigurasi Sistem Yang 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">Dalam  membuat analisa program untuk penulisan laporan Skripsi, penulis menggunakan komputer dengan spesifiasi perangkat keras (hardware) sebagai berikut:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Processor : Intel(R) Core(TM) i3-2330M</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Monitor : 14.0” HD LED</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. RAM : 2.00 GB DDR3 Memory</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. Hardisk : 640 GB HDD</p></div>
 
 
 
===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">Di dalam  membuat analisa program untuk penulisan laporan Skripsi, penulis menggunakan komputer dengan spesifiasi perangkat lunak <i>(software)</i> sebagai berikut:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Microsoft Windows 7</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Mozilla Firefox</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. Google Chrome</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. Visual Paradigm for UML 6.4 Enterprose Edition</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">e. AAA Logo 2008</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">f. PhotoScape</p></div>
 
 
===Hak Akses===
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hak akses sistem ini diberikan kepada petugas yang berwenang</p></div>
 
 
==Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah==
 
===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">Berdasarkan analisa yang dilakukan oleh peneliti terhadap [[Sistem Informasi|sistem informasi]] yang berjalan saat ini terdapat 3 (tiga) permasalahan yang dihadapi, yaitu :</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
 
<ol>
 
<ol>
<li style="text-align: justify;line-height: 2;">[[Sistem Informasi|sistem informasi]] belum optimal dalam mendukung kegiatan training pengajar di [[Perguruan Tinggi Raharja]]<br>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">'''Analisa sistem yang berjalan saat ini pada Use Case Diagram'''</li>
<li style="text-align: justify;line-height: 2;">Pada sistem yang berjalan saat ini calon participant tidak dapat melakukan pendaftaran secara <i>online</i><br>
+
<li style="text-align: justify;line-height: 2;">Site [[iMe]] yang digunakan dalam pembuatan [[Sistem Informasi|sistem informasi]] training pengajar di [[Perguruan Tinggi Raharja]] belum banyak penggunanya.</li>
+
</ol></div>
+
  
===Alternatif Pemecahan Masalah===
+
<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-brsbZw8KMJg/VCeQvdmBwYI/AAAAAAAAAPY/DPLRQTScirE/w538-h419-no/usecase1.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Berdasarkan hasil analisa dari permasalahan yang dihadapi, maka didapatkan 3 (tiga) alternatif pemecahan masalah tersebut, yaitu :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<ol>
+
<li style="text-align: justify;line-height: 2;">Dilakukan pengembangan menuju perbaikan pada [[Sistem Informasi|sistem informasi]] yang berjalan.<br>
+
<li style="text-align: justify;line-height: 2;">Dibuatkan halaman yang berisi form registrasi yang dapat diisi secara <i>online</i> oleh calon participant<br>
+
<li style="text-align: justify;line-height: 2;">Melakukan sosialisai agar site [[iMe]] memiliki banyak pengguna.</li>
+
</ol></div>
+
  
==User Requirement==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 3.2 Use Case Diagram Sistem Penggajian Pegawai Honorer'''</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 berisi rancangan sistem baru yang diusulkan oleh pihak menajemen terkait melalui proses wawancara.</p></div>
+
  
<table width="595" border="1" cellspacing="0" cellpadding="0" align="center"><tr bgcolor="#666666">
+
<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.2. Use Case Diagram Sistem yang Berjalan terdapat :</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 1 system yang mencangkup seluruh kegiatan dalam proses penggajian .</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. 3 actor yang melakukan kegiatan, yaitu pegawai yang melakukan absen, divisi keuangan yang bertugas merekap absensi dan perhitungan gaji, manager yang bertugas menerima laporan perhitungan.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. 6 use case yaitu, Absensi Pegawai, Rekap ulang Absen, Perhitungan Gaji, Transfer Gaji, Slip Gaji, Laporan Perhitungan Gaji.</p></div>
  
<td colspan="2" valign="bottom" nowrap="nowrap" width="426"><b>Functional</b></td></tr>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">'''Analisa sistem yang berjalan saat ini pada Activity Diagram'''</li>
  
<tr bgcolor="#666666"><td rowspan="2" nowrap="nowrap" width="39"><p align="center"><b>No</b></p></td><td valign="bottom" nowrap="nowrap" width="387"><b>Analisa Kebutuhan</b></td></tr><tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="387"><b>Saya ingin sistem :</b></td></tr>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Activity diagram memodelkan alur kerja sebuah proses dan urutan aktivitas pada suatu proses. Diagram ini sangat mirip dengan flowchart karena kita dapat memodelkan prosedur logika. Perbedaan utamanya adalah flowchart digunakan untuk menggambarkan alur kerja dari sebuah sistem, sedangkan activity diagramdibuat untuk menggambarkan aktivitas dari actor. Berdasarkan dari use case diagram diatas dapat kita gambarkan activity diagram dari aktivitas para aktor-aktor yang ada pada Sistem Penggajian Pegawai pada PT. Nur Hasta Utama</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. Activity Diagram Proses Perhitungan Gaji</p></div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">1</p></td>
+
<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-BBCuIGtadck/VCeQbLG-G6I/AAAAAAAAAL0/p6HdXh4YGAs/w304-h419-no/activity.jpg"/></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 3.3 Activity Diagram Proses Perhitungan Gaji'''</div>
  
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman login</td>
+
<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 Activity Diagram Proses Perhitungan Gaji terdapat:</p></div>
</tr>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 1 initial node sebagai yang mengawali objek.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. 2 Swimeline yaitu Pegawai, Dan Divisi Keuangan.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. 6 action yang menggambarkan eksekusi kegiatan proses laporan perhitungangaji.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d. activity final node menjelaskan bahwa objek dibentuk.</p></div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">2</p></td>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. Activity diagram Laporan Perhitungan Gaji Kepada Manager.</p></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Terdapat logo</td>
+
<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-ELbewd3ztd4/VCeQaIE3KTI/AAAAAAAAALg/E3KvUK31BN0/w535-h419-no/activity%2Bmanager.jpg"/></div>
</tr>
+
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">3</p></td>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 3.4 Activity diagram Laporan Perhitungan Gaji Kepada Manager'''</div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Dashboard</td>
+
<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.4 Activity diagram Laporan Perhitungan Gaji Kepada Manager terdapat:</p></div>
</tr>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 1 initial node sebagai yang mengawali objek.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. 2 Swimeline yaitu Divisi Keuangan dan Manager.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c.  5 action yang menggambarkan eksekusi kegiatan proses laporan perhitungan gaji Kepada Manager Untuk di ACC.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">d. 1  activity final node menjelaskan bahwa objek 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">e. 1 decision node untuk pemilihan kondisi.</p></div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">4</p></td>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">'''Analisa sistem yang
 +
berjalan saat ini pada Sequence Diagram'''</li>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari keterangan diatas dapat digambarkan dengan Sequence Diagram. Diagram ini dapat menggambarkan pergerakan sebuah objek dan pesan yang terjadi didalam Sistem penggajian pegawai honorer yang berjalan saat ini.</p></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Posts</td>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. Sequence Diagram Laporan Perhitungan Gaji</p></div>
</tr>
+
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">5</p></td>
+
<div align="center"><img width="550" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-3Ll6S6MkBwg/VCeQqXDHoWI/AAAAAAAAAOc/BxVeScgLYn8/w702-h242-no/sequence.jpg"/></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Media</td></tr>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 3.5 Sequence Diagram Laporan Perhitungan Gaji'''</div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">6</p></td>
+
<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.5 Sequence Diagram Laporan Perhitungan Gaji terdapat:</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">a. 3 LifeLine antarmuka yang saling berinteraksi, yaitu laporan perhitungan gaji.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">b. 3 actor yang melakukan kegiatan yaitu Pegawai, Divisi Keuangan dan manager.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">c. 7 message, diantaranya absensi, merekap ulang absensi, menghitung gaji, laporan perhitungan gaji, acc hasil laporan perhitungan gaji, transfer gaji, slip gaji. </p></div>
 +
</li></ol>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Links</td></tr>
+
==Analisa Sistem Yang Berjalan==
 +
===Metode Analisa Sistem===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Metode analisa sistem yang di gunakan adalah metode OOAD yaitu analisa dengan menggunakan Unified Modeling Language (UML)  Sistem yang berjalan terdiri dari usecase, activity dan sequence diagram.</p></div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">7</p></td>
+
<div align="center"><img width="350" height="350" style="margin:0px" src="https://lh5.googleusercontent.com/--Onsk1E0ZLA/VCeQu72t7_I/AAAAAAAAAPQ/nhdy2XDKTNo/w507-h305-no/uml.jpg"/></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Pages</td></tr>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 3.6 Unified Modeling Language (UML)'''</div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">8</p></td>
+
===Analisa Masukan, Analisa Proses, Analisa Keluaran===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''a. Analisa Masukan'''</p></div>
 +
<ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 +
<li style="text-align: justify;line-height: 2;">Nama Masukan : ''Finger Print''<br>
 +
Fungsi : Sebagai bukti kehadiran pegawai<br>
 +
Sumber : Pegawai<br>
 +
Media : Mesin<br>
 +
Frekuensi : Harian<br>
 +
Keterangan : Berisi daftar hadir
 +
<li style="text-align: justify;line-height: 2;">Nama Masukan : Rekap Absensi<br>
 +
Fungsi : Dipakai pegawai untuk meminta arsip<br>
 +
Sumber : ''Payroll''<br>
 +
Media : Kertas<br>
 +
Frekuensi : Bulanan<br>
 +
Keterangan : Berisi data rekap kehadiran pegawai</div></ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''b. Analisa Proses'''</p></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Comments</td></tr>
+
<ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 +
<li style="text-align: justify;line-height: 2;">Nama Proses : Absensi<br>
 +
Masukan : Rekap absen<br>
 +
Keluaran : Kehadiran, data absen<br>
 +
Ringkasan proses : Proses ini akan menghasilkan rekap absen untuk perhitungan gaji
 +
<li style="text-align: justify;line-height: 2;">Nama Proses : Perhitungan gaji<br>
 +
Masukan : Kehadiran, data gaji<br>
 +
Keluaran : Slip gaji, data gaji<br>
 +
Formulasi : Gaji pokok+lembur+jabatan<br>
 +
Ringkasan proses : Proses ini akan menghasilkan slip gaji pegawai</div></ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">'''c. Analisa Keluaran'''</p></div>
 +
<ol>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 +
<li style="text-align: justify;line-height: 2;">Nama Keluaran : Slip gaji<br>
 +
Fungsi : Berisi pembayaran gaji pegawai<br>
 +
Media : Mesin<br>
 +
Distribusi : Divisi keuangan<br>
 +
Frekuensi : Bulanan<br>
 +
Deskripsi : Berisi rincian gaji pegawai
 +
<li style="text-align: justify;line-height: 2;">Nama Proses : Laporan Penggajian<br>
 +
Masukan : Daftar absen, data gaji<br>
 +
Keluaran : Laporan absen, laporan gaji<br>
 +
Ringkasan proses : Proses ini akan  menghasilkan laporan absen dan laporan gaji.</div></ol>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">9</p></td>
+
==Konfigurasi Sistem Yang Berjalan==
 +
===Spesifikasi Perangkat Keras (Hardware)===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Processor : ''Core To Duo''</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Monitor : LCD 14.0”</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. Mouse  : Ps2</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. RAM : 2.00 GB</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">e. HD : 80 GB HDD</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">f. Keyboard : ''Compatible Ps2''</p></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Contact</td></tr>
+
===Spesifikasi Perangkat Lunak (Software)===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Windows XP</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Microsoft WOrd 2007</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. Microsoft Excel 2007</p></div>
 +
===Hak Akses===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ada 1 actor yang dapat mengakses sistem Penggajian Pegawai, yaitu: Divisi Keuangan.</p></div>
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">10</p></td>
+
==Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah==
 +
===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">Berdasarkan analisis yang telah dilakukan oleh penulis, sistem pengolahan penggajian pegawai pada PT. Nur Hasta Utama yang sedang berjalan saat ini, dapat disimpulkan bahwa proses penggajian pegawai honorer yang berjalan saat ini masih berjalan secara semi komputerisasi proses perhitungannya pun menggunakan Microsoft excel yang kadang mengakibatkan keterlambatan gaji pegawai. Oleh karena itu perusahaan membutuhkan suatu sistem agar dapat membantu perusahaan dalam proses laporan penggajian pegawai honorer tersebut.</p></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Table Press</td></tr>
+
===Alternatif Pemecahan Masalah===
  
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">11</p></td>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 +
<ol>
 +
<li style="text-align: justify;line-height: 2;">Membuat sistem yang lebih terotomatis dibandingkan sistem sebelumnya.<br>
 +
<li style="text-align: justify;line-height: 2;">Membuat sistem berbasis web, agar sistem yang diusulkan dapat memudahkan bagian divisi keuangan.</li>
 +
</ol></div>
  
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Appearance</td></tr>
+
==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 untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap, yaitu sebagai berikut:</p></div>
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">12</p></td>
+
===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 disusun berdasarkan hasil wawancara dengan stakeholder,  Berikut dilampirkan diagram elisitasi tahap I:</p></div>
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Users</td></tr>
+
<div align="center"><img width="500" height="500" style="margin:0px" src="https://lh5.googleusercontent.com/-sL3VK41yqMk/VDMPL3yx8kI/AAAAAAAAATc/WJILlyPacio/w424-h419-no/eLISITASI.jpg"/></div>
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">13</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Tools</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">14</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Settings</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">15</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Home</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">16</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Registration</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">17</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Gallery</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">18</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Participants</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">19</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Agenda</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">20</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Assignments</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">21</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Testimoni</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">22</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iDu</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">23</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat static page</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">24</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Video</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">25</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Contact Us</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">26</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman About Us</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">27</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Sejarah</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">28</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Instruktur</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">29</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Memiliki background</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">30</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Memiliki header</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">31</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat kolom Search</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">32</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Dapat reply comments</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">33</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Memiliki menu Polls</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">34</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Facebook</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">35</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Twitter</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">36</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387>Terdapat widget Google+</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">37</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Calendar</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">38</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Recent Posts</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">39</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Recent Comments</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">40</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Categories</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">41</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Tag Cloud</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">42</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Visitor</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">43</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Archives</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">44</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Meta</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">45</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget RSS</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">46</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Time</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">47</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Music</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">48</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Animation</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">49</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan Friend List</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">50</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Widuri</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">51</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iDuHelp!</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">52</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iRAN</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">53</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Magics</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">54</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iRME</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">55</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iSur</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">56</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Rooster</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">57</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Goint+</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">58</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman SIS+</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">59</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Absensi</td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">60</p></td>
+
 
+
<td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman raharja.ac.id</td></tr>
+
 
+
 
+
<tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" width="426"><b>Non Functional</b></td></tr><tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="39"><b>No</b></td><td valign="bottom" nowrap="nowrap" width="387"><b>Saya ingin sistem :</b></td></tr><tr><td valign="bottom" nowrap="nowrap" width="39">
+
<p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="387">Dapat diakses secara online</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="387">Tampilan <i>User Friendly</i></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat lebih dari 1000 Site iMe</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="387">Terhubung dengan <i>Google Analytics</i></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat artikel tutorial iMe di iRAN</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat tipe-tipe iMe</td></tr>
+
 
+
</table>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
 
+
<p style="line-height: 2"><b>Tabel 3.3</b> Elisitasi Tahap I</p></div>
+
  
 
===Elisitasi Tahap II===
 
===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 dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi. Berikut ini adalah penjelasan mengenai MDI :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Merupakan hasil pengklasifikasian elisitasi tahap I berdasarkan metode Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi untuk dieksekusi.</p></div>
 
<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">
 
<ol>
 
<ol>
Baris 1.571: Baris 1.407:
 
<li style="text-align: justify;line-height: 2;">I pada MDI artinya <i>Inessential</i>. Maksudnya adalah requirement tersebut bukan bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.</li></ol></div>
 
<li style="text-align: justify;line-height: 2;">I pada MDI artinya <i>Inessential</i>. Maksudnya adalah requirement tersebut bukan bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.</li></ol></div>
  
<table width="601" border="1" cellspacing="0" cellpadding="0" align="center"><tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" width="370"><b>Functional</b></td><td rowspan="3" nowrap="nowrap" width="40"><p align="center"><b>M</b></p></td><td rowspan="3" nowrap="nowrap" width="40"><p align="center"><b>D</b></p></td><td rowspan="3" nowrap="nowrap" width="39"><p align="center"><b>I</b></p></td></tr><tr bgcolor="#666666">
+
<div align="center"><img width="550" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-vW0d8ImhOI8/VDMPJ0rHmTI/AAAAAAAAAS4/K4tlokg2OQw/w372-h419-no/ELISITASI%2BTAHAP%2BII.jpg"/></div>
 
+
<td rowspan="2" nowrap="nowrap" width="34"><p align="center"><b>No.</b></p></td><td valign="bottom" nowrap="nowrap" width="336"><b>Analisa Kebutuhan</b></td></tr><tr bgcolor="#666666">
+
 
+
<td valign="bottom" nowrap="nowrap" width="336"><b>Saya ingin sistem :</b></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman login</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat logo</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Dashboard</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Posts</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Media</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Links</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">7</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Pages</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">8</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Comments</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td>
+
<td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">9</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Contact</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td>
+
<td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">10</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Table Press</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">11</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Appearance</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">12</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Users</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">13</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Tools</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">14</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Settings</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">15</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Home</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">16</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Registration</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">17</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Gallery</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">18</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Participants</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">19</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Agenda</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">20</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Assignments</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">21</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Testimoni</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">22</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman iDu</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">23</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat static page</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">24</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Video</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">25</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Contact Us</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">26</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman About Us</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">27</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Sejarah</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">28</p></td><td valign="bottom" nowrap="nowrap" width="336">Menampilkan halaman Instruktur</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">29</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki background</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">30</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki header</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">31</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat kolom Search</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">32</p></td><td valign="bottom" nowrap="nowrap" width="336">Dapat reply comments</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">33</p></td><td valign="bottom" nowrap="nowrap" width="336">Memiliki menu Polls</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">34</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Facebook</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">35</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Twitter</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">36</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Google+</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">37</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Calendar</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">38</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Recent Posts</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">39</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Recent Comments</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">40</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat widget Categories</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">41</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Tag Cloud</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">42</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Visitor</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">&nbsp;</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">43</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Archives</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">44</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Meta</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">45</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget RSS</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">46</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Time</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">47</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Music</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">48</p></td><td valign="bottom" nowrap="nowrap" width="387">Terdapat widget Animation</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">49</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan Friend List</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">50</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Widuri</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">51</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iDuHelp!</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">52</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iRAN</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">53</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Magics</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">54</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iRME</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">55</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman iSur</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">56</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Rooster</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">57</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Goint+</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">58</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman SIS+</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">59</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman Absensi</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="39">√</td></tr><tr><td valign="bottom" nowrap="nowrap" width="39"><p align="center">60</p></td><td valign="bottom" nowrap="nowrap" width="387">Menampilkan halaman raharja.ac.id</td>
+
<td valign="bottom" nowrap="nowrap" width="40">&nbsp;</td><td valign="bottom" nowrap="nowrap" width="40"></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td></tr><tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" width="370"><b>Non Functional</b></td><td valign="bottom" nowrap="nowrap" width="40"><b> </b></td><td valign="bottom" nowrap="nowrap" width="40"><b> </b></td><td valign="bottom" nowrap="nowrap" width="39"><b> </b></td></tr><tr bgcolor="#666666"><td valign="bottom" nowrap="nowrap" width="34"><p align="center"><b>No.</b></p></td><td valign="bottom" nowrap="nowrap" width="336"><b>Saya ingin sistem :</b></td><td valign="bottom" nowrap="nowrap" width="40"><b> </b></td><td valign="bottom" nowrap="nowrap" width="40"><b> </b></td><td valign="bottom" nowrap="nowrap" width="39"><b> </b></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="336">Dapat diakses secara online</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td>
+
<td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="336">Tampilan <i>User Friendly</i></td>
+
<td valign="bottom" nowrap="nowrap" width="40"><p align="center">√</p></td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat lebih dari 1000 Site iMe</td>
+
<td valign="bottom" nowrap="nowrap" width="40"><p align="center">√</p></td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="336">Terhubung dengan <i>Google Analytics</i></td>
+
<td valign="bottom" nowrap="nowrap" width="40"><p align="center">&nbsp;</p></td><td style="text-align: center;" valign="bottom" nowrap="nowrap" width="40">√</td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat artikel tutorial iMe di iRAN</td>
+
<td valign="bottom" nowrap="nowrap" width="40"><p align="center">√</p></td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr><tr><td valign="bottom" nowrap="nowrap" width="34"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="336">Terdapat tipe-tipe iMe</td>
+
<td valign="bottom" nowrap="nowrap" width="40"><p align="center">√</p></td><td valign="bottom" nowrap="nowrap" width="40"></td><td valign="bottom" nowrap="nowrap" width="39"></td></tr></table>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
 
+
<p style="line-height: 2">'''Tabel 3.4''' Elisitasi tahap II</p></div>
+
  
 
===Elisitasi Tahap III===
 
===Elisitasi Tahap III===
Baris 1.675: Baris 1.425:
 
<li style="text-align: justify;line-height: 2;">L <i>(Low)</i> : Mudah untuk dikerjakan.</li></ol></div>
 
<li style="text-align: justify;line-height: 2;">L <i>(Low)</i> : Mudah untuk dikerjakan.</li></ol></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0in"><p style="line-height: 2"><b>Tabel 3.3</b> Elisitasi tahap III</P></div>
  
  
<table width="713" border="1" cellspacing="0" cellpadding="0" align="center"><tr><td colspan="2" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Functional</b></td><td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>T</strong></div></td><td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>O</strong></div></td><td colspan="3" rowspan="2" bgcolor="#666666"><div align="center"><strong>E</strong></div></td></tr><tr><td width="28" rowspan="2" nowrap="nowrap" bgcolor="#666666"><p align="center"><b>No.</b></p></td><td width="414" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Analisa Kebutuhan</b></td></tr><tr><td width="414" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Saya ingin sistem :</b></td><td width="26" bgcolor="#666666"><div align="center"><strong>L</strong></div></td><td width="28" bgcolor="#666666"><div align="center"><strong>M</strong></div></td><td width="27" bgcolor="#666666"><div align="center"><strong>H</strong></div></td><td width="29" bgcolor="#666666"><div align="center"><strong>L</strong></div></td><td width="29" bgcolor="#666666"><div align="center"><strong>M</strong></div></td><td width="26" bgcolor="#666666"><div align="center"><strong>H</strong></div></td><td width="25" bgcolor="#666666"><div align="center"><strong>L</strong></div></td><td width="28" bgcolor="#666666"><div align="center"><strong>M</strong></div></td><td width="29" bgcolor="#666666"><div align="center"><strong>H</strong></div></td></tr>
+
<div align="center"><img width="550" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-ZHjYl46MNmM/VDMPKTHWirI/AAAAAAAAATA/wEIdr8ZRi6I/w432-h419-no/ELISITASI%2BTAHAP%2BIIIpng.jpg"/></div>
<tr><td valign="bottom" nowrap="nowrap" width="28">
+
<br>
<p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman login</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat logo</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Dashboard</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Posts</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Media</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Links</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">7</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Pages</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">8</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Comments</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">9</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Contact</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">10</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Table Press</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">11</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Appearance</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">12</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Users</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">13</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Tools</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">14</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Settings</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">15</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Home</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">16</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Registration</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">17</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Gallery</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">18</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Participants</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">19</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Assignments</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">20</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Testimoni</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">21</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman iDu</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">22</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat static page</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">23</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Contact Us</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">24</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman About Us</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">25</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Sejarah</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">26</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Instruktur</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">27</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki background</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">28</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki header</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">29</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat kolom Search</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
  <td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Non Functional</b></td><td valign="bottom" nowrap="nowrap" width="26"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="28"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="27"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="29"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="29"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="26"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="25"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="28"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="29"><div align="center"></div></td></tr><tr bgcolor="#666666"><td width="28" valign="bottom" nowrap="nowrap" bgcolor="#666666"><p align="center"><b>No.</b></p></td><td width="414" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Saya ingin sistem :</b></td><td valign="bottom" nowrap="nowrap" width="26"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="28"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="27"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="29"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="29"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="26"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="25"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="28"><div align="center"></div></td><td valign="bottom" nowrap="nowrap" width="29"><div align="center"></div></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="29">
+
<p align="center">1</p></td>
+
<td valign="bottom" nowrap="nowrap" width="414">Dapat diakses secara online</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28">
+
<p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="414">Tampilan <i>User Friendly</i></td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28">
+
<p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat lebih dari 1000 Site iMe</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28">
+
<p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="414">Terhubung dengan <i>Google Anlytics</i></td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28">
+
<p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat artikel tutorial iMe di iRAN</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28">
+
<p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat tipe-tipe iMe</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
<td style="text-align: center;" valign="bottom" nowrap="nowrap" width="29">√</td>
+
<td valign="bottom" nowrap="nowrap" width="29">&nbsp;</td>
+
</tr>
+
</table>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
+
 
+
<p style="line-height: 2">'''Tabel 3.5''' Elisitasi tahap III</p></div>
+
  
 
===Final Draft Elisitasi===
 
===Final Draft Elisitasi===
  
 
<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">''Final draft'' merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
  
<p style="line-height: 2">''Final Draft'' Elisitasi merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk mengimplementasikan [[Sistem Informasi|sistem informasi]] training pengajar berbasis site [[iMe]] pada [[Perguruan Tinggi Raharja]]. Berdasarkan Elisitasi Tahap III di atas, dihasilkan ''Final Draft'' Elisitasi yang diharapkan dapat mempermudah penulis dalam mengimplementasikan [[Sistem Informasi|sistem informasi]] training pengajar berbasis site [[iMe]] pada [[Perguruan Tinggi Raharja]].</p></div>
+
<div align="center"><img width="550" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-WhICfXDhlPE/VDMPJBGER6I/AAAAAAAAASs/xlyPmbIFTso/w435-h419-no/ELISITASI%2BFINAL.jpg"/></div>
 
+
<table width="448" border="1" cellspacing="0" cellpadding="0" align="center"><tr><td colspan="2" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Functional</b></td></tr><tr><td width="28" rowspan="2" nowrap="nowrap" bgcolor="#666666"><p align="center"><b>No.</b></p></td><td width="414" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Analisa Kebutuhan</b></td></tr><tr><td width="414" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Saya ingin sistem :</b></td></tr>
+
 
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman login</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat logo</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Dashboard</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Posts</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Media</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Links</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">7</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Pages</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">8</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Comments</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">9</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Contact</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">10</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Table Press</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">11</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Appearance</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">12</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Users</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">13</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Tools</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">14</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki menu Settings</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">15</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Home</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">16</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Registration</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">17</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Gallery</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">18</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Participants</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">19</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Assignments</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">20</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Testimoni</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">21</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman iDu</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">22</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat Static Page</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">23</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Contact Us</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">24</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman About Us</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">25</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Sejarah</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">26</p></td><td valign="bottom" nowrap="nowrap" width="414">Menampilkan halaman Instruktur</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">27</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki background</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">28</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki header</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">29</p></td><td valign="bottom" nowrap="nowrap" width="414">Memiliki kolom Search</td></tr>
+
 
+
<tr bgcolor="#666666"><td colspan="2" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Non Functional</b></td></tr><tr bgcolor="#666666"><td width="28" valign="bottom" nowrap="nowrap" bgcolor="#666666"><p align="center"><b>No.</b></p></td><td width="414" valign="bottom" nowrap="nowrap" bgcolor="#666666"><b>Saya ingin sistem :</b></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">1</p></td><td valign="bottom" nowrap="nowrap" width="414">Dapat diakses secara online</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">2</p></td><td valign="bottom" nowrap="nowrap" width="414">Tampilan <i>User Friendly</i></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">3</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat lebih dari 1000 Site iMe</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">4</p></td><td valign="bottom" nowrap="nowrap" width="414">Terhubung dengan <i>Google Analytics</i></td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">5</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat artikel turorial iMe di iRAN</td></tr>
+
<tr><td valign="bottom" nowrap="nowrap" width="28"><p align="center">6</p></td><td valign="bottom" nowrap="nowrap" width="414">Terdapat tipe-tipe iMe</td></tr>
+
<tr> <td colspan="2" valign="bottom" nowrap="nowrap"><div align="center"> <p>Penyusun</p> <p>&nbsp;</p><br> <p>([[Irwan Nurdin]])</p> </div></td> </tr></table>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">'''Tabel 3.6''' ''Final Draft'' Elisitasi</p></div>
+
 
+
==Final Elisitasi Yang Diusulkan==
+
===Functional Analisa Kebutuhan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''1. Menampilkan halaman login'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Halaman login merupakan bagian yang sangat penting dalam sebuah sistem. Tanpa adanya halaman login, user atau admin tidak dapat masuk ke baigian dalam sistem tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''2. Menampilkan logo'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Logo termasuk bagian yang penting dalam sebuah sistem. Logo dapat menjadi identitas dari suatu instansi, organisasi, dan lainnya. Oleh karena itu, dalam sebuah sistem yang berkaitan dengan sebuah instansi atau oragnisasi sebaiknya dapat meniampilkan logo sehingga lebih mengidentitaskan bahwa sistem yang dibuat adalah sistem instansi atau organisasi yang bersangkutan.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''3. Menampilkan menu Dashboard'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam sebuah site, menu Dashboard adalah bagian yang sangat penting. Tanpa adanya menu ini, admin site yang bersangkutan tidak dapat mengelola site tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''4. Menampilkan menu Posts'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Menu posts merupakan bagian yang penting dalam sebuah site. Menu ini digunakan untuk membuat postingan pada sebuah site.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''5. Menampilkan menu Media'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dengan adanya menu media, admin pada site yang bersangkutan dapat mengupload gambar atau file yang disupport ke dalam site.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''6. Menampilkan menu Links'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Menu ini difungsikan untuk mengubah atau mengedit link yang ada.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''7. Menampilkan menu Pages'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Seperti halnya menu posts, menu pages juga merupakan bagian yang penting dalam sebuah site. Dengan menggunakan menu ini, admin site yang bersangkutan dapat membuat page (halaman) pada sebuah site.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''8. Menampilkan menu Comments'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Menu ini dapat digunakan untuk melihat, mengedit, menyetujui, dan menghapus komentar yang ada.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''9. Menampilkan menu Contact'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Menu ini memungkinkan admin site yang bersangkutan untuk membuat form. Dan jika form yang telah dibuat tersebut ingin ditampilkan pada post atau page, maka cukup diinsert ID dari contact form tersebut ke dalam post atau page yang diinginkan.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''10. Menampilkan menu Table Press'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Menu ini memudahkan amdin site yang bersangkutan dalam membuat tabel. Dan jika tabel tersebut ingin ditampilkan pada post atau page, maka cukup diinsert ID tabel yang telah dibuat tersebut kedalam post atau page yang diinginkan.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''11. Menampilkan menu Appearance'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 menu ini admin site yang bersangkutan dapat mengelola themes, widget, menu, dan dapat melakukan customize themes.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''12. Menampilkan menu Users'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 menu ini admin site yang bersangkutan dapat melihat siapa saja user pada site yang bersangkutan tersebut dan dapat mengelola siapa saja yang ingin dijadikan user dan sebagai apa hak akses user tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''13. Menampilkan menu Tools'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Admin site yang bersangkutan dapat melakukan import maupun export data dari blogger, Tumblr dan lain sebagainya ke dalam site yang dikelola tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''14. Menampilkan menu Settings'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 mengelola pengaturan umum, baik reading, writing, dan lain semacamnya, admin site yang bersangkutan dapat melakukannya pada menu ini.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''15. Menampilkan halaman Home'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Page atau halaman home pada sebuah site adalah hal yang umum. Karena pada umumnya pada sebuah site selalu ada page atau halaman home. Page home adalah halaman depan dari sebuah site. Sehingga ini merupakan bagian penting dari sebuah site.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''16. Menampilkan halaman Registration'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Halaman registrasi merupakan bagian yang penting dalam sebuah site keanggotaan. Tak terkecuali dengan site training pengajajar pada Perguruan Tinggi Raharja. Sebelum terdaftar sebagai peserta training, calon peserta training harus melakukan registrasi dengan mengisi formulir registrasi yang telah disediakan. Dan registrasi ini bisa dilakukan secara online.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''17. Menampilkan halaman Gallery'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam sebuah site, halaman gallery merupakan bagian yang cukup penting. Halaman ini sebaiknya dibuat agar bisa diisi dengan dokumentasi-dokumentasi yang berkaitan dengan kegiatan yang bersangkutan. Dalam hal ini adalah training pengajar.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''18. Menampilkan halaman Participants'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam sebuah site pelatihan atau training, page atau halaman peserta merupakan bagian yang penting. Halaman ini berisi daftar peserta yang mengikuti training.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''19. Menampilkan halaman Assignments'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam sebuah training tentu ada assignment-assignment yang diberikan kepada peserta training yang bersangkutan. Assignment tersebut harus diselesaikan oleh peserta training untuk meraih nilai terbaik. Nilai tersebut mempengaruhi lulus atau tidaknya peserta training. Agar mempermudah visitor untuk mengetahui assignment-assignment yang diberikan oleh instruktur training kepada peserta training, sebaiknya dibuat sebuah halaman yang berisi assignment-assignment. Namun assignment di halaman ini tidak dijelaskan secara rinci, hanya pengertian singkatnya.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''20. Menampilkan halaman Testimoni'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Testimoni merupakan hal yang penting. Misalnya, dalam sebuah website training pengajar perlu adanya testimoni dari para lulusan training tersebut. Dengan disediakannya halaman untuk para lulusan memberikan testimoni, maka para lulusan training tersebut dapat memberikan testimoninya.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''21. Menampilkan halaman iDu'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 suatu site, perlu adanya page atau halaman yang ternavigasi ke sebuah site lain. Artinya, user bisa mengunjungi halaman lain melalui page atau halaman yang ternavigasi tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''22. Terdapat Static Page'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Static page atau halaman statis menjadi bagian yang penting pada sebuah site. Dengan static page berarti setiap kali site yang bersangkutan diakses maka yang pertama kali terbuka adalah halaman yang telah dijadikan static page. Dan static page berarti juga halaman utama.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''23. Menampilkan halaman Contact Us'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam sebuah site, perlu adanya halaman khusus untuk user memberikan masukan atau saran. Dengan adanya halaman tersebut, maka memudahkan visitor untuk memberikan masukan atau saran kepada pengelola site yang bersangkutan. Pada umumnya halaman ini diberi nama Contact Us atau Kontak Kami.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''24. Menampilkan halaman About Us'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Halaman ini merupakan bagian yang cukup penting dalam sebuah site. Dengan adanya halaman ini, maka pembahasan perihal site yang bersangkutan lebih jelas dari segi profil, maksud dan tujuannya.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''25. Menampilkan halaman Sejarah'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Halaman sejarah merupakan bagian yang penting dalam sebuah site. Umumnya, halaman ini berisi penjelasan perihal sejarah atau latar belakang site dibuat. Dengan demikian, lebih mudah diketahui perihal sejarah dibuatnya site yang bersangkutan pada saat diakses oleh user.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''26. Menampilkan halaman Instruktur'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam suatu site training perlu adanya halaman yang berisikan profil instruktur yang bersangkutan. Dengan adanya halaman profil ini, maka para calon peserta training bisa dengan mudah mengetahui instruktur training yang akan diikuti.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''27. Memiliki Background'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Background atau latar belakang pada sebuah site merupakan bagian yang cukup penting. Adanya background dapat menambah nilai estetika dari site yang bersangkutan. Background harus disesuaikan dengan site yang bersangkutan.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''28. Memiliki Header'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 sebuah site, header adanya cukuplah penting untuk menambah nilai estetika. Selain itu, header juga bisa menciri khaskan sebuah site. Misalnya, pada bagian header tersebut bertuliskan judul atau nama dari site yang dibuat.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''29. Terdapat kolom Search'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Dalam sebuah site, sebaiknya terdapat kolom pencarian/search yang bertujuan untuk mempermudah dalam melakukan pencarian. Dengan adanya kolom search, visitor yang mengunjungi site yang bersangkutan lebih mudah dalam melakukan pencarian hanya dengan memasukkan kata kunci pada kolom search tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
===Non Functional Analisa Kebutuhan===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''1. Dapat diakses secara <i>online</i>'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 lebih mudah dalam pengaksesan, maka site harus dapat diakses secara online. Dengan demikian, dapat memudahkan user dalam mengakses site tersebut dan juga lebih efisien.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''2. Tampilan <i>User Friendly</i>'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Sebuah site sebaiknya memiliki tampilan yang <i>user friendly</i>. Tujuannya adalah agar user dapat lebih mudah mengenali fitur-fitur yang ada pada site tersebut. Sehingga user nyaman dengan site tersebut.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''3. Terdapat lebih dari 1000 Site [[iMe]]'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Sebuah sistem komputerisasi yang bagus bukan hanya karena tampilan atau fungsinya yang bagus. Melainkan sistem tersebut digunakan oleh banyak user. Dengan digunakan oleh banyak user, berarti sistem tersebut berguna untuk orang banyak.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''4. Terhubung dengan <i>Google Analytics</i>'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Jika terhubung dengan <i>Google Analytics</i>, maka statistik dari pengunjung dari site yang bersangkutan dapat ditampilkan. Dan ini merupakan hal yang penting.</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''5. Terdapat artikel tutorial [[iMe]] di [[iRAN]]'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</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 mempermudah user dalam pengelolaan site yang bersangkutan, sebaiknya dibuatkan artikel tutorial perihal pengelolaan site tersebut. Artikel tutorial tersebut sebaiknya dibuat di [[iRAN]].</p></div>
+
 
+
&nbsp;
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''6. Terdapat tipe-tipe [[iMe]]'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<p style="line-height: 2">'''Deskripsi sebelumnya :'''</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
 
+
<p style="line-height: 2">Total keseluruhan site [[iMe]] terbilang banyak. Sampai saat ini, telah ada lebih dari 1000 site [[iMe]]. Dan site [[iMe]] dikelompokkan menjadi beberapa tipe. Saat ini tipe-tipe site [[iMe]] tersebut telah dibuat.</p></div>
+
 
+
&nbsp;
+
 
+
 
+
 
+
{{Pagebreak}}
+
  
 
=<div style="font-family: 'times new roman';text-align: center">'''BAB IV'''</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>
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">'''HASIL PENELITIAN'''</div>
+
==Rancangan Sistem Usulan==
 
+
===Prosedur Sistem Usulan===
==Final Elisitasi Yang Diusulkan==
+
===Functional Analisa Kebutuhan===
+
 
<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">
<p style="line-height: 2">'''1. Menampilkan halaman login'''</p></div>
+
<p style="line-height: 2">Urutan prosedur ini berisikan urutan proses absen pegawai, rekap ulang absen, perhitungan gaji, transfer gaji, slip gaji, dan pembuatan laporan.</p></div>
 
+
 
<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">
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya halaman Login. Karena sistem informasi training pengajar berbasis site [[iMe]], maka halaman Login pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''2. Menampilkan logo'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya logo pada site training pengajar.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''3. Menampilkan menu Dashboard'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Dashboard. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Dashboard pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''4. Menampilkan menu Posts'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Posts. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Posts pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''5. Menampilkan menu Media'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Media. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Media pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''6. Menampilkan menu Links'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Links. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Links pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''7. Menampilkan menu Pages'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Pages. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Pages pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''8. Menampilkan menu Comments'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Comments. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Comments pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''9. Menampilkan menu Contact'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Contact. Untuk menampilkan menu ini, diperlukan penginstallan plugin.</p></div>
 
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-uW2LW4B1QFg/U53j_aeLk7I/AAAAAAAAAt8/AD5fcGp5vUU/w781-h477-no/Plugin_Contact+Form+7.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Plugin Contact Form</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''10. Menampilkan menu Table Press'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya Table Press. Menu ini merupakan menu yang ditampilkan dengan menginstall pluginnya.</p></div>
 
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-5rsoIZq2SaA/U53j-zWaoUI/AAAAAAAAAt4/3UZuN_0o6Rw/w443-h267-no/Plugin_TablePress.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Plugin Table Press</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''11. Menampilkan menu Appearance'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Appearance. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Appearance pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''12. Menampilkan menu Users'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Users. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Users pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''13. Menampilkan menu Tools'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Tools. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Tools pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''14. Menampilkan menu Settings'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III. maka perlu adanya menu Settings. Karena sistem informasi training pengajar berbasis site [[iMe]], maka menu Settings pada site training pengajar sudah tersedia.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''15. Menampilkan halaman Home'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar perlu dibuatkan page atau halaman home yang merupakan halaman depan atau beranda dari site tersebut. Halaman home dibuat khusus berisi kalimat pembuka training pengajar.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah seperti gambar di bawah 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">1. Masuk ke dashboard – pilih menu pages – Add New Page – Isi judul dan isi halaman.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Lalu lakukan pengaturan pada menu.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-Vt2RTbZ07YA/U2s28-vcK5I/AAAAAAAAAYU/KcRK1SmcXf0/w1043-h488-no/Home.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Pembuatan Halaman Home</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">4. Maka halaman "Assignment" tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-Ayt8lTqszzI/U2WRmBhrXiI/AAAAAAAAATs/aymBlXBGRKg/w591-h551-no/static+page_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Home</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''16. Menampilkan halaman Registration'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan sebuah halaman registrasi. Dan registrasi ini bisa dilakukan secara online oleh calon peserta training.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Pilih menu Contact – Add New – Masukkan coding – Save.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-9wViSgMz23I/U3iLW-S0XUI/AAAAAAAAAb4/cxAREkplcxA/w1043-h494-no/page+registration_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Memasukkan Coding Pada Contact Form</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. ID contact form yang telah dibuat kemudian dimasukkan ke halaman edit page.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-Dvi4FrjCx5o/U3iLW-C6jpI/AAAAAAAAAb0/nwH5gk9HhYk/w1044-h462-no/page+registration_3.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Memasukkan ID Contact Form</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Klik "Publish" untuk menampilkan halaman tersebut. Maka halaman regitrastion tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-WTDcIWibGzw/U3iLWRm5p-I/AAAAAAAAAbw/xRJixLCNnE4/w703-h551-no/page+registration_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Registration</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''17. Menampilkan halaman Gallery'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan halaman Gallery. Halaman ini berisi hal-hal yang berhubungan dengan training.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Pilih menu Pages – Add New Page – Masukkan isi page – Publish.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/_GQRZ_uYbG6PUof8SOiET-IsnYlR4QJyhPeHwzTpfT8=w1044-h475-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman Gallery</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Maka halaman "Gallery" tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/9_KsC7w_DVshFyJ5HgkLX0iHMVHdc5oMU6nnlgeLAE4=w804-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Contact Us</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''18. Menampilkan halaman Participants'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuat sebuah page dengan nama “participants” yang berisikan daftar peserta training. Daftar perserta training yang dimasukkan dalam halaman tersebut hanya peserta yang telah lulus training.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Pilih menu Pages – Add New Page – Masukkan isi page – Publish.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Pilih menu TablePress – Add New Table – Isi Table Content</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-MUiR96bWF5I/U3iFHKc97kI/AAAAAAAAAbU/1JwiRSPmNb8/w1044-h520-no/participants_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Mengisi Table Content</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Kemudian shortcode Table Press tersebut diinsert pada kolom page</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-btEAhtrrOoQ/U3iFHOkrlPI/AAAAAAAAAbQ/ZwQXYjOCwow/w1043-h480-no/participants_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Insert Shortcode Table Press</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">4. Maka halaman "Participant" tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-N5v-m9W9DU0/U3iFGDmil8I/AAAAAAAAAbM/7kU3eWSO22Y/w715-h551-no/page+participants.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Participants</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''19. Menampilkan halaman Assignments'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka dibuat sebuah halaman pada site training pengajar yang berisi assignment-assignment. Sesuai dengan isinya, halaman tersebut diberi nama “Assignments”. Halaman ini berisi assignment-assignment yang ada pada training ini. Namun di halaman ini assignment-assignment tersebut tidak dijelaskan secara rinci, hanya pengertian singkatnya.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah seperti gambar di bawah 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">1. Masuk ke dashboard – pilih menu pages – Add New Page – Isi judul dan isi halaman.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-HEPdy5pVQjY/U3lbrxGcomI/AAAAAAAAAcg/w9Aby-SAY6o/w958-h452-no/page+assignments_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman Assignment</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Maka halaman "Assignment" tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-XFLKnxc1mK8/U3lbrzq3qQI/AAAAAAAAAcY/sr-MQ-k9IcA/w664-h521-no/page+assignments_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Contact Us</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''20. Menampilkan halaman Testimoni'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka di site iMe training prngajar perlu dibuatkan halaman testimoni. Agar para lulysan training bisa memberikan testimoninya di site iMe tersebut.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan cara seperti di bawah ini untuk membuat halaman testimoni di site iMe training pengajar :</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. Masuk ke dashboard – Pilih menu Pages – Add New Page – Masukkan judul dan isi page.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-027GXwaN7oY/U2doSAhA60I/AAAAAAAAAUk/ZRK43tov6ZA/w1044-h489-no/page_testimoni_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman Testimoni</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik publish untuk menampilkan halaman tersebut.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Maka halaman "Testimoni" tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-luPXvJ7U0xg/U2doSKvpTLI/AAAAAAAAAUo/O1dx-vRKANQ/w462-h550-no/page_testimoni_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Contact Us</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''21. Menampilkan halaman iDu'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site iMe training pengajar dibuatkan sebuah halaman yang ternavigasi ke halaman lain. Halaman ini diberi nama iDu dan halaman ini ternavigasi ke halaman idu.raharja.info</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah sebagai berikut untuk membuat halaman iDu :</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. Masuk ke dashboard – Pilih menu Pages – Add New Pages - Masukkan judul page dengan nama "iDu" dan masukkan isi page tersebut.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dan agar halaman iDu tersebut ternavigasi eke idu.raharja.info, dilakukan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Pilih menu Appearance – Pilih Links.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Masukkan alamat URL yang ingin dituju. Dalam bahasan ini digunakan alamat URL idu.raharja.info</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/jOlvgMEY6O6IVuImfXosj8XPVCe3kTizPr0D-aTqLTI=w1044-h473-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman Ternavigasi</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Save Menu" untuk menyimpan perubahan menu yang baru saja dilakukan. Maka halaman iDu tampil seperti gambar di bawah ini. Jika halaman "iDu" diklik, maka langsung menuju ke halaman idu.raharja.info</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/i-HJdCT5Kfsny__1ieT44OyWUvhIEpgBby1epep_HH8=w868-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman iDu</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''22. Terdapat Static Page'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan sebuah halaman yang bersifat statis. Halaman yang dijadikan static page adalah halaman Home. Sehingga saat site training pengajar dibuka, yang pertama kali tampil adalah halaman Home.</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 menjadikan halaman menjadi statis, Pastikan bahwa halaman yang ingin dijadikan static page sudah ada. Jika belum ada, buatlah dengan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Pilih menu Pages – Add New Pages– Masukkan judul Page dan isi halaman.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilka pages tersebut.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Setelah page selesai dibuat, selanjutnya page tersebut dijadikan statis dengan melakukan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Pilih menu Settings – Pilih Reading – Pada bagian "Front Page Display" pilih A Static Page.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Pada bagian "Front Page" tentukan page yang ingin dijadikan static page.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/SIXRKyZ_spRZuqrvVZNKK6A_njUCusmVQ5P2WOntX4Y=w615-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Static Page</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Klik "Save Change" untuk menyimpan perubahan yang dilakukan. Maka halaman yang dijadikan static page tampil seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/0qFwvoky9bwPubqUCor4oQMeQ6W93WRpPG2mENzSgD8=w619-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Static Page</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''23. Menampilkan halaman Contact Us'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan halaman Contact Us yang dibuat khusus untuk visitor memberikan masukan atau saran kepada pengelola site yang bersangkutan. Di halaman ini terdapat form online yang dibuat dengan mengunakan fitur contact yang ada di iMe.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">Dilakukan langkah-langkah sebagai berikut :</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. Masuk ke dashboard – Plilih menu Contact – Add New – Masukkan coding – Save.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-Rjmj5sgM9ds/U3h7hdswDzI/AAAAAAAAAag/y0bSreNAI78/w1044-h473-no/page_contact_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Memasukan Coding Pada Contact Form</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. ID contact form yang telah dibuat kemudian dimasukkan ke halaman edit page.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-opCIAjw3fVs/U3h7hnszF8I/AAAAAAAAAac/kiMCUTwWzzw/w1044-h464-no/page_contact_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Memasukkan ID Contact Form</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Klik "Publish" untuk menampilkan halaman tersebut. Maka hasilnya seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-h9zIDbamlyo/U3h7hE8g6yI/AAAAAAAAAaQ/NxRGo4Dd2DE/w605-h551-no/page_contact_3.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Contact Us</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''24. Menampilkan halaman About Us'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan halaman "About Us". Halaman ini berisi penjelasan mengenai training pengajar</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"></p>Dilakukan langkah-langkah sebagai berikut :</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">1. Masuk ke dashboard – add new page – nama judul page diisi “About Us” – isi page tersebut dengan uraian sejarah.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/1j5LkDvCryZZd5L2nD5LqZlSaKQItmBVnr_Z8yOVIOA=w1044-h518-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman About Us</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Maka hasilnya seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/oQB0h0VDP-dzKCncNENLzhJfqa54lNrpL4ef1fzYZMk=w814-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman About Us</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''25. Menampilkan halaman Sejarah'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuat halaman "sejarah". Halaman ini berisi penjelasan perihal sejarah atau latar belakang site training ini dibuat.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"></p>Dilakukan langkah-langkah sebagai berikut :</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">1. Masuk ke dashboard – add new page – nama judul page diisi “Sejarah” – isi page tersebut dengan uraian sejarah.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-RxLAxHSzk04/U3h7kTMYF4I/AAAAAAAAAaw/NqbBtP0RhfI/w1044-h478-no/page_sejarah_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman Sejarah</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut. Maka hasilnya seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-hfVT1BMqzi4/U3h7ljiI8QI/AAAAAAAAAas/v-UZP9GTuKk/w753-h551-no/page_sejarah_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Sejarah</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''26. Menampilkan halaman Instruktur'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan halaman yang berisikan profil instruktur yang bersangkutan. Dengan tujuan agar calon peserta training dapat dengan mudah mengetahui instruktur training yang akan diikuti.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"></p>Dilakukan langkah-langkah sebagai berikut :</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">1. Masuk ke dashboard – add new page – nama judul page diisi “Instruktur” – isi page tersebut dengan profil dari yang bersangkutan.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-A-h0t0rPezo/U2oQwrZpAYI/AAAAAAAAAW4/73CNh6KmCR4/w1044-h480-no/instruktur_1.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Membuat Halaman Instruktur</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Klik "Publish" untuk menampilkan halaman tersebut.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-Vr80STJkjs8/U2oQxOeocjI/AAAAAAAAAW8/yquu3vm9qHs/w638-h551-no/instruktur_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Instruktur</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''27. Memiliki Background'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar diberikan background untuk menambah nilai estetika site training tersebut. Dengan demikian, site training pengajar lebih indah secara visual.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"></p>Dilakukan langkah-langkah sebagai berikut :</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">1. Masuk ke dashboard – Pilih menu Appearance - Pilih "Background".</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Upload gambar yang ingin dijadikan background.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/bVfZOVqoLtouTeCtZ7eXEdpFs4lDzLlQhnQNnl9SGMI=w1044-h507-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Menampilkan Background</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Klik "Save Changes" untuk menyimpan perubahan yang dilakukan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">4. Maka pada site training pengajar terdapat backgroun seperti gambar di bawah ini.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/23vF57Vi7ovHphsqArXM0M-dazRK3W03QwYw6TNGskY=w624-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Background</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''28. Memiliki Header'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan Header. Dan pada header ini diberikan judul yang diambil dari nama training pengajar.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"></p>Dilakukan langkah-langkah sebagai berikut :</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">1. Masuk ke dashboard – Pilih menu Appearance - Pilih "Header"</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Upload gambar yang ingin dijadikan header.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/Um4VyTIUoI5GLYjrDp16MxSMaLRdPCYX_PXrYS-eLLA=w1044-h499-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah menampilkan Header</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">3. Klik "Save Changes" untuk menyimpan perubahan yang dilakukan.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-sODdSRkJ1ZU/U2RscfiQnQI/AAAAAAAAASc/1WFLYf2pGS4/w719-h551-no/header_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Header</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''29. Terdapat kolom Search'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka pada site training pengajar dibuatkan kolom search untuk mempermudah dalam melakukan pencarian.</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2"></p>Dilakukan langkah-langkah sebagai berikut :</div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">1. Masuk ke dashboard – Pilih Appearance – Pilih Widgets – Drag widget “search” ke main sidebar.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-8YrvD7DS5Hk/U36wlKkrYZI/AAAAAAAAAeM/0cvJRBcE36I/w1044-h468-no/kolom+search.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Langkah-Langkah Menampilkan Kolom Search</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 
<p style="line-height: 2">2. Maka kolom search tampil pada site training pengajar.</p></div>
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-yBBQS_Dg-nE/U36wlDTx6GI/AAAAAAAAAeQ/TMz3QCH_Vyw/w772-h551-no/kolom+search_2.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Kolom Search</div>
 
 
&nbsp;
 
 
===Non Functional Analisa Kebutuhan===
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''1. Dapat diakses secara <i>online</i>'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka site training pengajar dibuat dengan berbasis [[iMe]]. Dengan demikian, site training pengajar ini dapat diakses secara <i>online</i>.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''2. Tampilan <i>User Friendly</i>'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka tampilan site training pengajar dibuat <i>User Friendly</i>. Sehingga fitur-fitur yang terdapat pada site training pengajar lebih mudah dikenali oleh <i>user</i>. Dan <i>user</i> menjadi nyaman dengan sistem 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">Terlihat pada gambar di bawah ini bahwa site training memiliki tampilan yang <i>user frienldy</i>. Tampilan <i>simple</i> sehingga <i>user</i> lebih mudah dan cepat memahami fitur-fitur yang ada pada site training pengajar.</p></div>
 
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/_JzZrxlgIbCK4z9m5h3vsDVd8aXVBioSi-eu1RJ-Ix0=w613-h577-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan <i>User Friendly</i></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''3. Terdapat lebih dari 1000 Site [[iMe]]'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, dilakukan sosialisasi agar pengguna [[iMe]] terus meningkat. Sampai saat ini, jumlah site [[iMe]] telah mencapai lebih dari 1000.</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''4. Terhubung dengan <i>Google Analytics</i>'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, maka [[iMe]] dihubungkan dengan <i>Google Analytics</i> dengan cara memasang plugin <i>Google Analytics</i> pada [[iMe]].</p></div>
 
 
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/on6S1CDo_Q48KPl9RUzt6IkyOJPMnWMIv7ZTwBOuwcU=w532-h264-no"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Plugin Google Analytics</div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''5. Terdapat artikel tutorial [[iMe]] di [[iRAN]]'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, dibuatkan artikel tutorial yang berhubungan dengan [[iMe]]. Artikel tersebut dibuat di [[iRAN]].</p></div>
 
 
&nbsp;
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''6. Terdapat tipe-tipe [[iMe]]'''</p></div>
 
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<p style="line-height: 2">'''Deskripsi sesudahnya :'''</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 deskripsi sebelumnya yang telah dijabarkan pada BAB III, Maka dilakukan penyortiran dari seluruh site [[iMe]] yang ada. Site [[iMe]] tersebut di sortir berdasarkan tipe [[iMe]].</p></div>
 
 
==Rancangan Sistem Yang Diusulkan==
 
===Prosedur 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">Prosedur pendaftaran training pengajar pada sistem yang diusulkan terdiri dari 4 (empat) alur, yakni sebagai berikut :</P></div>
 
 
 
<ol>
 
<ol>
 
+
<li style="text-align: justify;line-height: 2;">Prosedur Admin<br>Admin bertugas untuk melakukan penginputan data absensi pegawai yang akan direkap pada akhir bulan untuk dapat melakukan proses perhitungan gaji.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+
<li style="text-align: justify;line-height: 2;">Prosedur Input Pegawai Honorer<br>
Calon participant training terlebih dahulu mengunjungi site training pengajar.<br>
+
Input pegawai honorer ialah semua data absensi yang sudah di rekap di input untuk dapat dilakukan ke tahap selanjutnya.</li>
 
+
<li style="text-align: justify;line-height: 2;">Prosedur Input Form Gaji<br>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+
Input Form gaji dilakukan oleh admin untuk perhitungan gaji pegawai.</li>
Melakukan pendaftaran dengan membuka halaman registrasi yang ada pada site training pengajar.<br>
+
<li style="text-align: justify;line-height: 2;">Prosedur Laporan Penggajian<br>
 
+
Laporan Penggajian di dapat setelah perhitungan gaji selesai di input oleh admin.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+
<li style="text-align: justify;line-height: 2;">Prosedur Cetak Slip Gaji<br>
Setelah form registrasi diisi dengan lengkap, selanjutnya calon participant men-submit form registrasi tersebut.<br>
+
Slip Gaji dapat dicetak pada web dan diberikan kepada pegawai untuk mengetahui hitungan gaji hasil kerja pegawai.</li></ol></div>
 
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+
Jika yang diberikan oleh calon participant lulus verifikasi, maka calon participant akan langsung terdaftar sebagai participant training.<br>
+
 
+
</ol>
+
 
+
 
===Use Case Diagram Sistem Yang Diusulkan===
 
===Use Case Diagram Sistem Yang Diusulkan===
<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">Berikut ini adalah ''Use Case Diagram'' usulan rancangan sistem penggajian pegawai honorer pada PT. Nur Hasta Utama:</p></div>
 
+
<div align="center"><img width="450" height="450" style="margin:0px" src="https://lh3.googleusercontent.com/-zvRkcatfXd4/VDMPKdnmIaI/AAAAAAAAATI/X5hKnQVi8Hw/w560-h419-no/Rancangan%2Busulan%2Bsistem%2Bpenggajian%2Bhonorer.jpg"/></div>
<p style="line-height: 2"><i>Use Case Diagram</i> menggambarkan kebutuhan sistem dari sudut pandang <i>User</i> dan memfokuskan pada proses komputerisasi. Sebuah <i>Use Case</i> dapat menggambarkan hubungan antara <i>Use Case</i> dengan <i>Actor</i>. Secara umum <i>Use Case</i> adalah pola perilaku sistem dan ukuran transaksi yang berhubungan yang dilakukan oleh satu <i>Actor</i>.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.1.2 ''Use Case Diagram'' Usulan Rancangan sistem Penggajian Pegawai Honorer'''</div>
 
+
<div align="center"><img width="300" height="350" style="margin:0px" src="https://lh5.googleusercontent.com/-B_2gX4ISD9A/U5Mx6A_n_LI/AAAAAAAAAh0/Xj5fg8i0kcM/w609-h396-no/Use+Case+Diagram+Sistem+Yg+Diusulkan.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar Use Case Diagram Sistem Yang Diusulkan </div>
+
 
+
 
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar <i>Use Case Diagram</i> di atas terdapat :</p></div>
+
<p style="line-height: 2"> Berdasarkan gambar diatas, Use Case diagram Penggajian Pegawai Honorer terdapat:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  a. 1 <i>System</i>, mencakup [[Sistem Informasi]] training pengajar pada [[Perguruan Tinggi Raharja]].</p></div>
+
<p style="line-height: 2">  a. 1 sistem yang mencakup seluruh kegiatan dalam proses penginputan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  b. 2 <i>Actor</i>, yang melakukan kegiatan, yaitu Calon Participant Training dan Instruktur Training</p></div>
+
<p style="line-height: 2">  b. 1 actor yang melakukan kegiatan yaitu divisi keuangan.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  c. 5 <i>Use Case</i>, yang merupakan kegiatan yang dilakukan oleh <i>actor</i>.</p></div>
+
<p style="line-height: 2">  c. 2 use case yang akan dilakukan oleh aktor tersebut, seperti menu login dan menu utama.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2"> d. 12  Include yaitu terdiri dari Login benar, Login salah, Data Pegawai, Input pegawai, Data Absen, Input Absen, Pembayaran gaji, input gaji, cetak slip, laporan, cetak laporan gaji dan Logout.</p></div>
  
 
===Activity Diagram Sistem Yang Diusulkan===
 
===Activity Diagram 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">Berikut ini adalah ''Activity Diagram'' usulan rancangan sistem penggajian pegawai honorer pada PT. Nur Hasta Utama:</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><i>Activity Diagram</i> ini untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun <i>use case</i>. Dapat juga digunakan untuk memodelkan <i>action</i> yang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil dari <i>action</i> tersebut.</p></div>
+
<div align="center"><img width="450" height="450" style="margin:0px" src="https://lh4.googleusercontent.com/-9rrCkhJbUq4/VDMPIvdOsZI/AAAAAAAAASk/WFxtPVEESaM/w621-h419-no/Activity%2Brancangan%2Busulan.jpg"/></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.1.3 ''Activity Diagram'' Usulan Sistem Penggajian Pegawai Honorer'''</div>
<div align="center"><img width="300" height="350" style="margin:0px" src="https://lh6.googleusercontent.com/-lV4vnW1EvO4/U5Mx2hR3PJI/AAAAAAAAAhU/8YBWvXo2MOE/w536-h406-no/Activity+Diagram+Sistem+Yg+Diusulkan.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> <i>Activity Diagram</i> Sistem Yang Diusulkan</div>
+
<p style="line-height: 2">Berdasarkan gambar  <i>Activity Diagram</i> Penggajian Pegawai Honorere diatas, terdapat :</p></div>
 
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  Berdasarkan gambar  <i>Activity Diagram</i> di atas terdapat :</p></div>
+
<p style="line-height: 2">  a. 1 Initial node sebagai tanda yang mengawali objek.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  a. 1 <i>Initial Node</i>, merupakan awal dari kegiatan yang dilakukan.</p></div>
+
<p style="line-height: 2">  b. 8 action yang menggambarkan eksekusi pada saat melakukan login yaitu, Login, cek login, menu utama, Data Pegawai, Data Absen, Pembayaran Gaji, Laporan, logout.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  b. 5 <i>Action</i>, state dari sistem yang mencerminkan eksekusi dari suatu aksi.</p></div>
+
<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></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  c. 1 <i>Activity Final Node</i>, merupakan akhir dari kegiatan yang dilakukan.</p></div>
+
<p style="line-height: 2">  d. 1 Fork node menggambarkan pembagian aktifitas tersebut yaitu, Data pegawai, data absen, pembayaran gaji, laporan, dan logout.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">  e. 1 activity final node menjelaskan bahwa objek dibentuk.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">  f. 1 Join node</p></div>
  
 
===Squence Diagram Sistem Yang Diusulkan===
 
===Squence Diagram 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">Berikut ini adalah ''Sequence Diagram'' untuk usulan rancangan sistem Penggajian Pegawai Honorer pada PT. Nur Hasta Utama:</p></div>
 +
<div align="center"><img width="550" height="430" style="margin:0px" src="https://lh3.googleusercontent.com/-spLNtjsphTY/VDMPKxZLkgI/AAAAAAAAATU/buzp6GO1aZM/w702-h342-no/Sequence%2BDiagram%2Busulan.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.1.4 ''Sequence Diagram'' Usulan Sistem Penggajian Pegawai Honorer'''</div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">Berdasarkan gambar <i>Sequence</i> <i> Diagram</i> di atas terdapat:</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">  a. 8 Life Line, yaitu Login, Cek login, Menu utama, Data Pegawai,Data absen, pembayaran Gaji, Laporan dan Logout.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">  b. 1 actor, yaitu Admin.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">  c. 8 message, yaitu Masukkan Username dan password, Cek username dan password, Menampilkan menu utama, menampilkan data pegawai & input pegawai, Menampilkan data absen & input absen, Menampilkan pembayaran gaji & input gaji, Menampilkan Laporan & Cetak Laporan gaji, Pilih Logout</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"><i>Sequence Diagram</i> ini menggambarkan pergerakan sebuah objek dan pesan yang terjadi di dalam sistem penyampaian informasi.</p></div>
+
===State Machine 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">Berikut ini adalah ''State Diagram'' untuk usulan rancangan sistem Penggajian Pegawai Honorer pada PT. Nur Hasta Utama:</p></div>
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-l3wYz-Gg_RE/U5Mx4jnrJOI/AAAAAAAAAhk/ZmgZKItvp2Y/w705-h306-no/Sequence+Diagram+Sistem+Yg+Diusulkan.jpg"/></div>
+
<div align="center"><img width="500" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-EoAjbJG4IDw/VDMPLEJm0uI/AAAAAAAAATY/KBqkitZr_IU/w702-h402-no/State%2BMachine%2BDiagram8.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> <i>Sequence Diagram</i> Sistem Yang Diusulkan</div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.1.5 ''State Machine Diagram'' Usulan Sistem Penggajian Pegawai Honorer'''</div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2"> Berdasarkan gambar <i>Sequence</i> <i> Diagram</i> di atas terdapat :</p></div>
+
<p style="line-height: 2">Berdasarkan gambar ''State Machine Diagram'' PenggajianPegawai Honorer diatas, terdapat:</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  a. 2 <i>Actor</i>, yang melakukan kegiatan, yaitu Calon Participant Training dan Instruktur Training</p></div>
+
<p style="line-height: 2">  a. 1 Initial node sebagai tanda yang mengawali objek.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  b. 2 <i>Lifeline</i>, merupakan antarmuka yang saling berinteraksi.</p></div>
+
<p style="line-height: 2">  b. 7 action yang menggambarkan eksekusi pada saat melakukan login yaitu, Login, cek login, menu utama, Data Pegawai, Data absen, Pembayaran gaji, Laporan, logout</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<p style="line-height: 2">  c. 5 <i>Messagge</i>, yang merupakan komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi.</p></div>
+
<p style="line-height: 2">  c. ''Decision Node'' menggambarkan pada saat melakukan loginada 2 kemungkinan yang pertama apabila login salah maka akan kembali ke login dan cek kembali user ID dan password dan apabila login benar maka akan tampil ke menu utama.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 +
<p style="line-height: 2">  d. 1 activity final node menjelaskan bahwa objek dibentuk.</p></div>
  
 
===Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Yang Diusulkan===
 
===Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Yang Diusulkan===
 
 
<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">Berisi perbedaan prosedur sistem berjalan dan sistem usulan yang dibuat dalam bentuk tabel:</p></div>
<p style="line-height: 2">Berikut ini adalah tabel perbedaan prosedur antara sistem yang berjalan dengan sistem yang diusulkan :</p></div>
+
<div align="center"><img width="550" height="500" style="margin:0px" src="https://lh4.googleusercontent.com/-wcaxD6XChpc/VCexoaE2IQI/AAAAAAAAAP0/hRWPatOmPz4/w404-h419-no/perbedaan.jpg"/></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.1</b> Perbedaan sistem berjalan dengan sistem usulan</div>
<div align="center"><img width="500" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/ei2uKX4ZNpDsbNgEOfHmJcwN0aO_nZMptm_37xRhBDg=w647-h493-no"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel</b> Perbedaan Prosedur</div>
+
  
 
==Rancangan Basis Data==
 
==Rancangan Basis Data==
 
===Class Diagram===
 
===Class Diagram===
 
+
<div align="center"><img width="500" height="350" style="margin:0px" src="https://lh4.googleusercontent.com/-i0Ld0LifNXY/VDMPIxtbufI/AAAAAAAAASo/bVKSgNMhZSQ/w476-h406-no/Class%2BDiagram2.jpg"/></div>
<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: center"><b>Gambar 4.2</b> <i>Class Diagram</i></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';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. Berikut ini adalah <i>Class Diagram</i> [[Sistem Informasi|sistem informasi]] training pengajar pada [[Perguruan Tinggi Raharja]].</p></div>
+
<p style="line-height: 2">Berdasarkan gambar ''Class Diagram'' yang diusulkan, terdapat:</p></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
 
+
<p style="line-height: 2">  a. 3 Class, himpunan dari objek-objek yang berbagi atribut serta operasi yang sama, yaitu class pegawai, class Absen dan class gaji .</p></div>
<div align="center"><img width="500" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/SfB9mHQ-qCDPSsVPKHWeSG_gljQfdz881c1wyp_fWkU=w746-h316-no"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-indent: 0.5in">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> <i>Class Diagram</i> [[Sistem Informasi]] Training Pengajar</div>
+
<p style="line-height: 2"> b. 2 association, digunakan untuk memodelkan relasi di antara objek.</p></div>
  
 
===Spesifikasi Basis Data===
 
===Spesifikasi Basis Data===
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">Spesifikasi basis data merupakan desain basis data yang dianggap telah normal.  Desain basis data menjelaskan media penyimpanan yang digunakan, isi yang disimpan, primary key, dan panjang record. Spesifikasi basis data yang digunakan dalam sistem yang diusulkan adalah sebagai berikut:</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">1. Nama File : wp_users</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">1. Nama File : Pegawai</p></div>
 
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi: id_pegawai+nm_pegawai+alamat+no_telp+gaji_perhari</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Organisasi File: Index Squential</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : id_pegawai</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 99 karakter</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Type File : File master</p></div>
 +
<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-VGdkWfN7Iyk/VDMa86tPq9I/AAAAAAAAAT8/jg1p9HQbn7c/w408-h395-no/table%2Bpegawai.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.2</b> Tabel Pegawai</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : id + user_login + user_pass + user_nicename + user_email + user_url + display_name</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">2. Nama File : Absen</p></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : id</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 275</p></div>
+
 
+
 
+
<div align="center"><img width="400" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-S0OErQ_7uJU/U5fUyyDojxI/AAAAAAAAAmM/xxZ8pFleMoo/w576-h162-no/wp_users.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel </b> Struktur Tabel wp_users</div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">2. Nama File : wp_posts</p></div>
+
 
+
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : id_absen+id_pegawai+bulan+tahun+jml_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">Organisasi File: Index Squential</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : id_pegawai</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 27 karakter</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Type File : File transaksi</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : id + post_author + post_status + comment_status + ping_status + post_password + post_name + post_parent + menu_order + post_type + comment_count</p></div>
+
<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-G99WK7DQpF0/VDMa86GFVRI/AAAAAAAAAUE/AiptrAS25-U/w397-h339-no/table%2Babsen.jpg"/></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.3</b> Tabel Absen</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : id</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 311</p></div>
+
 
+
 
+
<div align="center"><img width="400" height="270" style="margin:0px" src="https://lh4.googleusercontent.com/-jtkyyj8tApk/U5fUx-NFYoI/AAAAAAAAAl4/BBDYzOthiHY/w574-h256-no/wp_posts.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel </b> Struktur Tabel wp_posts</div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">3. Nama File : wp_comments</p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">3. Nama File : Gaji</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : no_slip_gaji+tgl_slip_gaji+id_pegawai+bulan+tahun+total_gaji</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Organisasi File: Index Squential</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : id_pegawai</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 37 karakter</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Type File : File transaksi</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : comment_id + user_login + comment_post_id + comment_author_email + comment_author_url + comment_author_ip</p></div>
+
<div align="center"><img width="450" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-ZL52Lt2GSvQ/VDMa82G72iI/AAAAAAAAAUA/it7xqVYyogs/w408-h402-no/table%2Bgaji.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.4</b> Tabel Gaji</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : comment_id</p></div>
+
==Rancangan Program==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 170</p></div>
+
===Menu Login===
  
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-6qO5C6Sh9do/VDMfV3VjIII/AAAAAAAAAVQ/bsHc8eZwQxo/w702-h287-no/MENU%2BUTAMA.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.3 Tampilan Program Menu Login'''</div>
  
<div align="center"><img width="400" height="150" style="margin:0px" src="https://lh3.googleusercontent.com/-zZ1iOLgKj9M/U5fUwpGe3EI/AAAAAAAAAlo/af62FfbtebA/w574-h141-no/wp_comments.jpg"/></div>
+
===Menu Input Data Pegawai===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel </b> Struktur Tabel wp_comments</div>
+
  
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-7rd1D2UwWJ4/VDMfU6bA-tI/AAAAAAAAAVA/KGHWJDlwM2A/w702-h275-no/INPUT%2BPEGAWAI.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.4 Tampilan Program Menu Input Data Pegawai'''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">4. Nama File : wp_postmeta</p></div>
+
===Menu Data Pegawai===
 +
<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/-DV4JUyg0jXY/VDMfW6JRpaI/AAAAAAAAAVg/_v917PYtyeo/w702-h395-no/TAMPILAN%2BUTAMA.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.5 Tampilan Program Menu Data Pegawai'''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
+
===Menu Input Absen===
 +
<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-0Pr4VpztoKQ/VDMfUqiG7hI/AAAAAAAAAU4/8mP2PafrVSc/w702-h395-no/INPUT%2BABSEN.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.6 Tampilan Program Menu Input Absen'''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : meta_id + user_login + post_id + meta_key</p></div>
+
===Menu Cetak Laporan===
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-IiFrNECM7SY/VCe7a07JsxI/AAAAAAAAAQc/LdBGhcKFfPk/w423-h352-no/menu%2Bctk%2Blap.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.7 Tampilan Program Menu Cetak Laporan'''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : meta_id</p></div>
+
==Rancangan Prototipe==
 +
===Menu Login===
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-pu4NkL7sAH0/VCeQocRG8PI/AAAAAAAAAOA/6aSF8YIgxQk/w457-h291-no/prototype%2Blogin.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.8 Tampilan Prototype Menu Login'''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 80</p></div>
+
===Menu Data Pegawai===
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-c_b7vHv9Nts/VCeQowTgLPI/AAAAAAAAAOI/Yy1uBbpuhYo/w451-h419-no/prototype%2Bmenu%2Bdata%2Bpegawai.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.9 Tampilan Prototype Menu Data Pegawai'''</div>
  
 +
===Menu Input Data Pegawai===
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-2rpAB6Lq3Rk/VCeQpN8phJI/AAAAAAAAAOQ/6ak306cSuEE/w513-h419-no/prototype%2Bmenu%2Binput%2Bdata%2Bpegawai.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.10 Tampilan Prototype Menu Input Data Pegawai'''</div>
  
<div align="center"><img width="400" height="130" style="margin:0px" src="https://lh6.googleusercontent.com/-UrePG2kJ9ro/U5fUxgOak4I/AAAAAAAAAl8/GPuqY3Wi7fw/w576-h104-no/wp_postmeta.jpg"/></div>
+
===Menu Hitung Gaji===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel </b> Struktur Tabel wp_postmeta</div>
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh4.googleusercontent.com/-Xew-_E68elQ/VCeQn8FwxTI/AAAAAAAAAN4/5vd25lwIBlw/w392-h419-no/prototype%2Bhitung%2Bgaji.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.11 Tampilan Prototype Menu Hitung Gaji'''</div>
  
 +
===Menu Cetak Laporan===
 +
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-c9H6zXPS7Wo/VCeQnjYDr6I/AAAAAAAAANw/1mS-wi03yBI/w405-h419-no/prototype%2Bcetak%2Blaporan.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">'''Gambar 4.12 Tampilan Prototype Menu Cetak Laporan'''</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">5. Nama File : wp_usermeta</p></div>
+
==Konfigurasi Sistem Yang Diusulkan==
 +
===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">Perangkat keras yang dibutuhkan oleh aplikasi atau sistem adalah suatu unit personal komputer. Perangkat keras yang diusulkan ini dibuat berdasarkan kebutuhan sistem saat ini dan antisipasi kebutuhan di masa yang akan datang. Konfigurasi yang dibutuhkan pada desain sistem yang diusulkan adalah :</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Processor : Intel Pentium 4</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Monitor : 14” LCD m</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. RAM : 2.00 GB</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. Hardisk : 500 GB</p>
 +
</div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">f. Printer : ''Office Jet''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
+
===Aplikasi Yang Digunakan===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Sistem Operasi Windows XP.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Xampp ( PHP dan Mysql).</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. Adobe Dreamweaver 5.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. Mozilla Firefox.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">e. Visual Paradigm 6.4 Enterprise Edition.</p></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">f. Microsoft Office 2007.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : umeta_id + user_login + user_id + meta_key</p></div>
+
===Hak Akses===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Ada 2 actor yang dapat meng-akses Aplikasi Penggajian Pegawai yaitu: Admin dan Divisi Keuangan.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : umeta_id</p></div>
+
==Testing==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 80</p></div>
+
===Metode Implementasi===
 
+
 
+
<div align="center"><img width="400" height="130" style="margin:0px" src="https://lh4.googleusercontent.com/-x_ZhxVt5Eb0/U5fUyY0ZWcI/AAAAAAAAAmQ/JmGVLTxgTu0/w576-h106-no/wp_usermeta.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel </b> Struktur Tabel wp_usermeta</div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.3in"><p style="line-height: 2">6. Nama File : commentmeta</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media : Hardisk</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Isi : meta_id + user_login + comment_id + meta_key</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Primary Key : meta_id</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Panjang Record : 80</p></div>
+
 
+
 
+
<div align="center"><img width="400" height="130" style="margin:0px" src="https://lh6.googleusercontent.com/-mWjPxY3QX-E/U5fUwlhPztI/AAAAAAAAAmI/108Kk-h6DA8/w574-h103-no/wp_commentmeta.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel </b> Struktur Tabel wp_commentmeta</div>
+
 
+
==Flowchart Sistem Yang Diusulkan==
+
 
<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">Implementasi program Sistem Monitoring Inventory Control pada PT. Nur Hasta Utama dilakukan dengan menggunakan metode Black Box Testing. Metode Black Box Testing merupakan pengujian program yang mengutamakan pengujian tergadap kebutuhan fungsi dari suatu program. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program.</p></div>
<p style="line-height: 2">Di bawah ini adalah Flowchart sistem yang diusulkan :</p></div>
+
 
+
<div align="center"><img width="175" height="400" style="margin:0px" src="https://lh5.googleusercontent.com/I11ryS8fF90a7ByDZjBkgvLG5uD6LUVSyjgpMHT-D48=w185-h489-no"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Flowchart Sistem Yang Diusulkan</div>
+
 
+
 
+
==Rancangan Program==
+
 
<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">Pengujian dengan metode Black Box Testing dilakukan dengan cara memberikan sejumlah input pada program. Input tersebut kemudian diproses sesuai dengan kebutuhanfungsionalnya untuk melihat apakah program aplikasi dapat menghasilkan output yang sesuai dengan yangdiinginkan dan sesuai pula dengan fungsi dasar dari program tersebut. Apabila dari input yang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar, tetapi apabila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program tersebut, dan selanjutnya dilakukan penelusuran perbaikanuntuk memperbaiki kesalahan yang terjadi.</p></div>
  
<p style="line-height: 2">HIPO merupkan singkatan nama dari <i>Hierarchy plus Input-Process-Output</i>. Merupakan metodologi yang dikembangkan dan didukung oleh IBM. HIPO adalah alat dokumentasi program. Namun sekarang banyak digunakan sebagai alat desain dan teknik dokumentasi dalam siklus pengembangan sistem yang berbasis pada fungsi, yaitu tiap-tiap modul di dalam sistem digambarkan oleh fungsi utamanya.</p></div>
+
===Pengujian Black Box Pada Menu Login===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tabel HIPO dari [[Sistem Informasi|sistem informasi]] training pengajar pada [[Perguruan Tinggi Raharja]] :</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 ini adalah tabel pengujian Black Box berdasarkan sistem Monitoring Inventory Control Pada PT. Nur Hasta Utama untuk fungsi menu Login , yaitu sebagai berikut:</p></div>
  
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-g6alUs4OxW4/U5m5IvmXPmI/AAAAAAAAAog/_oBQAxcgOTc/w516-h305-no/Diagram+HIPO.jpg"/></div>
+
<div align="center"><img width="500" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/--GhLgFn18vw/VCeQdGkpf_I/AAAAAAAAAMM/78VS0SQQqzk/w354-h419-no/blackbox%2Bmenu%2Blogin.jpg"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Diagram HIPO [[Sistem Informasi]] Training Pengajar</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.4</b> Pengujian Black box Menu Login</div>
  
==Rancangan Prototipe==
+
===Pengujian Black Box Pada Menu Data Pegawai===
===Rancangan Prototipe Halaman Home===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tabel pengujian Black Box berdasarkan sistem Monitoring Inventory Control Pada PT. Nur Hasta Utama untuk fungsi menu data pegawai, yaitu sebagai berikut:</p></div>
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-0xm_pWwknZk/U5l_NRTL8tI/AAAAAAAAAn0/viDGUyaEuS8/w655-h381-no/Prototipe_Halaman+Home.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Rancangan Prototipe Halaman Home</div>
+
  
===Rancangan Prototipe Halaman Registration===
+
<div align="center"><img width="500" height="400" style="margin:0px" src="https://lh6.googleusercontent.com/-T71QeJm5ShM/VCfKdk1D0RI/AAAAAAAAAQ8/bQEoapzYUDg/w509-h419-no/blackbox%2Bmenu%2Bdata%2Bpegawai.jpg"/></div>
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/XVChM-w8hFWzTvaOLCHczRMrwDkDInqm053fMYkNu58=w655-h437-no"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.5</b> Pengujian Black box Menu Data Pegawai</div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Rancangan Prototipe Halaman Registration</div>
+
  
 +
===Pengujian Black Box Pada Menu Input Data Penggajian===
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini adalah tabel pengujian Black Box berdasarkan sistem Monitoring Inventory Control Pada PT. Nur Hasta Utama untuk fungsi menu Data Penggajian, yaitu sebagai berikut:</p></div>
 +
<div align="center"><img width="500" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-MVn735AfpFI/VCeQb1v4YiI/AAAAAAAAAL8/7TnkIvGGfjA/w702-h407-no/blackbox%2Bmenu%2Binput%2Bdata%2Bpegawai.jpg"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.6</b> Pengujian Black box Menu Input Data Pegawai</div>
  
===Rancangan Prototipe Halaman Registration===
+
==Implementasi==
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/VyYqoVF6Ey4ET_oIIqCLJQPselvLN_6TbTUCGwdJAgk=w649-h537-no"/></div>
+
===Schedule===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Rancangan Prototipe Halaman Contact Us</div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perancangan sistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dan kegiatan yang dilakukan adalah :</p></div>
  
 +
<div align="center"><img width="400" height="400" style="margin:0px" src="https://lh4.googleusercontent.com/-8ZoQlVGLEkY/VCeQsHzb0TI/AAAAAAAAAO0/4wTRy8-RYiM/w343-h419-no/tabel%2Bscdule.jpg"/></div>
  
===Rancangan Prototipe Halaman Registration===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Tabel 4.7</b> Tabel Pengolahan Jadwal</div>
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/7xThwYR1hpV3h8OOXkd32XbbbMKd7PzGF7JyZMZkyMY=w647-h435-no"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Rancangan Prototipe Halaman Testimoni</div>
+
 
+
==Tampilan Layar==
+
===Tampilan Halaman Home===
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-KaDMPsn_7WA/U5ffNFVN-xI/AAAAAAAAAnI/D_5ldIXY_Ls/w565-h577-no/Halaman+Utama.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Home</div>
+
 
+
 
+
===Tampilan Halaman Registration===
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-Q1hqh2wqZmg/U5ffLJtnhJI/AAAAAAAAAnA/Ah8c_iPxoTQ/w648-h577-no/Halaman+Registration.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Registration</div>
+
 
+
 
+
===Tampilan Halaman Contact Us===
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/-rgLxx8VRE_k/U5ffKnkvTzI/AAAAAAAAAmw/bWWP9O-z15A/w635-h577-no/Halaman+Contact+Us.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Contact Us</div>
+
 
+
 
+
===Tampilan Halaman Testimoni===
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh6.googleusercontent.com/-gebbmDa0_ok/U5ffLEi02tI/AAAAAAAAAm8/eiEtR8QIbQo/w635-h577-no/Halaman+Testimoni.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> Tampilan Halaman Contact Us</div>
+
 
+
==Konfigurasi Sistem Yang Diusulkan==
+
===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">Dalam  membuat analisa program untuk penulisan laporan Skripsi, penulis menggunakan komputer dengan spesifiasi perangkat keras (hardware) sebagai berikut:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Processor : Intel(R) Core(TM) i3-2330M</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Monitor : 14.0” HD LED</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. RAM : 2.00 GB DDR3 Memory</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. Hardisk : 640 GB HDD</p></div>
+
 
+
 
+
===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">Di dalam  membuat analisa program untuk penulisan laporan Skripsi, penulis menggunakan komputer dengan spesifiasi perangkat lunak <i>(software)</i> sebagai berikut:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">a. Microsoft Windows 7</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">b. Mozilla Firefox</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">c. Google Chrome</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">d. Visual Paradigm for UML 6.4 Enterprise Edition</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">e. AAA Logo 2008</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 1in"><p style="line-height: 2">e. PhotoScape</p></div>
+
 
+
===Hak Akses===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hak akses sistem ini diberikan kepada petugas yang berwenang</p></div>
+
 
+
==Testing==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Pengembangan [[Sistem Informasi|sistem informasi]] training pengajar Pada [[Perguruan Tinggi Raharja]] menggunakan metode Black Box testing. Metode Black Box testing merupakan pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan dari metode Black Box testing untuk menemukan kesalahan fungsi pada program. Pengujian dengan menggunakan metode Black Box testing dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari <i>software</i> dan fungsionalitasnya tanpa mengetahui yang terjadi dalam proses detail, melainkan hanya mengetahui input dan output.</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 ini adalah tabel pengujian sistem dengan menggunakan metode Black Box Testing :</p></div>
+
 
+
<div align="center"><img width="400" height="300" style="margin:0px" src="https://lh5.googleusercontent.com/UBufp5QiNZnAXjOco6Tu3y3JGwzTzhIB9M0z7RTZ2ns=w658-h315-no"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><b>Gambar</b> <i>Black Box testing</i> [[Sistem Informasi]] training pengajar</div>
+
 
+
==Evaluasi==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Setelah dilakukan pengujian dengan menggunakan metode black box pada pengisian form registrasi tarining pengajar, sebelum default pada field alamat email dibuat read-only, field email bisa diisi dengan alamat email selain Rinfo. Dan setelah default pada field alamat email dibuat read-only, field ini hanya dapat diisi dengan alamat email Rinfo yang mencirikan bahwa calon training pengajar tersebut adalah [[Pribadi Raharja]]</p></div>
+
 
+
==Implementasi==
+
===Schedule===
+
<table width="688" height="206" border="1">
+
  <tr>
+
    <th width="24" rowspan="2" scope="col">No </th>
+
    <th width="227" rowspan="2" scope="col">Nama Kegiatan </th>
+
    <th height="23" colspan="4" scope="col">Februari</th>
+
    <th colspan="4" scope="col">Maret</th>
+
    <th colspan="4" scope="col">April</th>
+
    <th colspan="4" scope="col">Mei</th>
+
  </tr>
+
  <tr>
+
    <td width="20" height="23"> <div align="center"><strong>1 </strong></div></td>
+
    <td width="21"><div align="center"><strong>2</strong></div></td>
+
    <td width="20"><div align="center"><strong>3</strong></div></td>
+
    <td width="17"><div align="center"><strong>4</strong></div></td>
+
    <td width="17"><div align="center"><strong>1</strong></div></td>
+
    <td width="20"><div align="center"><strong>2</strong></div></td>
+
    <td width="19"><div align="center"><strong>3</strong></div></td>
+
    <td width="21"><div align="center"><strong>4</strong></div></td>
+
    <td width="23"><div align="center"><strong>1</strong></div></td>
+
    <td width="22"><div align="center"><strong>2</strong></div></td>
+
    <td width="22"><div align="center"><strong>3</strong></div></td>
+
    <td width="22"><div align="center"><strong>4</strong></div></td>
+
    <td width="23"><div align="center"><strong>1</strong></div></td>
+
    <td width="18"><div align="center"><strong>2</strong></div></td>
+
    <td width="22"><div align="center"><strong>3</strong></div></td>
+
    <td width="18"><div align="center"><strong>4</strong></div></td>
+
  </tr>
+
  <tr>
+
    <td height="24">1.</td>
+
    <td>Pengumpulan Data </td>
+
    <td colspan="2" align="left" valign="bottom" bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
  </tr>
+
  <tr>
+
    <td height="24">2.</td>
+
    <td>Menganalisa Data </td>
+
    <td colspan="4" bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
  </tr>
+
  <tr>
+
    <td height="23">3.</td>
+
    <td>Elisitasi 1, 2, 3, dan Final </td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td colspan="8" bgcolor="#000000">&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
  </tr>
+
  <tr>
+
    <td height="23">4.</td>
+
    <td>Penulisan Laporan </td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td colspan="7" bgcolor="#000000">&nbsp;</td>
+
  </tr>
+
  <tr>
+
    <td height="23">5.</td>
+
    <td>Perancangan Tampilan dan Database </td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td colspan="4" bgcolor="#000000">&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
  </tr>
+
  <tr>
+
    <td height="23">6.</td>
+
    <td>Testing dan Inplementasi </td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td>&nbsp;</td>
+
    <td colspan="5" bgcolor="#000000">&nbsp;</td>
+
  </tr>
+
</table>
+
 
+
===Penerapan===
+
  
 
==Estimasi Biaya==
 
==Estimasi Biaya==
Baris 3.807: Baris 1.833:
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Apabila sistem yang baru sudah berjalan maka perlu di perhatikan dan di lakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan instansi atau perusahaan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Apabila sistem yang baru sudah berjalan maka perlu di perhatikan dan di lakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan instansi atau perusahaan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Perlu dilakukan sosialisasi dan training kepada bagian yang terkait terutama pada Divisi Keuangan.</li>
 
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Perlu dilakukan sosialisasi dan training kepada bagian yang terkait terutama pada Divisi Keuangan.</li>
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di masa yang akan datang, diharapkan bagi mahasiswa yang mengambil judul skripsi yang sama untuk dapat mengembangkan sistem ini menjadi jauh lebih baik.</li>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di masa yang akan datang, diharapkan bagi mahasiswa yang mengambil judul skripsi yang sama untuk dapat mengembangkan sistem ini menjadi jauh lebih baik.</li></ol>
 
+
==Kesan==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Selama melakukan penelitian yang hasilnya ditulis pada [[Skripsi|skripsi]] ini, banyak pengalaman-pengalaman yang telah penulis dapatkan. Suka dan duka tentu ada selama melakukan penelitian ini. Itu semua berhasil dilalui berkat usaha serta do'a yang terus dilakukan penulis.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<p style="line-height: 2">Saya memiliki motto hidup <i>"Always do the best and positive thinking".</i> Kalimat tersebut bukan sekedar kalimat bagi saya, melainkan sebuah kalimat yang mampu mendorong dan memberikan kekuatan bagi saya dalam melakukan dan menyelesaikan penelitian ini. Dengan selalu memberikan yang terbaik dan berpikir positif serta do'a kepada Tuhan Yang Maha Esa, saya yakin semua yang saya lakukan tidak akan pernah sia-sia.</p></div>
+
 
+
 
+
{{pagebreak}}
+
  
 
=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
 
=<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
<references /></div>
+
<references />
 +
</div>
  
 
{{pagebreak}}
 
{{pagebreak}}

Revisi terkini pada 22 Oktober 2014 11.29

PERANCANGAN SISTEM INFORMASI PENGGAJIAN PEGAWAI

HONORER PADA PT NUR HASTA UTAMA

BERBASIS WEB


SKRIPSI


jpg


OLEH :


NIM : 1014464919

NAMA : Suci Afrida



JURUSAN SISTEM INFORMASI

KONSENTRASI KOMPUTER AKUNTANSI

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

(2013/2014)

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA


LEMBAR PENGESAHAN SKRIPSI


PERANCANGAN SISTEM INFORMASI PENGGAJIAN PEGAWAI

HONORER PADA PT NUR HASTA UTAMA

BERBASIS WEB


Disusun Oleh :

NIM
: 1014464919
Nama
Jenjang Studi
: Strata Satu
Jurusan
Konsentrasi
: Komputer Akuntansi

   

Disahkan Oleh :

Tangerang, 17 Juni 2014

Ketua
       
Kepala Jurusan
       
           
           
           
           
(Ir. Untung Rahardja, M.T.I)
       
(Maimunah, M.Kom)
NIP : 00594
       
NIP : 007002

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

 

LEMBAR PERSETUJUAN PEMBIMBING


PERANCANGAN SISTEM INFORMASI PENGGAJIAN PEGAWAI

HONORER PADA PT NUR HASTA UTAMA

BERBASIS WEB


Dibuat Oleh :

NIM
: 1014464919
Nama

 

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Informasi

Konsentrasi Komputer Akuntansi


Disetujui Oleh :

Tangerang, 17 Juni 2014

Pembimbing I
   
Pembimbing II
       
       
       
       
(Syarah, S.Kom)
   
(Saryani, S.Kom)
NID : 08175
   
NID : 08167

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI


PERANCANGAN SISTEM INFORMASI PENGGAJIAN PEGAWAI

HONORER PADA PT NUR HASTA UTAMA

BERBASIS WEB


Dibuat Oleh :

NIM
: 1014464919
Nama

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Komputer Akuntansi

Tahun Akademik 2013/2014

Disetujui Penguji :

Tangerang, 17 September 2014

Ketua Penguji
 
Penguji I
 
Penguji II
         
         
         
         
(_______________)
 
(_______________)
 
(_______________)
NID :
 
NID :
 
NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

 

LEMBAR KEASLIAN SKRIPSI


PERANCANGAN SISTEM INFORMASI PENGGAJIAN PEGAWAI

HONORER PADA PT NUR HASTA UTAMA

BERBASIS WEB


Disusun Oleh :

NIM
: 1014464919
Nama
Jenjang Studi
: Strata Satu
Jurusan
Konsentrasi
: Komputer Akuntansi

   

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 Juni 2014

 
 
 
 
 
NIM : 1014464919

 

)*Tandatangan dibubuhi materai 6.000;


ABSTRAKSI

Pemanfaatan komputer dimana sekarang ini telah berkembang di segala bidang kehidupan manusia. Salah satunya adalah pemanfaatan komputer di bidang usaha. Program komputer yang telah banyak dikembangkan telah memudahkan admin dalam mengambil keputusan secara cepat dan tepat. Begitu dunia usaha menjadi besar dan kompleks, proses pencatatan dan pengikhtisaran itu semakin kompleks pula, maka dunia usaha akan mencari-cari alat bantu untuk meningkatkan efisiensi dan mengurangkan biaya. Seperti halnya pada perhitungan penggajian pegawai honorer pada PT. Nur Hasta Utama tersebut. Dalam perhitungan gaji pegawai honorer tersebut PT. Nur Hasta Utama mempunyai permasalahan dalam sistem penggajian pegawai honorer yang masih menggunakan secara manual, yaitu menggunakan Microsoft Excel. Perhitungan penggajian pegawai honorer seharusnya memiliki database yang sudah tertata rapi dan dapat diakses oleh pengguna yang memerlukannya, serta mampu memberikan solusi dalam hal mengambil keputusan padasaat dibutuhkan. Maka dari itu dibutuhkan suatu rancangan untuk sistem perhitungan gaji pegawai honorer dengan menggunakan website agar dalam pelaksanaan sistem perhitungan gaji dapat berjalan dengan baik dan cepat. Dengan demikian akan menghasilkan rancangan sistem informasi penggajian pegawai honorer yang dapat bermanfaat bagi PT. Nur Hasta Utama baik sebagai pengetahuan maupun sebagai dasar untuk mengambil suatu langkah kebijaksanaan.


Kata Kunci : penggajian, perhitungan gaji, pegawai honorer

ABSTRACT

Utilization of the computer where it is now grown in all areas of business life. One of computers in the business. A computer program that has been developed has facilitated an admin to make decisions quickly and accurately. When the business becomes large and more complex, the process of recording and recapitulation become more complex as well. The business will be looking for tools to improve efficiency and reduce costs. As like as with the honorary employee payroll calculations at Nur Hasta Utama Company. In the honorary employee payroll calculations at Nur Hasta Utama Company having problems in employee payroll system that still use manually, using Microsoft Excel. Honorary employee payroll should have a database that is already well organized and accessible to users who need it, and able to provide solutions in terms of decision-making in times of need. Therefore, we need a design for the honorary employee payroll calculations system using the website to make the implementation of the payroll calculations system can run well and quickly.


Keywords : payroll, payroll calculations, honorary employee

KATA PENGANTAR


Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah menganugerahkan rahmat dan hidayah-Nya kepada penulis, sehingga penulis dapat menyelesaikan laporan kerja praktek ini. Penulis menyadari bahwa dalam SKRIPSI ini merupakan karya ilmiah yang jauh dari sempurna, karena tidak menutup kemungkinan didalamnya masih terdapat berbagai kekurangan dan kelemahan, hal ini disebabkan pengetahuan dan pengalaman penulis yang masih terbatas.

Namun demikian berkat adanya bimbingan serta dukungan dari berbagai pihak, akhirnya SKRIPSI ini dapat terselesaikan dengan baik dan tepat pada waktunya. Adapun judul yang diambil oleh penulis dalam pembuatan Skripsi ini yaitu “ PERANCANGAN SISTEM INFORMASI PENGGAJIAN PEGAWAI HONORER PADA PT. NUR HASTA UTAMA BERBASIS WEB ”.

.

Dengan terselesaikannya skripsi ini penulis mengucapkan terima kasih kepada kedua orang tua, papa dan mama tersayang yang selalu memberikan kasih sayang yang tulus tanpa kenal lelah dan pamrih, teteh, kakak-kakakku dan adiku tercinta atas dukungan dan motivasi serta do’anya sehingga penulis dapat menyelesaikan laporan skripsi ini. Dan penulis ucapkan terima kasih kepada semua pihak yang telah membantu dan mendukung dalam penulisan laporan ini, tidak lupa penulis ucapkan terima kasih kepada :

  1. Bapak Ir. Untung Rahardja, M.T.I selaku Presiden Direktur Perguruan Tinggi Raharja.
  2. Bapak Drs. Po. Abas Sunarya, M.Si selaku Direktur Perguruan Tinggi Raharja.
  3. Ibu Maimunah, M.Kom selaku Kepala Jurusan Sistem Informasi.
  4. Ibu Syarah, S.Kom selaku dosen pembimbing pertama yang sudah membantu dan memberi semangat sampai skripsi ini selesai.
  5. Ibu Saryani, S.Kom selaku dosen pembimbing kedua yang sudah membantu hingga skripsi ini selesai..
  6. Bapak Iyus selaku pembimbing serta stakeholder yang sangat membantu terima kasih atas bantuannya, serta staff lainnya yang berada di PT. Nur Hasta Utama yang tidak dapat disebutkan satu persatu.
  7. Sahabat-sahabat Koplak di kampus ; Erni, Doni, Selvy, Pawit, Mpur, Pratidina, Halimah, Nufus. Terima kasih atas dukungannya.
  8. Dan kepada semua pihak yang telah ikut membantu penulis dalam menyelesaikan skripsi ini.

Namun demikian, penulis menyadari bahwa masih banyak terdapat kekurangan-kekurangan baik dari segi mapun teknik penyajiannya dan masih banyak pula hal yang dapat dikembangkan dalam laporan ini. Untuk itu, kritik dan saran yang positif sangat penulis harapkan demi perbaikan laporan ini.

Akhir kata penulis berharap penulisan laporan ini dapat memberikan manfaat bagi pembaca dan dapat menjadi bahan acuan yang bermanfaat dikemudian hari.



Tangerang, ..... 2014
Suci Afrida
NIM. 1014464919

Daftar isi


DAFTAR SIMBOL

DAFTAR SIMBOL USE CASE DIAGRAM

Daftar Simbol Use Case Diagram.png

DAFTAR SIMBOL ACTIVITY DIAGRAM

Daftar Simbol Activity Diagram.png

DAFTAR SIMBOL SEQUENCE DIAGRAM

Daftar Simbol Sequence Diagram.png

DAFTAR TABEL

Tabel 3.1 Tabel Elisitasi Tahap I

Tabel 3.2 Tabel Elisitasi Tahap II

Tabel 3.3 Tabel Elisitasi Tahap III

Tabel 3.4 Tabel Final Draf Elisitasi

Tabel 4.1 Tabel Perbedaan sistem berjalan dengan sistem usulan

Tabel 4.2 Tabel Pegawai

Tabel 4.3 Tabel Gaji

Tabel 4.4 Tabel Pengujian Black box Menu Login

Tabel 4.5 Tabel Pengujian Black box Menu Data Pegawai

Tabel 4.6 Tabel Pengujian Black box Menu Input Data Penggajian

Tabel 4.7 Tabel Pengolahan Jadwal

Tabel 4.8 Tabel Estimasi Biaya

DAFTAR GAMBAR

Gambar 3.1 Struktur Organisasi PT.Nur Hasta Utama

Gambar 3.2 Use Case Diagram yang berjalan

Gambar 3.3 Activity Diagram yang berjalan

Gambar 3.4 Activity Diagram Laporan Perhitungan Gaji Kepada Manager

Gambar 3.5 Sequence Diagram yang berjalan

Gambar 3.6 Unified Modeling Language (UML)

Gambar 4.1.2 Use Case Diagram yang diusulkan

Gambar 4.1.3 Activity Diagram yang diusulkan

Gambar 4.1.4 Sequence Diagram yang diusulkan untuk User

Gambar 4.1.5 State Diagram penggajian pegawai honorer

Gambar 4.2 Class Diagram yang diusulkan

Gambar 4.3 Tampilan Program Menu Login

Gambar 4.4 Tampilan Program Menu Data Pegawai

Gambar 4.5 Tampilan Program Menu Input Data Pegawai

Gambar 4.6 Tampilan Program Menu Hitung Gaji

Gambar 4.7 Tampilan Program Menu Cetak Laporan

Gambar 4.8 Tampilan Prototype Menu Login

Gambar 4.9 Tampilan Prototype Menu Data Pegawai

Gambar 4.10 Tampilan Prototype Menu Input Data Pegawai

Gambar 4.11 Tampilan Prototype Menu Hitung Gaji

Gambar 4.12 Tampilan Prototype Menu Cetak Laporan


BAB I

PENDAHULUAN

Latar Belakang

Perkembangan teknologi yang pesat saat ini banyak menarik perhatian masyarakat luas. Perkembangan komputer yang dinamis diiringi perkembangan zaman dapat menghasilkan informasi yang cepat dan akurat dan tidak memerlukan waktu yang lama dalam menggali informasi yang dibutuhkan. Mulai dari sebuah perkantoran yang menggunakan komputer untuk sebuah sistem informasi yang berguna untuk perusahaan tersebut dalam menyelesaikan semua pekerjaan yang ada, seperti menyimpan semua berkas-berkas penting sampai pembuatan laporan.

PT. Nur Hasta Utama ialah perusahaan yang bergerak pada bidang jasa penyedia tenaga kerja untuk supply ACS dan ISTS yang berada di Jln. Marsekal Surya Dharma No.99 Kota Tangerang kawasan Bandara Soekarno-Hatta. Perusahaan ini yang lebih dikenal dengan sebutan NHU adalah unit usaha dari Koperasi Angsana Boga Aerofood ACS. PT. Nur Hasta Utama didirikan pada tahun 2013 sebagai pengembangan dari Koperasi Angsana Boga Aerofood ACS untuk pengelolaan tenaga kerja.

Salah satu masalah yang sangat penting adalah gaji pegawai. Gaji merupakan sejumlah uang yang diberikan kepada seorang pegawai sebagai imbalan jasa atas usaha atau kerja yang telah dilakukannya terhadap perusahaan. Dalam memberikan gaji setiap perusahaan memiliki sistem yang berbeda-beda. Dimana gaji yang diberikan kepada para tenaga kerja juga berbeda sesuai dengan jabatan dan tingkat golongannya. Sehingga bukanlah suatu hal yang mengherankan apabila suatu perusahaan mengalami kesulitan dalam melakukan perhitungan gaji tenaga kerja tersebut. Hal ini umumnya disebabkan karena adanya jumlah tenaga kerja yang sangat banyak dan waktu yang digunakan untuk menghitung gaji sangatlah singkat yang biasanya dilakukandiakhir bulan.

Demikian halnya pada PT. Nur Hasta Utama yang dituntut kecepatan dan ketelitian dalam hal pemrosesan data, salah satu dari data tersebut adalah data penggajian pegawai honorer yang sangat dibutuhkan perusahaan, suatu sistem penggajian yang dapat menghasilkan data dengan cepat, tepat dan akurat. Akan tetapi saat ini, pengolahan data penggajian pegawai honorer pada PT. Nur Hasta Utama masih bersifat semi komputerisasi sehingga kebutuhan akan data tersebut pun tidak dapat terpenuhi secara optimal. Jika dilihat dari kinerjanya terkait dengan efisiensi waktu, kecepatan proses serta keefektifan kerja, maka akan memberikan hasil yang lebih memuaskan dibandingkan dengan penyelesaian secara semi komputerisasi.

Sehubungan dengan hal tersebut diatas maka penulis mencoba untuk menganalisa kebutuhan sekaligus sebagai bahan penyusunan skripsi dengan judul “Perancangan Sistem Informasi Penggajian Pegawai Honorer Pada PT. Nur Hasta Utama Berbasis Web”.

Rumusan Masalah

Berdasarkan uraian di atas maka dapat ditarik pokok permasalahan yaitu:

  1. Bagaimana proses penggajian pegawai honorer yang berjalan saat ini pada PT. Nur Hasta Utama ?
  2. Bagaimana cara menghitung gaji pegawai honorer yang berjalan saat ini?
  3. Bagaimana membuat suatu sistem yang dapat membantu perusahaan tersebut dalam pembuatan penggajian honorer ?

Ruang Lingkup Penelitian

Agar dalam pembahasan lebih terarah dan berjalan dengan baik maka perlu adanya ruang lingkup penelitian. Ruang lingkup penelitian hanya dibatasi pada proses penggajian pegawai honorer pada PT. Nur Hasta Utama, yaitu mulai dari input data pegawai honorer, input gaji pegawai honorer sampai dengan pembuatan laporan.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Penulis mengelompokkan tujuan penelitian menjadi 3 bagian yaitu sebagai berikut :

A. Tujuan Operasional

  1. Untuk mengetahui lebih dalam tentang sistem berjalan yang digunakan pada PT. Nur Hasta Utama.
  2. Mengembangkan ilmu pengetahuan, wawasan, keterampilan dan kemampuan profesi melalui penerapan ilmu, latihan kerja pada PT. Nur Hasta Utama.

B. Tujuan Fungsional

Adapun tujuan fungsional dari penelitian ini adalah untuk menghasilkan rancangan sistem informasi penggajian pegawai honorer yang bermanfaat bagi PT. Nur Hasta Utama baik sebagai pengetahuan maupun sebagai dasar untuk mengambil suatu langka kebijaksanaan.

C. Tujuan Individual

  1. Untuk mencari pengalaman dan pengetahuan yang baru dalam hal dunia kerja.
  2. Menambah wawasan dan cara berfikir penulis dalam menyerap ilmu yang didapat di luar bangku kuliah,khususnya pada proses perhitungan gaji pegawai honorer yang berjalan pada PT. Nur Hasta Utama.
  3. Dan sebagai salah satu persyaratan untuk menyelesaikan program sarjana dan juga sebagai sarana untuk mengimplementasikan ilmu - ilmu yang telah di dapat selama proses kuliah.

Manfaat Penelitian

Dari judul penelitian pengaruh efektivitas penerapan penggajian pegawai honorer pada PT. Nur Hasta Utama dapat diterapkan dengan sistem yang lebih efektif dan efisien. Penulis berharap penelitian ini dapat memberikan banyak manfaat yang bisa diambil. Berikut ini manfaat yang diharapkan penulis dari laporan ini adalah :

  1. Menghasilkan peninjauan lebih baik terhadap sistem tersebut, guna meningkatkan mutu dan efektifitas terhadap pemakai sistem tersebut.
  2. Menambah wawasan dan pengetahuan yang berguna yang tidak di peroleh di bangku kuliah.

Metode Penelitian

Untuk mendapatkan data dalam penulisan skripsi ini penulis menggunakan beberapa metode sebagai berikut :

Metode Pengumpulan Data

  1. Metode Observasi

    Observasi yaitu serangkaian pengumpulan data yang dilakukan secara langsung terhadap subjek atau objek penelitian melalui mata, telinga, dan perasaan. Dengan melihat fakta-fakta fisik dari objek yang diteliti. Observasi pada penelitian ini dilaksanakan di PT. Nur Hasta Utama yang berada di Jln. Marsekal Surya Dharma No.99 Kota Tangerang kawasan Bandara Soekarno-Hatta.

  2. Metode Wawancara

    Wawancara yaitu suatu metode untuk mendapatkan data dengan wawancara secara lisan yang dilakukan dengan dua orang atau lebih, penulis dalam penelitian melakukan interview langsung kepada orang yang berhubungan terhadap unsur objek yang di teliti. Wawancara dilakukan oleh Bapak Iyus Maulana, S.Kom selaku Pegawai NHU.

  3. Studi Pustaka

    Setelah mengetahui garis besar permasalahan yang akan diteliti, maka penulis melakukan studi pustaka untuk mengumpulkan data tentang pemecahan masalah dan penelitian kepustakaan dengan memanfaatkan buku–buku pada perpustakaan STMIK RAHARJA ataupun menggunakan makalah yang berhubungan dengan penelitian.

Metode Analisa Sistem

Pada penelitian ini digunakan teknik analisis berupa pendekatan Object Oriented Analysis (OOA) atau analisis berorientasi obyek dengan UML. Proses analisis dilakukan terhadap hasil tahapan pengumplan data dengan wawancara, observasi, dan studi pustaka untuk mendapatkan spesifikasi kebutuhan sistem yang akan dikembangkan. Pada proses analisis, teknik analisis yang dilakukan adalah :

  1. Analisis Pengguna

    Dilakukan analisis terhadap user-user yang akan menggunakan aplikasi dan juga fungsi-fungsi apa saja yang bisa didapatkan oleh masing – masing user.

  2. Analisis kebutuhan Fungsional, non fungsional dan pengguna

    Pemodelan kebutuhan fungsional untuk menggambarkan fungsi sistem dan pengguna yang terlibat serta fungsi- fungsi apa saja yang bisa didapatkan oleh masing-masing pengguna dimodelkan dengan Use Case Diagram.

  3. Analisis perilaku sistem

    Pada tahapan ini, dilakukan analisis perilaku sistem yang dikembangkan dan dimodelkan dengan Activity Diagram dan Sequence Diagram. Activity Diagram untuk memodelkan proses use case yang berjalan di dalam sistem, sedangkan sequence diagram untuk memodelkan pengiriman pesan (message) antar object dan kronologinya.

  4. Analisis sistem berjalan saat ini

Metode Perancangan

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

  1. 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, mengidentifikasi kendala-kendala sistem dan membuat studi kelayakan.

  2. Analisis (Analysis)

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

  3. Desain (Design)

    Tahap Design yaitu tahap dalam menentukan proses data yang diperlukan oleh sistem baru dengan tujuan memenuhi kebutuhan userdengan alat bantu UML dengan software visual paradigmn Use Case Diagram, Class Diagram, Sequence Diagram, Statechart Diagram dan Activity Diagram. Proses design akan menerjemahkan syarat kebutuhan ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelumdibuat coding. Proses ini berfokus pada : struktur data dengan menggunakan MySQL, arsitektur perangkat lunak, representasi interface denganmenggunakan Dreamweaver CS5, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumen yang disebut software requirement. Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatan sistemnya. Langkah-langkah yang dilakukan adalah menyiapkan rancangan sistem yang rinci, mengidentifikasi alternatif konfigurasi sistem dan menyiapkan usulan implementasi..

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

  5. Pemeliharaan (Maintenence)

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

Metodologi Pengujian

Dalam skripsi ini metode pengujian yang digunakan yaitu Blackbox Testing. Black-box Testing adalah metode uji coba yang memfokuskan pada keperluan software. Karena itu uji coba Black-box memungkinkan pengembang Software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program metode pengujian black-box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantanya : fungsi-fungsi yang salah atau hilang, kesalahn interface, kesalahan dalam struktur data atau akses database eksternal, kesalahan performa, kesalahan inisialisasi, dan terminasi.

Sistematika Penulisan

Penulisan terbagi menjadi 5 (lima) bab dan setiap bab terbagi dalam sub bab-sub bab dengan urutan pembahasan sebagai berikut :

BAB I PENDAHULUAN

Dalam hal ini menguraikan latar belakang, rumusan masalah, ruang lingkup, tujuan dan manfaat, metodelogi penelitian, dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini menjelaskan tentang teori-teori dasar atau umum dan teori-teori khusus yang berkaitan dengan analisa serta pemasalahan yang dibahas pada bagian sistem yang sedang berjalan, dan literature review..

BAB III ANALISA SISTEM YANG BERJALAN

Bab ini berisi gambaran umum perusahaan, Tata Laksana Sistem Yang Berjalan, Analisa Sistem Yang Berjalan, Konfigurasi Sistem Berjalan, Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah, User Requirement.

BAB IV HASIL PENELITIAN

Bab ini berisikan rancangan sistem usulan, rancangan basis data, Flowchart System yang diusulkan, Rancangan Program, Rancangan Prototype, Konfigurasi Sistem Usulan, Evaluasi, Implementasi, Etimasi Biaya.

BAB V PENUTUP

Bab ini berisikan tentang kesimpulan dan saran yang dapat diberikan oleh penulis dari hasil penelitian yang dilakukan terhadap sistem tersebut.

DAFTAR PUSTAKA

LAMPIRAN

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Sistem

1. Definisi Sistem

Menurut Sutabri (2012:16) [1] mendefinisikan, menarik kesimpulan bahwa “suatu sistem pada dasarnya adalah sekelompok unsur yang erat hubungannya satu dengan yang lain yang berfungsi bersama-sama untuk mencapai tujuan tertentu”. Definisi tersebut dapat dirinci lebih lanjut tentang pengertian secara umum, yaitu :

  1. Setiap sistem terdiri dari unsur-unsur, seperti sistem pernapasan kita terdiri dari suatu kelompok unsur, yang terdiri dari hidung, saluran pernafasan, paru-paru, dan darah. Unsur-unsur yang membentuk subsistem tersebut.
  2. Unsur-unsur tersebut merupakan bagian terpadu sistem yang bersangkutan, unsur-unsur sistem berhubungan erat satu dengan yang lain dan sifat serta kerjasama antara unsur sistem tersebut mempunyai bentuk tertentu.
  3. Unsur sistem tersebut bekerjasama untuk mencapai tujuan sistem, setiap sistem mempunyai tujuan tertentu. Seperti sistem pernapasan kita bertujuan menyediakan oksigen dan pembuangan karbon dioksida dari tubuh kita bertujuan menyediakan oksigen dan tersebut yang berupa hidung, saluran pernapasan, paru-paru, dan darah bekerjasama satu dengan yang lain dengan proses tertentu untuk mencapai tujuan tersebut.
  4. Suatu sistem merupakan bagian dari sistem lain yang lebih besar, sistem pernafasan kita merupakan bagian dari sistem metabolisme tubuh, contoh sistem satuan adalah sistem pencernaan makanan, sistem peredaran darah, dan sistem pertahanan tubuh.

Menurut Lili dalam Jurnal CCIT Vol.3 No.2 (2010:208) [2] mendefinisikan “Analisa secara umum merupakan tahap dari daur hidup pengembangan perangkat lunak pengajar. Salah satu tahap yang bertujuan untuk memahami keperluan pembelajaran dan mengembangkan permintaan-permintaan.

Dari uraian di atas dapat diambil kesimpulan bahwa suatu sistem pada dasarnya adalah sekelompok unsur yang erat hubungannya satu dengan yang lain yang berfungsi bersama-sama untuk mencapai tujuan tertentu.

2. Karakteristik Sistem

Menurut Tata Sutabri (2012:20)[3], mendefinisikan, karakteristik sistem adalah sebagai berikut :

  1. Komponen Sistem (Components)
    Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, artinya saling bekerja sama 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”.
  2. Batas Sistem (Boundary System)
    Ruang lingkup sistem merupakan daerah yang membatasi antara sistem dengan sistem yang lain atau sistem dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan yang tidak dapat dipisahkan.
  3. Lingkungan Luar Sistem (Environment System)
    Bentuk apapun yang ada diluar ruang lingkup atau batasan sistem yang mempengaruhi operasi sistem tersebut disebut lingkungan luar sistem, lingkungan luar sistem ini dapat bersifat menguntungkan dan dapat juga bersifat merugikan sistem tersebut. Dengan demikian, lingkungan luar tersebut harus tetap dijaga dan dipelihara, lingkungan luar yang merugikan harus dikendalikan, jika tidak akan mengganggu kelangsungan hidup sistem tersebut.
  4. Penghubung Sistem (Interface System)
    Media yang menghubungkan sistem dengan subsistem lain disebut penghubung sistem atau interface, penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem lain. Bentuk keluaran dari satu subsistem akan menjadi masukan untuk subsistem lain melalui penghubung tersebut, dengan demikian dapat terjadi suatu integrasi sistem yang membentuk suatu kesatuan.
  5. Masukan Sistem (Input System)
    Energi yang dimasukan ke dalam sistem disebut masukkan sistem, yang dapat berupa pemeliharaan (maintenance input) dan sinyal (Signal Input). Contoh, di dalam suatu unit sistem komputer “program” adalah maintenance input yang digunakan untuk mengoperasikan komputernya dan “data” adalah signal input untuk diolah menjadi informasi.
  6. Pengolahan Sistem (Processing System)
    Suatu sistem dapat mempunyai suatu proses yang akan mengubah masukan menjadi keluaran, contohnya adalah sistem akuntansi. Sistem ini akan mengolah data transaksi menjadi laporan-laporan yang dibutuhkan oleh pihak manajemen.
  7. Keluaran Sistem (Output System)
    Hasil energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna, kaluaran ini merupakan masukan bagi subsistem yang lain seperti sistem informasi. Keluaran yang dihasilkan adalah informasi, informasi ini dapat digunakan sebagai masukkan untuk pengambilan keputusan atau hal-hal yang menjadi input bagi subsistem lain.
  8. Sasaran Sistem (Objective) dan Tujuan (Goals)
    Suatu sistem memiliki tujuan dan sasaran yang pasti dan bersifat deterministic, jika suatu sistem tidak memiliki sasaran maka operasi sistem tidak ada gunanya. Suatu sistem dikatakan berhasil bila mengenai sasaran atau tujuan yang telah direncanakan.

3. Klasifikasi Sistem

Menurut Sutabri (2012:22) [3] mendefinisikan, sistem dapat diklasifikasikan dari beberapa sudut pandang, di antaranya:

  1. Sistem Abstrak (Abstract System) dan Sistem Fisik (Physical System)
    Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologia, yaitu sistem yang berupa pemikiran hubungan antara manusia dengan Tuhan, sedangkan sistem fisik merupakan sistem yang ada secara fisik, misalnya sistem komputer, sistem produksi, sistem penjualan, sistem administrasi personalia dan lain sebagainya.
  2. Sistem Alamiah (Natural System) dan Sistem Buatan Manusia (Human Made System)
    Sistem alamiah adalah sistem yang terjadi melalui proses alam; tidak dibuat oleh manusia, misalnya sistem perputaran bumi, terjadinya siang malam, pergantian musim. Sedangkan sistem buatan manusia merupakan sistem yang melibatkan interaksi manusia dengan mesin yang disebut human machine sistem. Sistem informasi berbasis komputer merupakan contoh human machine sistem karena menyangkut penggunaan komputer yang berinteraksi dengan manusia.
  3. Sistem Tertentu (Deterministic System) dan Sistem Tak Tentu (Probabilistic System)
    Sistem yang beroperasi 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 probabilistik adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probablistic.
  4. Sistem Tertutup (Closed System) dan Sistem Terbuka (Open System)
    Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengnaruh oleh lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa campur tangan pihak luar. Sedangkan sistem terbuka adalah sistem yang berhubungan oleh lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk subsistem lainnya

Konsep Dasar Sistem Informasi

1. Definisi Sistem Informasi

Menurut Sutabri (2012:38) [1] mendefinisikan “sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan laporan-laporan yang diperlukan oleh pihak luar tertentu”.

Dari pendapat di atas, maka dapat disimpulkan sistem informasi adalah suatu sistem yang sangat dibutuhkan organisasi untuk dapat menyediakan laporan-laporan yang diperlukan dan menyebarkan hasilnya (informasi).Dari pendapat diatas maka dapat disimpulkan bahwa sistem informasi adalah suatu kegiatan mengumpulkan, memproses, menyimpan, menganalisa dan menyebarkan suatu informasi untuk tujuan tertentu .

2. Komponen Sistem Informasi

Menurut Sutabri (2012:47) [1] mendefinisikan, sistem informasi terdiri dari beberapa komponen-komponen yang disebut blok bangunan (building block), diantaranya :

  1. Blok Masukan (Input Block)
    Input mewakili data yang masuk kedalam sistem informasi, input yang dimaksud adalah metode dan media untuk menangkap data yang akan dimasukan yang dapat berupa dokumen-dokumen dasar.
  2. Blok Model (Model Block)
    Blok ini terdiri dari kombinasi prosedur, logika, dan model matematik yang akan memanipulasi dati input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan.
  3. Blok Keluaran (Technology Block)
    Teknologi merupakan “tool box” dalam sistem informasi, teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran, dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari 3 (tiga) bagian utama, yaitu teknisi (brainware), perangkat lunak (software), dan perangkat keras (hardware).
  4. Blok Basis Data (database block)
    Basis data (database) merupakan kumpulan data yang saling berkaitan dan berhubungan satu sama lain, tersimpan di perangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Data didalam basis data perlu diorganisasikan sedemikian rupa agar informasi yang dihasilkan berkualitas.
  5. Blok Kendali (control blok)
    Banyak hal yang dapat merusak sistem informasi, seperti bencana alam, api, termperatur, air, debu, kecurangan-kecurangan, kegagalan-kegagalan sistem itu sendiri, ketidak efisienan, sabotase, dan lain sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung diatasi.

Konsep Dasar Analisa Sistem

1. Definisi Analisa Sistem

Menurut Henderi, dkk dalam jurnal CCIT Vol 4 (2011 : 322 [4] mendefinisikan, Analisa sistem adalah penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat dibuat rancangan sistem yang baru yang sesuai dengan kebutuhan.

Menurut Sutabri (2012:220) [1] mendefinisikan “tahap analisis sistem dilakukan setelah tahap investigasi sistem dan sebelum tahap rancangan sistem, tahap analisis sistem merupakan tahap yang kritis dan sangat penting karena kesalahan ditahap ini akan menyebabkan kesalahan pada tahap selanjutnya”.

Dari pendapat diatas dapat disimpulkan bahwa tahapan analisa sistem dapat dilakukan sebelum dibuat tahapan rangcangan sistem, dan analisa sistem sangat penting dilakukan agar menghindari kesalahan yang akan timbul di tahapan selanjutnya.

2. Tahapan Analisa Sistem

Menurut Henderi, dkk dalam jurnal CCIT Vol 4 (2011 : 322 [5] mendefinisikan “Tahapan analisa sistem adalah tahap penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalah-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat di buat rancangan sistem yang baru sesuai dengan kebutuhan”.

Menurut Sutabri (2012:220) [1] mendefinisikan, proses analisis sistem dalam pengembangan sistem informasi merupakan suatu prosedur yang dilakukan untuk pemeriksaan masalah dan penyusunan alternatif pemecahan masalah yang timbul serta membuat spesifikasi sistem yang baru atau sistem yang akan diusulkan dan dimodifikasi. Adapun tujuan utama dari tahap analisis sitem ini adalah sebagai berikut:

  1. Memberikan pelayanan kebutuhan informasi kepada fungsi-fungsi manajerial di dalam pengendalian pelaksanaan kegiatan operasional perusahaan.
  2. Membantu para pengambil keputusan, yaitu para pemimpin, untuk mendapatkan bahan perbandingan sebagai tolak ukur hasil yang telah dicapainya.
  3. Mengevaluasi sistem-sistem yang telah ada dan berjalan ssmpai saat ini, baik pengolahan data maupun pembuatan laporannya.
  4. Merumuskan tujuan-tujuan yang ingin dicapai berupa pola pengolahan data dan pembuatan laporan yang baru.
  5. Menyusun suatu tahap rencana pengembangan sistem dan penerapannya serta perumusan langkah dan kebijaksanaan.

Selama tahap analisis sistem, analis sistem terus bekerja sama dengan manajer, dan komite pengarah terlibat dalam titik yang penting. Adapun langkah-langkah yang harus dilakukan pada tahap analisis sistem adalah sebagai berikut:

  1. Mengumumkan penelitian sistem
    Ketika perusahaan menerapkan aplikasi komputer baru manajemen mengambil langkah untuk memastikan kerjasama dari para pekerja. Perhatian mula-mula ditunjukan pada kekhawatiran pegarawai mengenai cara komputer mempengaruhi kerja mereka.
  2. Mengorganisasikan tim proyek
    Tim proyek yang akan melakukan penelitian sistem dikumpulkan. Banyak perusahaan mempunyai kebijakan menjadi pemakai dan bukan spesialis informasi sebagai pemimpin proyek. Agar proyek berhasil, pemakai perlu berperan aktif daripada hanya pasif.
  3. Mendefinisikan kebutuhan informasi
    Analisis mempelajari kebutuhan informasi pemakai dengan terlibat dalam berbagai kegiatan pengumpulan informasi, wawancara perorangan, pengamatan, pencarian catatan, dan survey.
  4. Mendefinisikan kriteria kinerja sistem
    Setelah kebutuhan informasi manajer didefinisikan, langkah selanjutnya adalah menspesifikasikan secara tepat apa yang harus dicapai oleh sistem, yaitukriteria kinerja sistem.
  5. Menyiapkan usulan rancangan
    Analisis sistem memberikan kesempatan bagi manajer untuk membuat keputusan untuk meneruskan atau menghentikan untuk kedua kalinya. Disini manajer harus menyetujui tahap rancangan dan dukungan bagi keputusan itu termasuk di dalam usulan rancangan
  6. Menyetujui atau menolak rancangan proyek
    Manajer dan komite sistem mengevaluasi usulan rancangan dan menentukan apakah akan memberikan persetujuan atau tidak. Dalam beberapa kasus, tim mungkin diminta melakukan analisis lain dan menyerahkan kembali atau proyek mungkin ditinggalkan. Jika persetujuan diberikan, proyek akan maju ke tahap rancangan.

Konsep Dasar Perancangan

1. Definisi Perancangan Sistem

Menurut Aisyah dan Kalbuana dalam jurnal CCIT Vol-4, (2011:203) [6] mendefinisikan, pada metode analisa sistem dan perancangan yang menggunakan metode yang dikenal dengan nama System Development Life Cycle (SDLC).

SDLC merupakan metodelogi umum dalam pengembangan sistem yang menandai kemajuan dari usaha analisa dan desain. Langkah-langkah SDLC meliputi fase-fase sebagai berikut:

  1. Perancangan Sistem
    Dalam tahapan perancangan sistem ini dijelaskan bagaimana langkah-langkah dalam perancangan aplikasi kemahasiswaan dengan teknologi.
  2. Analisa Sistem
    Melakukan analisa sistem yang akan dirancang, serta melakukan penelitian terhadap kebutuhan-kebutuhan sistem, apa saja kekurangannya.
  3. Perancangan
    Yaitu tahapan untuk melakukan perancangan suatu aplikasi, terdapat tiga tahapan perancangan, yaitu: perancangan interface, perancangan isi, dan perancangan program.

2. Tahapan Implementasi Sistem

Menurut Murad , dkk dalam Jurnal CCIT Vol-4 (2013:52) [7] mendefinisikan “Tahap ini merupakan tahapan dalam pengimplementasikan sistem yang sudah dirancang dan dilakukan pengujian secara unit, agar dapat mengetahui kesalahan-kesalahan yang terdapat dalam sistem dan segera dilakukan perbaikan”.

Menurut Sutabri (2012:229) [1] mendefinisikan, setelah sistem dianalisis dan dirangcang dengan menggunakan teknologiyang sudah diseleksi dan dipilih maka tiba saatnya bagi sistem tersebut untuk diimplementasikan. Adapun tujuan utama dari tahap implementasi sistem ini adalah sebagai berikut:

  1. Pengkajian mengenai rangkaian sistem, perangkat lunak, dan perangkat keras dalam bentuk sistem jaringan informasi terpusat agar dapat diperoleh sebuah bangunan atau arsitektur sistem informasi.
  2. Melakukan uji coba perangkat lunak sistem sebagai pengolah data sekaligus penyaji informasi yang dibutuhkan.

Teori Khusus

Definisi Pegawai

Menurut Harsono dalam Wijayanti (2014 : 16) [8] mendefinisikan “Pegawai yang berarti orang-orang atau sekelompok orang yang memiliki status karena pekerjaannya”.

Pegawai merupakan kelompok atau anggota disuatu organisasi dan melaksanakan pekerjaan yang telah ditetapkan dan merupakan pekerjaan yang melaksanakan kegiatan-kegiatan rutin untuk mencapai hasil kerja yang diinginkan sesuai dengan apa yang akan dicapai.

Definisi Penggajian

Menurut Sulaiman dan Zakaria dalam Nurkhotimah (2010:309) [9] mendefinisikan, istilah penggajian berasal dari kata gaji yaitu : pembayaran yang diberikan oleh majikan kepada pekerja atas usahanya terlibat dalam proses produksi.

Gaji umumnya merupakan pembayaran atas penyerahan jasa yang dilakukan oleh pegawai yang mempunyai jenjang jabatan manager, sedangkan upah umumnya merupakan pembayaran atas penyerahan jasa yang dilakukan oleh pegawai, umumnya gaji di bayar secara tetap perbulan sedangkan upah dibayar berdasarkan hari kerja, jam kerja, atau jumlah satuan produk yang dihasilkan oleh pegawai. Jadi, penggajian merupakan proses perhitungan gaji bersih yang di proses berdasarkan absensi (Time Cord) potongan, tunjangan yang diberikan berdasarkan golongan setiap pekerja tersebut.

Konsep Dasar Database

Definisi Database

Menurut Raharja, dkk dalam jurnal CCIT (20011:238) mendefinisikan, "Database adalah kumpulan fakta-fakta sebagai respresentasi dari dunia nyata yang saling berhubungan dan mempunyai arti tertentu."

Berdasarkan pendapat yang dikemukakan diatas dapat ditarik kesimpulan database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi informasi dari basis data tersebut.

Definisi Database MySQL

Menurut Kurniawan Rulianto dalam Wulan Dini (2010:16) [10] mendefinisikan, MySQL adalah suatu jenis database serverterkenal. MySQL termasuk jenis RDBMS (Relational Database Management System) yang lebih popular lewat kalangan pemograman web. MySQL ini mendukung bahasa pemograman PHP.

MySQL sebenarnya produk yang berjalan pada platform linux, karena sifatnya yang open source. MySQL dapat dijalankan pada semua platform baik windows maupun linux, MySQL juga merupakan pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multi user (banyak pengguna).

Konsep Dasar PHP

1. Definisi PHP

Menurut Anhar dalam Wijayanti (2014:32) [8] mendefinisikan, “PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemograman web server-side yang bersifat open source.” PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML embeded scripting). PHP adalah script yang digunakan untuk membuat halaman website yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru up to date. Semua script dieksekusi pada server dimana scripttersebut dijalankan.

2. Xampp

Menurut Rudyanto M Arif dalam Wijayanti (2014:34) [8] mendefinisikan, “XAMPP merupakan aplikasi yang mengintegrasikan beberapa aplikasi utama web di dalamnya. Dalam XAMPP terdapat instalasi model PHP, MySQL, web server Apache, yang mana pejelasannya adalah sbb:

  1. PHP
    Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-sidescripting, PHP juga bersifat open source. Sistem management database yang sering digunakan bersama PHP adalah MySQL, namun PHP juga mendukung system management database oracle, Microsoft acces, interbase, d-base dan postgreSQL.
  2. MySQL
    SQL kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang khusus digunakan untuk mengolah database, MySQL juga bersifat opensource dan relational yang artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi lebih cepat. MySQL dibuat dan dikembangkan oleh MySQL yang berada di Swedia.MySQL dapat digunakan untuk membuat dan mengolah database beserta isinya, serta untuk menambahkan, mengubah dan menghapus data yang berada dalam database.
  3. Apache
    Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil bahkan mengubah kodeprogramnya.Tugas utama apache adalah menghasilkan halaman web yang benar kepada pemintaberdasarkan kode PHP yang dituliskan oleh pembuat halaman web.

Definisi Website

Menurut Murad, dkk dalam Jurnal CCIT Vol.7 No.1 (2013:49) [7] mendefinisikan “website adalah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lainnya yang tersimpan dalam sebuah server web internet yang disajikan dalam bentuk hypertext”.

Berdasarkan pendapat yang dikemukakan diatas, maka dapat disimpulkan website adalah sebuah tempat di internet, yang menyajikan informasi dengan berbagai macam format data seperti teks gambar, bahkan video dan dapat diakses menggunakan berbagai aplikasi client shingga memungkinkan penyajian informasi yang lebih menarik dan dinamis dengan pengelolaan yang terorganisasi.

UML (Unified Modelling Language)

1. Definisi UML (Unified Modelling Language)

Menurut Adi Nugroho dalam Astuti(2010:6)[11], mendefinisikan ”UML (Unified Modeling Language) adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma(berorientasi objek).” Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan dipahami.

Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa UML adalah sebuah bahasa yang berdasarkan grafik atau gambar untuk menvisualisasikan, menspesifikasikan, membangun dan pendokumentasian dari sebuah sistem pengembangan perangkat lunak berbasis Objek (Object Oriented programming).

2. Model Unified Modelling Language (UML)

Menurut Herlawati Widodo dalam Astuti (2011:10) [11] mendefinisikan, Beberapa literature menyebutkan bahwa UML menyediakan sembilan jenis diagram, yang lain menyebutkan delapan karena ada beberapa diagram yang digabung, misanya diagram komunikasi, diagram urutan dan diagram pewaktuan digabung menjadi diagram interaksi”. Namun demikian model-model itu dapat dikelompokkan berdasarkan sifatnya yaitu statis atau dinamis. Jenis diagram itu antara lain:

  1. Diagram Kelas
    Bersifat statis, Diagram ini memperlihatkan himpunan kelas-kelas, antarmuka-antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini umum dijumpai pada pemodelan sistem berorientasi objek. Meskipun bersifat statis, sering pula diagram kelas memuat kelas-kelas aktif.
  2. Diagram paket (Package Diagram)
    Bersifat statis. Diagram ini memperlihatkan kumpulan kelas-kelas, merupakan bagian dari diagram komponen.
  3. Diagram usecase
    Bersifat statis. Diagram ini memperlihatkan himpunan use-case dan aktor-aktor (suatu jenis khusus dari kelas). Diagram ini terutama sangat penting untuk mengorganisasi dan memodelkan perilaku suatu sistem yang dibutuhkan serta diharapkan pengguna.
  4. Diagram interaksi dan sequence (urutan)
    Bersifat dinamis. Diagram urutan adalah iterasiksi yang menekankan pada pengiriman pesan dalam suatu waktu tertentu.
  5. Diagram komunikasi (communication diagram)
    Bersifat dinamis. Diagram sebagai pengganti diagram kolaborasi UML 1.4 yang menekankan organisasi struktural dari objek-objek yang menerima serta mengirim pesan.
  6. Diagram statechart (statechart diagram)
    Bersifat dinamis. Diagram status memperlihatkan keadaan-keadaan pada sistem, memuat status (state), transisi, kejadian serta aktivitas.
  7. Diagram aktivitas (activity diagram)
    Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagram status yang memperlihatkan aliran dari suatu suatu aktivitas ke aktivitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam pemodelan fungsi-fungsi suatu sistem dan memberi tekanan pada aliran kendali antar objek.
  8. Diagram komponen (component diagram)
    Bersifat statis. Diagram komponen ini memperlihatkan organisasi serta kebergantungan sistem/perangkat lunak pada komponen-komponen yang telah ada sebelumnya.
  9. Diagram deployment (deployment diagram)
    Bersifat statis. Diagram ini memperlihatkan konfigurasi saat aplikasi dijalankan (run-time). Memuat simpul-simpul beserta komponen-komponen yang di dalamnya.

Kesembilan diagram ini tidak mutlak harus digunakan dalam pengembangan perangkat lunak, semuanya dibuat sesuai kebutuhan. Pada UML dimungkinkan kita menggunakan diagram-diagram lainnya misalnya data flow diagram, entity relationship diagram, dan sebagainya.

3. Jenis-jenis diagram UML (Unified Modelling Language)

Berikut ini adalah definisi mengenai 5 diagram UML:

  1. Use Case Diagram secara grafis menggambarkan interaksi antara sistem, sistem eksternal dan pengguna. Dengan kata lain use case diagram secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna (user) mengharapkan interaksi dengan sistem itu. Use case secara naratif digunakan untuk secara tekstual menggambarkan sekuensi langkah-langkah dari setiap interaksi.
  2. Class Diagram menggambarkan struktur object sistem. Diagram ini menunjukkan class object yang menyusun sistem dan juga hubungan antara class object tersebut.
  3. Sequence Diagram secara grafis menggambarkan bagaimana objek berinteraksi dengan satu sama lain melalui pesan pada sekuensi sebuah use case atau operasi.
  4. Activity Diagram secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas baik proses bisnis maupun use case. Activity diagram dapat juga digunakan untuk memodelkan actionyang akan dilakukan saat sebuah operasi dieksekusi, dan memodelkan hasil.

Macromedia Dreamweaver CS5

Menurut Puspitasari dan Heni dalam Wijayanti (2014:33) [8] mendefinisikan, “Dreamweaver CS5 adalah salah satu HTML Editor Professional yang berfungsi untuk mendesain web secara visual dan mengelola situs atau halaman web”.

Berdasarkan pernyataan diatas dapat diambil kesimpulan bahwa Dreamweaver merupakan salah satu HTMLyang berfungsi untuk membuat dan mengelola design web secara visual.

Fasilitas Dreamweaver CS5

Menurut Sigit Christianus dalam Nurkhotimah (2010:1) [9] mendefinisikan, Dreamweaver CS5 memiliki peningkatan kemampuan toolbar, yaitu Dreamweaver CS5 dapat digunakan untuk memodifikasi tampilan toolbar atau menambahkan funsi baru.

Selain user interface baru, Dreamweaver CS5 memiliki kemampuan untuk menyunting kode dengan lebih baik. Dreamweaver CS5 juga dapat melakukan print kode pada jendela Code view, serta memiliki fasilitas Code Hints yang membantu dalam urutan tag-tag, serta Tag Inspector yang sangat berguna dalam menangani tag-tag HTML.

Konsep Dasar Testing

Definisi Testing

Menurut Rizky Soetam dalam Rahayu (2011:237) [12] mendefinisikan, “Testing adalah sebuah proses siklus hidup dan merupakan bagian dari proses rekayasa perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak secara terpenuhi kebutuhan teknis yang telah disepakati dari awal”.

Detail tahapan yang harus dilampaui dalam kaitan kebutuhan perangkat lunak dari sudut pandang testing perangkat lunak adalah:

  1. Verifikasi
    Verifikasi adalah proses pemeriksaan untuk memastikan bahwa perangkat lunak telah menjalankan apa yang harus dilakukan dari kesepakatan awal antara pengembang perangkat lunak dan pengguna.
  2. Validasi
    Validasi adalah sebuah proses yang melakukan konfirmasi bahwa perangkat lunak dapat dieksekusi secara baik.

Definisi Black Box Tasting

Menurut Rizky Soetam dalam Rahayu (2011:265) [12] mendefinisikan, "Black box testing adalah tipe uji coba yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak pentingdilihat isinya, tapi cukup dikenai proses testing di bagian luar."

Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain:

  1. Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman.
  2. Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna.
  3. Hasil dari blackbox testing dapat memperjelaskan kontradiksi ataupun kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak.
  4. Proses testing dapat dilakukan lebih cepat dibandingankan white box testing.

Konsep Dasar Elisitasi

Menurut Gurito Suryo dalam Wulan Dini (2010:303) [10] mendefinisikan, “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.

  1. Elisitasi tahap I
    Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
  2. Elisitasi tahap II
    Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada sistem baru dengan rancangan yang disanggupi oleh penulis untuk di eksekusi. 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 pembentukan 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.
  3. Elisitasi tahap III
    Merupakan hasil penyusutan elisitasi tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya, semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu :
  1. Technical (T) : bagaimana tata cara atau teknik pembuatan requirement dalam sistem yang diusulkan.
  2. Operational (O) : bagaimana tata cara penggunaan requirement dalam sistem akan dikembangkan.
  3. Economic (E) : berapakah biaya yang diperlukan guna membangun requirement di dalam sistem.

Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:

  1. High (H)  : Sulit untuk dikerjakan, karena teknik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus dieliminasi.
  2. Middle (M) : Mampu dikerjakan.
  3. Low (L) : Mudah dikerjakan.

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

Konsep Dasar Literature Review

1. Definisi Literature Review

Metode studi pustaka dilakukan untuk menunjang metode wawancara dan observasi yang telah dilakukan. Pengumpulan informasi yang dibutuhkan dilakukan dengan mencari referensi-referensi yang berhubungan dengan penelitian yang dilakukan, referensi dapat diperoleh dari buku-buku atau internet.

Manfaat dari studi pustaka (Literatur Review) ini antara lain:

  1. Mengidentifikasikan kesenjangan (identify gaps) dari penelitian ini.
  2. Menghindari membuat ulang (reinventing the wheel) sehingga banyak menghemat waktu dan juga menghindari kesalahan-kesalahan yang pernah dilakukan oleh orang lain.
  3. Mengidentifikasikan metode yang pernah dilakukan dan yang relevan terhadap penelitian ini.
  4. Meneruskan apa yang penelitian sebelumnya telah capai sehingga dengan adanya studi pustaka ini, penelitian yang akan dilakukan dapat membangun diatas landasan (platform) dari pengetahuan atau ide yang sudah ada.
  5. Untuk mengetahui orang lain yang spesialis dan mengerjakan diarea penelitian yang sama, sehingga dapat terjaring dalam komunitas yang dapat memberi kontribusi sumber daya yang berharga.

Terdapat beberapa penelitian yang memliki kolerasi yang searah dengan penelitian yang akan dibahas dalam tugasakhir ini antara lain:

  1. Irwan Yulistiawan [2011] [13].
    Dalam laporan skripsi dalam judul “Rancang Bangun Sistem Informasi Penggajian Karyawan Pada PT. Bank Pembiayaan Rakyat Syariah Harta Insan Karimah (UIN JAKARTA)”. Disini ada beberapa kesamaan tentang pembahasan yang mengarahkan tentang penggajian, dimana pada penelitian yang dilakukan oleh Irwan Yulistiawan bertujuan untuk memberikan kemudahaan kepada pegawai dalam melihat slip gaji secara online agar dapat bekerja secara efektif. metode perancangan yang akan digunakan pada penelitian ini adalah menggunakan Rapid Application Development (RAD). Keunggulan sistem yang dibangun oleh penelitian sebelumnya adalah dapat memberikan kemudahan kepada pegawai dalam menerima gaji serta meminimalkan kesalahan yang sering terjadi sebelum sistem ini dibangun.

  2. Faridatun Hasanah [2010] [14].
    Penelitian yang telah dijalankan oleh dadang setiadi dalam laporan skripsi dengan judul “Meningkatkan Sistem Penggajian Menggunakan Excel MacroPada PT. Skyputra Pancasurya, Dalam penelitian ini metode perancangan yang digunakan ialah OOD (Object Oriented Design) dan UML (Unified Modeling Language) Keunggulan sistem ini dari penelitian yang sebelumnya adalah dapat menghasilkan rancangan yang dapat mempermudah perhitungan gaji karyawan pada bagian accounting.

  3. Paskah Wahyuningsih [2011] [15].
    Dalam laporan skripsi dalam judul “ Perancangan Sistem Informasi Penggajian Guru Pada SMK Ricardo Auto Machine Tangerang”, ini diusulkan untuk memperbaiki kekurangan yang ada pada sistem yang berjalan. Dan pada perancangan sistem yang diusulkan menggunakan metode SDLC (System Development Life Cycle) dengan melewati tahapan Perencanaan (Planning), Analisis (Analysis), Disain (Design), Implementasi (Implementation), dan Pemeliharaan (Maintenance). Dengan menggunakan alat bantu (tools) yang penulis gunakan berupa Diagram Arus Data (DAD). Keunggulan sistem yang dibangun oleh penelitian sebelumnya adalah dapat menghasilkan rancangan yang memenuhi kebutuhan pegawai dalam hal menerima gaji.

  4. Budhi Hartantyo (2012) [16].
    Dalam Laporan skripsi dalam judul “Sistem Informasi Penggajian Karyawan Pada PT. Surya Utama Nusaparka Semarang”, metode perancangan yang digunakan dalam penelitian ini adalah normalisasi dengan menggunakan alat bantu (Tools) berupa Microsoft Visual Basic 6.0 untuk pembuatan sistem ini menggunakan ERD dan DBMS (Database Management Sistem) sebagai databasenya.

  5. Aropah. [17]
    Dalam Laporan skripsi dalam judul “Rancangan Sistem Penggajian Pegawai Honorer Pada SMP NEGERI 2 GunungSindur Dengan Metode Berorientasi Object”, metode perancangan yang digunakan dalam penelitian ini adalah Unified Modelling Language (UML)dan untuk pembuatan sistem menggunakan Pemograman Java.

  6. Sigit Prasetiyo (2011) [18]
    Dalam Laporan skripsi dalam judul “Pengembangan Sistem Informasi Penggajian Pada SMK AL-Firdaus Jakarta”, metode peranncangan yang digunakan dalam penelitian ini adalah Unified Modelling Language (UML), untuk mengembangkan sistem yang digunakan yaitu Rapid Application Development (RAD) adapun software yang digunakan dalam sistem ini ialah EditPlus 2 dan Macromedia Dreamweaver 8 sebagai software editor sebagai penulisan bahasa pemograman, dan mysql sebagai databasenya. Perbedaan penelitian terdahulu dengan penelitian ini adalah pada metode yang digunakan, Objekpenelitian, ruang lingkup penelitian, tujuan penelitian, dan metode pengembangan sistem yang digunakan. Pada penelitian saat ini digunakan metode pengembangan model SDLC dengan teknik analisis obyek penelitian dan perancangan berorientasi objek menggunakan model UML, dan teknik pengujian sistem menggunakan pendekatan Black Box Testing. Sementara untuk objek penelitian adalah PT. Nur Hasta Utama dengan ruang lingkup penelitian lebih kearah penggajian pegawai honorer untuk mempermudah dalam proses penggajian pegawai honorer, seperti input data pegawai honorer, input gaji pegawai honorersampai dengan pembuatan laporan. Dan tujuan penelitian ini adalah menghasilkan suatu informasi yang cepat dan akurat dalam membantu dan memudahkan proses administrasi penggajian.

BAB III

ANALISA SISTEM YANG BERJALAN

Analisa Organisasi

Sejarah Perusahaan

PT. Nur Hasta Utama (NHU) adalah sebuah perusahaan yang menjadi mitra bisnis yang menjunjung tinggi kepercayaan untuk dapat melaksanakan pekerjaan sesuai standar yang diterapkan dan tentu dengan hasil sesuai dengan harapan.

PT. Nur Hasta Utama ialah perusahaan yang bergerak pada bidang jasa penyedia tenaga kerja untuk supply ACS dan ISTS yang berada di Jln. Marsekal Surya Dharma No.99 Kota Tangerang kawasan Bandara Soekarno-Hatta. Perusahaan ini yang lebih dikenal dengan sebutan NHU adalah unit usaha dari Koperasi Angsana Boga Aerofood ACS. PT. Nur Hasta Utama didirikan pada tahun 2013 sebagai pengembangan dari Koperasi Angsana Boga Aerofood ACS untuk pengelolaan outsourching.

Dewan Komisaris dari PT. Nur Hasta Utama sendiri adalah Bapak Martoyo, SE selaku komisaris utama, Bapak H. Mustakim Hidayatuloh, yang senantiasa memberikan arahan kepada segenap manajemen PT. Nur Hasta Utama semakin memperkuat performa dari kinerja Operasional PT. NHU.

Untuk hasil yang optimal, percayakanlah kepada PT. Nur Hasta Utama sebagai mitra, apapun bentuk kegiatan usaha, NHU siap membantu mendapatkan memenangkan persaingan bisnis serta meraih kesuksesan.

Visi dan Misi

VISI  : Menjadi mitra terbaik di dalam penyediaan dan pengelolaan sumber daya manusia.

MISI  :
  1. Menyediakan dan mendistribusikan sumber daya manusia yang potensial, handal, cepat, dan tanggap terhadap perkembangan kebutuhan mitra kerja.
  2. Menjadikan soliditas teamwork sebagai jaminan kelangsungan operasional.
  3. Membentuk tenaga kerja yang inisiatif, inovatif dan kreatifitas yang tinggi.

Tujuan dan Manfaat

Tujuan  : Kami menawarkan pelayanan maksimal dalam bidang jasa tenaga kerja, apapun jenis usaha anda, kami akan membantu mewujudkan tujuan bisnis anda dan mengantarkan anda menuju gerbang kesuksesan.

Manfaat :
  1. Legalitas dan beban tanggung jawab ketenagakerjaan berpindah ke PT. NHU.
  2. Terhindar dari resiko konflik/tuntutan langsung dari tenaga kerja.
  3. Membentuk tenaga kerja yang inisiatif, inovatif dan kreatifitas yang tinggi.
  4. HRD lebih berkonsentrasi pada tugas operasional atau hal ini yang lebih strategis.
  5. Struktur organisasi lebih ramping sehingga lebih efektif dan efisien dalam pengambilan keputusan.
  6. Ketersediaan dan kecepatan dalam pemenuhan SDM yang diperlukan untuk operasional, baik untuk penambahan, penggantian atau regenerasi.
  7. Dapat dijadikan sebagai bagian dari proses filterisasi penerimaan karyawan tetap.
  8. Obyektif dan independent, dll.

Strukutur Organisasi

Sebuah instansi atau perusahaan harus mempunyai suatu struktur organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha, untuk menunjukkan kerangka-kerangka hubungan di antara fungsi, bagian-bagian maupun tugas dan wewenang serta tanggung jawab.

Serta untuk menunjukan rantai (garis) perintah dan perangkapan fungsi yang diperlukan dalam suatu organisasi. Sama halnya dengan PT. Nur Hasta Utama yang juga mempunyai struktur organisasi manajemen.

Adapun uraian mengenai struktur organisasi pada PT. Nur Hasta Utama dapat dilihat pada diagram berikut:


Gambar 3.1 Struktur Organisasi PT. Nur Hasta Utama

Tugas dan Tanggung Jawab

A. Direktur Utama

Tugas, Wewenang dan Tanggung Jawab Direktur Perusahaan adalah sebagai berikut:

  1. Menentukan kebijakan tertinggi perusahaan.
  2. Bertanggung jawab terhadap keuntungan dan kerugian perusahaan.
  3. Mengangkat dan memberhentikan karyawan perusahaan.
  4. Memelihara dan mengawasi kekayaan peseroaan terbatas.
  5. Bertanggung jawab dalam memimpin dan membina perusahaan secara efektif dan efesien.
  6. Mewakili perusahaan, mengadakan perjanjian-perjanjian, merencanakan dan mengawasi pelaksanaan tugas personalia yang bekerja pada perusahaan.
  7. Menetapkan besarnya deviden perusahaan.

B. Wakil Direktur Utama

Adalah pemegang saham kedua utama dalam perusahaan, berikut tugasnya:

  1. Ikut merumuskan rencana, tujuan, sasaran dan kebijakan umum perusahaan bersama dengan direktur.
  2. Bila direktur tidak berada di perusahaan, maka wakil direktur yang mewakili direktur utama.
  3. Ikut mengawasi, mengkoordinir dan memimpin jalannya aktivitas perusahaan dalam mencapai tujuan yang telah ditetapkan.
  4. Melaporkan kepada direktur utama perkembangan perusahaan atau informasi-informasi yang dibutuhkan direktur.

C. Direktur Keuangan

Tugas dan tanggung jawabnya sebagai berikut:

  1. Mengelola sumberdaya perusahaan terutama pada bidang keuangan perusahaan.
  2. Memastikan pelaporan keuangan yang sesuai dengan peraturan.
  3. Memiliki tanggung jawab yang sama dengan sesama anggota Direksi untuk menciptakan lingkungan kerja yang kondusif bagi seluruh karyawan.
  4. Mengawasi Operasional mengenai keuangan perusahaan.
  5. Melakukan pengecekan lapangan mengenai bagian keuangan.
  6. Meminta pertanggungjawaban dari tiap-tiap bagian yang ada dibawahnya.
  7. Mempertanggungjawabkan kegiatan yang ada mengenai bagian keuangan.
  8. Menetapkan prosedur pelaksanaan secara rinci tentang keuangan.
  9. Menetapkan standar pekerjaan lapangan untuk menjamin tidak adanya kebocoran dalam bagian keuangan.

D. Direktur ADM

Direktur Adm bertanggungjawab kepada direktur utama, adapun tugas direktur Adm, sebagai berikut:

  1. Melakukan penelitian dan analisa keuangan termasuk masalah pajak.
  2. Melakukan verifikasi ulang atas semua bukti kas,penerimaan dan pengeluaran kas.
  3. Melakukan verifikasi atas semua buku penjualan tunai,faktur penjualan dan nota pembelian-sertabukti barang dari perusahaan ke konsumen.

Wewenang:

a. Menandatangani seluruh dokumen yang berkaitan dengan administrasi perusahaan.

b. Membuat evaluasi kegiatan perusahaan bidang keuangan.

E. Manager Operasional

Manager adalah bagaimana mengintegrasikan berbagai macam variabel (karakteristik, budaya, pendidikan dan lain sebagainya) kedalam suatu tujuan organisasi yang sama dengan cara melakukan mekanisme penyesuaian.

Adapun mekanisme yang diperlukan untuk menyatukan variabel diatas adalah sebagai berikut:

  1. Pengarahan (direction) yang mencakup pembuatan keputusan, kebijaksanaan, supervisi, dan lain-lain.
  2. Rancangan organisasi dan pekerjaan.
  3. Seleksi, pelatihan, penilaian, dan pengembangan.
  4. Sistem komunikasi dan pengendalian.
  5. Sistem reward.

Manager bertanggungjawab langsung kepada pengurus, berikut tugasnya:

  1. Mempunyai kemampuan membuat tim proyek agar tetap solid.
  2. Mampu memonitor dan mengontrol budget dengan membuat bar chart & critical path.
  3. Memberikan masukan dari aspek hukum kepada Direksi, berkaitan dengan operasionalisasi dan pengembangan usaha perusahaan.
  4. Mempunyai kemampuan analisis resiko yang baik.

F. Divisi Jasa Outsource

Tugas Divisi Jasa Outsource ialah:

  1. Mengurus para pegawai honorer atau kontrak untuk di pekerjakan di perusahaan yang membutuhkan pegawai tersebut.

G. Divisi Keuangan

  1. Mengawasi pemasukan dan pengeluaran kas.
  2. Membuat laporan pemasukan dan pengeluaran kas perusahaan, meminta laporan keuangan setiap bulan serta meneliti penyimpangan yang terjadi pada tiap anggaran keuangan.
  3. Merencanakan dan menetapkan semua kebijakan dalam bidang keuangan perusahaan, baik untuk jangka pendek maupun jangka panjang.
  4. Mengelolah dana perusahaan secara efisien guna meningkatkan keuntungan perusahaan.
  5. Merencanakan penyediaan sumber-sumber keuangan, mengatur alokasi dan penggunaan dana.
  6. Bertanggung jawab untuk memberikan informasi keuangan dan hasil produksi.

H. Admin

Administrasi bertanggung jawab langsung kepada manager, berikut tugasnya:

  1. Menerima dan menginpentarisir dokumen lamaran dan ditindak lanjuti ke head section/manager.
  2. Membuat kontrak kerja dan menginpentarisir kontrak kerja yang masa kontrak telah habis.
  3. Membuat laporan jamsostek atau mendaftarkan pegawai yang belum jamsostek dan bekerjasama dengan bagian administrasi umum.
  4. Merekap absensi dan lembur Outsource serta membuat laporan kepada head section / manager.
  5. Mengkonfirmasikan kepada divisi (LAOUDRY, ISTS, dan lain-lain) mengenai kedudukan pegawai secara up to date.
  6. Membuat voucher gaji bekerja sama dengan bagian keuangan Angsana boga (termasuk membagikan slip gaji).
  7. Memberikan laporan gaji kepada bagian administrasi umum untuk diadakan penagihan.
  8. Meminta informasi pegawai kepada divisi kerja.
  9. Memberikan laporan kepada head section / manager bagi pegawai yang tidak masuk tanpa alasan yang jelas.
  10. Membuat schedule pembinaan SDM secara periodik.

I. Pengawas Lapangan

Tugas dan tanggung jawab Pengawas Lapangan antara lain :

  1. Meneliti dan menguji kebenaran serta kelengkapan dokumen kontrak dan melaksanakannya.
  2. Menguji progress scheduledan finansial budgeting beserta realisasinya.
  3. Mengadakan pengawasan kualitas dan kuantitas pekerjaan di lapangan.
  4. Melaksanakan dan menyajikan pengumpulan data, pencatatan, pembukuan, pelaporan dan evaluasi pelaksanaan pekerjaan.
  5. Mengurus perijinan yang diperlukan untuk kelancaran pekerjaan di lapangan.
  6. Mengetahui dan memahami isi dari dokumen kontrak sebagai pedoman kerja di lapangan.
  7. Membuat laporan-laporan kegiatan pekerjaan di lapangan.

Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Urutan prosedur ini berisikan urutan proses absen pegawai, rekap ulang absen, perhitungan gaji, transfer gaji, slip gaji, dan laporan dinas luar serta pembuatan laporan.

  1. Prosedur Absen Pegawai.
    Pegawai datang langsung melakukan absen dengan media absen finger print atau mesin finger print yang ditaruh pada samping pintu masuk kantor sebelum pegawai melakukan pekerjaannya dan absen dilakukan dua kali, yaitu absen datang dan absen pulang.
  2. Prosedur Rekap Ulang Absen.
    Rekap ulang absen pegawai dilakukan pada akhir bulan yang dilakukan oleh divisi keuangan dengan cara mengambil data absen pada mesin finger print dengan menggunakan aplikasi kemudian absensi pegawai pun di rekap ulang.
  3. Prosedur Perhitungan Gaji.
    Perhitungan Gaji dilakukan setelah divisi keuangan merekap ulang absensi pegawai kemudian gaji di input atau dihitung dengan menggunakan Microsoft Excel.
  4. Prosedur Laporan Perhitungan Gaji.
    Gaji yang sudah di hitung atau di input oleh bagian divisi keuangan kemudian diberikan kepada manager untuk diperiksa, jika manager menyetujui maka manager acc hasil laporan yang telah diberikan oleh divisi keuangan jika tidak laporan akan dikembalikan untuk diperbaiki.
  5. Prosedur Transfer Gaji.
    Gaji di transfer pada pegawai setelah manager ACC laporan perhitungan gaji yang telah dibuat oleh divisi keuangan, kemudian gaji cair dan gaji di transfer ke rekening pegawai masing-masing.
  6. Prosedur Slip Gaji.
    Slip Gaji dicetak dan diberikan kepada pegawai untuk mengetahui hitungan gaji hasil kerja pegawai.

Rancangan Prosedur Sistem Yang Berjalan

Setelah skenario mengenai sistem Penggajian pegawai yang berjalan saat ini selesai didefinisikan, maka skenario tersebut akan digambarkan kedalam bentuk diagram agar dapat mudah dibaca. Dari definisi skenario diatas dapat digambarkan dalam use case diagram mengenai kebiasaan yang terjadi dalam sistem penggajian pegawai honorer yang berjalan saat ini. Use case diagram akan menggambarkan hubungan use case dengan actor . Use case diagram dilihat pada gambar dibawah ini.

  1. Analisa sistem yang berjalan saat ini pada Use Case Diagram
  2. Gambar 3.2 Use Case Diagram Sistem Penggajian Pegawai Honorer

    Berdasarkan gambar 3.2. Use Case Diagram Sistem yang Berjalan terdapat :

    a. 1 system yang mencangkup seluruh kegiatan dalam proses penggajian .

    b. 3 actor yang melakukan kegiatan, yaitu pegawai yang melakukan absen, divisi keuangan yang bertugas merekap absensi dan perhitungan gaji, manager yang bertugas menerima laporan perhitungan.

    c. 6 use case yaitu, Absensi Pegawai, Rekap ulang Absen, Perhitungan Gaji, Transfer Gaji, Slip Gaji, Laporan Perhitungan Gaji.

  3. Analisa sistem yang berjalan saat ini pada Activity Diagram
  4. Activity diagram memodelkan alur kerja sebuah proses dan urutan aktivitas pada suatu proses. Diagram ini sangat mirip dengan flowchart karena kita dapat memodelkan prosedur logika. Perbedaan utamanya adalah flowchart digunakan untuk menggambarkan alur kerja dari sebuah sistem, sedangkan activity diagramdibuat untuk menggambarkan aktivitas dari actor. Berdasarkan dari use case diagram diatas dapat kita gambarkan activity diagram dari aktivitas para aktor-aktor yang ada pada Sistem Penggajian Pegawai pada PT. Nur Hasta Utama

    a. Activity Diagram Proses Perhitungan Gaji

    Gambar 3.3 Activity Diagram Proses Perhitungan Gaji

    Berdasarkan gambar 3.3 Activity Diagram Proses Perhitungan Gaji terdapat:

    a. 1 initial node sebagai yang mengawali objek.

    b. 2 Swimeline yaitu Pegawai, Dan Divisi Keuangan.

    c. 6 action yang menggambarkan eksekusi kegiatan proses laporan perhitungangaji.

    d. activity final node menjelaskan bahwa objek dibentuk.

    b. Activity diagram Laporan Perhitungan Gaji Kepada Manager.

    Gambar 3.4 Activity diagram Laporan Perhitungan Gaji Kepada Manager

    Berdasarkan gambar 3.4 Activity diagram Laporan Perhitungan Gaji Kepada Manager terdapat:

    a. 1 initial node sebagai yang mengawali objek.

    b. 2 Swimeline yaitu Divisi Keuangan dan Manager.

    c. 5 action yang menggambarkan eksekusi kegiatan proses laporan perhitungan gaji Kepada Manager Untuk di ACC.

    d. 1 activity final node menjelaskan bahwa objek dibentuk.

    e. 1 decision node untuk pemilihan kondisi.

  5. Analisa sistem yang berjalan saat ini pada Sequence Diagram
  6. Dari keterangan diatas dapat digambarkan dengan Sequence Diagram. Diagram ini dapat menggambarkan pergerakan sebuah objek dan pesan yang terjadi didalam Sistem penggajian pegawai honorer yang berjalan saat ini.

    a. Sequence Diagram Laporan Perhitungan Gaji

    Gambar 3.5 Sequence Diagram Laporan Perhitungan Gaji

    Berdasarkan gambar 3.5 Sequence Diagram Laporan Perhitungan Gaji terdapat:

    a. 3 LifeLine antarmuka yang saling berinteraksi, yaitu laporan perhitungan gaji.

    b. 3 actor yang melakukan kegiatan yaitu Pegawai, Divisi Keuangan dan manager.

    c. 7 message, diantaranya absensi, merekap ulang absensi, menghitung gaji, laporan perhitungan gaji, acc hasil laporan perhitungan gaji, transfer gaji, slip gaji.

Analisa Sistem Yang Berjalan

Metode Analisa Sistem

Metode analisa sistem yang di gunakan adalah metode OOAD yaitu analisa dengan menggunakan Unified Modeling Language (UML) Sistem yang berjalan terdiri dari usecase, activity dan sequence diagram.

Gambar 3.6 Unified Modeling Language (UML)

Analisa Masukan, Analisa Proses, Analisa Keluaran

a. Analisa Masukan

  1. Nama Masukan : Finger Print
    Fungsi : Sebagai bukti kehadiran pegawai
    Sumber : Pegawai
    Media : Mesin
    Frekuensi : Harian
    Keterangan : Berisi daftar hadir
  2. Nama Masukan : Rekap Absensi
    Fungsi : Dipakai pegawai untuk meminta arsip
    Sumber : Payroll
    Media : Kertas
    Frekuensi : Bulanan
    Keterangan : Berisi data rekap kehadiran pegawai

b. Analisa Proses

  1. Nama Proses : Absensi
    Masukan : Rekap absen
    Keluaran : Kehadiran, data absen
    Ringkasan proses : Proses ini akan menghasilkan rekap absen untuk perhitungan gaji
  2. Nama Proses : Perhitungan gaji
    Masukan : Kehadiran, data gaji
    Keluaran : Slip gaji, data gaji
    Formulasi : Gaji pokok+lembur+jabatan
    Ringkasan proses : Proses ini akan menghasilkan slip gaji pegawai

c. Analisa Keluaran

  1. Nama Keluaran : Slip gaji
    Fungsi : Berisi pembayaran gaji pegawai
    Media : Mesin
    Distribusi : Divisi keuangan
    Frekuensi : Bulanan
    Deskripsi : Berisi rincian gaji pegawai
  2. Nama Proses : Laporan Penggajian
    Masukan : Daftar absen, data gaji
    Keluaran : Laporan absen, laporan gaji
    Ringkasan proses : Proses ini akan menghasilkan laporan absen dan laporan gaji.

Konfigurasi Sistem Yang Berjalan

Spesifikasi Perangkat Keras (Hardware)

a. Processor : Core To Duo

b. Monitor : LCD 14.0”

c. Mouse : Ps2

d. RAM : 2.00 GB

e. HD : 80 GB HDD

f. Keyboard : Compatible Ps2

Spesifikasi Perangkat Lunak (Software)

a. Windows XP

b. Microsoft WOrd 2007

c. Microsoft Excel 2007

Hak Akses

Ada 1 actor yang dapat mengakses sistem Penggajian Pegawai, yaitu: Divisi Keuangan.

Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan Yang Dihadapi

Berdasarkan analisis yang telah dilakukan oleh penulis, sistem pengolahan penggajian pegawai pada PT. Nur Hasta Utama yang sedang berjalan saat ini, dapat disimpulkan bahwa proses penggajian pegawai honorer yang berjalan saat ini masih berjalan secara semi komputerisasi proses perhitungannya pun menggunakan Microsoft excel yang kadang mengakibatkan keterlambatan gaji pegawai. Oleh karena itu perusahaan membutuhkan suatu sistem agar dapat membantu perusahaan dalam proses laporan penggajian pegawai honorer tersebut.

Alternatif Pemecahan Masalah

  1. Membuat sistem yang lebih terotomatis dibandingkan sistem sebelumnya.
  2. Membuat sistem berbasis web, agar sistem yang diusulkan dapat memudahkan bagian divisi keuangan.

User Requirement

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

Elisitasi Tahap I

Elisitasi tahap I disusun berdasarkan hasil wawancara dengan stakeholder, Berikut dilampirkan diagram elisitasi tahap I:

Elisitasi Tahap II

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

  1. M pada MDI artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru
  2. 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.
  3. I pada MDI artinya Inessential. Maksudnya adalah requirement tersebut bukan bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.

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 :

  1. T artinya Technical. Maksudnya adalah pertanyaan perihal bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan ?
  2. O artinya Operational. Maksudnya adalah pertanyaan perihal bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan ?
  3. E artinya Economy. Maksudnya adalah pertanyaan perihal berapakah biaya yang diperlukan guna membangun requirement tersebut di dalam sistem ?

Metode tersebut dibagi kembali 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.

Tabel 3.3 Elisitasi tahap III



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.

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem Usulan

Prosedur Sistem Usulan

Urutan prosedur ini berisikan urutan proses absen pegawai, rekap ulang absen, perhitungan gaji, transfer gaji, slip gaji, dan pembuatan laporan.

  1. Prosedur Admin
    Admin bertugas untuk melakukan penginputan data absensi pegawai yang akan direkap pada akhir bulan untuk dapat melakukan proses perhitungan gaji.
  2. Prosedur Input Pegawai Honorer
    Input pegawai honorer ialah semua data absensi yang sudah di rekap di input untuk dapat dilakukan ke tahap selanjutnya.
  3. Prosedur Input Form Gaji
    Input Form gaji dilakukan oleh admin untuk perhitungan gaji pegawai.
  4. Prosedur Laporan Penggajian
    Laporan Penggajian di dapat setelah perhitungan gaji selesai di input oleh admin.
  5. Prosedur Cetak Slip Gaji
    Slip Gaji dapat dicetak pada web dan diberikan kepada pegawai untuk mengetahui hitungan gaji hasil kerja pegawai.

Use Case Diagram Sistem Yang Diusulkan

Berikut ini adalah Use Case Diagram usulan rancangan sistem penggajian pegawai honorer pada PT. Nur Hasta Utama:

Gambar 4.1.2 Use Case Diagram Usulan Rancangan sistem Penggajian Pegawai Honorer

Berdasarkan gambar diatas, Use Case diagram Penggajian Pegawai Honorer terdapat:

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

b. 1 actor yang melakukan kegiatan yaitu divisi keuangan.

c. 2 use case yang akan dilakukan oleh aktor tersebut, seperti menu login dan menu utama.

d. 12 Include yaitu terdiri dari Login benar, Login salah, Data Pegawai, Input pegawai, Data Absen, Input Absen, Pembayaran gaji, input gaji, cetak slip, laporan, cetak laporan gaji dan Logout.

Activity Diagram Sistem Yang Diusulkan

Berikut ini adalah Activity Diagram usulan rancangan sistem penggajian pegawai honorer pada PT. Nur Hasta Utama:

Gambar 4.1.3 Activity Diagram Usulan Sistem Penggajian Pegawai Honorer

Berdasarkan gambar Activity Diagram Penggajian Pegawai Honorere diatas, terdapat :

a. 1 Initial node sebagai tanda yang mengawali objek.

b. 8 action yang menggambarkan eksekusi pada saat melakukan login yaitu, Login, cek login, menu utama, Data Pegawai, Data Absen, Pembayaran Gaji, Laporan, logout.

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. 1 Fork node menggambarkan pembagian aktifitas tersebut yaitu, Data pegawai, data absen, pembayaran gaji, laporan, dan logout.

e. 1 activity final node menjelaskan bahwa objek dibentuk.

f. 1 Join node

Squence Diagram Sistem Yang Diusulkan

Berikut ini adalah Sequence Diagram untuk usulan rancangan sistem Penggajian Pegawai Honorer pada PT. Nur Hasta Utama:

Gambar 4.1.4 Sequence Diagram Usulan Sistem Penggajian Pegawai Honorer

Berdasarkan gambar Sequence Diagram di atas terdapat:

a. 8 Life Line, yaitu Login, Cek login, Menu utama, Data Pegawai,Data absen, pembayaran Gaji, Laporan dan Logout.

b. 1 actor, yaitu Admin.

c. 8 message, yaitu Masukkan Username dan password, Cek username dan password, Menampilkan menu utama, menampilkan data pegawai & input pegawai, Menampilkan data absen & input absen, Menampilkan pembayaran gaji & input gaji, Menampilkan Laporan & Cetak Laporan gaji, Pilih Logout

State Machine Diagram Yang Diusulkan

Berikut ini adalah State Diagram untuk usulan rancangan sistem Penggajian Pegawai Honorer pada PT. Nur Hasta Utama:

Gambar 4.1.5 State Machine Diagram Usulan Sistem Penggajian Pegawai Honorer

Berdasarkan gambar State Machine Diagram PenggajianPegawai Honorer diatas, terdapat:

a. 1 Initial node sebagai tanda yang mengawali objek.

b. 7 action yang menggambarkan eksekusi pada saat melakukan login yaitu, Login, cek login, menu utama, Data Pegawai, Data absen, Pembayaran gaji, Laporan, logout

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

d. 1 activity final node menjelaskan bahwa objek dibentuk.

Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Yang Diusulkan

Berisi perbedaan prosedur sistem berjalan dan sistem usulan yang dibuat dalam bentuk tabel:

Tabel 4.1 Perbedaan sistem berjalan dengan sistem usulan

Rancangan Basis Data

Class Diagram

Gambar 4.2 Class Diagram

Berdasarkan gambar Class Diagram yang diusulkan, terdapat:

a. 3 Class, himpunan dari objek-objek yang berbagi atribut serta operasi yang sama, yaitu class pegawai, class Absen dan class gaji .

b. 2 association, digunakan untuk memodelkan relasi di antara objek.

Spesifikasi Basis Data

Spesifikasi basis data merupakan desain basis data yang dianggap telah normal. Desain basis data menjelaskan media penyimpanan yang digunakan, isi yang disimpan, primary key, dan panjang record. Spesifikasi basis data yang digunakan dalam sistem yang diusulkan adalah sebagai berikut:

1. Nama File : Pegawai

Media : Hardisk

Isi: id_pegawai+nm_pegawai+alamat+no_telp+gaji_perhari

Organisasi File: Index Squential

Primary Key : id_pegawai

Panjang Record : 99 karakter

Type File : File master

Tabel 4.2 Tabel Pegawai

2. Nama File : Absen

Media : Hardisk

Isi : id_absen+id_pegawai+bulan+tahun+jml_hari

Organisasi File: Index Squential

Primary Key : id_pegawai

Panjang Record : 27 karakter

Type File : File transaksi

Tabel 4.3 Tabel Absen

3. Nama File : Gaji

Media : Hardisk

Isi : no_slip_gaji+tgl_slip_gaji+id_pegawai+bulan+tahun+total_gaji

Organisasi File: Index Squential

Primary Key : id_pegawai

Panjang Record : 37 karakter

Type File : File transaksi

Tabel 4.4 Tabel Gaji

Rancangan Program

Menu Login

Gambar 4.3 Tampilan Program Menu Login

Menu Input Data Pegawai

Gambar 4.4 Tampilan Program Menu Input Data Pegawai

Menu Data Pegawai

Gambar 4.5 Tampilan Program Menu Data Pegawai

Menu Input Absen

Gambar 4.6 Tampilan Program Menu Input Absen

Menu Cetak Laporan

Gambar 4.7 Tampilan Program Menu Cetak Laporan

Rancangan Prototipe

Menu Login

Gambar 4.8 Tampilan Prototype Menu Login

Menu Data Pegawai

Gambar 4.9 Tampilan Prototype Menu Data Pegawai

Menu Input Data Pegawai

Gambar 4.10 Tampilan Prototype Menu Input Data Pegawai

Menu Hitung Gaji

Gambar 4.11 Tampilan Prototype Menu Hitung Gaji

Menu Cetak Laporan

Gambar 4.12 Tampilan Prototype Menu Cetak Laporan

Konfigurasi Sistem Yang Diusulkan

Spesifikasi Perangkat Keras (Hardware)

Perangkat keras yang dibutuhkan oleh aplikasi atau sistem adalah suatu unit personal komputer. Perangkat keras yang diusulkan ini dibuat berdasarkan kebutuhan sistem saat ini dan antisipasi kebutuhan di masa yang akan datang. Konfigurasi yang dibutuhkan pada desain sistem yang diusulkan adalah :

a. Processor : Intel Pentium 4

b. Monitor : 14” LCD m

c. RAM : 2.00 GB

d. Hardisk : 500 GB

f. Printer : Office Jet

Aplikasi Yang Digunakan

a. Sistem Operasi Windows XP.

b. Xampp ( PHP dan Mysql).

c. Adobe Dreamweaver 5.

d. Mozilla Firefox.

e. Visual Paradigm 6.4 Enterprise Edition.

f. Microsoft Office 2007.

Hak Akses

Ada 2 actor yang dapat meng-akses Aplikasi Penggajian Pegawai yaitu: Admin dan Divisi Keuangan.

Testing

Metode Implementasi

Implementasi program Sistem Monitoring Inventory Control pada PT. Nur Hasta Utama dilakukan dengan menggunakan metode Black Box Testing. Metode Black Box Testing merupakan pengujian program yang mengutamakan pengujian tergadap kebutuhan fungsi dari suatu program. Tujuan dari metode Black Box Testing ini adalah untuk menemukan kesalahan fungsi pada program.

Pengujian dengan metode Black Box Testing dilakukan dengan cara memberikan sejumlah input pada program. Input tersebut kemudian diproses sesuai dengan kebutuhanfungsionalnya untuk melihat apakah program aplikasi dapat menghasilkan output yang sesuai dengan yangdiinginkan dan sesuai pula dengan fungsi dasar dari program tersebut. Apabila dari input yang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar, tetapi apabila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka masih terdapat kesalahan pada program tersebut, dan selanjutnya dilakukan penelusuran perbaikanuntuk memperbaiki kesalahan yang terjadi.

Pengujian Black Box Pada Menu Login

Berikut ini adalah tabel pengujian Black Box berdasarkan sistem Monitoring Inventory Control Pada PT. Nur Hasta Utama untuk fungsi menu Login , yaitu sebagai berikut:

Tabel 4.4 Pengujian Black box Menu Login

Pengujian Black Box Pada Menu Data Pegawai

Berikut ini adalah tabel pengujian Black Box berdasarkan sistem Monitoring Inventory Control Pada PT. Nur Hasta Utama untuk fungsi menu data pegawai, yaitu sebagai berikut:

Tabel 4.5 Pengujian Black box Menu Data Pegawai

Pengujian Black Box Pada Menu Input Data Penggajian

Berikut ini adalah tabel pengujian Black Box berdasarkan sistem Monitoring Inventory Control Pada PT. Nur Hasta Utama untuk fungsi menu Data Penggajian, yaitu sebagai berikut:

Tabel 4.6 Pengujian Black box Menu Input Data Pegawai

Implementasi

Schedule

Perancangan sistem yang diusulkan diperkirakan memakan waktu kurang lebih 4 bulan, dan kegiatan yang dilakukan adalah :

Tabel 4.7 Tabel Pengolahan Jadwal

Estimasi Biaya

NO Uraian Kegiatan
Biaya yang Diusulkan
Anggaran Biaya
1 Pengumpulan Data  
  Analisa data
Rp. 200.000,-
  Testing dan implementasi
Rp. 200.000,-
  Identifikasi requirement
Rp. 250.000,-
2 Bahan dan penelitian
  Hardware
  Laptop Toshiba 14
Rp. 6.350.000,-
  Modem Huawei
Rp. 300.000,-
  Internet
Rp. 350.000,-
  Software
  Visual Paradigm for UML 6.4 Enterprise Edition
Rp. 200.000,-
3 Perjalanan
  Transportasi seminasi
Rp. 200.000,-
  - Ongkos transport dalam kota
4 Administrasi
  kertas A4
Rp. 35.000,-
  Tinta printer
Rp. 200.000,-
5 Biaya lain-lain
Rp. 100.000,-
   
Jumlah
Rp. 8.385.000,-

BAB V

PENUTUP

Kesimpulan

Dari hasil penelitian yang dilakukan pada PT. Nur Hasta Utama diketahui bahwa:

  1. Proses perhitungan penggajian pegawai honorer yang berjalan saat ini pada PT. Nur Hasta Utama masih menggunakan Microsoft excel yang dapat membuat bagian divisi keuangan sering terjadi penyalahan input data sehingga menjadi proses perhitungan penggajian menjadi keterlambatan gaji untuk pegawai.
  2. Dengan demikian penulis membuat sistem yang dapat memudahkan bagian divisi keuangan dalam menginput data atau proses penggajian dengan menggunakan sistem web.

Kesimpulan Terhadap Rumusan Masalah

  1. Proses penggajian pegawai honorer yang berjalan saat ini pada PT. Nur Hasta Utama masih berjalan secara manual yaitu, perhitungannya masih menggunakan sistem semi komputerisasi.
  2. Untuk menghitung gaji pegawai honorer pada sistem yang berjalan saat ini masih menggunakan Microsoft excel sehingga sering terjadinya kesalahan pada proses perhitungan gaji sehingga data yang dihasilkan belum akurat.
  3. Untuk membuat sistem penggajian honorer dibutuhkan aplikasi web dan MySQL sebagai tempat penyimpanan data sehingga data yang ada tidak akan hilang.

Kesimpulan Terhadap Tujuan dan Manfaat Penelitian

A. Kesimpulan Terhadap Tujuan

a. Tujuan Operasional

  1. Untuk mengetahui lebih dalam tentang sistem berjalan yang digunakan pada PT. Nur Hasta Utama.
  2. Mengembangkan ilmu pengetahuan, wawasan, keterampilan dan kemampuan profesi melalui penerapan ilmu, latihan kerja pada PT. Nur Hasta Utama.

b. Tujuan Fungsional

Adapun tujuan fungsional dari penelitian ini adalah untuk menghasilkan rancangan sistem informasi penggajian pegawai honorer yang bermanfaat bagi PT. Nur Hasta Utama baik sebagai pengetahuan maupun sebagai dasar untuk mengambil suatu langka kebijaksanaan.

c. Tujuan Individual

  1. Untuk mencari pengalaman dan pengetahuan yang baru dalam hal dunia kerja.
  2. Menambah wawasan dan cara berfikir penulis dalam menyerap ilmu yang didapat di luar bangku kuliah, khususnya pada proses perhitungan gaji pegawai honorer yang berjalan pada PT. Nur Hasta Utama.
  3. Dan sebagai salah satu persyaratan untuk menyelesaikan program sarjana dan juga sebagai sarana untuk mengimplementasikan ilmu - ilmu yang telah di dapat selama proses kuliah.

B. Kesimpulan Terhadap Manfaat

  1. Menghasilkan peninjauan lebih baik terhadap sistem tersebut, guna meningkatkan mutu dan efektifitas terhadap pemakai sistem tersebut.
  2. Menambah wawasan dan pengetahuan yang berguna yang tidak di peroleh di bangku kuliah.

Saran

Untuk meningkatkan atau memaksimalkan aplikasi berbasis web ini penggajian pegawai honorer penulis memberikan saran untuk memajukan aplikasi berbasis web yang dibuat sebagai berikut:

  1. Apabila sistem yang baru sudah berjalan maka perlu di perhatikan dan di lakukan evaluasi secara berkala terhadap sistem untuk selanjutnya diadakan perbaikan sesuai dengan perubahan dan perkembangan instansi atau perusahaan.
  2. Perlu dilakukan sosialisasi dan training kepada bagian yang terkait terutama pada Divisi Keuangan.
  3. Di masa yang akan datang, diharapkan bagi mahasiswa yang mengambil judul skripsi yang sama untuk dapat mengembangkan sistem ini menjadi jauh lebih baik.

DAFTAR PUSTAKA

  1. 1,0 1,1 1,2 1,3 1,4 1,5 Sutabri, Tata.2012. Analisis Sistem Informasi. Andi Offset : Yogyakarta.
  2. Lili, Tanti. 2011. Pengembangan Perangkat Ajar Berbantuan Komputer Untuk Mempelajari Tata Bahasa Inggris. Tangerang: Jurnal CCIT Vol.3 No.2 (2010:208).
  3. 3,0 3,1 Sutabri, Tata. 2012. Konsep Sistem Informasi. Andi Offset : Yogyakarta.
  4. Henderi, Maimunah, dan Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics. Tangerang: Jurnal CCIT. Vol. 4.No.3-Mei 2011.
  5. Henderi, Maimunah, dan Randy Andrian. 2011. Desain Aplikasi E-learning Sebagai Media Pembelajaran Artificial Informatics. Tangerang: Jurnal CCIT. Vol. 4.No.3-Mei 2011.
  6. Aisyah Siti dan Nawang Kalbuana. 2011. Perancangan Aplikasi Akademik Teknologi Mobile Menggunakan J2ME. Journal CCIT Vol-4 No.2 – Januari 2011.
  7. 7,0 7,1 Murad Dina Fitria, Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota.
  8. 8,0 8,1 8,2 8,3 Wijayanti, Esa. 2014. Perancangan Sistem Informasi Absensi Pegawai Pada Kantor Kecamatan Batu Ceper Tangerang
  9. 9,0 9,1 Nurkhotimah, Evi. 2010. Program Aplikasi Penggajian Guru Pada SMK Negeri 2 Kabupaten Tangerang Menggunakan Visual Basic.
  10. 10,0 10,1 Wulandini, Cynthia Ayu. 2014.Perancangan Sistem Informasi Pengolahan Data Pegawai berbasis Web pada Kecamatan Batu Ceper Tangerang
  11. 11,0 11,1 Astuti, Erni. 2011. Implementasi Sistem Integrated Raharja MultimediaE-Portfolio (IRME) Sebagai CV Online Pada Perguruan Tinggi Raharja:Tangerang
  12. 12,0 12,1 Rahayu, Nina. 2014. Executive information system (eis) dalam bidang penjualan pada karinda cafe&resto.
  13. Yulistiawan. Irwan 2011. Rancang Bangun Sistem Informasi Penggajian Karyawan Pada PT. Bank Pembiayaan Rakyat Syariah Harta Insan Karimah(UIN JAKARTA)
  14. Meningkatkan Sistem Penggajian Menggunakan Excel Macro Pada PT. Skyputra Pancasurya.
  15. Wahyuningsih. Paskah. 2011. Perancangan Sistem Informasi Penggajian Guru Pada SMK Ricardo Auto Machine Tangerang
  16. Hartantyo. Budhi. 2012. Sistem Informasi Penggajian Karyawan Pada PT. Surya Utama Nusaparka Semarang
  17. Aropah. 2011. Rancangan Sistem Penggajian Pegawai Honorer Pada SMP NEGERI 2GunungSindur Dengan Metode Berorientasi Object.
  18. Prasetiyo.Sigit. 2011. Pengembangan Sistem Informasi Penggajian Pada SMK AL-Firdaus Jakarta.

DAFTAR LAMPIRAN

Lampiran A

A.1. Surat Pengantar Skripsi
A.2. Surat Penugasan Kerja
A.3. Form Validasi Skripsi
A.4. Form Usulan Penelitian Skripsi
A.5. Kurikulum
A.6. KSTF (Kartu Studi Tetap Final)
A.7. Daftar Nilai
A.8. Daftar Mata Kuliah Yang Belum Diambil
A.9. Kartu Bimbingan Skripsi
A.10. Form Seminar Proposal Skripsi
A.11. Kwitansi Pembayaran Skripsi
A.12. Kwitansi Pembayaran Sidang Skripsi
A.13. Kwitansi Pembayaran Raharja Career
A.14. Kwitansi Pembayaran Poster Session Skripsi
A.15. Sertifikat Prospek (Piagam Pengukuhan)
A.16. Sertifikat TOEFL
A.17. Sertifikat IT Internasional
A.18. Sertifikat IT Nasional
A.19. Sertifikat Tri Dharma (Operator iDuHelp!)
A.20. CV (Curriculum Vitae)


Lampiran B


B.1. Mendapatkan Judul Skripsi
B.2. Widuri + 1 New User
B.3. Why Project ?
B.4. Journal Ilmiah
B.5. iDuHelp! Tahap Pertama
B.6. Penyelesaian Laporan Tahap I
B.7. Hibah
B.8. Progress Project
B.9. Latihan Presentasi

Contributors

Admin, Suci afrida