SI1111468926: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi tidak terperiksa]
Baris 465: Baris 465:
 
<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">Tabel 4.41 Estimasi Biaya Sistem iRangers</p></div>
 
<p style="line-height: 1">Tabel 4.41 Estimasi Biaya Sistem iRangers</p></div>
 +
 
{{Pagebreak}}
 
{{Pagebreak}}
  
 
<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">
+
<ol>
<p style="line-height: 1">Gambar 1.1 Alur USM Manual </p></div>
+
<li 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;text-indent: 0.5in">
+
[[SI1114465646#Metode_Pengembangan|Gambar 1.1 Bagan Waterfall]]</li>
<p style="line-height: 1">Gambar 1.2 Pilar 4B iLearning</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_SiS.2B|Gambar 2.1 Logo SiS+]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.2 Contoh QRCode]]</li>
<p style="line-height: 1">Gambar 2.1 Logo iRangers</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.3 Diagram alir proses pembangkitan QR Code]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.4 Diagram alir proses pembacaan QR Code]]</li>
<p style="line-height: 1">Gambar 2.2 SWOT </p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.5 Anatomi QR Code]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.6 Versi QR Code]]</li>
<p style="line-height: 1">Gambar 2.3 Critical Success Factors</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.7 Contoh QR Code Model 1]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.8 Contoh QR Code Model 2]]</li>
<p style="line-height: 1">Gambar 2.4 Value Chain</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.9 Contoh Micro QR Code]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.10 Contoh iQR Code]]</li>
<p style="line-height: 1">Gambar 2.5 Adobe Dreamweaver CS5</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_QR_Code|Gambar 2.11 Contoh LogoQ]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Definisi_YII_Framework|Gambar 2.12 Struktur Statis Aplikasi Yii]]</li>
<p style="line-height: 1">Gambar 2.6 Tampilan Software Cool Edit Pro</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> [[SI1111468926#Struktur_Organisasi|Gambar 3.1 Struktur Organisasi Perguruan Tinggi Raharja]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Rancangan_Sistem_Yang_Berjalan|Gambar 3.2 Use Case Diagram Sistem Yang Berjalan]]</li>
<p style="line-height: 1">Gambar 2.7 Tampilan Cool Edit Pro Edit View Screen</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Rancangan_Sistem_Yang_Berjalan|Gambar 3.3 Activity Diagram Sistem Yang Berjalan]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Rancangan_Sistem_Yang_Berjalan|Gambar 3.4 Sequence Diagram Sistem Yang Berjalan]]</li>
<p style="line-height: 1">Gambar 2.8 Tampilan Multitrack View Screen</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Use_Case_Diagram_Sistem_Yang_Diusulkan|Gambar 4.1 Use Case Diagram Sistem Yang Diusulkan]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Activity_Diagram_Sistem_Yang_Diusulkan|Gambar 4.2 Activity Diagram Sistem Yang Diusulkan]]</li>
<p style="line-height: 1">Gambar 3.1 Struktur Organisasi Perguruan Tinggi Raharja</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> [[SI1111468926#Sequence_Diagram_Sistem_Yang_Diusulkan|Gambar 4.3 Sequence Diagram Sistem Yang Diusulkan]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Class_Diagram|Gambar 4.4 Class Diagram Formulir SiS+]]</li>
<p style="line-height: 1">Gambar 3.2 Struktur Organisasi Akademik Perguruan Tinggi Raharja</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1114465646#Flowchart_Sistem_Yang_Diusulkan|Gambar 4.5 Flowchart Sistem Yang Diusulkan]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> [[SI1111468926#Rancangan_Program|Gambar 4.6 Diagram HIPO Formulir Online pada SiS+]]</li>
<p style="line-height: 1">Gambar 3.3 Wewenang dan Tanggung Jawab</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Rancangan_Prototipe_Tampilan_Login|Gambar 4.7 Rancangan Prototipe Tampilan Login]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> [[SI1111468926#Rancangan_Prototipe_Tampilan_Home|Gambar 4.8 Rancangan Prototipe Tampilan Home]]</li>
<p style="line-height: 1">Gambar 3.4. Use Case Diagram </p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Rancangan_Prototipe_Tampilan_Form|Gambar 4.9 Rancangan Prototipe Tampilan Form]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Rancangan_Prototipe_Tampilan_PDF_Form|Gambar 4.10 Rancangan Prototipe Tampilan PDF Form]]</li>
<p style="line-height: 1">Gambar 3.5. Activity Diagram </p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Tampilan_Halaman_Login|Gambar 4.11 Tampilan Halaman Login]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Tampilan_Halaman_Home|Gambar 4.12 Tampilan Halaman Home]]</li>
<p style="line-height: 1">Gambar 3.11 Kebutuhan 5 Assigment untuk Ujian</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Tampilan_Halaman_Form|Gambar 4.13 Tampilan Halaman Form]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Tampilan_PDF_Form|Gambar 4.14 Tampilan PDF Form]]</li>
<p style="line-height: 1">Gambar 3.12 Kebutuhan Standar Gradebook</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Penerapan|Gambar 4.15 Jumlah Pengguna Aktif SiS+]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Penerapan|Gambar 4.16 Jumlah View Formulir]]</li>
<p style="line-height: 1">Gambar 3.13 Kebutuhan Menonaktifkan Contact Administrator</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Penerapan|Gambar 4.17 Jumlah Print Formulir]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Penerapan|Gambar 4.18 Jumlah Download Formulir]]</li>
<p style="line-height: 1">Gambar 3.14 Kebutuhan Shortcut Twitter,Facebook dan iMe PPMB</p></div>
+
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">[[SI1111468926#Penerapan|Gambar 4.19 Testimoni]]</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+
</ol>
<p style="line-height: 1">Gambar 3.15 Kebutuhan Channed Messages berbahasa indonesia</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 3.16 Kebutuhan post school announcement</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 3.17 Kebutuhan default account Rinfo </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 3.18 Kebutuhan Embed Audio pada soal listening TOEFL</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 3.19 Kebutuhan Class Training RiJP di iRangers</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 3.20 Kebutuhan Slider Portal sebanyak 3 design</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.1 Langkah Pemecahan 5 Assigment</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.2 Hasil Pemecahan Tampilan 5 Assigment</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.3 Langkah Pemecahan  Gradebook</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.4 Hasil Pemecahan Gradebook</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.5 Langkah Pemecahan Menonaktifkan Contact Admin</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.6 Hasil Pemecahan Menonaktifkan Contact Admin</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.7 Langkah Pemecahan Shortcut</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.8 Hasil Pemecahan Shortcut</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.9 Langkah Pemecahan Channed Berbahasa Indonesia</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 Hasil Pemecahan Channed Berbahasa Indonesia</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 Langkah Pemecahan School Announcement</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 Hasil Pemecahan School Announcement</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.13 Menggunakan Default Rinfo</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.14 Langkah Embed Audio Listening</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.15 Tampilan Embed Audio Listening disoal ujian</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.16 Langkah Pemecahan Class RijP</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.17 Hasil Pemecahan Class RijP</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.18 Langkah Pemecahan Portal Slider</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.19 Hasil Pemecahan Tampilan Portal Slider</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.20 Tampilan Site iRangers</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.21 Tampilan Sign Up iRangers</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.22 Tampilan Mail Notification Login iRangers</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.23 Terdapat Logo iRangers</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.24 Terdapat FAQ untuk USM Offsite</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.25 Usecase Diagram Insite USM</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.26 Usecase Diagram Offsite USM</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.27 Activity Diagram Insite USM</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.28 Activity Diagram Offsite USM</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.29 Sequence Diagram Insite USM</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.30 Sequence Diagram Offsite USM</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.32 Flowchart Sistem Login</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.33 HIPO iRangers</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.34 Prototype Halaman Login</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.35 Prototype 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: 1">Gambar 4.36 Prototype Halaman Classes</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.37 Prototype Halaman Assigments</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.41 Layout Kasar Design Portal 1</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.42 Layout Kasar Design Portal 2</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.43 Layout Kasar Design Portal 3</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.44 Layout Komprehensif Design Portal 1</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.45 Layout Komprehensif Design Portal 2</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.46 Layout Komprehensif Design Portal 3</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.47 Final Art Design Portal 1</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.48 Final Art Design Portal 2</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.49 Final Art Design Portal 3</p></div>
+
 
+
  
 
{{Pagebreak}}
 
{{Pagebreak}}
Baris 627: Baris 526:
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL CLASS DIAGRAM'''</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL CLASS DIAGRAM'''</p></div>
 
<div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/-ofc0u3fPSOI/VJTttbbkgsI/AAAAAAAAEVs/z-nen9P3DYU/w516-h139-no/Screen%2BShot%2B2014-12-03%2Bat%2B1.31.18%2BPM.png"/></div>
 
<div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/-ofc0u3fPSOI/VJTttbbkgsI/AAAAAAAAEVs/z-nen9P3DYU/w516-h139-no/Screen%2BShot%2B2014-12-03%2Bat%2B1.31.18%2BPM.png"/></div>
 +
 
{{pagebreak}}
 
{{pagebreak}}

Revisi per 12 Februari 2016 23.52

PERANCANGAN SISTEM INFORMASI MONITORING

LAPORAN KEPRIBADIAN SISWA

PADA SMK GEMA GAWITA


SKRIPSI


jpg


Disusun Oleh :


NIM
: 1111468926
NAMA



JURUSAN SISTEM INFORMASI

KONSENTRASI SISTEM INFORMASI MANAJEMEN

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

TANGERANG

(2015/2016)

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PENGESAHAN SKRIPSI

 

PERANCANGAN SISTEM INFORMASI MONITORING

LAPORAN KEPRIBADIAN SISWA

PADA SMK GEMA GAWITA

 

Disusun Oleh :

NIM
: 1111468926
Nama
Jenjang Studi
: Strata Satu
Jurusan
Konsentrasi

 

Disahkan Oleh :

Tangerang, 25 Januari 2015

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


 

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA


LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI MONITORING

LAPORAN KEPRIBADIAN SISWA

PADA SMK GEMA GAWITA

Dibuat Oleh :

NIM
: 1111468926
Nama

 

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Informatika

Konsentrasi Sistem Informasi Manajemen

Tahun Akademik 2015/2016

Disetujui Oleh :

Tangerang, 25 Januari 2016

Pembimbing I
   
Pembimbing II
       
       
       
       
   
(M. Roihan, M.T)
NID : 12003
   
NID : 02007


 

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA


LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI MONITORING

LAPORAN KEPRIBADIAN SISWA

PADA SMK GEMA GAWITA

Dibuat Oleh :

NIM
: 1111468926
Nama

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Sistem Informasi Manajemen

Tahun Akademik 2015/2016

Disetujui Penguji :

Tangerang, Februari 2016

Ketua Penguji
 
Penguji I
 
Penguji II
         
         
         
         
([[]], )
 
([[]], )
 
([[]], )
NID :
 
NID :
 
NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI MONITORING

LAPORAN KEPRIBADIAN SISWA

PADA SMK GEMA GAWITA

Disusun Oleh :

NIM
: 1111468926
Nama
Jenjang Studi
: Strata Satu
Jurusan
: Sistem Informasi
Konsentrasi
: Sistem Informasi Manajemen

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

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

Tangerang, 25 Januari 2016

 
 
 
 
NIM : 1111468926

 

)*Tandatangan dibubuhi materai 6.000;


ABSTRAKSI

SMK Gema Gawita merupakan sekolah swasta yang terpercaya dalam menyelenggarakan pendidikan menengah di Indonesia dan sudah telah berkiprah di dunia pendidikan sejak tahun 1994 lebih. Sejak adanya surat keputusan pembukaan program studi tersebut maka, sampai dengan saat ini SMK Gema Gawita menjalani proses pembelajaran dengan pilihan program studi sebagai berikut: Akomodasi Perhotelan, Jasa Boga, Usaha Perjalanan Wisata dan Multimedia yang beralamatkan Jl. Perintis kemerdekaan II Cikokol Tangerang. Dalam dunia pendidikan informasi adalah hal yang sangat penting menjalin suatu hubungan antara orang tua dan sekolah. Sistem informasi monitoring perkembangan siswa masih umumnya dilakukan setiap penerimaan raport diakhir semester saja, sehingga akan sulit bagi para orang tua untuk memperoleh informasi yang diinginkan. Perlu adanya sistem secara terkomputerisasi untuk memberikan kemudahan bagi orang tua mengawasi perkembangan proses belajar-mengajar anaknya secara cepat, tepat dan akurat. Dari permasalahan tersebut maka dirancang sebuah sistem monitoring perkembangan siswa secara online. Penelitian ini dibuat untuk membangun dan merancang sebuah sistem monitoring laporan kepribadian siswa dengan metode analisa SWOT (Strenghts, Weaknesses, Opportunities, Threats) dan metode perancangan menggunakan metode SDLC (System Development Life Cycle). Membangun dan merancang menggunakan Unified Modeling Language (UML), pembuatan coding menggunakan PHP dengan framework angularJS 2.0, HTML5, jQuery, javascript dan CSS untuk merancang tampilan yang telah dibuat di photoshop portable. Dan Macromedia Dreamweaver CS3 untuk desain web serta metode testing menggunakan black box testing. Penulisan ini menghasilkan rancangan website monitoring laporan kepribadian siswa untuk memudahkan bagi pihak sekolah dalam menyampaikan informasi perkembangan siswa kepada orang tua siswa atau wali murid. Dan juga terutama bagi orang tua siswa dalam mendapatkan informasi dan memonitoring perkembangan putra/putrinya dengan cepat, tepat dan akurat.

Kata Kunci : Kepribadian Siswa, Monitoring, Perancangan, Sistem Informasi

ABSTRACT

SMK Gawita Gema is a private school that is reliable in organizing secondary education in Indonesia and has been involved in education since 1994 more. Since the decree opening the course then, until today SMK Gema Gawita undergo a learning process with elective courses as follows: Hotel Accommodation, Hospitality, Business Travel and Multimedia addressed Jl. Pioneering independence II Cikokol Tangerang. In the world of information education is very important to establish a relationship between parents and school. The information system monitoring student progress is still generally done every receipt of report cards at the end of a semester, so it will be difficult for parents to obtain the desired information. The need for a computerized system to make it easy for parents supervise the development of the teaching-learning process of their children in a rapid, precise and accurate. Of the problems it is designed a system of monitoring student progress online. This study was made to build and design a monitoring system reports the student's personality by the method of SWOT analysis (Strenghts, Weaknesses, Opportunities, Threats) analysis and design methods using SDLC (System Development Life Cycle). Build and design using the Unified Modeling Language (UML), the manufacture of coding using PHP with the framework angularJS 2.0, HTML5, jQuery, JavaScript and CSS for designing the look that has been made in photoshop portable. And Macromedia Dreamweaver CS3 for web design and testing methods using black box testing. This results in writing the draft report website monitoring students' personalities to make it easier for school parties in informing the development of students to parents or guardians. And also especially for parents to get information and monitor the development of your son / daughter with a rapid, precise and accurate.

Keywords : Personality of Students, Monitoring, Design, Information Systems

KATA PENGANTAR

Bismillahirrahmanirrahiim

Segala puji dan syukur penulis panjatkan kehadirat Allah SWT atas berkat rahmat dan anugerah-Nya yang dilimpahkan kepada penulis, sehingga penulisan Laporan Skripsi ini dapat terselesaikan dengan baik dan tepat pada waktunya.

Tujuan dari pembuatan Laporan Skripsi ini adalah sebagai salah satu persyaratan dalam memperoleh gelar Sarjana Komputer (S.Kom) untuk jenjang S1 di Perguruan Tinggi Raharja, Cikokol Tangerang. Sebagai bahan penulisan, penulis mengambil data berdasarkan hasil observasi, wawancara, survey serta studi pustaka yang mendukung penulisan ini.

Pada kesempatan ini juga penulis ingin mengucapkan banyak terima kasih dan penghargaan setinggi-tingginya kepada semua pihak yang telah membantu penulis dalam menyelesaikan penulisan Laporan Skripsi ini, antara lain:

  1. Bapak Ir. Untung Rahardja, selaku Ketua STMIK Raharja.
  2. Bapak Sugeng Santoso, M.Kom selaku Pembantu Ketua I Bidang Akademik STMIK Raharja.
  3. Ibu Nur Azizah, M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi STMIK Raharja.
  4. Ibu Hani Dewi Ariessanti ,M.Kom selaku pembimbing I yang telah berkenan meluangkan waktu, pikiran dan tenaganya untuk membantu dan memberikan bimbingan serta pengarahan kepada penulis.
  5. Bapak M. Roihan, M.T. selaku Dosen Pembimbing II yang telah berkenan meluangkan waktu, pikiran dan tenaganya untuk membantu dan memberikan bimbingan serta pengarahan kepada penulis.
  6. Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada penulis.
  7. Bapak Agung Banendro, SST.Par, M.Pd selaku Kepala Sekolah SMK Gema Gawita yang telah penulis dalam menyelesaikan Laporan Skripsi.
  8. Seluruh Guru dan Karyawan SMK Gema Gawita atas bantuannya membantu memberikan data-data yang penulis butuhkan.
  9. Kedua Orang Tua berserta keluarga tercinta yang selalu memberikan dukungan baik secara moril maupun materil.
  10. Semua sahabat-sahabat seperjuangan khususnya untuk Nurlaeli Qoriah yang telah memberikan dukungan kepada penulis.
  11. Semua pihak yang pada kesempatan ini yang telah banyak membantu penulis dalam menyelesaikan penyusunan Laporan Skripsi ini, baik secara langsung maupun tidak langsung.

Akhir kata, Semoga Allah SWT memberikan balasan rahmat kepada semua pihak yang telah membantu penulis dalam pembuatan Laporan Skripsi ini.

Demikian, penulis sampaikan dengan harapan semoga Laporan Skripsi ini dapat berguna dan bermanfaat bagi semua pihak.

Tangerang, 26 Januari 2016
Dika Nurul Handayani
NIM. 1111468926


DAFTAR TABEL

Tabel 1.1 Simbol Usecase Diagram

Tabel 1.2 Simbol Activity Diagram

Tabel 1.3 Simbol Sequence Diagram

Tabel 3.6. Analisa SWOT iRangers

Tabel 3.7 Elisitasi tahap I

Tabel 3.8 Elisitasi tahap II

Tabel 3.9 Elisitasi tahap III

Tabel 3.10 Final Draft Elisitasi

Tabel 4.31 Prosedur Sistem Berjalan dan Usulan

Tabel 4.38 Testing iRangers

Tabel 4.39 Schedule Implementasi Sistem iRangers

Tabel 4.40 Penerapan Sistem iRangers

Tabel 4.41 Estimasi Biaya Sistem iRangers

DAFTAR GAMBAR

  1. Gambar 1.1 Bagan Waterfall
  2. Gambar 2.1 Logo SiS+
  3. Gambar 2.2 Contoh QRCode
  4. Gambar 2.3 Diagram alir proses pembangkitan QR Code
  5. Gambar 2.4 Diagram alir proses pembacaan QR Code
  6. Gambar 2.5 Anatomi QR Code
  7. Gambar 2.6 Versi QR Code
  8. Gambar 2.7 Contoh QR Code Model 1
  9. Gambar 2.8 Contoh QR Code Model 2
  10. Gambar 2.9 Contoh Micro QR Code
  11. Gambar 2.10 Contoh iQR Code
  12. Gambar 2.11 Contoh LogoQ
  13. Gambar 2.12 Struktur Statis Aplikasi Yii
  14. Gambar 3.1 Struktur Organisasi Perguruan Tinggi Raharja
  15. Gambar 3.2 Use Case Diagram Sistem Yang Berjalan
  16. Gambar 3.3 Activity Diagram Sistem Yang Berjalan
  17. Gambar 3.4 Sequence Diagram Sistem Yang Berjalan
  18. Gambar 4.1 Use Case Diagram Sistem Yang Diusulkan
  19. Gambar 4.2 Activity Diagram Sistem Yang Diusulkan
  20. Gambar 4.3 Sequence Diagram Sistem Yang Diusulkan
  21. Gambar 4.4 Class Diagram Formulir SiS+
  22. Gambar 4.5 Flowchart Sistem Yang Diusulkan
  23. Gambar 4.6 Diagram HIPO Formulir Online pada SiS+
  24. Gambar 4.7 Rancangan Prototipe Tampilan Login
  25. Gambar 4.8 Rancangan Prototipe Tampilan Home
  26. Gambar 4.9 Rancangan Prototipe Tampilan Form
  27. Gambar 4.10 Rancangan Prototipe Tampilan PDF Form
  28. Gambar 4.11 Tampilan Halaman Login
  29. Gambar 4.12 Tampilan Halaman Home
  30. Gambar 4.13 Tampilan Halaman Form
  31. Gambar 4.14 Tampilan PDF Form
  32. Gambar 4.15 Jumlah Pengguna Aktif SiS+
  33. Gambar 4.16 Jumlah View Formulir
  34. Gambar 4.17 Jumlah Print Formulir
  35. Gambar 4.18 Jumlah Download Formulir
  36. Gambar 4.19 Testimoni


DAFTAR SIMBOL

DAFTAR SIMBOL USE CASE DIAGRAM

DAFTAR SIMBOL ACTIVITY DIAGRAM

DAFTAR SIMBOL SEQUENCE DIAGRAM

DAFTAR SIMBOL CLASS DIAGRAM

Contributors

1111468926