SI1314476026
PERANCANGAN VIEWBOARD IDUHELP! MENGGUNAKAN BOOTSTRAP
SEBAGAI PENUNJANG LAPORAN PERFORMA IDUHELP! ONLINE
PADA PERGURUAN TINGGI
Disusun Oleh :
NIM |
: 1212472873
|
NAMA |
JURUSAN SISTEM INFORMASI
KONSENTRASI BUSINESS INTELLIGENCE
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
TANGERANG
2015/2016
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR PENGESAHAN SKRIPSI
PERANCANGAN VIEWBOARD IDUHELP! MENGGUNAKAN BOOTSTRAP'
SEBAGAI PENUNJANG LAPORAN PERFORMA IDUHELP! ONLINE
PADA PERGURUAN TINGGI
Disusun Oleh :
NIM |
: 1212472873
|
Nama |
|
Jenjang Studi |
: Strata Satu
|
Jurusan |
: Sistem Informasi
|
Konsentrasi |
: Business Intelligence
|
Disahkan Oleh :
Tangerang, Oktober 2016
| Ketua |
Kepala Jurusan
| ||||
| STMIK RAHARJA |
Jurusan Sistem Informasi
| ||||
| (Ir. Untung Rahardja, M.T.I) |
(Nur Azizah, M.Akt., M.Kom)
| ||||
| NIP : 99001 |
NIP : 10002
|
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR PERSETUJUAN PEMBIMBING
PERANCANGAN VIEWBOARD IDUHELP! MENGGUNAKAN BOOTSTRAP
SEBAGAI PENUNJANG LAPORAN PERFORMA IDUHELP! ONLINE
PADA PERGURUAN TINGGI
Dibuat Oleh :
NIM |
: 1212472873
|
Nama |
Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif
Jurusan Sistem Informasi
Konsentrasi Business Intelligence
Disetujui Oleh :
Tangerang, Oktober 2016
| Pembimbing I |
Pembimbing II
| ||
| (Ir. Khanna Tiara, S.Kom) |
(Untung Rahardja, M.T.I)
| ||
| NID : 14013 |
NID : 99001
|
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR PERSETUJUAN DEWAN PENGUJI
PERANCANGAN VIEWBOARD IDUHELP! MENGGUNAKAN BOOTSTRAP
SEBAGAI PENUNJANG LAPORAN PERFORMA IDUHELP! ONLINE
PADA PERGURUAN TINGGI
Dibuat Oleh :
NIM |
: 1212472873
|
Nama |
Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian
Komprehensif
Jurusan Sistem Informasi
Konsentrasi Business Intelligence
Tahun Akademik 2015/2016
Disetujui Penguji :
Tangerang, Oktober 2016
| Ketua Penguji |
Penguji I |
Penguji II
| ||
| (_______________) |
(_______________) |
(_______________)
| ||
| NID : |
NID : |
NID :
|
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR KEASLIAN SKRIPSI
PERANCANGAN VIEWBOARD IDUHELP! MENGGUNAKAN BOOTSTRAP
SEBAGAI PENUNJANG LAPORAN PERFORMA IDUHELP! ONLINE
PADA PERGURUAN TINGGI
Disusun Oleh :
NIM |
: 1212472873
|
Nama |
|
Jenjang Studi |
: Strata Satu
|
Jurusan |
: Sistem Informasi
|
Konsentrasi |
: Business Intelligence
|
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 di atas tidak benar.
Tangerang, Oktober 2016
| NIM : 1212472873
|
)*Tandatangan dibubuhi materai 6.000;
ABSTRACT
Service is very important and required by an institution that has a fairly large academic civitas especially on Perguruan Tinggi Raharja who has a service system iLearning eDucation Help! or commonly called by iDuHelp!, iDuHelp! is a container for helping the Pribadi Raharja in finding a solution on the scope of iDuHelp!. But on the system iDuHelp! There are some drawbacks still online that is is about information about the activities of the operator and the PIC (Person in Charge) that exist on the system iDuHelp! Online that could not be accessed in public only PIC (Person In Charge) and the Operator can access into the system iDuHelp! due to enter into the system iDuHelp! have to log in and the PIC (Person In Charge) is also still making a performance report manually. Therefore designed a Viewboard iDuHelp! by using templates that are taken from the Bootstrap and the analysis method of the system elisitation. With the Viewboard iDuHelp! later can issue an information about the top operators of the iDuHelp! and top customers and operator performance history iDuHelp! Online monthly, the function of the Viewboard itself to support the service of iDuHelp! so better yet, so the PIC (Person In Charge) iDuHelp! operators performance report does not make iDuHelp! online manually again and recap automatically on Viewboard iDuHelp!. in the Viewboard there will also be information about the list of operators iDuHelp!, FAQ, Viewboard can also be connected with the iMe iDuHelp!, forum RhjFox and Viewboard Rooster, There will also be a list of operators and last log operator on the system iDuHelp!.
Keywords : iDuHelp!, Viewboard, Information.
ABSTRAK
Pelayanan merupakan hal yang sangat penting dan dibutuhkan oleh sebuah institusi yang memiliki civitas akademik yang cukup besar terutama pada Perguruan Tinggi Raharja yang memiliki sebuah sistem pelayanan yaitu iLearning eDucation Help! atau biasa disebut dengan iDuHelp!, iDuHelp! merupakan sebuah wadah untuk membantu para Pribadi Raharja dalam menemukan sebuah solusi yang ada pada ruang lingkup iDuHelp!. Namun pada sistem iDuHelp! Online masih terdapat beberapa kekurangan yaitu adalah mengenai informasi seputar aktifitas operator dan PIC (Person in Charge) yang ada pada sistem iDuHelp! online yang tidak bisa diakses secara public hanya PIC (Person In Charge) dan Operator yang dapat mengakses masuk ke dalam sistem iDuHelp! karena untuk masuk ke dalam sistem iDuHelp! harus login terlebih dahulu dan PIC (Person In Charge) juga masih membuat sebuah laporan performa secara manual. Maka dari itu dirancang sebuah Viewboard iDuHelp! dengan menggunakan template yang diambil dari Bootstrap dan juga dengan menggunakan metode analisa sistem elisitasi. Dengan adanya Viewboard iDuHelp! nantinya dapat mengeluarkan suatu informasi mengenai top operator iDuHelp! dan top customers dan history performa operator iDuHelp! Online perbulan, fungsi dari Viewboard itu sendiri untuk menunjang pelayanan iDuHelp! agar lebih baik lagi, sehingga PIC (Person In Charge) iDuHelp! tidak membuat laporan performa operators iDuHelp! online secara manual lagi dan terotomatis terekap pada Viewboard iDuHelp!. di dalam Viewboard juga akan ada informasi mengenai daftar operator iDuHelp!, fasilitas FAQ, Viewboard juga dapat terkoneksi dengan iMe iDuHelp!, forum RhjFox dan Viewboard Rooster, juga akan ada daftar operator dan terakhir last log operator pada sistem iDuHelp!.
Kata Kunci: iDuHelp!, Viewboard, Informasi
Puji syukur alhamdulillah, peneliti panjatkan kehadirat Allah SWT yang telah memberikan seribu jalan, sejuta langkah serta melimpahkan segala rahmat dan karunia-Nya, sehingga laporan Skripsi Peneliti dapat berjalan dengan baik dan selesai dengan semestinya.
Tujuan dari pembuatan 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, peneliti mengambil data berdasarkan hasil observasi, wawancara, survey serta studi pustaka yang mendukung penulisan ini.
Hati kecil ini pun menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak penyusunan laporan Skripsi ini tidak akan berjalan sesuai dengan yang diharapkan. Oleh karena itu pada kesempatan yang singkat ini, izinkanlah peneliti menyampaikan selaksa pujian dan terimakasih kepada :
- Bapak Ir. Untung Rahardja, M.T.I selaku Presiden Direktur Perguruan Tinggi Raharja juga sebagai Dosen Pembimbing II yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.
- Bapak Sugeng Santoso, M.Kom. selaku Pembantu Ketua I Bidang Akademik STMIK Raharja.
- Ibu Khanna Tiara, S.Kom. sebagai Dosen Pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.
- Ibu Nur Azizah, M.Akt.,M.Kom. selaku Kepala Jurusan Sistem Informasi.
- Bapak Ir. Yulianto, S.Kom selaku Stakeholder
- Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan.
- Kedua orang tua dan saudara keluarga yang telah memberikan semangat dan juga dukungan, baik moril, materil maupun doa.
- Rekan-Rekan Timur (4G, URGEN, SHINOBI, DA-TEAM)
- Rekan-Rekan All Bimbingan Khanna
- Rekan-Rekan Grup 4G (Dwiki, Julipah dan Iis)
- Rekan-Rekan BLG (Danny, Dimas, Rizky, Reza, Endah, Fanni dan Lily)
- Rekan-Rekan Glueing (Ridwan,Hottiopan, Dwiki, Iis, Wulan, Yeti)
- Rekan-Rekan I-GO dan YG
- Seluruh anggota REC yang telah memberikan dukungan, arahan dan masukan yang sangat berarti dalam menyelesaikan Skripsi ini
| Tangerang, Oktober 2016 | |
| Nursam Somantri | |
| NIM. 1212472873 |
DAFTAR TABEL
Tabel 3.1. Jurusan atau Program Studi pada STMIK Raharja
Tabel 3.2. Jurusan atau Program Studi pada AMIK Raharja
Tabel 4.1. Elisitasi Tahap I
Tabel 4.2. Elisitasi Tahap II
Tabel 4.3. Elisitasi Tahap III
Tabel 4.4. Final Draft Elisitasi
Tabel 4.5. Tabel Pengujian Blackbox Pada Tabel Daftar Customers iDuHelp!
Tabel 4.6. Tabel Pengujian Blackbox Pada Tabel Daftar Operators iDuHelp!
Tabel 4.7. Tabel Pengujian Blackbox Pada History Rekap Peforma iDuHelp! Online
Tabel 4.8. Tabel Schedule Implementasi
Tabel 4.9. Estimasi Biaya
DAFTAR GAMBAR
Gambar 2.1. 10 Pillar IT Perguruan Tinggi Raharja
Gambar 2.2. Logo iDuHelp!
Gambar 3.1. Struktur Organisasi Perguruan Tinggi Raharja
Gambar 3.2. Flowchart program pada sistem iDuHelp! online.
Gambar 4.1. Mind Mapping Project
Gambar 4.2. Pembuktian Strategi 1
Gambar 4.3. Pembuktian Strategi 2
Gambar 4.4. Pembuktian Strategi 3
Gambar 4.5. Pembuktian Strategi 3
Gambar 4.6. Pembuktian Strategi 4
Gambar 4.7. Pembuktian Strategi 5
Gambar 4.8. Pembuktian Strategi 5
Gambar 4.9. Pembuktian Strategi 6
Gambar 4.10. Pembuktian Strategi 7
Gambar 4.11. Pembuktian Strategi 7
Gambar 4.12. Pembuktian Strategi 8
Gambar 4.13. Pembuktian Strategi 9
Gambar 4.14. Pembuktian Strategi 10
Gambar 4.15. Pembuktian Strategi 11
Gambar 4.16. Pembuktian Strategi 12
Gambar 4.17. Pembuktian Strategi 13
Gambar 4.18. Pembuktian Strategi 14
Gambar 4.19. Pembuktian Strategi 15
Gambar 4.20. Use Case Diagram Yang Diusulkan.
Gambar 4.21. Activity Diagram Prosedur Customer Dan Operator Yang Diusulkan.
Gambar 4.22. Activity Diagram Prosedur Pembuatan Laporan.
Gambar 4.23. Activity Diagram Prosedur Viewboard.
Gambar 4.24. Sequence Diagram Customer dan Operator
Gambar 4.25. Sequence Diagram Untuk Pembuatan Laporan
Gambar 4.26. Sequence Diagram Untuk Viewboard
Gambar 4.27. Flowchart program pada Viewboard iDuHelp! Online.
Gambar 4.28. HIPO (Hirarchy Plus Input Process Output)
Gambar 4.29. Rancangan Prototype Tampilan Home
Gambar 4.30. Rancangan Prototype Tampilan Daftar Customers iDuHelp!
Gambar 4.31. Rancangan Prototype Tampilan Daftar Operators iDuHelp!
Gambar 4.32. Rancangan Prototype Tampilan Last Login Operators
Gambar 4.33. Rancangan Prototype Tampilan History Performa Operators iDuHelp!
Gambar 4.34. Rancangan Prototype Tampilan Chart Performa Operators iDuHelp!
Gambar 4.35. Rancangan Prototype Tampilan Terhubung Ke iMe iDuHelp!
Gambar 4.36. Rancangan Prototype Tampilan Terhubung Ke Forum RhjFox
Gambar 4.37. Rancangan Prototype Tampilan Terhubung Ke Viewboard Rooster
Gambar 4.38. Rancangan Prototype Tampilan FAQ
DAFTAR SIMBOL
DAFTAR SIMBOL HIPO
DAFTAR SIMBOL UML
