SI1212472873: Perbedaan revisi
[revisi tidak terperiksa] | [revisi tidak terperiksa] |
(→LAMPIRAN A) |
|||
(273 revisi antara oleh 2 pengguna tidak ditampilkan) | |||
Baris 1: | Baris 1: | ||
+ | |||
+ | |||
+ | |||
<br> | <br> | ||
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"> | <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"> | ||
Baris 87: | Baris 90: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Disahkan Oleh :</p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><p style="line-height: 2">Tangerang, Oktober 2016</p></div> |
{|table align="center" | {|table align="center" | ||
Baris 171: | Baris 174: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: left"> | ||
− | <p style="line-height: 2" style="text-align: right;">Tangerang, | + | <p style="line-height: 2" style="text-align: right;">Tangerang, Oktober 2016</p></div> |
{|table align="center" | {|table align="center" | ||
Baris 251: | Baris 254: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left"> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: left"> | ||
− | <p style="line-height: 1" style="text-align: right;">Tangerang, | + | <p style="line-height: 1" style="text-align: right;">Tangerang, Oktober 2016</p></div> |
{|table align="center" | {|table align="center" | ||
Baris 343: | Baris 346: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.</p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan di atas tidak benar.</p></div> |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tangerang, Oktober 2016</p></div> |
{|table align="center" | {|table align="center" | ||
Baris 386: | Baris 389: | ||
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">''ABSTRACT''</p></div> | <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 1">''ABSTRACT''</p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''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 | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''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!.'' </p></div> |
Baris 394: | Baris 397: | ||
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAK</p></div> | <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAK</p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">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 | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">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!.</p></div> |
Baris 410: | Baris 413: | ||
<ol> | <ol> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">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.</li> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">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.</li> | ||
− | |||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak [[Sugeng Santoso]], M.Kom. selaku Pembantu Ketua I Bidang Akademik STMIK Raharja.</li> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak [[Sugeng Santoso]], M.Kom. selaku Pembantu Ketua I Bidang Akademik STMIK Raharja.</li> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Khanna Tiara]], S.Kom. sebagai Dosen Pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.</li> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Khanna Tiara]], S.Kom. sebagai Dosen Pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.</li> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Nur Azizah]], M.Akt.,M.Kom. selaku Kepala Jurusan Sistem Informasi. </li> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Nur Azizah]], M.Akt.,M.Kom. selaku Kepala Jurusan Sistem Informasi. </li> | ||
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Ir. [[Yulianto]], | + | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Ir. [[Yulianto]], S.Kom selaku Stakeholder </li> |
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan. </li> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan. </li> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kedua orang tua dan saudara keluarga yang telah memberikan semangat dan juga dukungan, baik moril, materil maupun doa. </li> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kedua orang tua dan saudara keluarga yang telah memberikan semangat dan juga dukungan, baik moril, materil maupun doa. </li> | ||
Baris 429: | Baris 431: | ||
{| width="100%" align="right" | {| width="100%" align="right" | ||
|- | |- | ||
− | | width="60%" | || align="center" | Tangerang, | + | | width="60%" | || align="center" | Tangerang, Oktober 2016 |
|- | |- | ||
| || | | || | ||
Baris 476: | Baris 478: | ||
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''DAFTAR TABEL'''</p></div> | <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''DAFTAR TABEL'''</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">'''Tabel 3.1''' Jurusan atau Program Studi pada STMIK Raharja </p></div> | + | <p style="line-height: 1">'''Tabel 3.1.''' Jurusan atau Program Studi pada STMIK Raharja </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">'''Tabel 3.2''' Jurusan atau Program Studi pada AMIK Raharja </p></div> | + | <p style="line-height: 1">'''Tabel 3.2.''' Jurusan atau Program Studi pada AMIK Raharja </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"> | ||
<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.1''' Elisitasi Tahap I </p></div> | + | <p style="line-height: 1">'''Tabel 4.1.''' Elisitasi Tahap I </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">'''Tabel 4.2''' Elisitasi Tahap II </p></div> | + | <p style="line-height: 1">'''Tabel 4.2.''' Elisitasi Tahap II </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">'''Tabel 4.3''' Elisitasi Tahap III </p></div> | + | <p style="line-height: 1">'''Tabel 4.3.''' Elisitasi Tahap III </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">'''Tabel 4.4''' ''Final Draft'' Elisitasi </p></div> | + | <p style="line-height: 1">'''Tabel 4.4.''' ''Final Draft'' Elisitasi </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">'''Tabel 4.5''' Tabel Pengujian Blackbox Pada Tabel Daftar Customers iDuHelp!</p></div> | + | <p style="line-height: 1">'''Tabel 4.5.''' Tabel Pengujian Blackbox Pada Tabel Daftar Customers iDuHelp!</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">'''Tabel 4.6''' Tabel Pengujian ''Blackbox'' Pada Tabel Daftar ''Operators'' iDuHelp!</p></div> | + | <p style="line-height: 1">'''Tabel 4.6.''' Tabel Pengujian ''Blackbox'' Pada Tabel Daftar ''Operators'' iDuHelp!</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">'''Tabel 4.7''' Tabel Pengujian ''Blackbox'' Pada ''History'' Rekap ''Peforma'' iDuHelp! ''Online'' </p></div> | + | <p style="line-height: 1">'''Tabel 4.7.''' Tabel Pengujian ''Blackbox'' Pada ''History'' Rekap ''Peforma'' iDuHelp! ''Online'' </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">'''Tabel 4.8''' Tabel ''Schedule Implementasi'' </p></div> | + | <p style="line-height: 1">'''Tabel 4.8.''' Tabel ''Schedule Implementasi'' </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">'''Tabel 4.9''' Estimasi Biaya </p></div> | + | <p style="line-height: 1">'''Tabel 4.9.''' Estimasi Biaya </p></div> |
Baris 503: | Baris 505: | ||
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div> | <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><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">'''Gambar 2.1.''' 10 Pillar IT Perguruan Tinggi Raharja </p></div> | |
− | <p style="line-height: 1">'''Gambar 2.1''' 10 Pillar IT 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: 1">'''Gambar 2.2.''' Logo iDuHelp!</p></div> | |
+ | <p style="line-height: 1">'''Gambar 3.1.''' Struktur Organisasi Perguruan Tinggi Raharja </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">'''Gambar 3.2.''' ''Flowchart'' program pada sistem iDuHelp! ''online''. </p></div> | |
− | <p style="line-height: 1">'''Gambar 2. | + | |
− | + | ||
− | + | ||
− | + | ||
<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">'''Gambar 4.1.''' ''Mind Mapping Project'' </p></div> | |
− | <p style="line-height: 1">'''Gambar 4.1''' ''Mind Mapping Project'' </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.''' Pembuktian Strategi 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.3.''' Pembuktian Strategi 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.4.''' Pembuktian Strategi 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.5.''' Pembuktian Strategi 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.6.''' Pembuktian Strategi 4</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.''' Pembuktian Strategi 5</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.''' Pembuktian Strategi 5</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.9.''' Pembuktian Strategi 6</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.10.''' Pembuktian Strategi 7</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.11.''' Pembuktian Strategi 7</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.12.''' Pembuktian Strategi 8</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.13.''' Pembuktian Strategi 9</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.14.''' Pembuktian Strategi 10</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.15.''' Pembuktian Strategi 11</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.16.''' Pembuktian Strategi 12</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.17.''' Pembuktian Strategi 13</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.18.''' Pembuktian Strategi 14</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.19.''' Pembuktian Strategi 15</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.20.''' ''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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.21.''' ''Activity Diagram Prosedur Customer'' Dan ''Operator'' 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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.22.''' ''Activity Diagram'' Prosedur Pembuatan 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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.23.''' ''Activity Diagram'' Prosedur Viewboard.</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.24.''' ''Sequence Diagram Customer'' dan ''Operator''</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.25.''' ''Sequence Diagram'' Untuk Pembuatan 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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.26.''' ''Sequence Diagram'' Untuk Viewboard</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.27.''' ''Flowchart'' program pada ''Viewboard'' iDuHelp! ''Online''.</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.28.''' HIPO ''(Hirarchy Plus Input Process Output)''</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.29.''' Rancangan ''Prototype'' Tampilan ''Home''</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.30.''' Rancangan ''Prototype'' Tampilan Daftar ''Customers'' iDuHelp! </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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.31.''' Rancangan ''Prototype'' Tampilan Daftar ''Operators'' iDuHelp! </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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.32.''' Rancangan ''Prototype'' Tampilan ''Last Login Operators''</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.33.''' Rancangan ''Prototype'' Tampilan ''History Performa Operators'' iDuHelp!</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.34.''' Rancangan ''Prototype'' Tampilan ''Chart Performa Operators'' iDuHelp!</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.35.''' Rancangan ''Prototype'' Tampilan Terhubung Ke iMe iDuHelp! </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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.36.''' Rancangan ''Prototype'' Tampilan Terhubung Ke Forum RhjFox </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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.37.''' Rancangan ''Prototype'' Tampilan Terhubung Ke ''Viewboard'' Rooster</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">'''Gambar 4. | + | <p style="line-height: 1">'''Gambar 4.38.''' Rancangan ''Prototype'' Tampilan FAQ</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 SIMBOL'''</p></div><div align="center"><img width="354" height="401" style="margin:0px" src="https://lh5.googleusercontent.com/-cLNdykImebw/VWHrwUzhx6I/AAAAAAAACdo/cNjphvnwOMk/w454-h501-no/simbol%2Bflowchart.png"/></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL HIPO'''</p></div> | ||
+ | <div align="center"><img class="aligncenter" src="https://lh3.googleusercontent.com/-betMom-duJo/V9Qg6YpY8fI/AAAAAAAAKEA/1V8BRqNEjtkh_-85WMBpijbGzJhpLT2LQCL0B/w462-h294-no/2016-09-10.png" alt="" width="300" height="400" /></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR SIMBOL UML'''</p></div> | ||
+ | <div align="center"><img width="397 height="375" style="margin:0px" src="https://lh6.googleusercontent.com/-QgLn8Ef9Ncs/VWHrx6q8RyI/AAAAAAAACdw/cb_i_2gzU5c/w513-h425-no/usecase.png"/></div>{{pagebreak}}<div align="center"><img width="400" height="417" style="margin:0px" src="https://lh4.googleusercontent.com/-6pTJCyen4GE/VWHrwZJEusI/AAAAAAAACdg/ZlwA939HCsM/w500-h517-no/simbol%2Bactivity.png"/></div> | ||
{{pagebreak}} | {{pagebreak}} | ||
=<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>= | =<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>= | ||
Baris 587: | Baris 602: | ||
<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">Pada saat ini yang serba modern ini banyak hal yang bisa dijadikan sebuah sarana informasi, kita bisa mencari informasi teknologi yang sudah dapat dijadikan sebagai sebuah sarana informasi. Teknologi saat ini yang bisa dijadikan sebuah tempat sarana informasi dan berita adalah internet. Internet bisa memberikan informasi sebanyak-banyak yang kita butuhkan, tetapi sebagian dari internet juga bisa memberikan informasi yang berdampak ''negative''. Informasi adalah data yang telah diklasifikasikan atau diinterprestasi untuk digunakan dalam proses pengambilan keputusan (Sutabri, 2012:29)<ref name= "Sutabri">Sutabri, Tata. 2012. Konsep Dasar Informasi. Yogyakarta: Andi Offset.</ref>. </p></div> | + | <p style="line-height: 2">Pada saat ini yang serba modern ini banyak hal yang bisa dijadikan sebuah sarana informasi, kita bisa mencari informasi teknologi yang sudah dapat dijadikan sebagai sebuah sarana informasi. Teknologi saat ini yang bisa dijadikan sebuah tempat sarana informasi dan berita adalah internet. Internet bisa memberikan informasi sebanyak-banyak yang kita butuhkan, tetapi sebagian dari internet juga bisa memberikan informasi yang berdampak ''negative''. Informasi adalah data yang telah diklasifikasikan atau diinterprestasi untuk digunakan dalam proses pengambilan keputusan (Sutabri, 2012: 29)<ref name= "Sutabri">Sutabri, Tata. 2012. Konsep Dasar Informasi. Yogyakarta: Andi Offset.</ref>. </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"> Pelayanan sebagai suatu aktivitas yang bersifat tidak kasat mata yang terjadi sebagai akibat adanya interaksi atau hal-hal yang disediakan organisasi pemberi pelayanan yang dimaksud untuk memecahkan permasalahan ''customer'' yang dilayani (Gronroos, 2001 : 7)<ref name= "Gronroos">Gronroos, Christian. 2007. Service management and marketing: customer management in services competition. Hoboken, New Jersey.</ref>. Sedangkan kualitas merupakan keseluruhan karakteristik produk dan jasa yang meliputi ''marketing, engineering, manufacture'' , dan ''maintenance'' dalam nama produk dan jasa tersebut dalam pemakaianya akan sesuai dengan kebutuhan dan harapan pelanggan (Feigenbaum 1991)<ref name= "Feigenbaum">Feigenbaum, Armand V . 1991. Total quality control. McGrawHill.</ref>. Jika customers mendapatkan sebuah pelayanan secara prima ''(excellent servise)'' maka perusahaan tersebut memiliki kualitas yang sangat baik. </p></div> | + | <p style="line-height: 2"> Pelayanan sebagai suatu aktivitas yang bersifat tidak kasat mata yang terjadi sebagai akibat adanya interaksi atau hal-hal yang disediakan organisasi pemberi pelayanan yang dimaksud untuk memecahkan permasalahan ''customer'' yang dilayani (Gronroos, 2001: 7)<ref name= "Gronroos">Gronroos, Christian. 2007. Service management and marketing: customer management in services competition. Hoboken, New Jersey.</ref>. Sedangkan kualitas merupakan keseluruhan karakteristik produk dan jasa yang meliputi ''marketing, engineering, manufacture'' , dan ''maintenance'' dalam nama produk dan jasa tersebut dalam pemakaianya akan sesuai dengan kebutuhan dan harapan pelanggan (Feigenbaum 1991)<ref name= "Feigenbaum">Feigenbaum, Armand V . 1991. Total quality control. McGrawHill.</ref>. Jika customers mendapatkan sebuah pelayanan secara prima ''(excellent servise)'' maka perusahaan tersebut memiliki kualitas yang sangat baik. </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"> | ||
− | ''Viewboard'' sendiri sangat penting untuk sistem iDuHelp!. ''Viewboard'' berfungsi untuk memberikan suatu informasi yang dibutuhkan atau juga informasi penting yang datanya diambil melalui ''database'' iDuHelp! ''online''. Data adalah kenyataan yang menggambarkan suatu kejadian serta merupakan suatu bentuk yang masih mentah yang belum dapat bercerita banyak sehingga perlu diolah lebih lanjut melalui suatu model untuk menghasilkan informasi. (Sutabri, 2012:2)<ref name= "Sutabri">Sutabri, Tata. 2012. Konsep Dasar Informasi. Yogyakarta: Andi Offset.</ref>. Seperti poin para pengguna dan menunjukan peringkat dari keseluruhan pengguna. ''Viewboard'' juga bisa menjadi motivasi tersendiri untuk menjadi urutan paling teratas karena seluruh user bisa melihat ''performa'' dari semua ''user''. | + | ''Viewboard'' sendiri sangat penting untuk sistem iDuHelp!. ''Viewboard'' berfungsi untuk memberikan suatu informasi yang dibutuhkan atau juga informasi penting yang datanya diambil melalui ''database'' iDuHelp! ''online''. Data adalah kenyataan yang menggambarkan suatu kejadian serta merupakan suatu bentuk yang masih mentah yang belum dapat bercerita banyak sehingga perlu diolah lebih lanjut melalui suatu model untuk menghasilkan informasi. (Sutabri, 2012: 2)<ref name= "Sutabri">Sutabri, Tata. 2012. Konsep Dasar Informasi. Yogyakarta: Andi Offset.</ref>. Seperti poin para pengguna dan menunjukan peringkat dari keseluruhan pengguna. ''Viewboard'' juga bisa menjadi motivasi tersendiri untuk menjadi urutan paling teratas karena seluruh user bisa melihat ''performa'' dari semua ''user''. |
</p></div> | </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">Perguruan Tinggi Raharja sebuah IT Campus yang memiliki sebuah sistem pelayanan yaitu ''iLearning Education Help!'' Atau biasa disebut dengan iDuHelp! . Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau tujuan tertentu.(Yakub, 2012:1)<ref name= "Yakub">Yakub. 2012. Pengantar Sistem Informasi. Graha Ilmu : Yogyakarta.</ref>.</p></div> | + | <p style="line-height: 2">Perguruan Tinggi Raharja sebuah IT Campus yang memiliki sebuah sistem pelayanan yaitu ''iLearning Education Help!'' Atau biasa disebut dengan iDuHelp! . Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau tujuan tertentu.(Yakub, 2012: 1)<ref name= "Yakub">Yakub. 2012. Pengantar Sistem Informasi. Graha Ilmu : Yogyakarta.</ref>.</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"> iDuHelp! Merupakan salah satu dari Ten Pilar IT ''iLearning'' yang ada di Perguruan Tinggi Raharja iDuHelp! dibagi menjadi 2 bagian yaitu iDuHelp! ''Online'' dan ''Offline''. Pelayanan iDuHelp! ''Online'' dapat dilakukan pada hari kerja yaitu hari senin sampai hari jumat pada Pukul 08.00 s/d 21.00 WIB dan sedangkan iDuHelp! ''Offline'' Dapat dilakukan kapan saja dan dimana saja dalam kurung waktu 2x24 jam. iDuHelp! Telah mengalami banyak pengembangan. tersebut Namun pelayanan iDuHelp! masih belum maximal karena sistem tidak bisa memberikan informasi seputar ''performa'' ''operator'' kepada seluruh Pribadi Raharja, selain itu juga ada permasalahan yang muncul karena PIC iDuHelp! masih membuat laporan secara manual dan tidak otomatis terekap sendiri, PIC atau ''Person In Charge'' adalah istilah yg digunakan untuk menunjukkan siapa orang yg bertangung jawab dalam menangani project atau hal-hal tertentu. Berdasarkan pada latar belakang | + | <p style="line-height: 2"> iDuHelp! Merupakan salah satu dari Ten Pilar IT ''iLearning'' yang ada di Perguruan Tinggi Raharja iDuHelp! dibagi menjadi 2 bagian yaitu iDuHelp! ''Online'' dan ''Offline''. Pelayanan iDuHelp! ''Online'' dapat dilakukan pada hari kerja yaitu hari senin sampai hari jumat pada Pukul 08.00 s/d 21.00 WIB dan sedangkan iDuHelp! ''Offline'' Dapat dilakukan kapan saja dan dimana saja dalam kurung waktu 2x24 jam. iDuHelp! Telah mengalami banyak pengembangan. tersebut Namun pelayanan iDuHelp! masih belum maximal karena sistem tidak bisa memberikan informasi seputar ''performa'' ''operator'' kepada seluruh Pribadi Raharja, selain itu juga ada permasalahan yang muncul karena PIC iDuHelp! masih membuat laporan secara manual dan tidak otomatis terekap sendiri, PIC atau ''Person In Charge'' adalah istilah yg digunakan untuk menunjukkan siapa orang yg bertangung jawab dalam menangani project atau hal-hal tertentu. Berdasarkan pada latar belakang di atas, maka penulis tertarik untuk melakukan penelitian terhadap sistem yang berjalan saat ini yang dituangkan dalam sebuah laporan Skripsi dengan sebuah judul yaitu ''''“Perancangan ''Viewboard'' iDuHelp! Menggunakan ''Bootstrap'' Sebagai Penunjang Laporan ''Performa'' iDuHelp! ''Online'' Pada Perguruan Tinggi”'''</p></div> |
{{pagebreak}} | {{pagebreak}} | ||
Baris 618: | Baris 633: | ||
<p style="line-height: 2">Bagaimana agar dapat mengetahui informasi yang ada pada sistem iDuHelp! ''online''?</p> | <p style="line-height: 2">Bagaimana agar dapat mengetahui informasi yang ada pada sistem iDuHelp! ''online''?</p> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Bagaimana menampilkan sebuah informasi hasil rekapan ''performa'' dan ''chart'' dalam bentuk '' | + | <p style="line-height: 2">Bagaimana menampilkan sebuah informasi hasil rekapan ''performa'' dan ''chart'' dalam bentuk ''Viewboard''?</p> |
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Bagaimana menciptakan sebuah '' | + | <p style="line-height: 2">Bagaimana menciptakan sebuah ''Viewboard'' yang bisa memberikan sebuah informasi berdasarkan yang ada pada sistem iDuHelp! ''online''?</p></li></ol> |
==Ruang Lingkup== | ==Ruang Lingkup== | ||
+ | |||
<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"> | ||
− | Untuk mempermudah penulisan laporan Skripsi ini, maka harus ada yang namanya batasan atau ruang lingkup masalah, berikut merupakan ruang lingkup permasalahan yang akan dibahas diantaranya, menampilkan | + | Untuk mempermudah penulisan laporan Skripsi ini, maka harus ada yang namanya batasan atau ruang lingkup masalah, berikut merupakan ruang lingkup permasalahan yang akan dibahas diantaranya, Sistem dapat menampilkan menu ''Viewboard'' iDuHelp! dengan 12 ''list'' menu pada tampilan utama ''Viewboard'', Sistem dapat menampilkan daftar ''customers'' dengan total lebih dari 1000 ''customers'', Sistem dapat menampilkan ''Top 10 Operators'' terbanyak menangani ''customers'' perbulan, Sistem dapat menampilkan daftar ''operators'' pada ''Viewboard'' iDuHelp! sebanyak 59 ''operators'', Sistem dapat menampilkan 2 macam jenis ''report performa'' iDuHelp, Sistem dapat menampilkan ''opsi last login operators'' dengan menampilkan sebanyak 59 ''operator'', Sistem dapat terhubung dengan ''Ten pillar iLearning'' no 5 iDuHelp!, Sistem dapat terhubung dengan ''Future'' IT Rahaja no 5 yaitu forum RhjFox. dan untuk lebih lengkapnya tertuang pada ''final draft'' elisitasi.</p></div> |
==Tujuan dan Manfaat Penelitian== | ==Tujuan dan Manfaat Penelitian== | ||
Baris 633: | Baris 649: | ||
<ol> | <ol> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Untuk mengetahui informasi yang ada pada sistem iDuHelp! ''online'' maka diciptakannya '' | + | <p style="line-height: 2">Untuk mengetahui informasi yang ada pada sistem iDuHelp! ''online'' maka diciptakannya ''Viewboard'' iDuHelp! ''online'' yang dibuat dengan menggunakan ''Bootstrap''.</p> |
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Menciptakan sebuah '' | + | <p style="line-height: 2">Menciptakan sebuah ''Viewboard'' rekap hasil ''performa'' dan ''chart'' secara otomatis yang bisa merekap ''performa operator'' iDuHelp! ''online'' sehingga memberikan kemudahan bagi admin dalam membuat sebuah ''report'' dan agar menghasilkan sebuah keakuratan dari perhitungan jumlah ''customers'' yang diambil ''operators''.</p> |
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Menciptakan sebuah '' | + | <p style="line-height: 2">Menciptakan sebuah ''Viewboard'' yang bisa memberikan sebuah informasi yang berdasarkan pada sistem iDuHelp! ''online''</p></li></ol> |
===Manfaat Penelitian=== | ===Manfaat Penelitian=== | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> | ||
− | Manfaat yang diambil dari suatu penelitian merupakan sebuah hasil dari terlaksananya suatu tujuan dan terjawabnya dari sebuah rumusan masalah yang secara akurat. Dalam manfaat penelitian ini diharapkan dapat memberikan suatu masukan yang sangat bermanfaat untuk informasi dan komunikasi yang belakangan ini banyak yang mendapatkan pelajaran dari beragam ilmu. Dan | + | Manfaat yang diambil dari suatu penelitian merupakan sebuah hasil dari terlaksananya suatu tujuan dan terjawabnya dari sebuah rumusan masalah yang secara akurat. Dalam manfaat penelitian ini diharapkan dapat memberikan suatu masukan yang sangat bermanfaat untuk informasi dan komunikasi yang belakangan ini banyak yang mendapatkan pelajaran dari beragam ilmu. Dan di dalam pemanfaatan praktis ini Dan di dalam manfaat praktis penelitian ini diharapkan dapat menrekondisikan kebutuhan - kebutuhan guna meningkatkan sistem ''iLearning Education'' pada Perguruan Tinggi Raharja, mengatasi kendala - kendala yang muncul pada sistem, dapat dijadikan untuk fasilitas ''iLearning'' yang tersentralisasi, yang memuat seluruh informasi, yang kemudian diharapkan dapat memberikan informasi seputar Perguruan Tinggi Raharja yang akurat.</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"> | ||
Adapun manfaat dari penelitian ini adalah :</p></div> | Adapun manfaat dari penelitian ini adalah :</p></div> | ||
Baris 647: | Baris 663: | ||
<ol> | <ol> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Adanya '' | + | <p style="line-height: 2">Adanya ''Viewboard'' iDuHelp! ''online'' ini Pribadi Raharja dapat mengetahui informasi seputar data sistem iDuHelp! yang dibuat dengan menggunakan ''bootstrap''.</p> |
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Adanya sebuah '' | + | <p style="line-height: 2">Adanya sebuah ''Viewboard'' rekap hasil ''performa'' dan ''chart'' otomatis dapat memberikan kemudahan bagi Admin dalam membuat sebuah ''report'' dan menghasilkan perhitungan jumlah ''customers'' yang ditangani oleh ''operators'' secara akurat.</p> |
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Adanya '' | + | <p style="line-height: 2">Adanya ''Viewboard'' yang dapat memberikan sebuah informasi kepada Pribadi Raharja mengenai sebuah informasi berdasarkan yang ada pada sistem iDuHelp! ''online''.</p></li></ol> |
==Metode Penelitian== | ==Metode Penelitian== | ||
===Metode Pengumpulan Data=== | ===Metode Pengumpulan Data=== | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> | ||
− | Untuk mendapatkan data yang diperlukan dalam penyusunan Skripsi ini, maka Menurut Rapina (2011:15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, teknik pengumpulan data, yaitu:</p></div> | + | Untuk mendapatkan data yang diperlukan dalam penyusunan Skripsi ini, maka Menurut Rapina (2011: 15)<ref name= "Rapina "> Rapina, Christyanto., and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, teknik pengumpulan data, yaitu:</p></div> |
<ol> | <ol> | ||
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Observasi (Pengamatan)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Menurut Rapina (2011:15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, Observasi merupakan suatu teknik yang digunakan untuk mengumpulkan data dengan cara melakukan pengamatan secara langsung ke tempat yang dijadikan objek penelitian. Dan metode pengamatan atau metode observasi pada sistem ini dilakukan pada ''Raharja Enrichment Center'' (REC) Perguruan Tinggi Raharja dengan cara mengumpulkan data, informasi, dan mempelajari catatan serta dokumen yang ada. Adapun hasil yang didapat dari observasi adalah mengetahui sistem kerja yang berjalan, sehingga peneliti dapat melaporkan kegiatan langsung pada apa yang pernah dilihat dan dipelajari sehingga dapat dituangkan dalam penulisan laporan ini.</p></li> | + | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Observasi (Pengamatan)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Menurut Rapina (2011: 15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, Observasi merupakan suatu teknik yang digunakan untuk mengumpulkan data dengan cara melakukan pengamatan secara langsung ke tempat yang dijadikan objek penelitian. Dan metode pengamatan atau metode observasi pada sistem ini dilakukan pada ''Raharja Enrichment Center'' (REC) Perguruan Tinggi Raharja dengan cara mengumpulkan data, informasi, dan mempelajari catatan serta dokumen yang ada. Adapun hasil yang didapat dari observasi yang dilakukan selama 6 (enam) bulan ini adalah untuk mengetahui sistem kerja yang berjalan, sehingga peneliti dapat melaporkan kegiatan langsung pada apa yang pernah dilihat dan dipelajari sehingga dapat dituangkan dalam penulisan laporan ini.</p></li> |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Wawancara ''(Interview Research)''<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Menurut Rapina (2011:15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, Wawancara merupakan salah satu teknik untuk mengumpulkan data dengan cara menanyakan secara langsung kepada pihak yang berkaitan dengan penelitian. dalam hal ini proses tanya jawab dilakukan oleh peneliti bersama stakeholder yaitu bapak Yulianto, S.kom pada ''Raharja Enrichment Center'' (REC) pada Perguruan Tinggi Raharja .</p></li> | + | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Wawancara ''(Interview Research)''<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Menurut Rapina (2011: 15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, Wawancara merupakan salah satu teknik untuk mengumpulkan data dengan cara menanyakan secara langsung kepada pihak yang berkaitan dengan penelitian. dalam hal ini proses tanya jawab dilakukan oleh peneliti bersama stakeholder yaitu bapak Yulianto, S.kom pada ''Raharja Enrichment Center'' (REC) pada Perguruan Tinggi Raharja .</p></li> |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Studi Pustaka<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Menurut Rapina (2011:15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, studi pustaka adalah mencari atau mengumpulkan bahan yang berhubungan dengan masalah yang diteliti untuk memperoleh data sekunder dengan membaca, mempelajari, dan mendalami literatur-literatur yang berhubungan dengan masalah yang diteliti. </p></li> | + | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Studi Pustaka<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Menurut Rapina (2011: 15)<ref name= "Rapina "> Rapina, Christyanto, and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.</ref>, studi pustaka adalah mencari atau mengumpulkan bahan yang berhubungan dengan masalah yang diteliti untuk memperoleh data sekunder dengan membaca, mempelajari, dan mendalami literatur-literatur yang berhubungan dengan masalah yang diteliti. </p></li> |
</ol> | </ol> | ||
− | ===Metode | + | ===Metode Analisis Sistem=== |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Murad (2013:51)<ref name= "Murad "> Murad | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Murad (2013: 51)<ref name= "Murad "> Murad, Dina Fitria., Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang: Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.</ref>, tahap analisa merupakan tahap dalam mencari informasi sebanyak-banyaknya mengenai sistem yang diteliti dengan melakukan metode-metode pengumpulan data sehingga ditemukan kelebihan dan kekurangan sistem serta ''user requirement''. Selain itu, tahap ini juga dilakukan untuk mencari pemecah masalah dan menganalisa bagaimana sistem akan dibangun untuk memecahkan masalah pada sistem sebelumnya. dalam penelitian ini peneliti menggunakan metode analisis sistem elisitasi yang terdiri dari elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan final draft elisitasi dengan pencapaian strategi pada penelitian ini. Strategi yang dihasilkan pada penelitian ini juga telah memiliki data yang kuantitatif.</p></div> |
===Metode Perancangan=== | ===Metode Perancangan=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nasution (2012:118)<ref name= "Nasution">Nasution, Ruslan Efendi. 2012. Implementation Sms Gateway In The Development Web Based Information System Schedule Seminar Thesis. Lampung: Unila.</ref> | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nasution (2012: 118)<ref name= "Nasution">Nasution, Ruslan Efendi. 2012. Implementation Sms Gateway In The Development Web Based Information System Schedule Seminar Thesis. Lampung: Unila.</ref>, “Desain atau perancangan adalah tahapan di mana dimulai analisa mengenai bentuk input sistem, rancangan ''database'', output sistem dan skema alur kerja program”. Dan pada metode perancangan sistem ini peneliti menggambarkan dalam bentuk sebuah gambaran diagram HIPO ''(Hierarchy Input Process Output)'' sebagai bentuk dokumentasi program yang dapat dimengerti oleh pengguna secara baik, perancangan tersebut juga menggunakan UML (Unified Modeling Language), ''Mind mapping'' sebagai kerangka penjelasan sistem dan ''flowchart'' sebagai rancangan langkah atau prosedur program.</p></div> |
+ | |||
+ | ===Metode ''Testing''=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode ''testing'' ini digunakan untuk menganalisis suatu identitas sistem untuk mendeteksi, mengevaluasi kondisi dan fitur-fitur yang diinginkan dan mengetahui kualitas dari suatu sistem yang dikembangkan untuk mengeliminasi kesalahan pada sistem saat diterapkan. dalam penelitian ini peneliti menerapkan ''Black Box'' sistem dimana ''Black Box'' sistem ini berfungsi untuk mengetahui apakah perangkat lunak dapat berfungsi sebagaimana yang telah diharapkan.</p></div> | ||
==Sistematika Penulisan== | ==Sistematika Penulisan== | ||
Baris 676: | Baris 695: | ||
<p style="line-height: 2">'''[[SI1212472873#BAB_I|BAB I PENDAHULUAN]]'''</p> | <p style="line-height: 2">'''[[SI1212472873#BAB_I|BAB I PENDAHULUAN]]'''</p> | ||
<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">Bab ini menjelaskan mengenai latar | + | <p style="line-height: 2">Bab ini menjelaskan mengenai latar belakang, rumusan masalah, ruang lingkup, tujuan dan manfaat, metodologi penelitian, dan sistematik penulisan.</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 715: | Baris 734: | ||
<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. Definisi Perancangan''' </p></div> | <p style="line-height: 2">'''1. Definisi Perancangan''' </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 O’Brien dan Marakas (2009:639)<ref name= "O’Brien dan Marakas">O’Brien JA, Marakas GM. 2009. Introduction to Information Systems. McGrawHill.</ref>, menjelaskan bahwa perancangan sistem adalah sebuah kegiatan merancang dan menentukan cara mengolah sistem informasi dari hasil analisa sistem sehingga dapat memenuhi kebutuhan dari pengguna termasuk diantaranya perancangan ''user interface'', data dan aktivitas proses.</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 O’Brien dan Marakas (2009: 639)<ref name= "O’Brien dan Marakas">O’Brien JA, Marakas GM. 2009. Introduction to Information Systems. McGrawHill.</ref>, menjelaskan bahwa perancangan sistem adalah sebuah kegiatan merancang dan menentukan cara mengolah sistem informasi dari hasil analisa sistem sehingga dapat memenuhi kebutuhan dari pengguna termasuk diantaranya perancangan ''user interface'', data dan aktivitas proses.</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 727: | Baris 746: | ||
<p style="line-height: 2">Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangun yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dalam pengembangan atau pembuatan sistem.</p></li></ol> | <p style="line-height: 2">Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangun yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dalam pengembangan atau pembuatan sistem.</p></li></ol> | ||
− | ===Konsep Dasar | + | ===Konsep Dasar Analisis Sistem=== |
<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. Definisi Analisis Sistem''' </p></div> | <p style="line-height: 2">'''1. Definisi Analisis Sistem''' </p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Yakub (2012:142)<ref name= "Yakub">Yakub. 2012. Pengantar Sistem Informasi. Graha Ilmu : 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 Yakub (2012: 142)<ref name= "Yakub">Yakub. 2012. Pengantar Sistem Informasi. Graha Ilmu : Yogyakarta.</ref>, Analisis sistem dapat diartikan sebagai suatu proses untuk memahami sistem yang ada, dengan menganalisis jabatan dan uraian tugas ''(business users)'', proses bisnis ''(business prosess)'', ketentuan atau aturan ''(business rule)'', masalah dan mencari solusinya ''(business problem and business soulution)'', dan rencana perusahaan ''(business plan)''.</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 Satzinger, J.W., Jackson, R.B., & Burd, S.D. (2010, p4)<ref name= "Satzinger, J.W., Jackson, R.B., & Burd, S.D.">Satzinger, J.W., Jackson, R.B., & Burd, S.D, 2012. Systems Analysis and Design in a Changing World, 6th Edition. Missouri State University.</ref>, Analisis sistem adalah tahapan penelitian terhadap sistem berjalan dan bertujuan untuk mengetahui segala permasalahan yang terjadi serta memudahkandalam menjalankan tahap selanjutnya yaitu tahap perancangan sistem</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Satzinger, J.W., Jackson, R.B., & Burd, S.D. (2010, p4)<ref name= "Satzinger, J.W., Jackson, R.B., & Burd, S.D.">Satzinger, J.W., Jackson, R.B., & Burd, S.D, 2012. Systems Analysis and Design in a Changing World, 6th Edition. Missouri State University.</ref>, Analisis sistem adalah tahapan penelitian terhadap sistem berjalan dan bertujuan untuk mengetahui segala permasalahan yang terjadi serta memudahkandalam menjalankan tahap selanjutnya yaitu tahap perancangan sistem</p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bedasarkan pendapat para ahli yang dikemukakan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bedasarkan pendapat para ahli yang dikemukakan di atas dapat diambil kesimpulkan bahwa analisis sistem adalah suatu proses yang digunakan untuk landasan konseptual dan bertujuan untuk memperbaiki fungsi yang ada pada sistem.</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">'''2. Tahap-Tahap Analisis Sistem''' </p></div> | <p style="line-height: 2">'''2. Tahap-Tahap Analisis Sistem''' </p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Agus Mulyanto (2009:126)<ref name= "Agus Mulyanto">Mulyanto, Agus. 2009. Sistem Informasi Konsep & Aplikasi. Yogyakarta: Pustaka Pelajar</ref>, Tahap analisis sistem merupakan tahap yang kritis dan sangat penting, karena kesalahan di dalam tahap ini akan menyebabkan juga kesalahan di tahap selanjutnya. Tahapan ini bisa merupakan tahap yang mudah jika client sangat paham dengan masalah yang dihadapi dalam organisasinya dan tahu betul fungsionalitas dari sistem informasi yang akan dibuat. Tetapi tahap ini bisa menjadi tahap yang paling sulit jika client tidak bisa mengidentifikasi kebutuhannya atau tertutup terhadap pihak luar yang ingin mengetahui detail-detail proses bisnisnya.</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 Agus Mulyanto (2009: 126)<ref name= "Agus Mulyanto">Mulyanto, Agus. 2009. Sistem Informasi Konsep & Aplikasi. Yogyakarta: Pustaka Pelajar</ref>, Tahap analisis sistem merupakan tahap yang kritis dan sangat penting, karena kesalahan di dalam tahap ini akan menyebabkan juga kesalahan di tahap selanjutnya. Tahapan ini bisa merupakan tahap yang mudah jika client sangat paham dengan masalah yang dihadapi dalam organisasinya dan tahu betul fungsionalitas dari sistem informasi yang akan dibuat. Tetapi tahap ini bisa menjadi tahap yang paling sulit jika client tidak bisa mengidentifikasi kebutuhannya atau tertutup terhadap pihak luar yang ingin mengetahui detail-detail proses bisnisnya.</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 Agus Mulyanto (2009:129)<ref name= "Agus Mulyanto">Mulyanto, Agus. 2009. Sistem Informasi Konsep & Aplikasi. Yogyakarta: Pustaka Pelajar</ref>, Di dalam tahap analisis sistem terdapat langkah-langkah dasar yang harus dilakukan oleh seorang analis sistem, diantaranya adalah</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 Agus Mulyanto (2009: 129)<ref name= "Agus Mulyanto">Mulyanto, Agus. 2009. Sistem Informasi Konsep & Aplikasi. Yogyakarta: Pustaka Pelajar</ref>, Di dalam tahap analisis sistem terdapat langkah-langkah dasar yang harus dilakukan oleh seorang analis sistem, diantaranya adalah</p></div> |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Di dalam tahap | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Di dalam tahap analisis sistem terdapat langkah-langkah dasar yang harus dilakukan oleh analis sistem, sebagai berikut:</p></div> |
<ol> | <ol> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
Baris 751: | Baris 770: | ||
<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">'''3. Fungsi Analisis Sistem''' </p></div> | <p style="line-height: 2">'''3. Fungsi Analisis Sistem''' </p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Ada 4 (empat) fungsi | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Ada 4 (empat) fungsi analisis sistem sebagai berikut :</p></div> |
<ol> | <ol> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
Baris 760: | Baris 779: | ||
<p style="line-height: 2">Memilih alternatif–alternatif metode pemecahan masalah yang paling tepat.</p> | <p style="line-height: 2">Memilih alternatif–alternatif metode pemecahan masalah yang paling tepat.</p> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">Merencanakan dan menerapkan rancangan sistemnya. Pada tugas atau fungsi terakhir dari | + | <p style="line-height: 2">Merencanakan dan menerapkan rancangan sistemnya. Pada tugas atau fungsi terakhir dari analisis sistem menerapkan rencana rancangan sistemnya yang telah disetujui oleh pemakai.</p></li></ol> |
{{pagebreak}} | {{pagebreak}} | ||
Baris 766: | Baris 785: | ||
===Definisi ''Performa''=== | ===Definisi ''Performa''=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Anwar Prabu Mangkunegara (2006:67)<ref name= "Anwar Prabu Mangkunegara">Mangkunegara, Anwar Prabu. tahun 2006, Perencanaan dan Pengembangan Manajemen Sumber Daya Manusia, Pen. PT Refika Aditama.</ref>, Performa kinerja/prestasi kerja adalah hasil kerja secara kualitas dan kuantitas yang dicapai oleh seorang pegawai dalam melaksanakan tugasnya sesuai dengan tanggung jawab yang diberikan kepadanya | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> Anwar Prabu Mangkunegara (2006: 67)<ref name= "Anwar Prabu Mangkunegara">Mangkunegara, Anwar Prabu. tahun 2006, Perencanaan dan Pengembangan Manajemen Sumber Daya Manusia, Pen. PT Refika Aditama.</ref>, Performa kinerja/prestasi kerja adalah hasil kerja secara kualitas dan kuantitas yang dicapai oleh seorang pegawai dalam melaksanakan tugasnya sesuai dengan tanggung jawab yang diberikan kepadanya |
</p></div> | </p></div> | ||
Baris 773: | Baris 792: | ||
===Definisi Laporan=== | ===Definisi Laporan=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Rama dan Jones (2008, p250)<ref name= "Rama dan Jones">Dasaratha V | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Rama dan Jones (2008, p250)<ref name= "Rama dan Jones">Dasaratha V, Rama., Jones., Frederick L. 2008. SISTEM INFORMASI AKUNTNASI. Buku Satu. (Alih bahasa M. Slamet Wibowo), Jakarta. Salemba Empat.</ref>, berpendapat, laporan adalah presentasi data yang telah terformat dan terorganisasi dengan baik.</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 795: | Baris 814: | ||
===Definisi ''Customer''=== | ===Definisi ''Customer''=== | ||
<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">''Customer'' atau Pelanggan menurut Cambridge ''International Dictionaries'' dalam Lupiyoadi (2001:143)<ref name= "Lupiyoadi ">Lupiyoadi, Rambat. 2001. Manajemen Pemasaran Jasa. Penerbit Salemba Empat. Jakarta.</ref>, adalah ''“a person who buys goods or a services”'' atau pelanggan adalah seseorang yang membeli barang dan jasa. Sementara menurut Webster’s 1928 ''Dictionary'' dalam Lupiyoadi (2001:143)<ref name= "Lupiyoadi ">Lupiyoadi, Rambat. 2001. Manajemen Pemasaran Jasa. Penerbit Salemba Empat. Jakarta.</ref> pelanggan adalah ''“one who frequents any place of sale for producing what he wants ...”.'' (Pelanggan adalah seseorang yang beberapa kali datang ke tempat yang sama untuk memenuhi apa yang diinginkan..).</p></div> | + | <p style="line-height: 2">''Customer'' atau Pelanggan menurut Cambridge ''International Dictionaries'' dalam Lupiyoadi (2001: 143)<ref name= "Lupiyoadi ">Lupiyoadi, Rambat. 2001. Manajemen Pemasaran Jasa. Penerbit Salemba Empat. Jakarta.</ref>, adalah ''“a person who buys goods or a services”'' atau pelanggan adalah seseorang yang membeli barang dan jasa. Sementara menurut Webster’s 1928 ''Dictionary'' dalam Lupiyoadi (2001: 143)<ref name= "Lupiyoadi ">Lupiyoadi, Rambat. 2001. Manajemen Pemasaran Jasa. Penerbit Salemba Empat. Jakarta.</ref> pelanggan adalah ''“one who frequents any place of sale for producing what he wants ...”.'' (Pelanggan adalah seseorang yang beberapa kali datang ke tempat yang sama untuk memenuhi apa yang diinginkan..).</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">Berdasarkan dari definisi | + | <p style="line-height: 2">Berdasarkan dari definisi di atas customers/pelanggan merupakan seseorang yang secara berulang kali datang ke suatu tempat yang sama untuk memuaskan keinginannya dengan memiliki suatu produk atau mendapatkan jasa.</p></div> |
Baris 808: | Baris 827: | ||
<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 Chasan Safrudin (2012)<ref name= "Chasan Safrudin"> | + | <p style="line-height: 2">Menurut Chasan Safrudin (2012)<ref name= "Chasan Safrudin">Safrudin, Chasan. 2012. Pengertian Operator, Programmer, Analyst, dan System Programmer.</ref>, Operator merupakan SDM yang tugasnya mengoperasikan menghidupkan ''hardware'', menjalankan ''software'',berinteraksi dengan ''hardware'' dan ''software'' yang sedang beroprasi, dan menyudahi operasi (menghentikan ''software'' dan mematikan ''hardware'').</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">Berdasarkan definisi tentang ''operator'' | + | <p style="line-height: 2">Berdasarkan definisi tentang ''operator'' di atas maka dapat diambil kesimpulan bahwa ''operator'' adalah orang yang bertugas untuk melayani dan mejalankan suatu sistem yang sedang beroperasi dalam suatu perusahaan atau instansi.</p></div> |
{{pagebreak}} | {{pagebreak}} | ||
+ | |||
+ | ===Definisi ''Business Intelligence''=== | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> | ||
+ | <p style="line-height: 2">Menurut Nadia Branon (2010)<ref name= "Nadia">Brannon, Nadia .“Business Intelligence and E-Discovery”.July 2010.Intellectual Property & Technology Law Journal Vol. 22</ref>, ''Business Intelligence'' merupakan kategori yang umum digunakan untuk aplikasi dan teknologi untuk mengumpulkan, menyimpan, menganalisa, dan menyediakan akses pada data agar dapat membantu pengguna dari kalangan perusahaan agar dapat mengambil keputusan dengan lebih baik dan tepat. Pada umumnya solusi yang disediakan oleh BI berupa sumber-sumber data dimana data yang sifatnya transaksional dikumpulkan, data ''warehouses/data marts, reporting'' dan alat visualisasi, seperti analisia prediksi dan ''modelling''.</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 Ivana Kursan dan Mirela Mihic (2010)<ref name= "Ivana">Kursan, Ivana., M. Mihic.”Business Intelligence: The role of the Internet in marketing researc”.Management, Vol. 15, 2010, 1, pp. 69-86</ref> menyatakan bahwa istilah BI merujuk pada variasi solusi perangkat lunak, termasuk teknologi-teknologi dan metodologi-metodologi yang dibutuhkan untuk mendapatkan informasi yang tepat guna sehingga mampu membuat keputusan bisnis dengan tujuan utama yaitu meningkatkan keseluruhan performa bisnis pada pasar.</p></div> | ||
+ | {{pagebreak}} | ||
+ | |||
==Teori Khusus== | ==Teori Khusus== | ||
===Konsep Dasar Tpi=== | ===Konsep Dasar Tpi=== | ||
Baris 824: | Baris 853: | ||
<div align="center"><img style="margin:0px" src="http://roadmap.ilearning.me/wp-content/uploads/sites/831/2013/08/Screen-Shot-2013-07-30-at-11.01.12-300x279.png" width="200" height="150"/></div> | <div align="center"><img style="margin:0px" src="http://roadmap.ilearning.me/wp-content/uploads/sites/831/2013/08/Screen-Shot-2013-07-30-at-11.01.12-300x279.png" width="200" height="150"/></div> | ||
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 2.1.''' 10 Pillar IT Perguruan Tinggi Raharja</div> | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 2.1.''' 10 Pillar IT Perguruan Tinggi Raharja</div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">(Sumber: http://roadmap.ilearning.me/10-pillar-it-ilearning/)</div> | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perguruan Tinggi Raharja telah memiliki 10 Pilar IT ''iLearning'' yang dihasilkan dari hasil penelitian, yaitu terdiri dari :</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perguruan Tinggi Raharja telah memiliki 10 Pilar IT ''iLearning'' yang dihasilkan dari hasil penelitian, yaitu terdiri dari :</p></div> | ||
Baris 875: | Baris 905: | ||
<p style="line-height: 2">'''1. Pengertian iDuHelp!''' </p></div> | <p style="line-height: 2">'''1. Pengertian iDuHelp!''' </p></div> | ||
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-DUle3KuxDWQ/V9zesZL1YmI/AAAAAAAAJoE/W-I5zxcKmwYiBq3Zt0s8EGn4xLl465uNACK8B/s300/2016-09-16.png" width="300" height="150"/></div> | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-DUle3KuxDWQ/V9zesZL1YmI/AAAAAAAAJoE/W-I5zxcKmwYiBq3Zt0s8EGn4xLl465uNACK8B/s300/2016-09-16.png" width="300" height="150"/></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 2.2.''' Logo iDuHelp!</div> | ||
<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">(Sumber: Logo dan Filosofi iDuHelp!)</div> | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">(Sumber: Logo dan Filosofi iDuHelp!)</div> | ||
− | + | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dikutip dari ''site iMe'' iDuHelp!<ref name=pilar>IT Roadmap. 2013. Ten Pillar IT. (Tanggal Akses 20 November 2013) [http://roadmap.ilearning.me/10-pillar-it-ilearning/]</ref>. iDuHelp! Adalah sebuah sistem penerapan ''campus service system'' pelayanan secara ''in site'' dan ''off site'' dalam mendukung kegiatan ''iLearning Education''(iDU) pada perguruan tinggi diharapkan nantinya bagi para Pribadi Raharja tidak kesulitan dalam mengakses informasi mengenai hal-hal yang berhubungan dengan Kampus. Dan diharapkan dengan adanya sistem ini bisa mengetahui perihal fasilitas dan ''news'' apa saja yang dimiliki kampus tanpa harus datang langsung ke kampus.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dikutip dari ''site iMe'' iDuHelp!<ref name=pilar>IT Roadmap. 2013. Ten Pillar IT. (Tanggal Akses 20 November 2013) [http://roadmap.ilearning.me/10-pillar-it-ilearning/]</ref>. iDuHelp! Adalah sebuah sistem penerapan ''campus service system'' pelayanan secara ''in site'' dan ''off site'' dalam mendukung kegiatan ''iLearning Education''(iDU) pada perguruan tinggi diharapkan nantinya bagi para Pribadi Raharja tidak kesulitan dalam mengakses informasi mengenai hal-hal yang berhubungan dengan Kampus. Dan diharapkan dengan adanya sistem ini bisa mengetahui perihal fasilitas dan ''news'' apa saja yang dimiliki kampus tanpa harus datang langsung ke kampus.</p></div> | ||
Baris 886: | Baris 917: | ||
<p style="line-height: 2">''Online'', disini kita dapat bertanya tentang ''ilearning'' dan akan mendapat jawaban langsung dari operator iDuHelp!. Di dalam iDuHelp! ''online'' memiliki keterbatasan waktu, karena waktu yang digunakan untuk bertanya itu pada hari senin s/d jumat dari jam 08:00 – 21:00.</p> | <p style="line-height: 2">''Online'', disini kita dapat bertanya tentang ''ilearning'' dan akan mendapat jawaban langsung dari operator iDuHelp!. Di dalam iDuHelp! ''online'' memiliki keterbatasan waktu, karena waktu yang digunakan untuk bertanya itu pada hari senin s/d jumat dari jam 08:00 – 21:00.</p> | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
− | <p style="line-height: 2">''Offline'', lain halnya dengan iDuHelp! ''online'' | + | <p style="line-height: 2">''Offline'', lain halnya dengan iDuHelp! ''online'' di dalam iDuHelp! ''offline'' kita bisa meninggalkan pesan dan jawaban atas pertanyaan kita akan dikirimkan ke email yang diisi pada form iDuHelp ''offline''.</p></li></ol> |
<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 903: | Baris 934: | ||
<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">'''5. Training iDuHelp!''' </p></div> | <p style="line-height: 2">'''5. Training iDuHelp!''' </p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Noe, Hollenbeck, Gerhart & Wright (2003:251)<ref name= "Noe, Hollenbeck, Gerhart & Wright">Noe, Hollenbeck, Gerhart | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Noe, Hollenbeck, Gerhart & Wright (2003: 251)<ref name= "Noe, Hollenbeck, Gerhart & Wright">Noe, Hollenbeck, Gerhart, Wright. 2003. Human Resourse Management, International Edition. New York: The McGraw-hill Companies, Inc.</ref> ''Training is a planned effort to facilitate the learning of job-related knowledge, skills, and behavior by employee''. Hal ini berarti bahwa pelatihan merupakan suatu usaha yang terencana untuk memfasilitasi pembelajaran tentang pekerjaan yang berkaitan dengan pengetahuan, keahlian dan perilaku oleh para 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">Beberapa manfaat pelatihan yang diselenggarakan oleh perusahaan yang dikemukakan oleh Noe, Hollenbeck, Gerhart, Wright (2003)<ref name= "Noe, Hollenbeck, Gerhart & Wright"> Noe, Hollenbeck, Gerhart | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Beberapa manfaat pelatihan yang diselenggarakan oleh perusahaan yang dikemukakan oleh Noe, Hollenbeck, Gerhart, Wright (2003)<ref name= "Noe, Hollenbeck, Gerhart & Wright"> Noe., Hollenbeck., Gerhart., Wright. 2003. Human Resourse Management, International Edition. New York: The McGraw-hill Companies, Inc.</ref> , yaitu:</p></div> |
<ol> | <ol> | ||
Baris 929: | Baris 960: | ||
<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. Definisi ''Website'' ''' </p></div> | <p style="line-height: 2">'''1. Definisi ''Website'' ''' </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 Hidayat (2010:6)<ref name= "Hidayat">Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: PT Elex Media Komputindo.</ref> ''website'' adalah keseluruhan halaman-halaman ''web'' yang terdapat dalam sebuah ''domain'' yang mengandung informasi. Sebuah ''website'' biasanya dibangun atas banyak halaman ''web'' yang saling berhubungan. Jadi dapat dikatakan bahwa, pengertian ''website'' adalah kumpulan halaman-halaman. yang digunakan untuk menampilkani informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman ''website'' dengan halaman ''website'' lainnya disebut dengan ''hyperlink'', sedangkan teks yang dijadikan media penghubung disebut ''hypertext''.</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 Hidayat (2010: 6)<ref name= "Hidayat">Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: PT Elex Media Komputindo.</ref> ''website'' adalah keseluruhan halaman-halaman ''web'' yang terdapat dalam sebuah ''domain'' yang mengandung informasi. Sebuah ''website'' biasanya dibangun atas banyak halaman ''web'' yang saling berhubungan. Jadi dapat dikatakan bahwa, pengertian ''website'' adalah kumpulan halaman-halaman. yang digunakan untuk menampilkani informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman ''website'' dengan halaman ''website'' lainnya disebut dengan ''hyperlink'', sedangkan teks yang dijadikan media penghubung disebut ''hypertext''.</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 Arief (2011:7)<ref name= "Arief">Arief | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Arief (2011: 7)<ref name= "Arief">Arief, M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref> “Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, animasi, video) didalamnya yang menggunakan protokol HTTP ''(Hypertext Transfer Protocol)'' dan untuk mengaksesnya menggunakan perangkat lunak yang disebut ''browser''”.</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 952: | Baris 983: | ||
<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. Definisi Internet''' </p></div> | <p style="line-height: 2">'''1. Definisi Internet''' </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 eWolf Community (2012:1)<ref name= "eWolf Community">Community, eWolf. 2012. “Panduan Internet Paling Gampang”. Yogyakarta: Cakrawala.</ref>, Internet merupakan singkatan dari ''Interconnection Networking'', yaitu jaringan komputer dalam skala dunia.Internet terdiri dari banyak jaringan komputer lokal yang saling terhubung sehingga membentuk jaringan global dengan segala macam aturan ''(protokol)''.''Protokol'' utama yang digunakan saat ini adalah TCP/IP ''(Transmission Control Protocol/Internet Protocol)'', yaitu sekumpulan aturan untuk komunikasi data antar komputer dalam suatu jaringan.</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 eWolf Community (2012: 1)<ref name= "eWolf Community">Community, eWolf. 2012. “Panduan Internet Paling Gampang”. Yogyakarta: Cakrawala.</ref>, Internet merupakan singkatan dari ''Interconnection Networking'', yaitu jaringan komputer dalam skala dunia.Internet terdiri dari banyak jaringan komputer lokal yang saling terhubung sehingga membentuk jaringan global dengan segala macam aturan ''(protokol)''.''Protokol'' utama yang digunakan saat ini adalah TCP/IP ''(Transmission Control Protocol/Internet Protocol)'', yaitu sekumpulan aturan untuk komunikasi data antar komputer dalam suatu jaringan.</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 Ananda (2009:1)<ref name= "Ananda ">Darma, Jarot S, | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Ananda (2009: 1)<ref name= "Ananda ">Darma, Jarot S., Shenia Ananda. 2009. Buku Pintar Menguasai Internet. Jakarta : Mediakita. |
</ref>, Internet adalah rangkaian komputer yang terhubung satu sama lain.</p></div> | </ref>, Internet adalah rangkaian komputer yang terhubung satu sama 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">Berdasarkan beberapa pendapat para ahli yang dikemukakan di atas dapat ditarik kesimpulan bahwa internet adalah perangkat yang terhubung melalui jaringan dan saling berinteraksi dengan waktu dan wilayah yang tak terhingga.</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 beberapa pendapat para ahli yang dikemukakan di atas dapat ditarik kesimpulan bahwa internet adalah perangkat yang terhubung melalui jaringan dan saling berinteraksi dengan waktu dan wilayah yang tak terhingga.</p></div> | ||
Baris 972: | Baris 1.003: | ||
{{pagebreak}} | {{pagebreak}} | ||
+ | |||
===Definisi Media ''Online''=== | ===Definisi Media ''Online''=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media ''online'' adalah media yang terbit di dunia maya, istilah dunia maya pertama kali dikenalkan oleh William Gibson (1984/1994) dalam novelnya yang mengartikan dunia maya yaitu realita yang terhubung secara global, didukung komputer, berakses komputer, multidimensi, artificial, atau virtual (Severin dan James W. Tankard, 2005: 445)<ref name= "Severin dan James W. Tankard"> | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Media ''online'' adalah media yang terbit di dunia maya, istilah dunia maya pertama kali dikenalkan oleh William Gibson (1984/1994) dalam novelnya yang mengartikan dunia maya yaitu realita yang terhubung secara global, didukung komputer, berakses komputer, multidimensi, artificial, atau virtual (Severin dan James W. Tankard, 2005: 445)<ref name= "Severin dan James W. Tankard">Werner J, Severin dan James W. Tankard. 2005. Teori Komunikasi. Kencana. Jakarta. </ref>.</p></div> |
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Syarifudin Yunus (2010: 27)<ref name= "Syarifudin Yunus">Yunus, Syarifudin. 2010. Jurnalistik Terapan. Bogor: Ghalia Indonesia.</ref>. mengatakan: Media ''online'' yaitu media internet, seperti ''website, blog,'' dan lainnya yang terbit/tayang di dunia maya, dapat dibaca dan dilihat di internet. Media ''online'' merupakan pemain baru dalam kancah pers Indonesia, menurut beberapa sumber media ''online'' di Indonesia telah tumbuh sejak tahun 1994.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Syarifudin Yunus (2010: 27)<ref name= "Syarifudin Yunus">Yunus, Syarifudin. 2010. Jurnalistik Terapan. Bogor: Ghalia Indonesia.</ref>. mengatakan: Media ''online'' yaitu media internet, seperti ''website, blog,'' dan lainnya yang terbit/tayang di dunia maya, dapat dibaca dan dilihat di internet. Media ''online'' merupakan pemain baru dalam kancah pers Indonesia, menurut beberapa sumber media ''online'' di Indonesia telah tumbuh sejak tahun 1994.</p></div> | ||
Baris 979: | Baris 1.011: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Vini Winarti Halim (2006: 27)<ref name= "Vini Winarti Halim">Halim, Vini Winari. 2006. Media Online www.seskotni.mil.id Sebagai Media House Jurnal. Skripsi. Universitas Islam Negeri Sunan Gunung Djati, Bandung.</ref> mengenai media ''online'' yaitu ''website''/situs yang difungsikan sebagai media komunikasi elektronik yang tidak terikat ruang dan waktu dengan tujuan untuk memberikan informasi aktual yang dapat diakses oleh publik secara ''in real time''.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Vini Winarti Halim (2006: 27)<ref name= "Vini Winarti Halim">Halim, Vini Winari. 2006. Media Online www.seskotni.mil.id Sebagai Media House Jurnal. Skripsi. Universitas Islam Negeri Sunan Gunung Djati, Bandung.</ref> mengenai media ''online'' yaitu ''website''/situs yang difungsikan sebagai media komunikasi elektronik yang tidak terikat ruang dan waktu dengan tujuan untuk memberikan informasi aktual yang dapat diakses oleh publik secara ''in real time''.</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 penjelasan yang ada mengenai media ''online | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari penjelasan yang ada mengenai media ''online di atas'' , penulis dapat mengambil sebuah kesimpulan bahwa media ''online'' yaitu media yang terbit atau muncul di dunia maya dengan bentuk yang sederhana dan tidak ada batas pada ruang dan waktu, sehingga semua orang dapat mengaksesnya kapan saja dan dimana saja sejauh mana yang penting terdapat koneksi dengan jaringan yang ada. Bersifat ''real time'', aktual dan dapat diakses dan dilihat oleh siapa pun.</p></div> |
{{pagebreak}} | {{pagebreak}} | ||
Baris 986: | Baris 1.018: | ||
<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. Definisi HTML''' </p></div> | <p style="line-height: 2">'''1. Definisi HTML''' </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 Oktavian (2010:13)<ref name= "Oktavian">Oktavian | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Oktavian (2010: 13)<ref name= "Oktavian">Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Mediakom.</ref>, “HTML adalah suatu bahasa yang dikendalikan oleh web browser untuk menanpilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text).”.</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 Simarmata (2010:52)<ref name= "Simarmata">Simarmata | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Simarmata (2010: 52)<ref name= "Simarmata">Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta: Andi.</ref>, HTML adalah bahasa markup untuk menyebaran informasi pada web. Ketika merancang HTML, ide ini diambil dari ''Standart Generalized Markup Language'' (SGML). SGML adalah cara yang terstandarisasi dari pengorganisasian dan informasi yang terstruktur di dalam dokumen atau sekumpulan dokumen. Walaupun HTML tidak dengan mudah dapat dipahami kebanyakan orang, ketika diterbitkan penggunaanya menjadi jelas.</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 Arief (2011:23)<ref name= "Arief">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref>, “HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser”.</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 Arief (2011: 23)<ref name= "Arief">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref>, “HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser”.</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 pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa, HTML adalah sebuah Bahasa pemograman yang sangat penting untuk menampilkan informasi pada halaman web, karena HTML untuk menampilkan informasi dalam bentuk hypertext dan juga mendukung perintah yang dapat digunakan untuk mengatur tampilnya informasi 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">Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa, HTML adalah sebuah Bahasa pemograman yang sangat penting untuk menampilkan informasi pada halaman web, karena HTML untuk menampilkan informasi dalam bentuk hypertext dan juga mendukung perintah yang dapat digunakan untuk mengatur tampilnya informasi tersebut.</p></div> | ||
Baris 998: | Baris 1.030: | ||
<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">'''2. Tag Yang Sering Digunakan''' </p></div> | <p style="line-height: 2">'''2. Tag Yang Sering Digunakan''' </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 Oktavian (2010:14)<ref name= "Oktavian">Oktavian. Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Mediakom.</ref>, ada banyak ragam tag yang tersedia dalam HTML, namun disini tidak akan dibahas semuanya. Berikut adalah daftar tag yang sering digunakan dalam mempelajari pembuatan web, yaitu:</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 Oktavian (2010: 14)<ref name= "Oktavian">Oktavian. Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Mediakom.</ref>, ada banyak ragam tag yang tersedia dalam HTML, namun disini tidak akan dibahas semuanya. Berikut adalah daftar tag yang sering digunakan dalam mempelajari pembuatan web, yaitu:</p></div> |
<ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "!.." <br> Digunakan untuk menandai sebuah komentar suatu kode (''script'') dengan tanda ini, maka ''browser'' tidak akan menerjemahkannya.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "a" <br>Singkatan dari anchor, tag ini digunakan untuk membuat sebuah tautan (''link'') antar ''web''. Ciri dari ''link'' adalah :</li><ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bila link belum pernah diakses (klik) maka akan berwarna biru dan bergaris bawah.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bila sudah pernah diakses (klik) maka akan berubah menjadi ungu dan tetap bergaris bawah</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bila sedang aktif (diklik) maka akan berwarna merah dan bergaris bawah.</li></ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "b" <br>Digunakan untuk membuat teks cetak tebal.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "big" <br>Digunakan untuk membuat sebuah tulisan agar nampak lebih besar. Hal ini berbeda untuk cetak tebal (''bold'').</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "body"<br>Merupakan bagian dari struktur HTM yang digunakan untuk menandai badan (''body'') suatu dokumen HTML. Penggunanya dapat dilihat seperti pada contoh di atas.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "br" Digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru dibawahnya.<br> </li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "button" <br> Digunakan untuk membuat tombol di ''web browser''. Biasanya digunakan untuk ''trigger'' suatu proses, misal digunakan untuk menympan atau menghapus dat. Tag ini biasanya diletakkan dalam sebuah ''form''.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "caption"<br> Digunakan untuk membuat judul sebuah tabel. Penggunaan tag ini biasanya bersamaan dengan deklarasi tabel.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "center"<br>Digunakan untuk menengahkan suatu teks halaman. </li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "div"<br>Tag ini digunakan untuk mendefinisikan bagian dari suatu halaman ''web'' dengan format atau style tertentu.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "font"<br>Digunakan untuk memformat bentuk font, ukuran, warna, ukuran dari sebuah teks.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "form"<br>Adalah tag yang digunakan oleh pengguna untuk memasukan data. Tag ini biasanya dibantu oleh beberapa komponen lain, seperti: ''input, button, option'', dan lainnya.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "frame" dan "frameset"<br> Tag ini digunakan untuk menampilkan halaman ''web'' lain dalam sebuah halaman web yang dibuat. Halaman dapat dibuat terpisah dengan menampilkan halaman ''web'' lain yang berbeda-beda.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "head"<br>Digunakan untuk menampung elemen-elemen header dari sebuah halaman ''web''. Penggunaannya seperti pada contoh tag "big".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "h1" sampai dengan "h6"<br>Digunakan untuk mendefinisikan tulisan header. Untuk mengetahui perbedaanya, perhatikan ukuran setiap teks hasil di ''browser''.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "hr"<br>Digunakan untuk membuat garis horisontal.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "html"<br> Digunakan untuk memberitahu browser bahwa kode yang dituliskan merupakan dokumen HTML. Penggunaanya seperti pada contoh tag "big".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "i"<br>Digunakan untuk membuat teks cetak miring.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "img"<br>Digunakan untuk membuat teks cetak miring.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "input"<br>Digunakan untuk berinteraksi dengan pengguna dalam hal memasukan data ke ''server''.'' Input'' mempunyai banyak tipe, yaitu: ''button, checkbox, file, hidden, image, password'', radio, ''reset, submit'', dan text. Penggunaannya seperti pada contoh tag "form".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "li"<br>Digunakan untuk menampilkan simbol data berurut,seperti simbol bullet dan nomor. Untuk urutan bernomor diawali dengan tag "ol", sedangkan untuksimbol ''bullet'' diawali tag "ul".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "link"<br>Digunakan untuk mendefinisikan hubungan antara halaman ''web'' yang dibuat dengan data atau aturan dari luar. Tag ini biasanya digunakan pada saat ''web'' menggunakan file css.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "ol"<br>Digunakan untuk urutan data bernomor atau numerik, juga alfabet. Penggunaannya seperti pada contoh tag "li".</li></ol> | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "!.." <br> Digunakan untuk menandai sebuah komentar suatu kode (''script'') dengan tanda ini, maka ''browser'' tidak akan menerjemahkannya.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "a" <br>Singkatan dari anchor, tag ini digunakan untuk membuat sebuah tautan (''link'') antar ''web''. Ciri dari ''link'' adalah :</li><ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bila link belum pernah diakses (klik) maka akan berwarna biru dan bergaris bawah.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bila sudah pernah diakses (klik) maka akan berubah menjadi ungu dan tetap bergaris bawah</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Bila sedang aktif (diklik) maka akan berwarna merah dan bergaris bawah.</li></ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "b" <br>Digunakan untuk membuat teks cetak tebal.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "big" <br>Digunakan untuk membuat sebuah tulisan agar nampak lebih besar. Hal ini berbeda untuk cetak tebal (''bold'').</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "body"<br>Merupakan bagian dari struktur HTM yang digunakan untuk menandai badan (''body'') suatu dokumen HTML. Penggunanya dapat dilihat seperti pada contoh di atas.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "br" Digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru dibawahnya.<br> </li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "button" <br> Digunakan untuk membuat tombol di ''web browser''. Biasanya digunakan untuk ''trigger'' suatu proses, misal digunakan untuk menympan atau menghapus dat. Tag ini biasanya diletakkan dalam sebuah ''form''.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "caption"<br> Digunakan untuk membuat judul sebuah tabel. Penggunaan tag ini biasanya bersamaan dengan deklarasi tabel.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "center"<br>Digunakan untuk menengahkan suatu teks halaman. </li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "div"<br>Tag ini digunakan untuk mendefinisikan bagian dari suatu halaman ''web'' dengan format atau style tertentu.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "font"<br>Digunakan untuk memformat bentuk font, ukuran, warna, ukuran dari sebuah teks.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "form"<br>Adalah tag yang digunakan oleh pengguna untuk memasukan data. Tag ini biasanya dibantu oleh beberapa komponen lain, seperti: ''input, button, option'', dan lainnya.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "frame" dan "frameset"<br> Tag ini digunakan untuk menampilkan halaman ''web'' lain dalam sebuah halaman web yang dibuat. Halaman dapat dibuat terpisah dengan menampilkan halaman ''web'' lain yang berbeda-beda.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "head"<br>Digunakan untuk menampung elemen-elemen header dari sebuah halaman ''web''. Penggunaannya seperti pada contoh tag "big".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "h1" sampai dengan "h6"<br>Digunakan untuk mendefinisikan tulisan header. Untuk mengetahui perbedaanya, perhatikan ukuran setiap teks hasil di ''browser''.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "hr"<br>Digunakan untuk membuat garis horisontal.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "html"<br> Digunakan untuk memberitahu browser bahwa kode yang dituliskan merupakan dokumen HTML. Penggunaanya seperti pada contoh tag "big".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "i"<br>Digunakan untuk membuat teks cetak miring.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "img"<br>Digunakan untuk membuat teks cetak miring.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "input"<br>Digunakan untuk berinteraksi dengan pengguna dalam hal memasukan data ke ''server''.'' Input'' mempunyai banyak tipe, yaitu: ''button, checkbox, file, hidden, image, password'', radio, ''reset, submit'', dan text. Penggunaannya seperti pada contoh tag "form".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "li"<br>Digunakan untuk menampilkan simbol data berurut,seperti simbol bullet dan nomor. Untuk urutan bernomor diawali dengan tag "ol", sedangkan untuksimbol ''bullet'' diawali tag "ul".</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "link"<br>Digunakan untuk mendefinisikan hubungan antara halaman ''web'' yang dibuat dengan data atau aturan dari luar. Tag ini biasanya digunakan pada saat ''web'' menggunakan file css.</li><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"> Tag "ol"<br>Digunakan untuk urutan data bernomor atau numerik, juga alfabet. Penggunaannya seperti pada contoh tag "li".</li></ol> | ||
Baris 1.005: | Baris 1.037: | ||
{{pagebreak}} | {{pagebreak}} | ||
− | |||
===Definisi PHP=== | ===Definisi PHP=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nugroho(2009:113)<ref name= "Nugroho">Nugroho | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nugroho(2009: 113)<ref name= "Nugroho">Nugroho, Bunafit. 2009. Latihan Memuat Aplikasi Web PHP dan MySQL dengan Dreamweaver MX [6,7,2004] dan 8. Yogyakarta : Grava Media.</ref>, “PHP merupakan bahasa standar yang digunakan dalam dunia website, PHP adalah bahasa program yang berbentuk skrip yang diletakkan di dalam serve web”..</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 Arief (2011:43)<ref name= "Arief">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref>, definisi PHP 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 Arief (2011: 43)<ref name= "Arief">Arief. M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.</ref>, definisi PHP 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">PHP (PHP: ''Hypertext Preprocessor'') adalah bahasa ''server-side scripting'' yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena merupakan ''server-side scripting'' maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke ''browser'' dalam format HTML.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PHP (PHP: ''Hypertext Preprocessor'') adalah bahasa ''server-side scripting'' yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena merupakan ''server-side scripting'' maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke ''browser'' dalam format HTML.</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 Wardana (2010:7)<ref name= "Wardana">Wardana. 2010. Belajar PHP dan MySQL. Yogyakarta: Andi Offset.</ref>, “PHP adalah bahasa ''scripting'' yang menyatu dengan HTML (kode dasar ''website'') dan dijalankan pada ''server side''. Artinya, semua sintaks PHP yang diberikan akan sepenuhnya dijalankan pada ''server'', sedangkan yang dikirimkan ke ''browser'' hanya hasilnya saja”.</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 Wardana (2010: 7)<ref name= "Wardana">Wardana. 2010. Belajar PHP dan MySQL. Yogyakarta: Andi Offset.</ref>, “PHP adalah bahasa ''scripting'' yang menyatu dengan HTML (kode dasar ''website'') dan dijalankan pada ''server side''. Artinya, semua sintaks PHP yang diberikan akan sepenuhnya dijalankan pada ''server'', sedangkan yang dikirimkan ke ''browser'' hanya hasilnya saja”.</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 Prasetio (2012:122) <ref name= "Prasetio">Prasetio | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Prasetio (2012: 122) <ref name= "Prasetio">Prasetio, Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.</ref>, “PHP (PHP: Hypertext Preprocessor) adalah bahasa script yang ditanam di sisi server”.</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 Oktavian (2010:31)<ref name= "Oktavian">Oktavian. Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Mediakom.</ref>, “PHP adalah akronim dari ''Hypertext Preprocessor'', yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web ''browser'' menjadi kode HTML”. Kode PHP mempunyai ciri-ciri khusus, yaitu :</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 Oktavian (2010: 31)<ref name= "Oktavian">Oktavian. Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Mediakom.</ref>, “PHP adalah akronim dari ''Hypertext Preprocessor'', yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web ''browser'' menjadi kode HTML”. Kode PHP mempunyai ciri-ciri khusus, yaitu :</p></div> |
<ol> | <ol> | ||
Baris 1.034: | Baris 1.065: | ||
<p style="line-height: 2"> Memiliki sifat multipaltform, artinya dapat dijalankan menggunakan sistem operasi apapun, seperti: Linux, Unix, Windows, dan lain-lain.</p></li></ol> | <p style="line-height: 2"> Memiliki sifat multipaltform, artinya dapat dijalankan menggunakan sistem operasi apapun, seperti: Linux, Unix, Windows, dan lain-lain.</p></li></ol> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Anhar (2010:3)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, definisi PHP 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 Anhar (2010: 3)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, definisi PHP 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">PHP singkatan dari PHP: ''Hypertext Preprocessor'' yaitu bahasa pemrograman ''web server-side'' yang bersifat ''open source''. PHP merupakan script yang terintegrasi dengan HTML dan berada pada server ''(server side HTML embedded scripting)''. PHP adalah script yang digunakan untuk membuat halaman 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 atau up to date. Semua script PHP dieksekusi pada ''server'' dimana script tersebut dijalankan.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PHP singkatan dari PHP: ''Hypertext Preprocessor'' yaitu bahasa pemrograman ''web server-side'' yang bersifat ''open source''. PHP merupakan script yang terintegrasi dengan HTML dan berada pada server ''(server side HTML embedded scripting)''. PHP adalah script yang digunakan untuk membuat halaman 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 atau up to date. Semua script PHP dieksekusi pada ''server'' dimana script tersebut dijalankan.</p></div> | ||
{{pagebreak}} | {{pagebreak}} | ||
+ | |||
+ | ===Definisi ''Bootstrap''=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Bootstap'' merupakan ''framework'' ataupun ''tools'' untuk memudahkan aplikasi ''web''' ataupun situs ''web responsive'' secara cepat, mudah dan gratis hal ini berdasarkan kutipan Husein Alatas (2013: 2)<ref name= "Husein">Alatas, Husein. Responsive Web Design dengan PHP dan Bootstrap, Jakarta: | ||
+ | Lokomedia, 2013.</ref>. ''Bootsrap'' sendiri terdiri dari CSS dan HTML untuk menghasilkan ''grid, layout, typography, table, form, navigation'' dan lain-lain. Di dalam ''bootsrap'' juga sudah terdapat ''jquery'' plugin untuk menghasilkan komponen UI yang cantik seperti ''transitions, modal, dropdown, scrollspy, tooltip, tab, popover, alert, button, carousel'' dan lain-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">Dengan bantuan bootstrap kita dapat membuat responsive website dengan mudah dan dapat berjalan sempurna pada browser-browser populer seperti ''chrome, firefox, safari'', dan opera serta ''internet explorer''.</p></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Bootsrap'' sendiri diciptakan oleh dua orang programmer twitter, yaitu Mark Otto dan Jacob Thorton pada tahun 2011<ref name= "Otto">Otto, Mark., J. Thornton, "Bootstrap," 19 Agustus 2011. [Online]. Available: www.getbootstrap.com. [Accessed 5 5 2014].</ref>. Pada saat itu programmer twitter menggunakan berbagai macam tool dan library yang mereka kenal dan suka untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan akibatnya sulit untuk dikelola sehingga Mark Otto dan Jacob Thorton tergerak untuk menciptakan satu tool atau ''framework'' yang dapat digunakan bersama dilingkungan internal twitter. ''Bootsrap'' sendiri diciptakan oleh dua orang programmer twitter, yaitu Mark Otto dan Jacob Thorton pada tahun 2011<ref name= "Otto">Otto, Mark. J. Thornton, "Bootstrap," 19 Agustus 2011. [Online]. Available: www.getbootstrap.com. [Accessed 5 5 2014].</ref>. Pada saat itu programmer twitter menggunakan berbagai macam tool dan library yang mereka kenal dan suka untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan akibatnya sulit untuk dikelola sehingga Mark Otto dan Jacob Thorton tergerak untuk menciptakan satu ''tool'' atau ''framework'' yang dapat digunakan bersama dilingkungan internal twitter.</p></div> | ||
===Konsep Dasar Perangkat Lunak Pendukung=== | ===Konsep Dasar Perangkat Lunak Pendukung=== | ||
Baris 1.047: | Baris 1.086: | ||
<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">'''2. ''Notepad++'' ''' </p></div> | <p style="line-height: 2">'''2. ''Notepad++'' ''' </p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Notepad++'' sebuah ''text editor'' yang sangat berguna bagi setiap orang, khususnya bagi para ''developer'' dalam membuat program. ''Notepad++'' mengunakan komponen ''Scintila'' untuk dapat menampilkan dan menyunting teks dan berkas kode sumber berbagai bahasa pemrograman yang berjalan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Notepad++'' sebuah ''text editor'' yang sangat berguna bagi setiap orang, khususnya bagi para ''developer'' dalam membuat program. ''Notepad++'' mengunakan komponen ''Scintila'' untuk dapat menampilkan dan menyunting teks dan berkas kode sumber berbagai bahasa pemrograman yang berjalan di atas sistem operasi Microsoft Windows. Selain manfat dan kemampuanya menangani banyak bahasa pemrograman, ''Notepad++'' juga dilisensikan sebagai ''free software''.</p></div> |
− | + | {{pagebreak}} | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
===Konsep Dasar Testing=== | ===Konsep Dasar Testing=== | ||
<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. Definisi ''Testing'' ''' </p></div> | <p style="line-height: 2">'''1. Definisi ''Testing'' ''' </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 Rizky (2011:237)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., “''Testing'' adalah sebuah proses yang diejawantahkan sebagai 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"><p style="line-height: 2">Menurut Rizky (2011: 237)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., “''Testing'' adalah sebuah proses yang diejawantahkan sebagai 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"><p style="line-height: 2">Detail tahapan yang harus dilampaui dalam kaitan kebutuhan perangkat lunak dari sudut pandang testing perangkat lunak adalah:</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Detail tahapan yang harus dilampaui dalam kaitan kebutuhan perangkat lunak dari sudut pandang testing perangkat lunak adalah:</p></div> | ||
Baris 1.099: | Baris 1.131: | ||
<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">'''2. Acuan dan Pengukuran ''Testing'' ''' </p></div> | <p style="line-height: 2">'''2. Acuan dan Pengukuran ''Testing'' ''' </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 Rizky (2011:256)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>. “Acuan testing adalah satuan pengukuran secara kuantitatif dari proses testing yang dijalankan. Sedangkan pengukuran testing adalah aktivitas untuk menentukan keluaran testing berdasarkan acuan yang telah ditetapkan dalam proses testing”.</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 Rizky (2011: 256)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>. “Acuan testing adalah satuan pengukuran secara kuantitatif dari proses testing yang dijalankan. Sedangkan pengukuran testing adalah aktivitas untuk menentukan keluaran testing berdasarkan acuan yang telah ditetapkan dalam proses testing”.</p></div> |
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Banyak pendapat yang menyatakan tentang panduan membuat acuan dalam proses testing perangkat lunak, meski demikian dari sekian banyak pendapat tersebut ada beberapa pedoman yang dapat digunakan dalam penentuan acuan testing 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">Banyak pendapat yang menyatakan tentang panduan membuat acuan dalam proses testing perangkat lunak, meski demikian dari sekian banyak pendapat tersebut ada beberapa pedoman yang dapat digunakan dalam penentuan acuan testing antara lain:</p></div> | ||
Baris 1.124: | Baris 1.156: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3. Tipe dan Teknik Testing''' </p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3. Tipe dan Teknik Testing''' </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 Rizky (2011:259)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., “Tipe ''testing'' lebih berkonsentrasi terhadap aspek dari perangkat lunak yang akan dikenai proses testing. Teknik testing merupakan metode yang digunakan dalam melakukan ''testing'' untuk bagian tertentu dari perangkat lunak”.</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 Rizky (2011: 259)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., “Tipe ''testing'' lebih berkonsentrasi terhadap aspek dari perangkat lunak yang akan dikenai proses testing. Teknik testing merupakan metode yang digunakan dalam melakukan ''testing'' untuk bagian tertentu dari perangkat lunak”.</p></div> |
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Secara teoritis, ''testing'' dapat dilakukan dengan berbagai jenis tipe dan teknik. Namun secara garis besar, terdapat dua jenis tipe testing yang paling umum digunakan di dalam lingkup rekayasa perangkat lunak. Dua jenis tersebut adalah ''White box'' dan ''Black box testing''.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Secara teoritis, ''testing'' dapat dilakukan dengan berbagai jenis tipe dan teknik. Namun secara garis besar, terdapat dua jenis tipe testing yang paling umum digunakan di dalam lingkup rekayasa perangkat lunak. Dua jenis tersebut adalah ''White box'' dan ''Black box testing''.</p></div> | ||
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">''White Box Testing''<br>Menurut Rizky (2011:262)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., “''White Box Testing'' secara umum merupakan jenis testing yang lebih berkonsentrasi terhadap “isi” dari perangkat lunak itu sendiri. Jenis ini lebih banyak berkonsentrasi kepada source code dari perangkat lunak yang dibuat”.</li> | + | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">''White Box Testing''<br>Menurut Rizky (2011: 262)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., “''White Box Testing'' secara umum merupakan jenis testing yang lebih berkonsentrasi terhadap “isi” dari perangkat lunak itu sendiri. Jenis ini lebih banyak berkonsentrasi kepada source code dari perangkat lunak yang dibuat”.</li> |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">''Black Box Testing''<br>Menurut Rizky (2011:265)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., definisi ''Black box testing'' adalah sebagai berikut: ''Black box'' testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar.</li> | + | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">''Black Box Testing''<br>Menurut Rizky (2011: 265)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref>., definisi ''Black box testing'' adalah sebagai berikut: ''Black box'' testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar.</li> |
</ol> | </ol> | ||
Baris 1.158: | Baris 1.190: | ||
<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. Definisi ''Database'' ''' </p></div> | <p style="line-height: 2">'''1. Definisi ''Database'' ''' </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 Prasetio (2012:181)<ref name= "Prasetio">Prasetio. Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.</ref>, ''Database'' adalah sebuah struktur yang umumnya dikategorikan dalam 2 (dua) hal, sebuah database flat dan sebuah ''database'' relasional. ''Database'' relasional lebih disukai karena lebih masuk akal dibandingkan ''database'' flat.</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 Prasetio (2012: 181)<ref name= "Prasetio">Prasetio. Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.</ref>, ''Database'' adalah sebuah struktur yang umumnya dikategorikan dalam 2 (dua) hal, sebuah database flat dan sebuah ''database'' relasional. ''Database'' relasional lebih disukai karena lebih masuk akal dibandingkan ''database'' flat.</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 Raharjo (2011:3)<ref name= "Raharjo">Raharjo,Budi. 2011. “Belajar Otodidak Membuat Database Menggunakan MySQL”. Bandung: Informatika.</ref>, ''Database'' adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat.</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 Raharjo (2011: 3)<ref name= "Raharjo">Raharjo, Budi. 2011. “Belajar Otodidak Membuat Database Menggunakan MySQL”. Bandung: Informatika.</ref>, ''Database'' adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat.</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 Anhar (2010:45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, ''Database'' adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database adalah Data Record dan Field.</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 Anhar (2010: 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, ''Database'' adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database adalah Data Record dan Field.</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">'''2. Definisi Tabel ''' </p></div> | <p style="line-height: 2">'''2. Definisi Tabel ''' </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 Anhar (2010 : 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, Tabel adalah komponen paling utama dalam membuat ''website'', pada saat pembuatan sebuah halaman ''web'', tabel dijadikan sebagai media yang berfungsi sebagai kerangka untuk meletakkan komponen-komponen isi ''web''. Sehingga dapat meninggalkan pengguna tabel dalam sebuah ''design web''.</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 Anhar (2010: 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, Tabel adalah komponen paling utama dalam membuat ''website'', pada saat pembuatan sebuah halaman ''web'', tabel dijadikan sebagai media yang berfungsi sebagai kerangka untuk meletakkan komponen-komponen isi ''web''. Sehingga dapat meninggalkan pengguna tabel dalam sebuah ''design web''.</p></div> |
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Selain sebagai kerangka kerja, tabel juga dijadikan sebagai media untuk merapihkan semua content (isi web) yang ada di dalam halaman web. Jadi sebagai seorang web master atau designer web kita tidak akan dapat meninggalkan tabel, karena tabel dapat dikatakan sebuah komponen HTML yang diharuskan dalam pembuatan website.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Selain sebagai kerangka kerja, tabel juga dijadikan sebagai media untuk merapihkan semua content (isi web) yang ada di dalam halaman web. Jadi sebagai seorang web master atau designer web kita tidak akan dapat meninggalkan tabel, karena tabel dapat dikatakan sebuah komponen HTML yang diharuskan dalam pembuatan website.</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">'''3. Definisi ''Record'' ''' </p></div> | <p style="line-height: 2">'''3. Definisi ''Record'' ''' </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 Anhar (2010 : 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, ''Record'' adalah data yang isinya merupakan satu kesatuan seperti Nama ''User dan Password''. Setiap keterangan yang mencakup Nama Userdan Password dinamakan satu ''record''. Setiap ''record'' diberi nomor yang disebut nomor ''record (Record Number)''.</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 Anhar (2010: 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, ''Record'' adalah data yang isinya merupakan satu kesatuan seperti Nama ''User dan Password''. Setiap keterangan yang mencakup Nama Userdan Password dinamakan satu ''record''. Setiap ''record'' diberi nomor yang disebut nomor ''record (Record Number)''.</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">'''4. Definisi ''Fields'' ''' </p></div> | <p style="line-height: 2">'''4. Definisi ''Fields'' ''' </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 Anhar (2010 : 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, ''Fields'' adalah ''sub'' bagian dari ''record''. Dari contoh isi ''record'' di atas, maka terdiri dari 2 ''fields'', yaitu : fields Nama ''User'' dan ''Password''.</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 Anhar (2010: 45)<ref name= "Anhar">Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.</ref>, ''Fields'' adalah ''sub'' bagian dari ''record''. Dari contoh isi ''record'' di atas, maka terdiri dari 2 ''fields'', yaitu : fields Nama ''User'' dan ''Password''.</p></div> |
===Definisi Dashboard=== | ===Definisi Dashboard=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Henderi (2011:45)<ref name= "Henderi">Henderi, Untung Rahardja, Qory Oktisa Aulia dan Muhamad Hendri. 2011. Dashboarding Information Systems For The Education Sector: Aplication and Methodologies. | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Henderi (2011: 45)<ref name= "Henderi">Henderi, Untung Rahardja, Qory Oktisa Aulia dan Muhamad Hendri. 2011. Dashboarding Information Systems For The Education Sector: Aplication and Methodologies JOURNAL CCIT Vol. 5 No.1 - September 2011 ISSN: 1978-8282.</ref>, ''Dashboard'' adalah suatu model antarmuka sistem informasi yang dianalogikan seperti ''dashboard'' sebuah mobil yang mudah untuk dipelajari dan sangat strategis bagi ''driver''. Menurut ejaan Bahasa Indonesia yang disempurnakan ''dashboard'' ditulis dengan dasbor, yang berarti papan penunjuk.</p></div> |
− | </ref>, ''Dashboard'' adalah suatu model antarmuka sistem informasi yang dianalogikan seperti ''dashboard'' sebuah mobil yang mudah untuk dipelajari dan sangat strategis bagi ''driver''. Menurut ejaan Bahasa Indonesia yang disempurnakan ''dashboard'' ditulis dengan dasbor, yang berarti papan penunjuk.</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 Rajagukguk (2010:80)<ref name= "Rajagukguk">Rajagukguk, Ronald. 2010. Panduan Praktis SharePoint Server 2010 Sebuah Platform Untuk Berkolaborasi Di Web. Jakarta: PT.Elex Media Komputindo.</ref>, ''Dashboard'' adalah sebuah koleksi informasi bersifat ''realtime'' yang digunakan untuk mengevaluasi ''performa'' dan memastikan bahwa tujuan dari operasi tercapai.</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 Rajagukguk (2010: 80)<ref name= "Rajagukguk">Rajagukguk, Ronald. 2010. Panduan Praktis SharePoint Server 2010 Sebuah Platform Untuk Berkolaborasi Di Web. Jakarta: PT.Elex Media Komputindo.</ref>, ''Dashboard'' adalah sebuah koleksi informasi bersifat ''realtime'' yang digunakan untuk mengevaluasi ''performa'' dan memastikan bahwa tujuan dari operasi tercapai.</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 beberapa definisi yang dikemukakan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa definisi yang dikemukakan di atas dapat disimpulkan ''dashboard'' adalah sebuah pusat untuk control panel yang berfungsi untuk mengatur semua akses kegiatan dari sebuah situs atau ''website''.</p></div> |
===Definisi Leaderboard=== | ===Definisi Leaderboard=== | ||
Baris 1.185: | Baris 1.216: | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Leaderboard Tournament, released the same year, was a series of expansion disks each containing four new courses.''</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Leaderboard Tournament, released the same year, was a series of expansion disks each containing four new courses.''</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 beberapa definisi yang dikemukakan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa definisi yang dikemukakan di atas dapat disimpulkan bahwa ''Leaderboard'' adalah sebuah papan nilai atau papan rank yang biasanya terdapat pada suatu permainan.</p></div> |
===Definisi ''Viewboard''=== | ===Definisi ''Viewboard''=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Technology Partners (2014) <ref name=Blog>Internet. 2014. Complete Organization In One Mobile Dashboard. [http://www.tppr.com/Pages/Dashboard-Product.aspx]</ref>, '' | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Technology Partners (2014) <ref name=Blog>Internet. 2014. Complete Organization In One Mobile Dashboard. [http://www.tppr.com/Pages/Dashboard-Product.aspx]</ref>, ''Viewboard is a custom application created by Technology Partners, with it you can have the most important information you need to make mission critical business decisions on a daily basis in one easy to read dashboard. From metrics and socials to department level critical information, you decide what you want to have in your custom dashboard. The dashboard interface is fully dynamic, you are able to connect it to a CMS system or have it directly access your database to manage the information feeds.''</p></div> |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari definisi tersebut dapat disimpulkan bahwa '' | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari definisi tersebut dapat disimpulkan bahwa ''Viewboard'' adalah aplikasi ''custom'' yang fungsinya agar dapat menampilkan informasi penting dan juga informasi yang dibutuhkan. </p></div> |
===Definisi FAQ=== | ===Definisi FAQ=== | ||
Baris 1.198: | Baris 1.229: | ||
<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. Definisi ''Literature Riview'' ''' </p></div> | <p style="line-height: 2">'''1. Definisi ''Literature Riview'' ''' </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 Hermawan (2009:43)<ref name= "Hermawan">Hermawan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hermawan (2009: 43)<ref name= "Hermawan">Hermawan, Asep. 2009. Penelitian Bisnis. Jakarta: Grasindo.</ref>,“Tinjauan pustaka adalah menganalisa secara kritis pustaka penelitian yang ada saat ini. Telaah pustaka tersebut perlu dilakukan secara ketat”.</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 Semiawan (2010:104)<ref name= "Semiawan">Semiawan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Semiawan (2010: 104)<ref name= "Semiawan">Semiawan, Conny. R. 2010. Metode Penelitian Kualitatif. Jakarta: Grasindo.</ref>, “''Literature review'' adalah bahan yang tertulis berupa buku, jurnal yang membahas tentang topik yang hendak diteliti.” Tinjauan pustaka membantu peniliti untuk melihat ide-ide, pendapat, dan kritik tentang topik tersebut yang sebelum dibangun dan dianalisa oleh para ilmuwan sebelumnya. Pentingnya tinjauan pustaka untuk melihat dan menganalisa nilai tambah penelitian ini dibandingkan dengan penelitian-penelitian 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">Bedasarkan pendapat para ahli yang dikemukakan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bedasarkan pendapat para ahli yang dikemukakan di atas dapat diambil kesimpulkan bahwa literature review adalah sebuah analisa yang berwujud kritikan dari sipeneliti yang sedang mereka lakukan.</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">'''2. Tujuan ''Literature Riview'' ''' </p></div> | <p style="line-height: 2">'''2. Tujuan ''Literature Riview'' ''' </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 Hermawan (2009:45)<ref name= "Hermawan">Hermawan. Asep. 2009. Penelitian Bisnis. Jakarta: Grasindo.</ref>, tinjauan pustaka berisi penjelasan secara sistematik mengenai hubungan antara variabel untuk menjawab perumusan masalah penelitian. Tinjauan pustaka dalam suatu penelitian memiliki beberapa tujuan, yaitu:</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 Hermawan (2009: 45)<ref name= "Hermawan">Hermawan. Asep. 2009. Penelitian Bisnis. Jakarta: Grasindo.</ref>, tinjauan pustaka berisi penjelasan secara sistematik mengenai hubungan antara variabel untuk menjawab perumusan masalah penelitian. Tinjauan pustaka dalam suatu penelitian memiliki beberapa tujuan, yaitu:</p></div> |
<ol> | <ol> | ||
Baris 1.214: | Baris 1.245: | ||
</ol> | </ol> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Yuniarti (2012:3)<ref name= "Yuniarti">Yuniarti | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Yuniarti (2012: 3)<ref name= "Yuniarti">Yuniarti, Evi., dan Anita Kusuma Dewi. 2012. Kinerja Laporan Keuangan Untuk Pengambilan Keputusan Pemberian Kredit Modal Kerja. Lampung: Politeknik Negeri Lampung.</ref>, studi pustaka bertujuan untuk mendapatkan landasan teoritis yang berguna sebagai tolak ukur dalam membahas dan menganalisa 8data serta mengambil kesimpulan dan saran dalam analisa laporan keuangan perusahaan tertentu.</p></div> |
==''' ''Literature Review'' '''== | ==''' ''Literature Review'' '''== | ||
Baris 1.220: | Baris 1.251: | ||
<ol> | <ol> | ||
<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;"> | ||
− | <p style="line-height: 2">Penilitian ini dilakukan oleh Ayu Wanda Lestari (2015)<ref name="Ayu Wanda Lestari">Wanda Lestari, Ayu. 2015. Perancangan ''Viewboard'' Rooster dengan menggunakan Bootstrap pada Perguruan Tinggi Raharja.</ref> Penelitian yang berjudul “Perancangan ''Viewboard'' Rooster dengan menggunakan ''Bootstrap'' pada Perguruan Tinggi Raharja”. Penelitian ini membahas dimana Dengan menyediakan '' | + | <p style="line-height: 2">Penilitian ini dilakukan oleh Ayu Wanda Lestari (2015)<ref name="Ayu Wanda Lestari">Wanda Lestari, Ayu. 2015. Perancangan ''Viewboard'' Rooster dengan menggunakan Bootstrap pada Perguruan Tinggi Raharja.</ref> Penelitian yang berjudul “Perancangan ''Viewboard'' Rooster dengan menggunakan ''Bootstrap'' pada Perguruan Tinggi Raharja”. Penelitian ini membahas dimana Dengan menyediakan ''Viewboard'' Rooster nantinya akan ada informasi mengenai status tiket, tiket ''overdue'', dan rekap tiket secara otomatis di dalam Rooster. Lalu akan ada juga informasi mengenai mutu dari Rooster itu sendiri yang terdiri dari mutu pembuat tiket, mutu penjawab tiket, dan mutu pertanyaan terpopuler. Fungsi dari ''Viewboard'' ini untuk menunjang pelayanan pada Rooster agar lebih baik lagi, di dalam ''Viewboard'' juga akan ada informasi mengenai daftar nama ''staff'' Rooster, fasilitas FAQ, ''Viewboard'' juga dapat terkoneksi dengan iDuHelp! dan juga akan ada ''Log visitor'' daftar ''staff'' yang terakhir ''login'' pada Rooster.</p></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;"> | ||
− | <p style="line-height: 2">Penilitian ini dilakukan oleh Isma Damayanti (2015)<ref name="Isma Damayanti">Damayanti, Isma . 2015. Analisa Perancangan Sistem ''Viewboard'' Zorilia dengan Menggunakan Metode ''Gamification'' Studi Kasus: Perguran Tinggi Raharja</ref> Penelitian yang berjudul “Analisa Perancangan Sistem Viewboard Zorilia dengan Menggunakan Metode ''Gamification'' Studi Kasus: Perguran Tinggi Raharja”. Penelitian ini membahas Dimana Zorilia menggunakan ''platform iLearning gamification'' untuk membuat bekerja dan belajar terasa seperti bermain. Segala bentuk pekerjaan dapat dilakukan disini agar tidak ada yang terlewat, menjadi suatu kombinasi yang sangat sempurna. Ditambah lagi, perancangan ''Viewboard'' ini menjadi penyempurna konsep ''gamification'' karena ranking semua user terangkum | + | <p style="line-height: 2">Penilitian ini dilakukan oleh Isma Damayanti (2015)<ref name="Isma Damayanti">Damayanti, Isma . 2015. Analisa Perancangan Sistem ''Viewboard'' Zorilia dengan Menggunakan Metode ''Gamification'' Studi Kasus: Perguran Tinggi Raharja</ref> Penelitian yang berjudul “Analisa Perancangan Sistem Viewboard Zorilia dengan Menggunakan Metode ''Gamification'' Studi Kasus: Perguran Tinggi Raharja”. Penelitian ini membahas Dimana Zorilia menggunakan ''platform iLearning gamification'' untuk membuat bekerja dan belajar terasa seperti bermain. Segala bentuk pekerjaan dapat dilakukan disini agar tidak ada yang terlewat, menjadi suatu kombinasi yang sangat sempurna. Ditambah lagi, perancangan ''Viewboard'' ini menjadi penyempurna konsep ''gamification'' karena ranking semua user terangkum di dalam ''Viewboard'' dan akan menjadi motivasi tersendiri untuk para ''user'' agar selalu menjadi no 1 di dalam ''Viewboard''. Konsep ''gamification'' ini sama halnya dengan konsep 4b yaitu belajar, bekerja, bermain dan berdoa yang sebelumnya sudah diterapkan pada Perguruan Tinggi Raharja. Dengan konsep ini user dapat menyelesaikan to do list nya dengan baik. Sistem Zorilia ini juga merupakan salah satu bagian dari Future IT Raharja (FIR).</p></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;"> | ||
Baris 1.230: | Baris 1.261: | ||
<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;"> | ||
− | <p style="line-height: 2">Penelitian ini dilakukan oleh Eva Hariyanti dan Endah Purwanti (2014)<ref name="Eva Hariyanti">Hariyanti, Eva dan Endah Purwanti. 2014. Perancangan Sistem Dashboard Untuk Monitoring Indikator Kinerja Universitas.</ref> Penelitian yang berjudul “Perancangan Sistem ''Dashboard'' Untuk ''Monitoring Indikator'' Kinerja Universitas” Penelitian ini membahas Tujuan dari penelitian ini adalah merancang sistem ''dashboard'' untuk ''monitoring'' dan evaluasi kinerja berdasarkan indikator kinerja kunci (KPI) universitas. Metode yang digunakan pada penelitian ini mengakomodasi tiga aspek utama dashboard yaitu data/informasi, personalisasi, dan kolaborasi antar pengguna. Pada penelitian ini, dapat dilihat bahwa aktifitas analisis meta informasi dan perhitungan ''summary'' untuk ''dashboard'' universitas, Hasil pengujian ''prototype'' menunjukkan bahwa ''dashboard'' yang dibuat telah menghasilkan informasi yang sesuai dengan kebutuhan pengguna pada setiap ''level''.</p></li> | + | <p style="line-height: 2">Penelitian ini dilakukan oleh Eva Hariyanti dan Endah Purwanti (2014)<ref name="Eva Hariyanti">Hariyanti, Eva dan Endah Purwanti. 2014. Perancangan Sistem Dashboard Untuk Monitoring Indikator Kinerja Universitas, SESINDO 2014 .</ref> Penelitian yang berjudul “Perancangan Sistem ''Dashboard'' Untuk ''Monitoring Indikator'' Kinerja Universitas” Penelitian ini membahas Tujuan dari penelitian ini adalah merancang sistem ''dashboard'' untuk ''monitoring'' dan evaluasi kinerja berdasarkan indikator kinerja kunci (KPI) universitas. Metode yang digunakan pada penelitian ini mengakomodasi tiga aspek utama dashboard yaitu data/informasi, personalisasi, dan kolaborasi antar pengguna. Pada penelitian ini, dapat dilihat bahwa aktifitas analisis meta informasi dan perhitungan ''summary'' untuk ''dashboard'' universitas, Hasil pengujian ''prototype'' menunjukkan bahwa ''dashboard'' yang dibuat telah menghasilkan informasi yang sesuai dengan kebutuhan pengguna pada setiap ''level''.</p></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;"> | ||
− | <p style="line-height: 2">Penelitian ini dilakukan oleh Sherlita Tanuprasodjo (2012)<ref name="Sherlita">Tanuprasodjo, Sherlita. 2012. Analisis Dan Perancangan ''Dashboard Information System Tracer Study'' Pada Siklus Kelulusan Program Studi Akuntansi Perguruan Tinggi X Di Surabaya | + | <p style="line-height: 2">Penelitian ini dilakukan oleh Sherlita Tanuprasodjo (2012)<ref name="Sherlita">Tanuprasodjo, Sherlita. 2012. Analisis Dan Perancangan ''Dashboard Information System Tracer Study'' Pada Siklus Kelulusan Program Studi Akuntansi Perguruan Tinggi X Di Surabaya: Fakultas Bisnis dan Ekonomika Ubaya, 2012</ref> Penelitian yang berjudul “Analisis Dan Perancangan ''Dashboard Information System Tracer Study'' Pada Siklus Kelulusan Program Studi Akuntansi Perguruan Tinggi X Di Surabaya” Penelitian ini membahas ntuk melakukan analisis dan perancangan sistem informasi untuk dashboard information system, yang mengacu pada data ''tracer study''. Untuk memperoleh informasi yang berkualitas,dibutuhkan ''dashboard information system'' yang dapat menjadi alat untuk memenuhi hal tersebut. Dengan ''dashboard information system'', informasi yang disajikan akan lebih interaktif dan cepat diperoleh. Desain ''dashboard information system'' yang baik akan memberikan informasi yang akurat. Jenis penelitian ini adalah ''Applied Research'' karena penelitian ini dilakukan untuk merancang sistem informasi yang dibutuhkan dari hasil ''tracer study'' dengan menggunakan desain ''dashboard information system''. Objek penelitian ini adalah program studi Akuntansi, Perguruan Tinggi X. Perguruan Tinggi “X” berlokasi di Surabaya, Jawa Timur.</p></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;"> | ||
Baris 1.239: | Baris 1.270: | ||
<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;"> | ||
− | <p style="line-height: 2">''This research was conducted by Anatoliyovych Rusol Karralli, Joyce Tipton, Doina Dumitru, Lisa Scholz and Santhi Masilamani (2015)<ref name="Anatoliyovych">Karalli | + | <p style="line-height: 2">''This research was conducted by Anatoliyovych Rusol Karralli, Joyce Tipton, Doina Dumitru, Lisa Scholz and Santhi Masilamani (2015)<ref name="Anatoliyovych">Karalli, Rusol., Joyce Tipton Doina Dumitru., Lisa Scholz., Santhi Masilamani. 2015. Development of a metrics dashboard for monitoring involvement in the Drug Pricing Program, s.a. American Journal of Health-System Pharmacy September 1, 2015 vol. 72 no. 17 1489-1495.</ref> Study entitled "Development of a metrics dashboard for monitoring involvement in the Drug Pricing Program, s.a." the study discussed In recent years there has been heightened congressional and regulatory scrutiny of the federal program, s.a., which provides discounted drug prices on Medicaid-covered drugs to safety net hospitals and other healthcare organizations, s.a.-eligible , or "covered entities." Historically, the program has lacked s.a. a metrics-driven reporting framework to help covered entities capture the value of community involvement programs, s.a., benefits provided to underserved populations, and costs associated with compliance with s.a. eligibility requirements. The u.s. is part of an initiative by a large health system to optimize its utilization program, s.a. and regulatory compliance efforts, a team of pharmacists led the development of an electronic dashboard tool to help monitor program activities at the s.a. system's s.a.-eligible facilities. After soliciting input from an array of internal and external stakeholders, the program s.a. team designed the dashboard and the associated data-entry tools to facilitate the capture and analysis of program-related data, s.a. in four domains: cost savings and revenue, program maintenance costs, community benefits, and compliance''</p></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;"> | ||
− | <p style="line-height: 2">''The study was conducted by Edward Karavakis, Julia Andreeva, Akram Khan, Gerhild Maier and Benjamin Gaidioz (2010)<ref name="Edward">Karavakis | + | <p style="line-height: 2">''The study was conducted by Edward Karavakis, Julia Andreeva, Akram Khan, Gerhild Maier and Benjamin Gaidioz (2010)<ref name="Edward">Karavakis, Edward., Julia Andreeva., Akram Khan., Gerhild Maier., Benjamin Gaidioz 2010. CMS Task Monitoring Dashboard: A user-centric monitoring view. Journal of Physics: Conference Series, Volume 219, Part 7.</ref> Study entitled "CMS Task Monitoring Dashboard: A user-centric monitoring view" We are now in a phase change of the CMS experiment where people are turning more intensely to physics analysis and away from construction. This brings a lot of challenging issues with respect to monitoring of the user analysis. The physicists must be able to monitor the execution status, application and grid-level messages of their tasks that may run at any site within the CMS Virtual Organisation. The CMS Dashboard Task Monitoring project provides this information towards individual analysis users by collecting and exposing a user-centric set of information regarding submitted tasks including reason of failure, distribution by site and over time, consumed time and efficiency. The development was a user-driven with physicists invited to test the prototype in order to assemble further requirements and identify industry or with the application.''</p></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;"> | ||
− | <p style="line-height: 2">''This research was conducted by Velcu-laitinem. Oana, Yiqitbasioqlu, Ogan M (2012)<ref name="Velcu-laitinem">Velcu-laitinem | + | <p style="line-height: 2">''This research was conducted by Velcu-laitinem. Oana, Yiqitbasioqlu, Ogan M (2012)<ref name="Velcu-laitinem">Velcu-laitinem, Oana., Yiqitbasioqlu., Ogan M. 2012. The Use of Dashboards in Performance Management. The International Journal of Digital Accounting Research, ISSN 1577-8517, Vol. 12, Nº. 18, 2012, page. 39-58.</ref> Study entitled "The Use of Dashboards in Performance Management" The purpose of this paper is to identify and examine empirically the key features, purposes, uses, and benefits of performance dashboards. We find that only about a quarter of the sales managers surveyed in Finland used a dashboard, which was lower than previously reported. Dashboards were used for four distinct purposes: (i) monitoring, (ii) problem solving, rationalizing, (iii) and (iv) communication and consistency. There was a high correlation between the different uses of dashboards and user productivity indicating that dashboards were perceived us effective tools in performance management, not just for monitoring one? s own performance but for other purposes including communication. The quality of the data in dashboards did not seem to be a concern (except for completeness) but it was a critical driver regarding its use. This is the first empirical study on performance dashboards in terms of rates does, key features, and benefits. The study highlights the research potential and benefits of dashboards, which could be valuable for future researchers and practitioners.''</p></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;"> | ||
− | <p style="line-height: 2">''This research was conducted by Veronica s. Smith (2013)<ref name="Veronica">Veronica s | + | <p style="line-height: 2">''This research was conducted by Veronica s. Smith (2013)<ref name="Veronica">Veronica s, Smith. 2013. Data Dashboard u.s. Evaluation and Research Communication Tool. Volume 2013, Issue 140,pages 21–45, Winter 2013.</ref> Study entitled "Data Dashboard u.s. Evaluation and Research Communication Tool" Data dashboards are visual displays that feature the most important information needed to achieve specific goals captured on a single screen. Effective dashboards should be designed the u.s. monitoring tools that are understood at a glance. Dashboards are useful tools because they can leverage the visual perception to communicate dense amounts of data clearly and concisely. They are typically used in the communication phase of evaluation; However, in the case of analytical dashboards, they may also be used in the analysis phase. Strategic, analytical, and operational dashboards dashboards are different types used to meet different communication needs. This chapter highlights the keys to realizing the potential of data dashboards by self-describing appropriate use, effective practices for designing and creating these tools, how to evaluate dashboards, and software that can be used to create dashboards. © Wiley Periodicals, Inc., and the American Evaluation Association.''</p></li> |
</ol> | </ol> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari 10 (sepuluh) ''Literature review'' | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari 10 (sepuluh) ''Literature review'' di atas, telah banyak yang membahas penelitian sebelumnya mengenai ''Viewboard'' ataupun ''Dashboard''. Maka disimpulkan bahwa belum ada peneliti yang membahas Peracangan ''Viewboard'' iDuHelp! Menggunakan ''Bootstrap'' Sebagai Penunjang Laporan ''Performa'' iDuHelp! ''Online'' Pada Perguruan Tinggi.</p></div> |
{{pagebreak}} | {{pagebreak}} | ||
Baris 1.309: | Baris 1.340: | ||
<p style="line-height: 2">'''Tabel 3.1.'''Jurusan atau Program Studi pada STMIK Raharja</p></div> | <p style="line-height: 2">'''Tabel 3.1.'''Jurusan atau Program Studi pada STMIK Raharja</p></div> | ||
[[File:Tabel 1.JPG|center|250px]] | [[File:Tabel 1.JPG|center|250px]] | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"> | ||
+ | <p style="line-height: 2">'''Sumber:''' http://www.raharja.ac.id/</p></div> | ||
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"> | ||
Baris 1.315: | Baris 1.348: | ||
<p style="line-height: 2">'''Tabel 3.2.''' Jurusan atau Program Studi pada AMIK Raharja</p></div> | <p style="line-height: 2">'''Tabel 3.2.''' Jurusan atau Program Studi pada AMIK Raharja</p></div> | ||
[[File:Tabel amik.JPG|center|250px]] | [[File:Tabel amik.JPG|center|250px]] | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"> | ||
+ | <p style="line-height: 2">'''Sumber:''' http://www.raharja.ac.id/</p></div> | ||
Baris 1.360: | Baris 1.395: | ||
<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;text-indent: 0.5in">Sebuah organisasi atau perusahaan harus mempunyai suatu struktur organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha, untuk menunjukkan kerangka-kerangka hubungan diantara fungsi, bagian-bagian maupun tugas dan wewenang serta tanggung jawab. Serta untuk menunjukan rantai (garis) perintah dan perangkapan fungsi yang diperlukan dalam suatu organisasi.</p> <p style="line-height: 2;text-indent: 0.5in">Sama halnya dengan Perguruan Tinggi Raharja yang mempunyai struktur organisasi manajemen sebagai berikut:</p>[[Berkas:Struktur.png|center|png|500px]] | <p style="line-height: 2;text-indent: 0.5in">Sebuah organisasi atau perusahaan harus mempunyai suatu struktur organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha, untuk menunjukkan kerangka-kerangka hubungan diantara fungsi, bagian-bagian maupun tugas dan wewenang serta tanggung jawab. Serta untuk menunjukan rantai (garis) perintah dan perangkapan fungsi yang diperlukan dalam suatu organisasi.</p> <p style="line-height: 2;text-indent: 0.5in">Sama halnya dengan Perguruan Tinggi Raharja yang mempunyai struktur organisasi manajemen sebagai berikut:</p>[[Berkas:Struktur.png|center|png|500px]] | ||
− | <p style="line-height: 2;text-align:center">'''Gambar 3.1''' Struktur Organisasi Akademik Perguruan Tinggi Raharja</p> | + | <p style="line-height: 2;text-align:center">'''Gambar 3.1.''' Struktur Organisasi Akademik Perguruan Tinggi Raharja</p> |
</div> | </div> | ||
Baris 1.560: | Baris 1.595: | ||
<p style="line-height: 2">'''1. Prosedur ''Customer (input)''''' </p></div> | <p style="line-height: 2">'''1. Prosedur ''Customer (input)''''' </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">Proses ''customer'' masuk | + | <p style="line-height: 2">Proses ''customer'' masuk ke dalam iDuHelp! ''online'', yaitu : ''customer'' mengunjungi iMe iDuHelp! lalu kemudian menuju link iDuHelp! ''online'', kemudian ''customer'' akan dihantarkan kesebuah tampilan ''form start chat customers'' dan mengisinya untuk mengajukan sebuah pertanyaan, setelah itu klik button ''start chat'' dan tunggu untuk diambil oleh ''operator'' dan membalas verifikasi untuk melanjutkan percakapan iDuHelp! ''online''.</p></div> |
<p style="line-height: 2">'''2. Prosedur ''Operator (output)''''' </p></div> | <p style="line-height: 2">'''2. Prosedur ''Operator (output)''''' </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">Proses operator iDuHelp! online, yaitu : ''operator'' mengambil setiap ''customer''yang mengajukan pertanyaan yang masuk | + | <p style="line-height: 2">Proses operator iDuHelp! online, yaitu : ''operator'' mengambil setiap ''customer''yang mengajukan pertanyaan yang masuk ke dalam ''list visitors''' sistem dan kemudian mengirimkan sebuah verifikasi email untuk melanjutkan percakapan antara ''customer'' dan ''operator'' selanjutnya ''operator'' akan memproses sebuah pertanyaan yang diajukan oleh ''customer'' setelah itu memberikan sebuah jawaban berupa ''link'' yang ada pada iMe iRan setelah ''customer'' merasa puas atas jawaban yang diberikan ''operator'' dan sesi pertanyaan dinyatakan sudah selesai maka ''operator'' pun dapat mengakhiri ''chat'' dan memberikan ''rating'' iDuHelp! ''online''.</p></div> |
<p style="line-height: 2">'''2. Prosedur Pembuatan Laporan</p></div> | <p style="line-height: 2">'''2. Prosedur Pembuatan Laporan</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 proses pemeriksaan dan perekapan ''performa operator'' dalam sistem iDuHelp! ''online''. pengecekan masih dilakukan secara fisik oleh PIC ''(Person In Charge)'' iDuHelp! yang akan memeriksa dan menghitung secara manual dengan cara mengambil data pada sistem iDuHelp! ''online'' dan kemudian diolah dan dirapihkan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada proses pemeriksaan dan perekapan ''performa operator'' dalam sistem iDuHelp! ''online''. pengecekan masih dilakukan secara fisik oleh PIC ''(Person In Charge)'' iDuHelp! yang akan memeriksa dan menghitung secara manual dengan cara mengambil data pada sistem iDuHelp! ''online'' dan kemudian diolah dan dirapihkan di dalam ''rinfosheet'' tidak cuma itu data pun harus diatur dari yang terbesar sampai yang terkecil mendapatkan ''customer'' dan membuat sebuah grafiknya. setelah data sudah selesai pada rinfosheet maka PIC ''(Person In Charge)'' akan membuat laporan pada RhjFox dan share ke ''email'' Rinfo.</p></div> |
===Permasalahan Yang Dihadapi=== | ===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">Prosedur yang berjalan pada saat ini yaitu proses pembuat laporan ''performa'' iDuHelp! yang ada pada Perguruan Tinggi Raharja masih dilakukan secara manual yaitu admin membuat performa di rinfosheet sehingga membuat laporan seperti ini dirasa kurang efektif.</p></div> | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Prosedur yang berjalan pada saat ini yaitu proses pembuat laporan ''performa'' iDuHelp! yang ada pada Perguruan Tinggi Raharja masih dilakukan secara manual yaitu admin membuat performa di rinfosheet sehingga membuat laporan seperti ini dirasa kurang efektif.</p></div> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data yang tidak akurat dan memakan waktu yang lama sehingga proses membuat laporan ''performa'' belum dapat dilakukan dengan cepat dan optimal. dari permasalahan yang sudah dijabarkan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Data yang tidak akurat dan memakan waktu yang lama sehingga proses membuat laporan ''performa'' belum dapat dilakukan dengan cepat dan optimal. dari permasalahan yang sudah dijabarkan di atas, dan dapat diambil kesimpulan maka sistem iDuHelp! ''online'' yang sedang berjalan pada Perguruan Tinggi Raharja saat ini masih dibilang belum efektif dan efesien.</p></div> |
+ | |||
+ | |||
+ | ===Rancangan Prosedur Yang Berjalan=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''1. ''Flowchart'' Yang Sedang Berjalan''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh4.googleusercontent.com/MablnmJFdSv-5HzN_n25rsz8Fwz6D_W3gcXgEsiZ0Amj0zsOk0kf2oKXO7fadfJU35xzf6V5jEw5jxr7ADixQtuF83KQSkdvjVVyOlA-a7NytXTbHNYvOX0IRAU4sMVVcervWBtH" width="300" height="700"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 3.2.''' ''Flowchart'' program pada sistem iDuHelp! ''Online''. | ||
+ | </div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2"> | ||
+ | Dapat dijelaskan gambar ''flowchart'' program untuk PIC iDu Help! dalam proses pembuatan laporan pada sistem iDuHelp! di atas pada saat ini, yaitu terdiri dari:</p></div> | ||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">2 (dua) simbol terminal, yang berperan sebagai ''“start”'' dan ''“finish”'' pada aliran proses ''flowchart'' program pada sistem iDuHelp! ''online''.</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">4 (Empat) simbol data, yang menyatakan proses ''input'' atau ''output'' tanpa tergantung jenis peralatannya, yaitu: ''login'' terlebih dahulu menggunakan ''username'' dan ''password'' maka ''login'' akan berhasil dan menuju kehalaman utama sistem, jika salah dalam ''input username'' dan ''password'' maka akan kembali ke halaman ''login'' sistem iDuHelp!.</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">1 (satu) simbol decision, sebagai simbol untuk menunjukan sebuah langkah pengambilan suatu keputusan untuk mengecek validasi kebenaran ''username'' dan ''password'', jika “ya” akan bisa masuk ke sistem iDuHelp! dan jika “tidak” akan kembali ke halaman ''login'' sistem iDuHelp! ''online''.</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">6 (enam) simbol proses yaitu menyatakan suatu tindakan (proses) yang dilakukan oleh komputer. Simbol proses tersebut diantaranya:’’Akses iDuHelp!’’ yang kemudian menuju ke ‘’halaman utama sistem iDuHelp!’’ dan menuju ke ‘’ halaman statistik’’ untuk mengambil data ''performa'' operator iDuHelp! ''online'', kemudian menuju ''‘’Rinfosheets’’'' untuk membuat, mengolah dan merapihkan ''report'' dan mrmbuat grafik ''performa'' iDuHelp! 'online.''</p> | ||
+ | </li></ol> | ||
===Alternative Pemecahan Masalah=== | ===Alternative Pemecahan Masalah=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah penjelasan permasalahan telah dihadapi, bahwa penelitian akan memberikan alternative sebuah pemecahan masalah, alternative sebuah pemecahan tersebut adalah dengan membuat sebuah ”Perancangan | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah penjelasan permasalahan telah dihadapi, bahwa penelitian akan memberikan alternative sebuah pemecahan masalah, alternative sebuah pemecahan tersebut adalah dengan membuat sebuah ”Perancangan Viewboard iDuHelp! Menggunakan ''Bootstrap'' Sebagai Penunjang Laporan ''Performa'' iDuHelp! ''Online'' Pada Perguruan Tinggi” berbasis ''web'' yang bisa mempermudah admin dalam melakukan pembuatan laporan ''performa ''iDuHelp! ''online'' perbulan .</p></div> |
=<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">'''METODOLOGI PENELITIAN'''</div> | <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">'''METODOLOGI PENELITIAN'''</div> | ||
==''' ''Mind Mapping Project'' '''== | ==''' ''Mind Mapping Project'' '''== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Mind Mapping'' adalah cara paling efektif dan efisien untuk memasukan, menyimpan dan mengeluarkan data dari atau ke otak. Sistem ini bekerja sesuai cara kerja alami otak kita, sehingga dapat mengoptimalkan seluruh potensi dan kapasitas otak manusia (Caroline Edward: 2009 | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Mind Mapping'' adalah cara paling efektif dan efisien untuk memasukan, menyimpan dan mengeluarkan data dari atau ke otak. Sistem ini bekerja sesuai cara kerja alami otak kita, sehingga dapat mengoptimalkan seluruh potensi dan kapasitas otak manusia (Caroline Edward: 2009: 64)<ref name= "Caroline">Edward, Caroline. 2009. Mind Mapping untuk Anak Sehat dan Cerdas. Yogyakarta: Sakti.</ref>, ''Mind Mapping'' digunakan untuk membuat sebuah inovasi atau membuat suatu keterampilan befikir dalam menganalisa sebuah ide kreatif dan efektif dengan jelas sehingga masalah yang dihadapi dapat selesai dengan cepat menggunaka sebuah pemikiran dan konsep yang saling berinteraksi di dalam sebuah media diagram dengan menggunakan sebuah gambar, kata-kata, dan warna untuk membuat sebuah ide yang potensial untuk memecahkan atau menyelesaikan masalah secara strategis. Berikut ini merupakan ''mind mapping project''.</p></div> |
<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/O-bADIqvo-L2mHUGfcCBVhhfMvrDHTZ_FhsAqimSvJAA5ZyZfu4xc2TuQ9z6MdtETUm-4ai_yvOyZP1bAs1I7_Vx3tMlMkKuxMDdh1LNqqVeX73j1HAm2-bwBU3wqx41y3td77_qSmvzML7QJg" width="700" height="500"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.1.''' ''Mind Mapping Project''</div> | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/O-bADIqvo-L2mHUGfcCBVhhfMvrDHTZ_FhsAqimSvJAA5ZyZfu4xc2TuQ9z6MdtETUm-4ai_yvOyZP1bAs1I7_Vx3tMlMkKuxMDdh1LNqqVeX73j1HAm2-bwBU3wqx41y3td77_qSmvzML7QJg" width="700" height="500"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.1.''' ''Mind Mapping Project''</div> | ||
Baris 1.651: | Baris 1.705: | ||
==''' ''User Requirement'' '''== | ==''' ''User Requirement'' '''== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Guritno (2011:301)<ref name= "Guritno">Guritno, Suryo, Sudaryono dan Untung Rahardja. 2011. Theory and Application of IT Research Metodologi Penelitian Teknologi Informasi. Yogyakarta: CV Andi Offset. | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Guritno (2011: 301)<ref name= "Guritno">Guritno, Suryo., Sudaryono dan Untung Rahardja. 2011. Theory and Application of IT Research Metodologi Penelitian Teknologi Informasi. Yogyakarta: CV Andi Offset. |
</ref>, “Requirement adalah sifat-sifat sistem atau product yang akan dikembangkan sesuai dengan keinginan pemakai”. Adapun, spesifikasi software requirement yang baik dan sangat relevan untuk dilakukan sebelum melakukan penelitian dalam bidang teknologi informasi adalah:</p></div> | </ref>, “Requirement adalah sifat-sifat sistem atau product yang akan dikembangkan sesuai dengan keinginan pemakai”. Adapun, spesifikasi software requirement yang baik dan sangat relevan untuk dilakukan sebelum melakukan penelitian dalam bidang teknologi informasi adalah:</p></div> | ||
Baris 1.687: | Baris 1.741: | ||
===Elsitasi Tahap I=== | ===Elsitasi Tahap I=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Guritno (2011:302)<ref name= "Guritno">Guritno, Suryo, Sudaryono dan Untung Rahardja. 2011. Theory and Application of IT Research Metodologi Penelitian Teknologi Informasi. Yogyakarta: CV Andi Offset. | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Guritno (2011: 302)<ref name= "Guritno">Guritno, Suryo, Sudaryono dan Untung Rahardja. 2011. Theory and Application of IT Research Metodologi Penelitian Teknologi Informasi. Yogyakarta: CV Andi Offset. |
</ref>, “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.</p></div> | </ref>, “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;text-indent: 0.5in"><p style="line-height: 2">Menurut Saputra (2012:51)<ref name= "Saputra">Saputra | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Saputra (2012: 51)<ref name= "Saputra">Saputra, Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, “Elisitasi merupakan rancangan yang di buat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi“ Elisitasi tahap 1 merupakan daftar yang diperoleh dari hasil pengumpulan data, sebuah rancangan sistem yang diusulkan oleh manajemen terkait dengan wawancara mengenai kekurangan dari sistem yang sedang berjalan dan kebutuhan sistem yang belum terpenuhi.</p></div> |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.1''' Elisitasi Tahap I</div> | + | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.1.''' Elisitasi Tahap I</div> |
<div dir="ltr"> | <div dir="ltr"> | ||
<table border="1" width="450" align="center"> | <table border="1" width="450" align="center"> | ||
<tr> | <tr> | ||
− | <td | + | <td colspan="2" bgcolor="#008000"> |
<p dir="ltr"><strong>Functional</strong></p> | <p dir="ltr"><strong>Functional</strong></p> | ||
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td | + | <td rowspan="2" bgcolor="#008000"> |
<p dir="ltr"><strong>No.</strong></p> | <p dir="ltr"><strong>No.</strong></p> | ||
</td> | </td> | ||
− | <td | + | <td bgcolor="#008000"> |
<p dir="ltr"><strong>Analisa Kebutuhan</strong></p> | <p dir="ltr"><strong>Analisa Kebutuhan</strong></p> | ||
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td | + | <td bgcolor="#008000"> |
<p dir="ltr"><strong>Saya ingin sistem dapat:</strong></p> | <p dir="ltr"><strong>Saya ingin sistem dapat:</strong></p> | ||
</td> | </td> | ||
Baris 1.715: | Baris 1.769: | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>1</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat Emoticon</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>2</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat Kalender</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>3</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Memiliki Fitur SSO</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>4</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>5</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan daftar <em>customers</em> dengan total lebih dari 1000 <em>customers</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>6</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Adanya tampilan informasi alamat Perguruan Tinggi Raharja</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>7</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Memiliki fitur tampilan cuaca</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>8</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Memiliki fitur insert gambar</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>9</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan menu <em>delete operators</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>10</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan Top 10 <em>Operators</em> terbanyak menangani <em>customers</em> perbulan.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>11</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan view daftar <em>customers</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>12</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan <em>audio music</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>13</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki hiburan berupa <em>games</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>14</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki forum diskusi</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>15</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan foto <em>Operators</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>16</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan foto <em>Customers</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>17</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki fasilitas <em>eksport</em> pdf</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>18</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki fasilitas print langsung <em>report</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>19</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan grafik <em>pie</em> 3D</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>20</p> |
</td> | </td> | ||
− | <td | + | <td style="text-align: left;"> |
− | + | <p>Sistem dapat menampilkan daftar <em>operators</em> pada <em>Viewboard</em> iDuHelp! sebanyak 59 <em>operators</em>.</p> | |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>21</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki <em>create new</em> <em>operators</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>22</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan <em>popup survey</em> setiap minggu</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>23</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki fasilitas menu <em>Site Map</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>24</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan <em>reward</em> pada <em>operators</em> menangani<em>customers</em> terbanyak</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>25</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan <em>reward</em> pada custumers yang bertanya terbanyak</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>26</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki fitur informasi cuaca dengan tampilan gambar animasi</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>27</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki informasi <em>live</em> video dari Magics Channel</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>28</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki roadmap TPi</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>29</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat terhubung ke <em>website</em> acid</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>30</p> |
− | + | ||
− | + | ||
− | + | ||
</td> | </td> | ||
+ | <td>Sistem dapat menampilkan 2 macam jenis report <em>performa</em> iDuHelp!.</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>31</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki fasilitas <em>zoom in</em> dan <em>zoom out</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>32</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki halaman kritik dan saran</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>33</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan opsi <em>last login operators</em> dengan menampilkan sebanyak 59 <em>operator</em>.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>34</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki widget alexa</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>35</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Menampilkan fitur <em>forgot password</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>36</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Adanya fasilitas add, edit dan remove canned messages</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>37</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p><em | + | <p><em>Operators</em> dapat edit profile</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>38</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat tampilan waktu jam</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>39</p> |
− | + | ||
− | + | ||
− | + | ||
</td> | </td> | ||
+ | <td>Sistem dapat terhubung dengan <em>Ten pillar iLearning</em> no 5 iDuHelp!</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>40</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat terhubung dengan <em>Future</em> IT Rahaja no 5 yaitu forum RhjFox.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>41</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat tampilan waktu hari</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>42</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat tampilan waktu tanggal</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>43</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat tampilan waktu tahun</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>44</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat terhubung dengan <em>Ten pillar iLearning</em> no 7 <em>Viewboard</em> Rooster.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>45</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan <em>live chat</em> dengan <em>admin</em> iDuHelp!</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>46</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Terdapat footer <em>copyright power by</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>47</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem menampilkan <em>unix</em> <em>visitors</em> <em>counter</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>48</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Pengaturan waktu sistem sesuai dengan WIB format 24 jam.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>49</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki menu <em>drop down</em> untuk <em>history chart</em>mencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>50</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki menu <em>drop down</em> untuk <em>history chart</em>mencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>51</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan <em>Top 10 customers</em> terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>52</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan kalimat selamat datang kepada pengunjung</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>53</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan grafik <em>bar</em> dibuktikan dengan menampilkan lebih dari 5 <em>operator</em>.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>54</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki kolom <em>searching</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>55</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem dapat menampilkan 11 FAQ iDuHelp</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td colspan="2" bgcolor="#008000 "> | + | <td colspan="2" bgcolor="#008000"> |
<p><strong><em>NonFunctional</em></strong></p> | <p><strong><em>NonFunctional</em></strong></p> | ||
</td> | </td> | ||
Baris 2.168: | Baris 2.218: | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>1</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem memiliki tampilan yang user friendly.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>2</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Sistem menampilkan <em>Favicon</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>3</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Target 1000 <em>customers</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>4</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Dapat diakses secara <em>online</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td> | ||
− | <p | + | <p>5</p> |
</td> | </td> | ||
<td> | <td> | ||
− | <p | + | <p>Target 30 penempatan widget iDuHelp! online</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 2.213: | Baris 2.263: | ||
<p dir="" align="center"> </p> | <p dir="" align="center"> </p> | ||
<p dir="ltr" align="center">(<strong>Nursam Somantri</strong>)</p> | <p dir="ltr" align="center">(<strong>Nursam Somantri</strong>)</p> | ||
− | <p dir="ltr" align="center">NIM : 1212472873</p> | + | <p dir="ltr" align="center">NIM : 1212472873</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 2.223: | Baris 2.273: | ||
<p dir="" align="center"> </p> | <p dir="" align="center"> </p> | ||
<p dir="ltr" align="center">(<strong>Yulianto, S.Kom</strong>)</p> | <p dir="ltr" align="center">(<strong>Yulianto, S.Kom</strong>)</p> | ||
− | <p dir="ltr" align="center">NIP : 011615</p> | + | <p dir="ltr" align="center">NIP : 011615</p> |
</td> | </td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
</div> | </div> | ||
+ | <p> </p> | ||
==='''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">Menurut Saputra (2012:51)<ref name= "Saputra">Saputra. Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, 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">Menurut Saputra (2012: 51)<ref name= "Saputra">Saputra. Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, 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> |
Baris 2.242: | Baris 2.293: | ||
</li></ol> | </li></ol> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.2''' Elisitasi Tahap II</div> | + | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.2.''' Elisitasi Tahap II</div> |
<table border="1" width="450" align="center"> | <table border="1" width="450" align="center"> | ||
<tr> | <tr> | ||
Baris 2.315: | Baris 2.366: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan menu | + | <p>Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.328: | Baris 2.379: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan daftar | + | <p>Sistem dapat menampilkan daftar ''customers'' dengan total lebih dari 1000 ''customers''.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.393: | Baris 2.444: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan | + | <p>Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.523: | Baris 2.574: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan daftar | + | <p>Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.653: | Baris 2.704: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan report | + | <p>Sistem dapat menampilkan 2 macam jenis report performa iDuHelp!</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.692: | Baris 2.743: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem | + | <p>Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.770: | Baris 2.821: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat terhubung dengan iDuHelp!</p> | + | <p>Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp!</p> |
</td> | </td> | ||
<td valign="top"> </td> | <td valign="top"> </td> | ||
Baris 2.783: | Baris 2.834: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat terhubung dengan forum RhjFox</p> | + | <p>Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox.</p> |
</td> | </td> | ||
<td valign="top"> </td> | <td valign="top"> </td> | ||
Baris 2.835: | Baris 2.886: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat terhubung dengan Viewboard Rooster</p> | + | <p>Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster.</p> |
</td> | </td> | ||
<td valign="top"> </td> | <td valign="top"> </td> | ||
Baris 2.887: | Baris 2.938: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Pengaturan waktu sesuai dengan WIB</p> | + | <p>Pengaturan waktu sistem sesuai dengan WIB format 24 jam.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.900: | Baris 2.951: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem memiliki menu | + | <p>Sistem memiliki menu ''drop down'' untuk ''history chart'' mencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.913: | Baris 2.964: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem memiliki menu | + | <p>Sistem memiliki menu ''drop down'' untuk ''history chart'' mencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.926: | Baris 2.977: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan | + | <p>Sistem dapat menampilkan ''Top 10 customers'' terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.952: | Baris 3.003: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan grafik | + | <p>Sistem dapat menampilkan grafik ''bar'' dibuktikan dengan menampilkan lebih dari 5 ''operator''.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 2.978: | Baris 3.029: | ||
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
− | <p>Sistem dapat menampilkan FAQ</p> | + | <p>Sistem dapat menampilkan 11 FAQ iDuHelp!.</p> |
</td> | </td> | ||
<td valign="top"> | <td valign="top"> | ||
Baris 3.095: | Baris 3.146: | ||
==='''Elisitasi Tahap III'''=== | ==='''Elisitasi Tahap III'''=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Saputra (2012:51)<ref name= "Saputra">Saputra. Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya "I" pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali dengan metode TOE. Berikut ini adalah penjelasan mengenai TOE :</p></div> | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Saputra (2012: 51)<ref name= "Saputra">Saputra. Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, Elisitasi tahap III merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya "I" pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali dengan metode TOE. Berikut ini adalah penjelasan mengenai TOE :</p></div> |
<ol> | <ol> | ||
Baris 3.107: | Baris 3.158: | ||
<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">L (''Low'') : Mudah untuk dikerjakan.</li></ol> | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">L (''Low'') : Mudah untuk dikerjakan.</li></ol> | ||
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.3''' Elisitasi Tahap III</div> | + | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.3.''' Elisitasi Tahap III</div> |
<div dir="ltr"> | <div dir="ltr"> | ||
Baris 3.193: | Baris 3.244: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan menu | + | <p dir="ltr">Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.216: | Baris 3.267: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan daftar customers.</p> | + | <p dir="ltr">Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.239: | Baris 3.290: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan Top 10 Operators terbanyak menangani | + | <p dir="ltr">Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.331: | Baris 3.382: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan daftar operators</p> | + | <p dir="ltr">Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.400: | Baris 3.451: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan report | + | <p dir="ltr">Sistem dapat menampilkan 2 macam jenis report performa iDuHelp.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.423: | Baris 3.474: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem | + | <p dir="ltr">Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.492: | Baris 3.543: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat terhubung dengan iDuHelp!</p> | + | <p dir="ltr">Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp!</p> |
</td> | </td> | ||
<td> | <td> | ||
Baris 3.515: | Baris 3.566: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat terhubung dengan forum RhjFox</p> | + | <p dir="ltr">Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox.</p> |
</td> | </td> | ||
<td> | <td> | ||
Baris 3.538: | Baris 3.589: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat terhubung dengan Viewboard Rooster</p> | + | <p dir="ltr">Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster.</p> |
</td> | </td> | ||
<td> | <td> | ||
Baris 3.561: | Baris 3.612: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Pengaturan waktu sesuai dengan WIB</p> | + | <p dir="ltr">Pengaturan waktu sistem sesuai dengan WIB format 24 jam.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.584: | Baris 3.635: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem memiliki menu | + | <p dir="ltr">Sistem memiliki menu drop down untuk history report table mencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.607: | Baris 3.658: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem memiliki menu | + | <p dir="ltr">Sistem memiliki menu drop down untuk history chartmencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.630: | Baris 3.681: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama</p> | + | <p dir="ltr">Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.653: | Baris 3.704: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan grafik | + | <p dir="ltr">Sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.722: | Baris 3.773: | ||
</td> | </td> | ||
<td> | <td> | ||
− | <p dir="ltr">Sistem dapat menampilkan FAQ</p> | + | <p dir="ltr">Sistem dapat menampilkan 11 FAQ iDuHelp!.</p> |
</td> | </td> | ||
<td> </td> | <td> </td> | ||
Baris 3.928: | Baris 3.979: | ||
===''' ''Final Draft'' Elisitasi'''=== | ===''' ''Final Draft'' Elisitasi'''=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Saputra (2012:51)<ref name= "Saputra">Saputra. Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, Final draft elisitasi merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk Perancangan Viewboard iDuHelp! Dengan Menggunakan Bootstrap Pada Perguruan Tinggi Raharja. Berdasarkan Elisitasi Tahap III di atas, dihasilkan requirement final draft yang diharapkan dapat mempermudah penulis dalam Perancangan Viewboard iDuHelp! | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Saputra (2012: 51)<ref name= "Saputra">Saputra. Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.</ref>, Final draft elisitasi merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk Perancangan ''Viewboard'' iDuHelp! Dengan Menggunakan ''Bootstrap'' sebagai penunjang laporan ''Performa'' iDuHelp! ''online'' Pada Perguruan Tinggi Raharja. Berdasarkan Elisitasi Tahap III di atas, dihasilkan ''requirement final draft'' yang diharapkan dapat mempermudah penulis dalam Perancangan ''Viewboard'' iDuHelp! Menggunakan ''Bootstrap'' Sebagai Penunjang Laporan ''Performa'' iDuHelp! Online Pada Perguruan Tinggi, yaitu sebagai berikut :</p></div> |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.4''' ''Final Draft'' Elisitasi</div> | + | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.4.''' ''Final Draft'' Elisitasi</div> |
<div dir="ltr"> | <div dir="ltr"> | ||
Baris 3.957: | Baris 4.008: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan menu | + | <p>Sistem dapat menampilkan menu <em>Viewboard</em> iDuHelp! dengan 12 list menu pada tampilan utama <em>Viewboard</em>.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 3.965: | Baris 4.016: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan daftar <em>customers</em>.</p> | + | <p>Sistem dapat menampilkan daftar <em>customers</em> dengan total lebih dari 1000 <em>customers</em>.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 3.973: | Baris 4.024: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan <em>Top</em> 10 <em> | + | <p>Sistem dapat menampilkan <em>Top</em> 10 Operators terbanyak menangani <em>customers</em> perbulan.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 3.981: | Baris 4.032: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan daftar <em>operators</em></p> | + | <p>Sistem dapat menampilkan daftar operators pada <em>Viewboard </em>iDuHelp! sebanyak 59 <em>operators</em></p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 3.989: | Baris 4.040: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan | + | <p>Sistem dapat menampilkan 2 macam jenis <em>report performa </em>iDuHelp</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 3.997: | Baris 4.048: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem | + | <p>Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 <em>operator</em>.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.005: | Baris 4.056: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat terhubung dengan iDuHelp!</p> | + | <p>Sistem dapat terhubung dengan <em>Ten pillar iLearning</em> no 5 iDuHelp!</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.013: | Baris 4.064: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat terhubung dengan forum RhjFox</p> | + | <p>Sistem dapat terhubung dengan <em>Future</em> IT Rahaja no 5 yaitu forum RhjFox</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.021: | Baris 4.072: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat terhubung dengan Viewboard Rooster</p> | + | <p>Sistem dapat terhubung dengan <em>Ten pillar iLearning</em> no 7 Viewboard Rooster.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.029: | Baris 4.080: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Pengaturan waktu sesuai dengan WIB</p> | + | <p>Pengaturan waktu sistem sesuai dengan WIB format 24 jam.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.037: | Baris 4.088: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem memiliki menu | + | <p>Sistem memiliki menu drop down untuk <em>history report table </em>mencakup 12 bulan pada Viewboard iDuHelp!.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.045: | Baris 4.096: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem memiliki menu | + | <p>Sistem memiliki menu drop down untuk <em>history chart</em>mencakup 12 bulan pada <em>Viewboard</em> iDuHelp!.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.053: | Baris 4.104: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan | + | <p>Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.061: | Baris 4.112: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan grafik <em> | + | <p>Sistem dapat menampilkan grafik <em>bar</em> dibuktikan dengan menampilkan lebih dari 5 operator.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.069: | Baris 4.120: | ||
</td> | </td> | ||
<td width="419"> | <td width="419"> | ||
− | <p>Sistem dapat menampilkan FAQ</p> | + | <p>Sistem dapat menampilkan 11 FAQ iDuHelp!.</p> |
</td> | </td> | ||
</tr> | </tr> | ||
Baris 4.150: | Baris 4.201: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | |||
− | |||
− | |||
<td> | <td> | ||
<p dir="ltr" align="center"> </p> | <p dir="ltr" align="center"> </p> | ||
Baris 4.166: | Baris 4.214: | ||
</td> | </td> | ||
</tr> | </tr> | ||
− | |||
</table> | </table> | ||
</div> | </div> | ||
Baris 4.186: | Baris 4.233: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
− | |||
− | |||
− | |||
− | |||
<td> | <td> | ||
<p dir="ltr" align="center"> </p> | <p dir="ltr" align="center"> </p> | ||
Baris 4.199: | Baris 4.242: | ||
<p dir="ltr" align="center"> </p> | <p dir="ltr" align="center"> </p> | ||
<p dir="ltr" align="center"> </p> | <p dir="ltr" align="center"> </p> | ||
− | <p style="text-align: center;"><span style="font-weight: 400;">(</span><strong>Nur Azizah, M. Akt, M. Kom | + | <p style="text-align: center;"><span style="font-weight: 400;">(</span><strong>Nur Azizah, M. Akt, M. Kom.</strong><span style="font-weight: 400;">)</span></p> |
<p dir="ltr" align="center">NIP : <strong><span style="font-weight: 400;">10002</span></strong></p> | <p dir="ltr" align="center">NIP : <strong><span style="font-weight: 400;">10002</span></strong></p> | ||
</td> | </td> | ||
</tr> | </tr> | ||
− | |||
</table> | </table> | ||
</div> | </div> | ||
</td> | </td> | ||
</tr> | </tr> | ||
− | |||
</table> | </table> | ||
</div> | </div> | ||
+ | |||
+ | ==='''Strategi'''=== | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Rangkuti (2009)<ref name= "Rangkuti">Rangkuti, Freddy. (2009). Strategi Promosi yang Kreatif dan Analisis Kasus Integrated Marketing Communication. Jakarta : PT. GramediaPustakaUtama | ||
+ | </ref>, strategi yaitu suatu alat untuk mencapai tujuan. Tujuan utamanya adalah supaya perusahaan dapat melihat secara obyektif kondisi-kondisi internal dan eksternal, sehingga perusahaan dapat mengantisipasi perubahan lingkungan eksternal. | ||
+ | </p></div> | ||
+ | # <p style="line-height: 2">Strategi 1: Sistem dapat menampilkan menu ''Viewboard'' iDuHelp! dengan 12 list menu pada tampilan utama ''Viewboard''.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 1 yang terdapat pada final draft elisitasi no 1 bagian fungsional adalah hal yang ingin dicapai adalah sistem dapat menampilkan menu Viewboard iDuHelp! dengan menampilkan 12 list menu dan yang datanya akan diambil dari database. sehingga dapat mengeluarkan sebuah informasi yang akurat.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 1 pada bagian ''fungsional'' adalah dengan adanya ''Viewboard'' yang dapat menampilkan sebuah tampilan yang menarik dan informasi yang akurat diantaranya ada ''history performa'' berupa tabel atau grafik dan ''rank top 10 operator'' iDuHelp!.</p><div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/3M53Xlt4Dc2JYhuz9CSZK0CDvkcaYVAHoPUFHpzDKdJB_JpkKPFjCzKIufVHcrBB1_tuGwZ5CVkcHgh_EPhyfv6063uhjMUxcztqadDWwYbwkDZzshi532rmnkk9PgwCrN6ibA5UdxS4YwzDAg" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.2. Strategi 1'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 2: Sistem dapat menampilkan daftar ''customers'' dengan total lebih dari 1000 ''customers''.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 2 terdapat pada final draft elisitasi nomor 2 bagian fungsional yaitu hal yang ingin dicapai adalah sistem dapat menampilkan daftar ''customers'' lebih dari 1000 customers pada ''Viewboard'' iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 2 pada ''final draft'' elisitasi bagian ''fungsional'' adalah dengan adanya fitur “Daftar Customer” pada ''Viewboard'' iDuHelp! maka dapat dapat mengetahui daftar dan ''traffict customers'' yang masuk pada ''Viewboard'' iDuHelp!.</p><div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/1Q2LAOiQFHPEGxkyd9q5a7dU-P_j41x3FgqmVLEgbFRQ0Cb1VDiprq2xmkkCUcJXDTEkwdhxu6f8WsEYUsIXXU_vsozhPqKYaYQkWLVogNXpXz8m0MHzOCNV0XbQ-pNTlwNYLBrb" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.3. Strategi 2'''</p><div align="center"><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p><img style="margin:0px" src="https://lh4.googleusercontent.com/JLmBP4L9zJT3As3NMgXm0MMm4lmXUwneG5PpMvslXFTIujvH6ZIO58kJo9kVkejmId9IGnCduSVlfU864Z6RrAfH3LcEOxLEeQtZNmeH6y5WORudQPjqxehrXz6Ujj01bDs9srRLP73iEEeL3A" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.4. Strategi 2'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 3: Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan.</p> | ||
+ | ## <p style="line-height: 2">a) Pada strategi 3 yang terdapat pada ''final draft'' elisitasi nomor 3 bagian ''functional'' adalah hal yang ingin dicapai sistem dapat menampilkan Top 10 Operators terbanyak menangani ''customers'' perbulan pada halaman utama</p> | ||
+ | ## <p style="line-height: 2">b) Pembuktian tercapainya strategi nomor 3 pada ''final draft'' elisitasi bagian ''functional'' adalah sistem dapat menampilkan ''Top 10 Operators'' terbanyak menangani customers perbulan pada halaman utama.</p><div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/7xBm5dHIkt-52Kc9Whi_uQdvTgwI70QI9GwUogDDImUFEA2gNue1L0wJ3j23DdHOdGZ_vmqtdNz3sm_1xQhlWHVVfBKGM00lI5dJOpUzypOvkYriAAaKlqHUXrxh2EwawXd8WE2wcB63Ya5WbQ" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.5. Strategi 3'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 4: Sistem dapat menampilkan daftar operators pada ''Viewboard'' iDuHelp! sebanyak 59 ''operators''.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 4 yang terdapat pada final draft elisitasi nomor 4 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 ''operators''.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 4 pada ''final draft'' elisitasi bagian ''functional'' adalah yaitu sistem dapat menampilkan daftar keseluruhan ''operators'' yang aktif.</p><div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/62wJIh5w8e9L7t-o_Z7UiEwQMb-oKsLharUegmFQWY0SCrjpA72j0Y1kb1k3sX7DeDiWjijWWtEOVBIqT1YfNkxVTf8b4N9W3xXQitZ2tAJrsbL0fAMArBua8WccDlVr4SdOya0Y" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.6. Strategi 4'''</p><div align="center"><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p><img style="margin:0px" src="https://lh3.googleusercontent.com/-HZKGXfor0W4/V-yuwDarQVI/AAAAAAAAJ68/89rIDfBAtScTwaupbs1Y1ZRmSGXR2nZcACL0B/w382-d-h287-n-rw/strategi%2B4.7..png" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.7. Strategi 4'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 5: Sistem dapat menampilkan 2 macam jenis''report performa'' iDuHelp! </p> | ||
+ | ## <p style="line-height: 2">Pada strategi 5 yang terdapat pada final draft elisitasi nomor 5 bagian functional adalah hal yang ingin dicapai sistem dapat menampilkan ''report performa'' iDuHelp! dan menampilkan 2 macam jenis ''report''.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 5 pada final draft elisitasi bagian ''functional'' adalah sistem dapat menampilkan ''report performa'' iDuHelp! dan menampilkan 2 macam jenis ''report''.</p><div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Nz8zHGlJbp8/V-yuwJ8qJiI/AAAAAAAAJ68/aWFIURi_JloHU92qiOdUST9Cway8r3UEwCL0B/w312-d-h287-n-rw/strategi%2B4.8..png" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.8. Strategi 5'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 6: Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 ''operator''.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 6 yang terdapat pada final draft elisitasi nomor 6 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan sebuah opsi last login operatorsdengan menampilkan sebanyak 59 ''operator''.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 6 pada final draft elisitasi bagian functional adalah sistem dapat menampilkan sebuah opsi ''last login'' operators dengan menampilkan sebanyak 59 ''operator''.</p><div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/B_Km-hPuqmjV7SsOnJDcbT3D2U9AVp0iqoimfLQqudYLV7Zqi2Gohwnxh760LhqAppeiZum-bifWnN8qG_t6k7rviSbruRyCK4i99F_24ch3ixnCpr2dniRGqx7Cwyb7uas_0d3ow8vi35wKSg" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.9. Strategi 6'''</p><div align="center"><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p><img style="margin:0px" src="https://lh3.googleusercontent.com/5qSh6COqII-Tqo1psZWJEeNYXOpukXShr2CE100fm9Uj8C5Q9Q9ygacl3B2TuQYkewEX2gkvHViQNfP53UTEGa1F6f-9QliO3643OjV76gWyouKZPZ-7MTCvS6vnPrZ12Fw6pqPnH8g5zD3VXQ" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.10. Strategi 6'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 7: Sistem dapat terhubung dengan ''Ten pillar iLearning'' no 5 iDuHelp!</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 7 yang terdapat pada final draft elisitasi nomor 7 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat terhubung dengan ''Ten pillar iLearning'' no 5 iMe iDuHelp! agar mengetahui informasi yang ada pada iMe iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 7 pada final draft elisitasi bagian functional adalah sistem dapat terhubung dengan ''Ten pillar iLearning'' no 5 yaitu iMe iDuHelp! agar mengetahui informasi yang ada pada iMe iDuHelp!.</p><div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/NDuPaEc1OJf6-miCT-R_PV7X9UFmiCwPZdPLdk6ZVqQP5Nm-MwPAYLTfRgZr_d6KHJxcWOyhrGDUBdCRsWmgQNf9AzAK7JovmScvCQm0mSJXmD74Ruxpa-lrfFqQ9429K4dETo7A1ntwoV63sw" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.11. Strategi 7'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 8: Sistem dapat terhubung dengan ''Future'' IT Rahaja no 5 yaitu forum RhjFox.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 8 yang terdapat pada final draft elisitasi nomor 8 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox agar dapat mengetahui informasi yang ada pada forum RhjFox.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 8 pada final draft elisitasi bagian functional adalah sistem dapat terhubung dengan forum RhjFox agar dapat mengetahui informasi yang ada pada forum RhjFox.</p><div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/fcuxrGLFcswh7586tSmZ_4En5LlUWiqK2oTFIN5HNO66ht_KI9xE6qDlhkfAw7JSYLEz5cdgLNupcm83Vm__ifN0rIN38LcyjeAM1on3bv2LAyB2tIrlcSwY_2Yri1L0P1Ny3iGxYMNLViTXPw" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.12. Strategi 8'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 9: Sistem dapat terhubung dengan ''Ten pillar iLearning'' no 7 Viewboard Rooster.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 9 terdapat pada final draft elisitasi nomor 9 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat terhubung dengan ''Ten pillar iLearning'' no 7 Viewboard Rooster agar dapat mengetahui daftar tiket yang telah dibuat.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 9 pada final draft elisitasi bagian functional sistem dapat terhubung dengan ''Ten pillar iLearning'' no 7 Viewboard Rooster agar dapat mengetahui daftar tiket yang telah dibuat.</p><div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/QgDWlbgKwFEIvHzWDUU4syaFtrs5PMn--k-AT9xcQMw675z-o6vgZroLXRPCG8LVCW7XBctu9EeQXfi3QzaeRp-e_A8-TfGjLgrhgQP4GLLRVPVSKLJuFPhUnGIHZSF-yR34YYGuT2lszPmT0A" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.13. Strategi 9'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 10 : Pengaturan waktu sistem sesuai dengan WIB format 24 jam.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 10 terdapat pada final draft elisitasi nomor 10 bagian functional adalah hal yang ingin dicapai yaitu sistem pengaturan waktu pada sistem sesuai dengan WIB dengan format waktu 24jam.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 10 pada final draft elisitasi bagian functional sistem pengaturan waktu pada sistem sesuai dengan WIB dengan format waktu 24jam.</p><div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/BMXm57PNHE6AZlAyPybSQryEOJmSgEoiE-w8gbeyGBuZQjfCrA6_G-M0pS1Yp7zRFumckAXtoioWA0CaR2QqepnY5uxyaF2TXIeigZUjG0CXuLqfUyeU16enJ9EdkOprqzupOGDhcjM8MkyXVg" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.14. Strategi 10'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 11: Sistem memiliki menu drop down untuk ''history report table'' mencakup 12 bulan pada Viewboard iDuHelp!..</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 11 yang terdapat pada final draft elisitasi nomor 11 bagian functional hal yang ingin dicapai yaitu sistem memiliki menu drop down untuk history report yang mencakup 12 bulan pada Viewboard iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 11 pada final draft elisitasi bagian functional hal yang ingin dicapai yaitu sistem memiliki menu drop down untuk history report yang mencakup 12 bulan pada ''Viewboard'' iDuHelp!.</p><div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Z4gZLB42wYfPz9caZSmdKT2k-s3QZbSnAZcdo_KA2G3fMu92C-BJPADo2z8y2uqpUtsX8mUhmWJqkSPvGqNfgzV4P-GtA20zI4Pm-4ejxnAhxLOC3yg3wf84uTKWhqEpR0mpJqrBp521TYr3fg" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.15. Strategi 11'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 12 : Sistem memiliki menu drop down untuk ''history chart'' mencakup 12 bulan pada ''Viewboard'' iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 12 yang terdapat pada final draft elisitasi nomor 12 bagian functional adalah hal yang ingin dicapai yaitu Sistem memiliki menu drop down untuk history chart yang mencakup 12 bulan pada Viewboard iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 12 pada final draft elisitasi bagian functional adalah hal yang ingin dicapai yaitu sistem memiliki menu drop down untuk history chart yang mencakup 12 bulan pada Viewboard iDuHelp!.</p><div align="center"><img style="margin:0px" src="https://lh4.googleusercontent.com/xny1K060zSjYx6qQYwG4wWILnXgB6jdCBJkTNC4jDZVHp3gu4t9GerXmnAQ0iQH5r1k4__bTehFUhj4lOgRf8dYkJHStfSI68IVnhPkfC6ixyRYi_aTwTlIwqoUwKS4XBbxYJpoJAPJB1z0s7w" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.16. Strategi 12'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 13 : Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 13 yang terdapat pada final draft elisitasi nomor 13 bagian functional hal yang ingin dicapai yaitu sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 13 pada final draft elisitasi bagian functional adalah sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.</p><div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/MV4HhkMujniuf9TC5f99JYOXMQPaFBBBGl9SuvyPMIY4i9O5uegmPAX_KVAlFzybf1Crv-lDSSigXxacd-AEV-qnzSYVbN_h0gqxq2wxFWA2ZnWKo5U_K_33_qaUBoWXaF0PpkozgYaJaOsLgA" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.17. Strategi 13'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 14 : Sistem dapat menampilkan grafik ''bar'' dibuktikan dengan menampilkan lebih dari 5 operator.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 14 yang terdapat pada final draft elisitasi nomor 14 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan grafik ''bar'' dibuktikan dengan menampilkan lebih dari 5 operator untuk menggambarkan sebuah data kuantitatif ''performa operators''.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 14 pada final draft elisitasi bagian functional sistem dapat menampilkan grafik ''bar'' dibuktikan dengan menampilkan lebih dari 5 operator untuk menggambarkan sebuah data kuantitatif ''performa operators''.</p><div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/WXtHpoWZbgmgOENU9gntJyDv9UVdoicGM88eTsxKEwRWCeo-hGieuOK-cCJjHJauFvQYCD381fHUJpJ_C_ysxdATlY2C5ba3hrwWpSJ_o_tFFZxLevzjF7c84EuQOGTu60VoWSMSYKkugWOi2w" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.18. Strategi 14'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | # <p style="line-height: 2">Strategi 15 : Sistem dapat menampilkan 11 FAQ iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pada strategi 15 yang terdapat pada final draft elisitasi nomor 15 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan FAQ yang berisikan 11 FAQ mengenai iDuHelp!.</p> | ||
+ | ## <p style="line-height: 2">Pembuktian tercapainya strategi nomor 15 pada final draft elisitasi bagian functional sistem dapat menampilkan FAQ yang berisikan 11 FAQ mengenai iDuHelp!.</p><div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/FmFRmI4fNsrR983t2ovHATeF-lh6j2ZVZp9PcneHJGiqq8iSH9gm3EHRgjJGPUP1OkrYa4kxVdgJcECptoKuT42qb-PeFOmtrGKcsJj8I0NfyFB4bpWobRNTs-4UILZKs32Nbx62FvSVf_l6cA" width="400" height="200"/></div><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Gambar 4.19.Strategi 15'''</p><p style="line-height: 2;text-indent:0.5in; text-align:center">'''Sumber : http://viewboard.magics.co/ '''</p> | ||
+ | </div> | ||
+ | |||
+ | ==Usulan Prosedur Yang Baru== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah mengadakan analisa dan penelitian sistem iDuHelp! yang saat ini sedang berjalan pada Perguruan Tinggi Raharja, maka selanjutnya akan dibahas mengenai rancangan usulan sistem yang akan dibangun. Ada beberapa usulan prosedur yang bertujuan untuk memperbaiki dan menyempurnakan kembali sistem iDuHelp! yang sudah ada dan sedang berjalan saat ini, yaitu memperbaiki sistem iDuHelp! dengan memberikan sebuah informasi seputar yang ada di dalam sistem iDuHelp! online tanpa harus melakukan login terlebih dahlu pada sistem iDuHelp!, usulan prosedur selanjutnya merubah proses perekapan laporan performa operator iDuHelp! online yang masih manual menjadi perekapan laporan performa operator iDuHelp! online secara otomatis dan terkomputerisasi berbasis web sehingga memudahkan PIC/admin dalam merekan dan membuat laporan.</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 menganalisa usulan prosedur yang baru pada penelitian ini digunakan program Visual Paradigm Suite untuk menggambarkan flowchart.</p></div> | ||
+ | |||
+ | ===''Use Case Diagram'' Yang Diusulkan=== | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-iO0IDK4kZRc/V_NZBzdJi9I/AAAAAAAAKJQ/acw8EUabQF4fzEDgs8RWYnIjEnCYJJs9gCL0B/w477-d-h279-p-rw/image01.jpg" width="500" height="450"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.20.''' ''Use Case Diagram'' Yang Diusulkan. </div> | ||
+ | |||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dapat dijelaskan gambar Adalah use case yang diusulkan pada Perguruan Tinggi Raharja terdiri dari 4 ''actor'', yaitu : ''customer'', ''operator'' iDuHelp!, ''staff'' Rooster, dan ''admin''. Dan juga mempunyai 3 ''behavior'' atau kebiasaan diantaranya yaitu :</p></div> | ||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Prosedur ''Customer'' iDuHelp.<br>''Use case'' : Request Form Pertanyaan<br>''Actor : Customer'' dan ''Operator'' iDuHelp!<br>Skenario : ''Customer'' iDuHelp! mengisi sebuah ''form request'' pertanyaan (yang terdiri dari pilih ''departement'', isi nama, email dan message) yang kemudian ''start chat'' setelah itu masuk kedalam sistem iDuHelp! dan Operators mengambil atau menangani form yang ''customer request'' dan ''operator'' wajib untuk mengirimkan email verifikasi kepada ''customer'' (kecuali permasalahan email rinfo). Verifikasi email tersebut berfungsi sebagai validasi dan ''customer'' wajib balas email verifikasi tersebut untuk meneruskan percakapan atau ''chat'' dengan ''operator'' iDuHelp!.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Prosedur Operator iDuHelp!<br>''Use case'' : Mengirim jawaban<br>Actor : ''Operator'' iDuHelp! dan ''customer''<br>Skenario : Setelah Operator mendapatkan balasan verifikasi dari ''customers'' maka chat dapat dilanjutkan, dan customer dapat mengajukan sebuah pertanyaan sesuai permasalahan yang ''customers'' hadapai dan ''operator'' pun akan menjawab permasalahan tersebut dengan mengirimkan jawaban berupa link iRan dan jika pertanyaan yang diajukan perlu dibuatkan tiket rooster ''operator'' akan membuatkan tiket rooster yang akan dihubungkan ke PIC terkait.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Prosedur Admin iDuHelp! <br>''Use case'' : Menampilkan Viewboard iDuHelp!<br>Actor : Operator dan Admin<br>Skenario : Didalam Viewboard iDuHelp! terdapat bayak menu – menu dan tampilan yang menarik, dan diantaranya ada total dan daftar customers yang masuk, daftar operator iDuHelp!, last log operator, history performa operator, top10 operator dan customers terhubung dengan iMe iDuHelp!, Forum RhjFox danViewboard Rooster, FAQ. Dan admin pun ga usah repot lagi untuk membuat sebuah laporan performa iDuHelp! secara manual lagi karena data akan otomatis masuk kedalam viewboard iDuHelp! dan dapat memnerikan kepercayaan kepada operator karena penghitungannya yang cukup akurat. </li></ol> | ||
+ | |||
+ | ===Rancangan Prosedur Sistem Yang Diusulkan Pada ''Activity Diagram''=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. ''Activity Diagram Prosedur Customer'' dan ''Operator'' Yang Diusulkan''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--5O-5f3pvaI/V_NfNrbs_1I/AAAAAAAAKKA/NZ3RDsZDrZsafqFpo4xXHi8EH3ZkXVboQCL0B/w312-d-h456-p-rw/image00.jpg" width="300" height="450"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.21.''' ''Activity Diagram Prosedur Customer'' Dan ''Operator'' Yang Diusulkan.</div> | ||
+ | |||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) ''initial node'' sebagai objek yang di awali.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">9 (sembilan) ''activity'' sebagai ''state'' dari sistem yang mencerminkan sebuah eksekusi dari suatu aksi diantaranya, yaitu : Customer mengakses iDuHelp! Online, kemudian customer mengisi form request pertanyaan iDuHelp! Online, dan mulai dengan ''start chat''. Lalu Operator iDuHelp! akan masuk kedalam percakapan (''join the chat''), dan operator mengirimkan sebuah verifikasi email ke email si customer. kemudian Customer terima email dan membalas email verifikasi yang dikirim oleh operator. lalu customer mengajukan sebuah pertanyaan kepada operator iDuHelp!, kemudian operator iDuHelp! menjawab pertanyaan yang diajukan oleh customer berupa link iRan jika perlu dibuatkan tiket rooster operator akan membuatkanya dan menghubungkannya ke PIC terkait.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) ''initial final node'' yang merupakan aktifitas akhir kegiatan</li> | ||
+ | </ol> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. ''Activity Diagram Prosedur'' Pembuatan Laporan''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--5O-5f3pvaI/V_NfNrbs_1I/AAAAAAAAKKA/NZ3RDsZDrZsafqFpo4xXHi8EH3ZkXVboQCL0B/w312-d-h456-p-rw/image00.jpg" width="300" height="450"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.22.''' ''Activity Diagram'' Prosedur Pembuatan Laporan.</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Activity diagram pada prosedur pembuatan laporan yang diusulkan, yaitu sebagai berikut :</p></div> | ||
+ | |||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) ''initial node'' sebagai objek yang di awali.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">6 (enam) ''activity'' sebagai ''state'' dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : Admin mengakses Viewboard iDuHelp!, lalu buka halaman ''home'', pilih menu ''history report'' , lalu rekap ''performa operator'' iDuHelp! otomatis, buat laporan, dan operator menerima laporan hasil rekapan ''performa operator'' iDuHelp!.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) ''initial final node'' yang merupakan aktifitas akhir kegiatan</li> | ||
+ | </ol> | ||
+ | |||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3. ''Activity Diagram Prosedur Viewboard''.''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-vnIxmCCCPNw/V_Nij4GFeKI/AAAAAAAAKLI/dWSLI2Kd0wkBxX9XhgARc3iAn3lmApagACL0B/w285-d-h506-p-rw/image03.jpg" width="300" height="450"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.23.''' ''Activity Diagram Prosedur Viewboard.''</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Activity diagram'' pada prosedur viewboard yang diusulkan, yaitu sebagai berikut :</p></div> | ||
+ | |||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) ''initial node'' sebagai objek yang di awali.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">10 (sepuluh) activity sebagai state dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : Akses viewboard, masuk ke dalam halaman home viewboard yang terdiri dari Total dan daftar customers, Daftar operators, Last log operator, Topten operator dan customers, Histor Report performa operator, terhubung dengan iMe iDuHelp!, Forum RhjFox dan Viewboard Rooster, dan FAQ pada viewboard.</li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) initial final node yang merupakan aktifitas akhir kegiatan.</li> | ||
+ | </ol> | ||
+ | |||
+ | ===''' ''Sequence Diagram Sistem Yang Diusulkan'' '''=== | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. ''Sequence Diagram Customer dan Operator'' ''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-1HYnIOkRT5A/V_Nj8h5NPXI/AAAAAAAAKL0/VdAzM85nBtII09IdCEVlDvvNAmHW1JZ8gCL0B/w477-d-h215-p-rw/image04.jpg" width="450" height="350"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.24.''' '' Sequence Diagram Customer'' dan ''Operator'' </div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Diagram diatas menggambarkan sequence diagram untuk customer dan operator yang diusulkan, yaitu sebagai berikut :</p></div> | ||
+ | |||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">2 (dua) actor yang melakukan kegiatan, yaitu customer, dan operator iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">2 (dua) boundary class yang menggambarkan sebuah penggambaran dari login dan chat operator iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) control class yang menggambarkan penghubung antara login dengan sistem iDuHelp! yang berperan sebagai server untuk start chat.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">3 (tiga) entity class yang menggambarkan hubungan kegiatan yang akan dilakukan. 3 (tiga) entity class tersebut, yaitu : iDuHelp!, Data Performa, dan Viewboard iDuHelp!.</li> | ||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masuk ke dalam iDuHelp! Online.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan name.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan email.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan massage.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Start chat</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Login gagal.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Login berhasil.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Tanya jawab antara customer dan operator iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Operator iDuHelp! menangani customer.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Memberikan jawaban kepada customer.</li></oL> | ||
+ | </ol> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. ''Sequence Diagram'' Untuk Pembuatan Laporan ''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-rD4aLtHqmvw/V_NpB-bG-PI/AAAAAAAAKMw/QnHIx4sfJwwSDLtBAQMp40ZQFgPVf10IgCL0B/w477-d-h268-p-rw/image05.jpg" width="450" height="350"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.25.''' ''Sequence Diagram'' Untuk Pembuatan Laporan</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diagram diatas menggambarkan sequence diagram untuk pembuatan laporan yang diusulkan, yaitu sebagai berikut :</p></div> | ||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">2 (dua) actor yang melakukan kegiatan, yaitu Admin dan Staff Rooster.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) ''boundary class'' yang menggambarkan sebuah penggambaran dari pembuatan deskripsi laporan.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">4 (empat) entity class yang menggambarkan hubungan kegiatan yang akan dilakukan. 4 (empat) entity class tersebut, yaitu : Akses viewboard iDuHelp!, halaman home, History report, dan rekap performa operator iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Message yang menggambarkan pengiriman pesan, yaitu : | ||
+ | </li> | ||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masuk ke dalam iDuHelp! Online.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akses Viewboard</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menuju halaman home.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menuju halaman history report.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Merekap performa operator iDuHelp! secara otomatis.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Buat deskripsi laporan rekapan performa operator iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Kirim hasil rekapan performa operator iDuHelp!.</li></oL> | ||
+ | </ol> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3. ''Sequence Diagram'' Untuk Viewboard''' </p></div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-rD4aLtHqmvw/V_NpB-bG-PI/AAAAAAAAKMw/QnHIx4sfJwwSDLtBAQMp40ZQFgPVf10IgCL0B/w477-d-h268-p-rw/image05.jpg" width="450" height="350"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.26.''' ''Sequence Diagram'' Untuk Viewboard</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diagram diatas menggambarkan sequence diagram untuk viewboard yang diusulkan, yaitu sebagai berikut :</p></div> | ||
+ | |||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">1 (satu) actor yang melakukan kegiatan, yaitu admin.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">16 (enam belas ) entity class yang menggambarkan hubungan kegiatan yang akan dilakukan. 16 (enam belas) entity class tersebut, yaitu : Akses viewboard iDuHelp!, halaman home, viewboard, History report performa operator, performa operator berupa tabel, performa operator berupa chart, terhubung ke iMe iDuHelp!, terhubung Forum RhjFox dan terhubung Viewboard Rooster, FAQ, Total dan Daftar customer masuk, Daftar Operator iDuHelp!, Last log operator, Topten Operator dan Topten Customer, Total Performa operator keseluruhan</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Message yang menggambarkan pengiriman pesan, yaitu :</li> | ||
+ | |||
+ | <ol style="list-style:lower-alpha"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masuk ke dalam iDuHelp! Online.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Akses viewboard.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menuju halaman home.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu Viewboard.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu ''history report'' untuk menampilkan dropdown laporan performa.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu ''performa operator'' iDuHelp! untuk menampilkan rekapan performa</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu ''performa operator'' iDuHelp! ''chart'' untuk menampilkan rekapan performa berupa chart.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu iMe iDuHelp! untuk terhubung dengan iMe iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu Forum RhjFox untuk terhubung dengan Forum RhjFox .</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu Viewboard Rooster untuk terhubung dengan Viewboard Rooster.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu FAQ untuk melihat FAQ viewboard.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih daftar dan total customer untuk ,melihat berapa banyak customer yang masuk.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih operator untuk melihat operator yang aktif.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih menu ''last log'' untuk mengetahui siapa operator yang terakhir online.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih Top 10 operator untuk melihat rank perbulan.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pilih Top 10 operator untuk melihat rank perbulan.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Total operator untuk mengetahui total keseluruhan ''performa operator''.</li></oL> | ||
+ | </ol> | ||
+ | |||
+ | ===''Flowchart''=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Adelia (2011: 116)<ref name= "Adelia">Adelia dan Jimmy Setiawan. 2011. Implementasi Customer Relationship Management (CRM) pada Sistem Reservasi Hotel berbasis Website dan Desktop. Bandung: Universitas Kristen Maranatha. Vol. 6, No. 2, September 2011:113-126.</ref>, “''Flowchart'' adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program”. ''Flowchart'' menolong analyst dan programmer untuk memecahkan masalah ke dalam segmen-segmen yang lebih kecil dan menolong dalam menganalisa alternatif-alternatif lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaiannya suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Berikut Flowchart program untuk sistem Viewboard iDuHelp! ''online''.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/GlCk_Iz-Ea3y3dwa4OloA95Yzj_-4c2HMB2oXoixBwpk02dgEz7-74Jf3_sCOklSaRISRfeyZ82kykmnPtY2Yd8RS8QMDwrApVZTeO1ZsDuuJ2JQEgsLm9cdiw2cF_pz0b28WPJ07mxGfxvifQ" width="150" height="550"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.27.''' ''Flowchart'' program pada Viewboard iDuHelp! ''online''. </div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dapat dijelaskan gambar ''flowchart'' untuk PIC iDuHelp! dalam proses pembuatan laporan rekapan ''history report'' pada ''Viewboard'' iDuHelp! di atas pada saat ini, yaitu terdiri dari:</p></div> | ||
+ | |||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">2 (dua) simbol terminal, yang berperan sebagai ''“start”'' dan ''“end”'' pada aliran proses ''flowchart'' untuk mengakses ''Viewboard'' iDuHelp!.</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">5 (lima) simbol data, yang menyatakan proses input atau output tanpa tergantung jenis peralatannya, yaitu “akses Viewboard iDuHelp!” yang mempunyai akses data secara public atau kesiapapun.</p> | ||
+ | </li></ol> | ||
+ | |||
+ | ===Rancangan Program (HIPO)=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Praptiningsih (2012: 03)<ref name= "Praptiningsih ">Praptiningsih, Yulia Eka. 2012. Aplikasi Penyewaan Ruangan PT. Simaeru Indonesia Raya Dengan Visual Basic 6.0. Depok: Universitas Gunadarma, UG Jurnal Vol. 6 No. 01, 2012.</ref>, “HIPO ''(Hirarchy Plus Input Process Output)'' yaitu alat bantu yang digunakan untuk membuat spesifikasi program yang merupakan struktur yang berisi diagram dimana di dalam program ini berisi input yang diproses dan menghasilkan 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">Menurut Amsyah (2008: 284)<ref name= "Amsyah">Amsyah, Zulkifli. 2008. Manajemen Sistem Informasi. Jakarta: Gramedia Pustaka Utama.</ref>, bagan HIPO ''(Hirarchy Plus Input Process Output)'' aslinya dibuat oleh IBM ''(International Business Machines)'' sebagai alat untuk mendokumentasikan program. Bagan HIPO secara jelas memperagakan apa yang dikerjakan suatu program, data apa yang digunakan, dan keluaran yang dihasilkannya. Bagan HIPO lebih mudah dibaca dibanding dengan bagan arus,sangat rinci, fleksibel, mudah dimodifikasi, dan dikelola. Dalam membuat bagan HIPO, terdapat tiga jenis diagram, yaitu: daftar isi visual ''(the visualtable of contents / VTOC)'', diagram peninjauan, dan rincian diagram.</p></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat yang dikemukakan di atas dapat ditarik kesimpulan HIPO merupakan metodologi yang dikembangkan dan didukung oleh IBM ''(International Business Machines)'' yang sebenarnya merupakan alat dokumentasi program dan sekarang banyak digunakan sebagai alat designdan teknik dokumentasi dalam siklus pengembangan sistem. Berbasis pada fungsi, yaitu tiap-tiap modul di dalam sistem digambarkan oleh fungsi utamanya.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/Ptz9-vwVOAToWHPVmLJuWmXTaGwDLjobNd8i8T_CWr72tT1SkDettYRGpx6RX2OKam7mJhdTI87SRBrFX5Mo_5T2JuraT6Tnhu5lqqTlzsqZdXlxoGEkRl_69yrKQHuxnVD_5UwwtvrJCYriaA" width="1000" height="700"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.28''' HIPO ''(Hirarchy Plus Input Process Output)''.</div> | ||
+ | |||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada HIPO ini dapat dijabarkan sebuah menu-menu dan tampilan yang ada pada ''Viewboard'' iDuHelp!. Adapun spesifikasi program yang diusulkan tersebut adalah sebagai berikut:</p></div> | ||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> | ||
+ | Akses ''Viewboard'' iDuHelp!<br> | ||
+ | Nama Program : Akses ''Viewboard'' iDuHelp!.br> | ||
+ | Fungsi : Untuk masuk menuju halaman utama pada ''Viewboard'' iDuHelp!..<br> | ||
+ | Proses : akses link ''Viewboard'' iDuHelp!.<br> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> | ||
+ | Menu ''Viewboard'' iDuHelp!<br> | ||
+ | Nama Program : Menu ''Viewboard'' iDuHelp!..<br> | ||
+ | Fungsi : Untuk menampilkan menu pilihan yang ada pada program.<br> | ||
+ | Bahasa Program : PHP.<br> | ||
+ | Proses : Pada Menu Utama terdapat 7 (tujuh) buah pilihan yaitu: | ||
+ | <ol style="list-style:"><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Viewboard''<br> | ||
+ | Nama Program : ''Viewboard.''<br> | ||
+ | Fungsi : Untuk menampilkan data informasi seputar sistem. | ||
+ | .<br> | ||
+ | Bahasa Program : PHP & HTML | ||
+ | .<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard'' yang terletak pada bagian tengah. | ||
+ | </li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> | ||
+ | Menu Viewboard<br> | ||
+ | Nama Program : Menu ''Viewboard''<br> | ||
+ | Fungsi : Untuk menampilkan menu menu yang ada pada ''Viewboard''.<br> | ||
+ | Bahasa Program : PHP & HTML<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard'' yang terletak pada bagian kiri pada tampilan ''Viewboard'' iDuHelp!. | ||
+ | </li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> | ||
+ | Menu ''History Report'' | ||
+ | <br> | ||
+ | Nama Program : ''History Report'' | ||
+ | <br> | ||
+ | Fungsi : Untuk menampilkan laporan performa iDuHelp! perbulan berupa tabel maupun Grafik.<br> | ||
+ | Bahasa Program : PHP & HTML<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard'' yang terletak pada bagian kiri yang terdapat simbol grafik. | ||
+ | </li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> | ||
+ | Menu Terhubung dengan iMe iDuHelp!<br> | ||
+ | Nama Program : iMe iDuHelp!<br> | ||
+ | Fungsi : Untuk menghubungkan ''Viewboard'' dengan iMe iDuHelp!<br> | ||
+ | Bahasa Program : HTML<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard'' yang terletak pada bagian kiri pada tampilan Viewboard iDuHelp! dibawah menu ''history report.'' | ||
+ | </li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> | ||
+ | Menu Terhubung dengan Forum RhjFox<br> | ||
+ | Nama Program : Forum RhjFox<br> | ||
+ | Fungsi : Untuk menghubungkan ''Viewboard'' dengan Forum RhjFox<br> | ||
+ | Bahasa Program : HTML<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard'' yang terletak pada bagian kiri tampilan utama Viewboard iDuHelp! dibawah menu terhubung ke iDuHelp!. | ||
+ | </li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> | ||
+ | Menu Terhubung dengan Viewboard Rooster<br> | ||
+ | Nama Program : Viewboard Rooster<br> | ||
+ | Fungsi : Untuk menghubungkan ''Viewboard'' dengan ''Viewboard'' Rooster.<br> | ||
+ | Bahasa Program : HTML<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard'' yang terletak pada bagian kiri tampilan utama Viewboard iDuHelp! dibawah menu terhubung ke forum RhjFox. | ||
+ | </li> | ||
+ | |||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;"> | ||
+ | Menu Terdapat FAQ<br> | ||
+ | Nama Program : FAQ<br> | ||
+ | Fungsi : Untuk memberikan kemudahan kepada user<br> | ||
+ | Bahasa Program : HTML<br> | ||
+ | Proses : Pada menu utama pilih ''Viewboard''yang terletak pada bagian kiri tampilan utama Viewboard iDuHelp! dibawah menu terhubung ke Viewboard Rooster. | ||
+ | </li> | ||
+ | </ol> | ||
+ | </li> | ||
+ | </ol> | ||
+ | |||
+ | ===Rancangan ''Prototype''=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut O’Brien (2011)<ref name= "O’Brien">O’Brien, James A dan Marakas,George M. 2011. “Management Information Systems, 10th Edition”. McGraw-Hill/ Irwin, New York.</ref>, ''Prototype'' adalah suatu sistem ''potensial'' yang disediakan bagi pengembang dan calon pengguna yang dapat memberikan gambaran bagaimana kira-kira sistem tersebut akan berfungsi bila telah disusun dalam bentuk yang lengkap, dimana prosesnya disebut dengan ''prototyping''. Proses pengembangan sistem sering kali mengambil format atau mencakup pendekatan ''prototype''.Tahap ini adalah gambaran secara jelas setiap menu yang ada di dalam sistem, sehingga menggambarkan dengan jelas kepada para pengguna sistem. Berikut ini merupakan gambaran umum ''prototype'' dari ''Viewboard iDuHelp!'' yang akan dibuat, sebagai berikut :</p></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''1. Rancangan ''Prototype'' Tampilan ''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">Pada ''prototype'' ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! digunakan untuk menampilkan sebuah informasi seputar sistem iDuHelp! tanpa harus perlu login terlebih dahulu, dan Viewboard dapat menampilkan daftar & ''total customers'', daftar ''operator, last log operator'', ''top 10 operator'' dan ''customers'' perbulan, ''history report'', terhubung dengan iMe iDuHelp!, Forum RhjFox dan ''Viewboard'' Rooster Rooster, dan FAQ.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh4.googleusercontent.com/46Tuzqwoxr9buiSdXBu4Ee-q3fHFNbQM_l1qH0PzpF4e9erSwwEq2OcNYdnVpnVxjcQLga0NcWkG0WKN8Dn8JBkO0SK8lC7hlI5zBJhsoQWQs2E3SX2QAcTguUpJ-ILDT3ksE8MldpmUgBi4ZA" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.29.''' Rancangan ''Prototype'' Tampilan ''Home''</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''2. Rancangan ''Prototype'' Tampilan Daftar ''Customers'' iDuHelp!''' </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 ''Prototype'' ini menjelas mengenai tampilan daftar ''customers'' yang ada pada ''Viewboard'' iDuHelp! yaitu berfungsi untuk menampilkan daftar ''customers'' yang masuk atau bertanya ke iDuHelp! ''online.''</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/wPkQBMGGsKvHZoUdUZQxTV_WrSL2d-H4M7bxbkJNVONKI5cv7PpBdp_YW2UWsETTZrfk44YynLULr9rEWuc8V8krEqmPTk3EbkKzV8VA2ttNqw3L1IeNG5h6eGhyk3b9wqcYNaO9v1P5OSIb2w" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.30.''' Rancangan ''Prototype'' Tampilan Daftar ''Customers'' iDuHelp!</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''3. Rancangan ''Prototype'' Tampilan Daftar ''Operators'' iDuHelp!''' </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 ''Prototype'' ini menjelas mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! digunakan untuk menampilkan daftar ''operator'' yang aktif pada saat ini sesuai dengan jadwal operator yang ada.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/vca5w5IcuGWXMLdDHI1tOfzsMKVQya43KoWojFCjF0dPVAfaBBlkO1_WjJSb42m57LMYlpKEBRu8nsgaToq-j3REp8axoXhBo5GLdLzf6I62gRZYzGp1xfeUfHRRFKtDci27WJjEg5s0gfi2pQ" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.31.''' Rancangan ''Prototype'' Tampilan Daftar ''Operators'' iDuHelp!</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''4. Rancangan ''Prototype'' Tampilan ''Last Login Operators'' ''' </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 ''Prototype'' ini menjelas mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! digunakan untuk menampilkan ''last login operator'' yang sedang berjaga pada saat ini sesuai dengan jadwal operator yang ada.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/GJv7Ti1nJNlgV7_cSX8Vq3ma0twg6YpJ5GZsLZ9gDClau21KTA869P8ofJ53s7nyqxb8Sfqu-Gzc3HaMjnKIJfbYbytR6Ueafn00D3YwV7_SMh6le1GFeGaZzoh9wm3hSXiNPTPn_8_ov8X4mQ" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.32.''' Rancangan ''Prototype'' Tampilan ''Last Login Operators''</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''5. Rancangan ''Prototype'' Tampilan ''History Performa Operators'' iDuHelp!''' </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 ''Prototype'' ini menjelas mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! mengenai ''history performa operators'' yang berfungsi untuk menampilkan ''history'' laporan-laporan ''performa operator'' iDuHelp!.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/mC_YqkJTWZ5zRTrifBj9cJu2qd3oPy2-43pLtB0JnOaEYcgZ1A301g1qoqZYgVWnreyMvc4umMoxzfvVtwIwQ6xsd5w8SIDw5ONHcao94MPF_PPe0ijFY3DGVR79Z7UgWeMA490yYt1Ntrh0yQ" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.33.''' Rancangan ''Prototype'' Tampilan ''History Peforma Operators'' iDuHelp!</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''6. Rancangan ''Prototype'' Tampilan ''Chart Performa Operators'' iDuHelp!''' </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 ''Prototype'' ini menjelas mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! mengenai ''chart history performa operators'' yang berfungsi untuk menampilkan ''chart history'' laporan-laporan ''performa operators'' iDuHelp!.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/mSeF5QfGaWuKtHPH4eWjTHhQ1ZdQB7ExB-b7X3Ta3XgQumw3Vi947aHoz5P6GK-znH74KbacqZSyoXmSRiZOSQnjEyRKY-HlJI7raq32ismS004j9e8gh5RlLF5QXblcjdXE4y8KdZGeI6L-fA" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.34.''' Rancangan ''Prototype'' Tampilan ''Chart Performa Operators'' iDuHelp!</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''7. Rancangan ''Prototype'' Tampilan Terhubung Ke iMe iDuHelp!''' </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 ''Prototype'' ini menjelaskan mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! terhubung ke iMe iDuHelp! digunakan untuk menampilkan informasi-informasi mengenai perihal iMe iDuHelp!.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh4.googleusercontent.com/coGtJtImSkIoyjEffino19XlSfJGvvBFm3qtWqD3E5oTTNh_PlJCT5cYSlFlDGLKH4CwuGIV6nr1p1MFpmpB2ulAJDVkDuu4yR-7HHc0I0EQvUX8NpC7MYHZllQy_-sQ66DfkxGTDe0egLR3_Q" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.35.''' Rancangan ''Prototype'' Tampilan Terhubung Ke iDuHelp!</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''8. Rancangan ''Prototype'' Tampilan Terhubung Ke Forum RhjFox''' </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 ''Prototype'' ini menjelaskan mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! terhubung ke Forum RhjFox digunakan untuk menampilkan informasi-informasi mengenai perihal yang ada pada Forum RhjFox.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/g_r8kzdIV9M-RLzZ2oB-gx0K9e8M2kAb2TEG2y2KP9O4qXCbWEW1YTZKeJmolxNTSbXEMo3568wjkls6lk7ntS1AU2GHmUiAhHQ8zGFrmb63aEq3qCzcjePt_-AEu_PPa0WfJi2vXu4VLLgphw" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.36.''' Rancangan ''Prototype'' Tampilan Terhubung Ke Forum RhjFox</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''9. Rancangan ''Prototype'' Tampilan Terhubung Ke Viewboard Rooster''' </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 ''Prototype'' ini menjelaskan mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! terhubung ke ''Viewboard'' Rooster digunakan untuk menampilkan informasi-informasi mengenai tiket yang telah dibuat operator untuk PIC pada ''Viewboard'' Rooster.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh5.googleusercontent.com/AD0LT2KwEe_3wXOxK9KrK35hOZKJGvFYmaCN76QvCdDQw13bVyU8wTk6XFR4LC84fcg8RO5gjdBtAsePPem0xk6KlgZnZctq3W4OqwzePfI3PsG97-DqTchgvBc2xVaatbPKapvuIItLYEF12A" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.37.''' Rancangan ''Prototype'' Tampilan Terhubung Ke ''Viewboard'' Rooster.</div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''10. Rancangan ''Prototype'' Tampilan FAQ''' </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 ''Prototype'' ini menjelas mengenai tampilan yang ada pada ''Viewboard'' iDuHelp! terdapat tampilan FAQ digunakan untuk menampilkan informasi-informasi mengenai perihal prosedur iDuHelp!.</p></div> | ||
+ | |||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/LiBWfc9bHCLlS0826F-Pnnw7YT2l6_6JkNNkGQZ77AnjI0GpcJoevxrmWfdfNgS8aNhaBKnBuOstXO4JIL_QqjLZu6yXXH8D11qSd9MTXeUFZmBHlF5lIrVpqzPm-IOIMB__j4oHqiDquHFUzA" width="400" height="200"/></div><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Gambar 4.38.''' Rancangan ''Prototype'' Tampilan FAQ</div> | ||
+ | |||
+ | ==Metode Testing== | ||
+ | ===Metode Implementasi=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nasution (2012: 118)<ref name= "Nasution">Nasution, Ruslan Efendi. 2012. Implementation Sms Gateway In The Development Web Based Information System Schedule Seminar Thesis. Lampung: Unila.</ref>, “Implementasi atau pengujian adalah tahapan di mana software yang telah selesai dikembangkan dilakukan pengujian dengan metode black box agar semua komponen sistem apakah sesuai dengan analisis kebutuhan pada awal perancangan”. Implementasi pada program sistem Viewboard iDuHelp! Pada Perguruan Tinggi Raharja dilakukan dengan menggunakan metode Blackbox testing. Black Box Testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalny (Rizky 2011: 264)<ref name= "Rizky">Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.</ref></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 demikian black box testing dapat disimpulkan sebagai jenis pengujian perangkat lunak layaknya seperti "kotak hitam" yang tidak penting dilihat isinya, tapi cukup dikenal proses testing di bagian luar.</p></div> | ||
+ | |||
+ | ===Black Box Testing=== | ||
+ | <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 blackbox berdasarkan Sistem Viewboard iDuHelp! yaitu sebagai berikut :</p></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''1. Pengujian ''Blackbox'' Pada Tabel Daftar ''Customers'' ''' </p></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.5.''' Tabel Pengujian ''Blackbox'' Pada Tabel Daftar ''Customers'' iDuHelp!</div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-eSZtfb55oPY/V-yuwAodVXI/AAAAAAAAJ68/riysJHeGNk4VBLoLNjW09LaGRrd2fiWDQCL0B/w368-d-h287-n-rw/bbtabel%2Bcustom.png" width="500" height="500"/></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''2. Pengujian ''Blackbox'' Pada Tabel Daftar ''Operators'' iDuHelp!''' </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 blackbox berdasarkan Sistem Viewboard iDuHelp! untuk daftar operators yaitu sebagai berikut :</p></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.6.''' Tabel Pengujian ''Blackbox'' Pada Tabel Daftar ''Operators'' iDuHelp! </div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-dQnfuVjuZvU/V-yuwInufSI/AAAAAAAAJ68/NEMLji6MJm0ypD9LJzzhAiucTkCJZRE4ACL0B/w240-d-h287-n-rw/bbtabel%2Bop.png" width="500" height="700"/></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">'''3. Pengujian ''Blackbox'' Pada Tabel Daftar ''History'' Rekap ''Performa'' iDuHelp! ''Online'' '''</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 ''blackbox'' berdasarkan sistem ''Viewboard'' iDuHelp! untuk daftar ''History Rekap Pefrorma'' yaitu sebagai berikut ::</p></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.7.''' Tabel Pengujian Blackbox Pada ''History Rekap Performa'' iDuHelp! ''Online''</div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-qXisXjVxLk8/V-yuwAfjvxI/AAAAAAAAJ68/aGAlFRyQKZEsnvnDJWV1mzlJUYFeD0aOQCL0B/w367-d-h287-n-rw/bbtabel%2Brecap.png" width="500" height="400"/></div> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | |||
+ | ===Evaluasi=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah dilakukan pengujian dengan metode ''blackbox'' yang dilakukan terhadap sistem ''Viewboard'' iDuHelp! ada 3 bagian yaitu mengenai pengujian ''black box'' pada tabel daftar ''customers'', pengujian ''blackbox'' pada tabel daftar ''operators'' iDuHelp! dan pengujian ''blackbox'' pada tabel daftar ''history rekap performa'' iDuHelp! ''online''. dan hasil yang diuji adalah menyatakan bahwa sistem ''Valid''. dan jika data yang dicari tidak ada maka sistem akan menampilkan pesan ''No matching records found'' dan ini sangat membantu bagi ''users'' yang mengakses ''Viewboard'' iDuHelp!.</p></div> | ||
+ | |||
+ | ==Konfigurasi Sistem== | ||
+ | |||
+ | ===Spesifikasi Hardware=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam perancangan ''Viewboard'' iDuHelp! menggunakan ''Bootstrap'' sebagai penunjang laporan ''performa'' iDuHelp! ''online'' ini dijalankan menggunakan komputer dengan spesifikasi perangkat keras ''(hardware)'' sebagai berikut:</p></div> | ||
+ | |||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">Processor : 1.90 GHz AMD A4-3305M APU</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">Monitor : 14.0” HD LED</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">RAM : 6 GB 1333 Mhz DDR3</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">Hard disk : 500 GB</p> | ||
+ | </li></ol> | ||
+ | |||
+ | ===Aplikasi Yang Digunakan=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam perancangan ''Viewboard'' iDuHelp! menggunakan ''Bootstrap'' sebagai penunjang laporan ''performa'' iDuHelp! ''online'' pada Perguruan Tinggi ini dijalankan menggunakan komputer dengan spesifikasi perangkat lunak ''(software)'' sebagai berikut:</p></div> | ||
+ | |||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">''Microsoft Windows 10 Pro''</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">''Mozilla Firefox''</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">''Google Chrome''</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">''Bootstrap''</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">''Filezilla''</p> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <p style="line-height: 2">''Notepad++''</p> | ||
+ | </li></ol> | ||
+ | |||
+ | ===Hak Akses=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"> | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">hak akses dapat lakukan 2 users yaitu untuk mengoperasikan dapat dilakukan oleh seluruh Pribadi Raharja, dan untuk mengolah data dilakukan oleh seorang PIC ''(person in charge)'' yang bertugas mengecek sistem dan melaporkan jumlah hasil ''performa operator ke dalam ''email''.</p></div> | ||
+ | |||
+ | ==''Schedule'' Implementasi== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Schedule'' Implementasi ialah sebuah rencana yang menjelaskan segala sesuatu tentang hal-hal yang dibutuhkan dalam proses implementasi sistem ''Viewboard'' iDuHelp! Pada Perguruan Tinggi Raharja. Pada tahap ini dibutuhkan rencana implementasi yang berguna dalam pelaksanaan langkah-langkah kegiatan penerapannya. Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakan ini dalam bentuk ''time table'' yaitu sebagai berikut:</p></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.8. Tabel''' ''Schedule'' Implementasi.</div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh4.googleusercontent.com/SNF5_XWGPprfkqp3YFps-Wug-3othaQaB0mMieShHEGhQLzSa1qycj5qKyVUmzWSbS9W5MOjlXk3BRVuHPH4mqZjxU0rqntSJI0R7mJDKXCAK0-MbAU_JEUkjbXG2X3XvlXO-lzW" width="300" height="200"/></div> | ||
+ | |||
+ | ==Estimasi Biaya== | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align:center">'''Tabel 4.9.''' Estimasi Biaya.</div> | ||
+ | <div align="center"><img style="margin:0px" src="https://lh6.googleusercontent.com/-3bnSadFVqghuh8KnIoRU54PyvnZB8_nKUiyi05qNS8bCu7HcxJa56Gwah9oY2L2HFfQ6vmE3ZmQOf_uKEgWL5W5PnhVuRKet56bA_Ov9VeS-XOFYxNyh7FXyv2iSFKE8Esr5aAF" width="300" height="200"/></div> | ||
=<div style="font-family: 'times new roman';text-align: center">'''BAB V'''</div>= | =<div style="font-family: 'times new roman';text-align: center">'''BAB V'''</div>= | ||
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">'''PENUTUP'''</div> | <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">'''PENUTUP'''</div> | ||
{{pagebreak}} | {{pagebreak}} | ||
+ | ==Kesimpulan== | ||
+ | <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 kesimpulan perihal rumusan masalah mengenai Perancangan ''Viewboard'' iDuHelp! Menggunakan ''Bootstrap'' Sebagai Penunjang Laporan Performa iDuHelp! ''Online'' pada Perguruan Tinggi sebagai berikut :</p></div> | ||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Jika sebelumnya Pribadi Raharja belum dapat mengetahui informasi yang ada pada sistem iDuHelp! online, dan saat ini dengan adanya ''Viewboard'' iDuHelp! ''online'' ini Pribadi Raharja dapat mengetahui informasi seputar data sistem iDuHelp! ''online'' yang dibuat menggunakan ''Bootstrap''.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Jika sebelumnya belum dapat menampilkan sebuah informasi hasil rekapan ''performa'' dan ''chart otomatis'', dan saat ini dengan adanya ''Viewboard'' rekap hasil ''performa'' dan ''chart otomatis'' dapat memberikan kemudahan bagi admin dan menghasilkan perhitungan jumlah ''customer''s yang ditangani oleh ''operators'' secara akurat.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Jika sebelumnnya belum adanya sebuah ''Viewboard'' yang bisa memberikan sebuah informasi berdasarkan yang ada pada sistem iDuHelp! ''online'', dan saat iini sudah ada ''Viewboard'' iDuHelp!yang dapat memberikan sebuah informasi kepada Pribadi Raharja mengenai informasi yang berdasarkan pada sistem iDuHelp! ''online''.</li></ol> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dapat disimpulkan bahwa iDuHelp! sampai saat ini sudah mengalami perkembangan yang pesat. Sebelumnya iDuHelp! tersebut masih terdapat kekurangan yaitu belum bisa memberikan informasi secara ''public'' kepada seluruh Pribadi Raharja. Dan juga jika sebelumnya masih membuat laporan secara manual dengan adanya ''Viewboard'' iDuHelp! laporan secara otomatis akan masuk ke dalam ''Viewboard ''iDuHelp!.</p></div> | ||
+ | |||
+ | {{pagebreak}} | ||
+ | |||
+ | ==Saran== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk meningkatkan ''Viewboard'' iDuHelp! pada Perguruan Tinggi Raharja, penulis memberikan beberapa saran, yaitu :</p></div> | ||
+ | <ol> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mensosialisasikan ''Viewboard'' iDuHelp! kepada seluruh mahasiswa Perguruan Tinggi Raharja agar mengetahui seputar informasi mengenai iDuHelp!.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Diharapkan agar pihak pengembang selanjutnya menambahkan agar sistem dapat rekap ''performa'' iDuHelp! ''offline ''secara otomatis.</li> | ||
+ | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dan diharapkan agar pihak pengembang selanjutnya dapat menambahkan infomarsi tentang fitur-fitur ''Viewboard'' iDuHelp! yang ada pada tampilan awal ''Viewboard''.</li></ol> | ||
+ | |||
+ | {{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>= | ||
<references /> | <references /> | ||
Baris 4.223: | Baris 4.698: | ||
===LAMPIRAN A=== | ===LAMPIRAN A=== | ||
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada “Lampiran A” ini berisi tentang berkas-berkas yang diperlukan sebagai persyaratan Tugas Akhir (Skripsi), diantaranya yaitu: | + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada “Lampiran A” ini berisi tentang berkas-berkas yang diperlukan sebagai persyaratan Tugas Akhir (Skripsi), diantaranya yaitu:</p> |
− | </p | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: | + | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.nbu295xyhjst Lampiran A.1 : Validasi Tugas Akhir (Skripsi)]</span></div> |
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.jk9v3qo8mckb Lampiran A.2 : Surat Penugasan Kerja]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.bg5jc2uqjdui Lampiran A.3 : Daftar mata kuliah yang belum diambil atau gagal]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.ljde6b1l3pwm Lampiran A.4 : Formulir Permohonan Usulan Penelitian Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.9836s4uexxg4 Lampiran A.5 : Surat Pengantar Observasi Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.qggl11nid5k7 Lampiran A.6 : Kartu Studi Tetap Final (KSTF)]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.f9rrmaf2mnnh Lampiran A.7 : Kartu Bimbingan Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.n44ri54o5w30 Lampiran A.8 : Formulir Permohonan Penggantian Judul Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.gwp0u69qq9e3 Lampiran A.9 : Daftar Nilai]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.21i5olqhdpa Lampiran A.10 : Validasi Sidang Akademik]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.k572lwuhglre Lampiran A.11 : Kwitansi Skripsi, Raharja Career, dan Sidang Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.qdx2ejwyedej Lampiran A.12 : Sertifikat Prospek]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.h7v5fr3cab56 Lampiran A.13 : Sertifikat Toefl]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.8ci1og4b9jvf Lampiran A.14 : Sertifikat DID 3MT]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.ckctd8xn5pfx Lampiran A.15 : Sertifikat Seminar Nasional]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.tnfu5m5j1oep Lampiran A.16 : Sertifikat Seminar Internasional]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.pe22mxaxbjt7 Lampiran A.17 : Katalog Produk]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.rwgxelofxu8u Lampiran A.18 : Ijazah SMA]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.9fu3emqoyfva Lampiran A.19 : CV ''(Curiculum Vitae)'']</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.6urakuvo271n Lampiran A.20 : Sertifikat Jurnal dan Pemberitahuan Penerimaan Makalah]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.b0rlwbqm1pj3 Lampiran A.21 : Sertifikat Raharja Career]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.7grd4hyxxe6k Lampiran A.22 : Formulir Seminar Proposal Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.hsgxdjk8p85p Lampiran A.23 : Formulir Final Presentasi Skripsi]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.xg1jkix5h19r Lampiran A.24 : Formulir Pertemuan Stakeholder Skripsi]</span></div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | ===LAMPIRAN B=== | ||
+ | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada “Lampiran B” ini berisi tentang berkas-berkas yang diperlukan sebagai persyaratan Tugas Akhir (Skripsi), diantaranya yaitu:</p> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.bjy9fm4a9y0v Lampiran B.1 Diagram Rancangan Sistem]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.9gfypjuzqgp9 Lampiran B.2 Wawancara Stakeholder]</span></div> | ||
+ | |||
+ | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1"><span class="plainlinks">[https://docs.google.com/document/d/1Qtk9aOo7e5Gi1LHYNrXgmRAKHTZF5gZ9pRy_0195ZGY/edit#bookmark=id.bv8ac5488gao Lampiran B.3 Surat Implementasi Program Stakeholder]</span></div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> |
Revisi terkini pada 8 Januari 2017 01.53
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 isi
- 1 BAB I
- 2 BAB II
- 2.1 Teori Umum
- 2.2 Teori Khusus
- 2.2.1 Konsep Dasar Tpi
- 2.2.2 Konsep Dasar iDuHelp!
- 2.2.3 Konsep Dasar Website
- 2.2.4 Konsep Dasar Internet
- 2.2.5 Definisi Media Online
- 2.2.6 Konsep Dasar HTML
- 2.2.7 Definisi PHP
- 2.2.8 Definisi Bootstrap
- 2.2.9 Konsep Dasar Perangkat Lunak Pendukung
- 2.2.10 Konsep Dasar Testing
- 2.2.11 Konsep Dasar Database
- 2.2.12 Definisi Dashboard
- 2.2.13 Definisi Leaderboard
- 2.2.14 Definisi Viewboard
- 2.2.15 Definisi FAQ
- 2.2.16 Konsep Dasar Literature Review
- 2.3 Literature Review
- 3 BAB III
- 4 BAB IV
- 5 BAB V
- 6 DAFTAR PUSTAKA
- 7 LAMPIRAN
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
![](https://lh5.googleusercontent.com/-cLNdykImebw/VWHrwUzhx6I/AAAAAAAACdo/cNjphvnwOMk/w454-h501-no/simbol%2Bflowchart.png)
DAFTAR SIMBOL HIPO
![](https://lh3.googleusercontent.com/-betMom-duJo/V9Qg6YpY8fI/AAAAAAAAKEA/1V8BRqNEjtkh_-85WMBpijbGzJhpLT2LQCL0B/w462-h294-no/2016-09-10.png)
DAFTAR SIMBOL UML
![](https://lh6.googleusercontent.com/-QgLn8Ef9Ncs/VWHrx6q8RyI/AAAAAAAACdw/cb_i_2gzU5c/w513-h425-no/usecase.png)
![](https://lh4.googleusercontent.com/-6pTJCyen4GE/VWHrwZJEusI/AAAAAAAACdg/ZlwA939HCsM/w500-h517-no/simbol%2Bactivity.png)
BAB I
Latar Belakang
Pada saat ini yang serba modern ini banyak hal yang bisa dijadikan sebuah sarana informasi, kita bisa mencari informasi teknologi yang sudah dapat dijadikan sebagai sebuah sarana informasi. Teknologi saat ini yang bisa dijadikan sebuah tempat sarana informasi dan berita adalah internet. Internet bisa memberikan informasi sebanyak-banyak yang kita butuhkan, tetapi sebagian dari internet juga bisa memberikan informasi yang berdampak negative. Informasi adalah data yang telah diklasifikasikan atau diinterprestasi untuk digunakan dalam proses pengambilan keputusan (Sutabri, 2012: 29)[1].
Pelayanan sebagai suatu aktivitas yang bersifat tidak kasat mata yang terjadi sebagai akibat adanya interaksi atau hal-hal yang disediakan organisasi pemberi pelayanan yang dimaksud untuk memecahkan permasalahan customer yang dilayani (Gronroos, 2001: 7)[2]. Sedangkan kualitas merupakan keseluruhan karakteristik produk dan jasa yang meliputi marketing, engineering, manufacture , dan maintenance dalam nama produk dan jasa tersebut dalam pemakaianya akan sesuai dengan kebutuhan dan harapan pelanggan (Feigenbaum 1991)[3]. Jika customers mendapatkan sebuah pelayanan secara prima (excellent servise) maka perusahaan tersebut memiliki kualitas yang sangat baik.
Viewboard sendiri sangat penting untuk sistem iDuHelp!. Viewboard berfungsi untuk memberikan suatu informasi yang dibutuhkan atau juga informasi penting yang datanya diambil melalui database iDuHelp! online. Data adalah kenyataan yang menggambarkan suatu kejadian serta merupakan suatu bentuk yang masih mentah yang belum dapat bercerita banyak sehingga perlu diolah lebih lanjut melalui suatu model untuk menghasilkan informasi. (Sutabri, 2012: 2)[1]. Seperti poin para pengguna dan menunjukan peringkat dari keseluruhan pengguna. Viewboard juga bisa menjadi motivasi tersendiri untuk menjadi urutan paling teratas karena seluruh user bisa melihat performa dari semua user.
Perguruan Tinggi Raharja sebuah IT Campus yang memiliki sebuah sistem pelayanan yaitu iLearning Education Help! Atau biasa disebut dengan iDuHelp! . Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang berhubungan, terkumpul bersama-sama untuk melakukan suatu kegiatan atau tujuan tertentu.(Yakub, 2012: 1)[4].
iDuHelp! Merupakan salah satu dari Ten Pilar IT iLearning yang ada di Perguruan Tinggi Raharja iDuHelp! dibagi menjadi 2 bagian yaitu iDuHelp! Online dan Offline. Pelayanan iDuHelp! Online dapat dilakukan pada hari kerja yaitu hari senin sampai hari jumat pada Pukul 08.00 s/d 21.00 WIB dan sedangkan iDuHelp! Offline Dapat dilakukan kapan saja dan dimana saja dalam kurung waktu 2x24 jam. iDuHelp! Telah mengalami banyak pengembangan. tersebut Namun pelayanan iDuHelp! masih belum maximal karena sistem tidak bisa memberikan informasi seputar performa operator kepada seluruh Pribadi Raharja, selain itu juga ada permasalahan yang muncul karena PIC iDuHelp! masih membuat laporan secara manual dan tidak otomatis terekap sendiri, PIC atau Person In Charge adalah istilah yg digunakan untuk menunjukkan siapa orang yg bertangung jawab dalam menangani project atau hal-hal tertentu. Berdasarkan pada latar belakang di atas, maka penulis tertarik untuk melakukan penelitian terhadap sistem yang berjalan saat ini yang dituangkan dalam sebuah laporan Skripsi dengan sebuah judul yaitu '“Perancangan Viewboard iDuHelp! Menggunakan Bootstrap Sebagai Penunjang Laporan Performa iDuHelp! Online Pada Perguruan Tinggi”
Rumusan Masalah
Dalam penyelesaian suatu permasalahan maka harus melalui sebuah penelitian yang bertujuan untuk mendapatkan suatu pemecahan masalah yang berasal dari masalah yang peneliti hadapi. Dan rumusan masalah suatu adanya pertanyaan yang akan ditemukannya jawaban yang di pecahkan melalui metode pengumpulan data. Rumusan masalah sebuah awal dari penelitian yang selanjutnya akan dilanjutkan dengan pemecahan masalah.
Sesuai dengan latar belakang penelitian yang telah dijelaskan pada pembahasan sebelumnya. Penelitian ini berkaitan dengan Viewboard iDuHelp! dengan menggunakan Bootstrap pada Perguruan Tinggi Raharja maka dengan penelitian tersebut penulis dapat mengambil beberapa pokok permasalahan:
-
Bagaimana agar dapat mengetahui informasi yang ada pada sistem iDuHelp! online?
-
Bagaimana menampilkan sebuah informasi hasil rekapan performa dan chart dalam bentuk Viewboard?
-
Bagaimana menciptakan sebuah Viewboard yang bisa memberikan sebuah informasi berdasarkan yang ada pada sistem iDuHelp! online?
Ruang Lingkup
Untuk mempermudah penulisan laporan Skripsi ini, maka harus ada yang namanya batasan atau ruang lingkup masalah, berikut merupakan ruang lingkup permasalahan yang akan dibahas diantaranya, Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard, Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers, Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan, Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators, Sistem dapat menampilkan 2 macam jenis report performa iDuHelp, Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator, Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp!, Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox. dan untuk lebih lengkapnya tertuang pada final draft elisitasi.
Tujuan dan Manfaat Penelitian
Tujuan Penelitian
Setiap penelitian pastinya mempunyai beberapa tujuan dan manfaat, tujuan masalah menjabarkan secara jelas akan tujuan yang dilakukan terhadap objek penelitian yang dipilih. Berikut Tujuan penelitien :
-
Untuk mengetahui informasi yang ada pada sistem iDuHelp! online maka diciptakannya Viewboard iDuHelp! online yang dibuat dengan menggunakan Bootstrap.
-
Menciptakan sebuah Viewboard rekap hasil performa dan chart secara otomatis yang bisa merekap performa operator iDuHelp! online sehingga memberikan kemudahan bagi admin dalam membuat sebuah report dan agar menghasilkan sebuah keakuratan dari perhitungan jumlah customers yang diambil operators.
-
Menciptakan sebuah Viewboard yang bisa memberikan sebuah informasi yang berdasarkan pada sistem iDuHelp! online
Manfaat Penelitian
Manfaat yang diambil dari suatu penelitian merupakan sebuah hasil dari terlaksananya suatu tujuan dan terjawabnya dari sebuah rumusan masalah yang secara akurat. Dalam manfaat penelitian ini diharapkan dapat memberikan suatu masukan yang sangat bermanfaat untuk informasi dan komunikasi yang belakangan ini banyak yang mendapatkan pelajaran dari beragam ilmu. Dan di dalam pemanfaatan praktis ini Dan di dalam manfaat praktis penelitian ini diharapkan dapat menrekondisikan kebutuhan - kebutuhan guna meningkatkan sistem iLearning Education pada Perguruan Tinggi Raharja, mengatasi kendala - kendala yang muncul pada sistem, dapat dijadikan untuk fasilitas iLearning yang tersentralisasi, yang memuat seluruh informasi, yang kemudian diharapkan dapat memberikan informasi seputar Perguruan Tinggi Raharja yang akurat.
Adapun manfaat dari penelitian ini adalah :
-
Adanya Viewboard iDuHelp! online ini Pribadi Raharja dapat mengetahui informasi seputar data sistem iDuHelp! yang dibuat dengan menggunakan bootstrap.
-
Adanya sebuah Viewboard rekap hasil performa dan chart otomatis dapat memberikan kemudahan bagi Admin dalam membuat sebuah report dan menghasilkan perhitungan jumlah customers yang ditangani oleh operators secara akurat.
-
Adanya Viewboard yang dapat memberikan sebuah informasi kepada Pribadi Raharja mengenai sebuah informasi berdasarkan yang ada pada sistem iDuHelp! online.
Metode Penelitian
Metode Pengumpulan Data
Untuk mendapatkan data yang diperlukan dalam penyusunan Skripsi ini, maka Menurut Rapina (2011: 15)[5], teknik pengumpulan data, yaitu:
- Metode Observasi (Pengamatan)
Menurut Rapina (2011: 15)[5], Observasi merupakan suatu teknik yang digunakan untuk mengumpulkan data dengan cara melakukan pengamatan secara langsung ke tempat yang dijadikan objek penelitian. Dan metode pengamatan atau metode observasi pada sistem ini dilakukan pada Raharja Enrichment Center (REC) Perguruan Tinggi Raharja dengan cara mengumpulkan data, informasi, dan mempelajari catatan serta dokumen yang ada. Adapun hasil yang didapat dari observasi yang dilakukan selama 6 (enam) bulan ini adalah untuk mengetahui sistem kerja yang berjalan, sehingga peneliti dapat melaporkan kegiatan langsung pada apa yang pernah dilihat dan dipelajari sehingga dapat dituangkan dalam penulisan laporan ini.
- Metode Wawancara (Interview Research)
Menurut Rapina (2011: 15)[5], Wawancara merupakan salah satu teknik untuk mengumpulkan data dengan cara menanyakan secara langsung kepada pihak yang berkaitan dengan penelitian. dalam hal ini proses tanya jawab dilakukan oleh peneliti bersama stakeholder yaitu bapak Yulianto, S.kom pada Raharja Enrichment Center (REC) pada Perguruan Tinggi Raharja .
- Studi Pustaka
Menurut Rapina (2011: 15)[5], studi pustaka adalah mencari atau mengumpulkan bahan yang berhubungan dengan masalah yang diteliti untuk memperoleh data sekunder dengan membaca, mempelajari, dan mendalami literatur-literatur yang berhubungan dengan masalah yang diteliti.
Metode Analisis Sistem
Menurut Murad (2013: 51)[6], tahap analisa merupakan tahap dalam mencari informasi sebanyak-banyaknya mengenai sistem yang diteliti dengan melakukan metode-metode pengumpulan data sehingga ditemukan kelebihan dan kekurangan sistem serta user requirement. Selain itu, tahap ini juga dilakukan untuk mencari pemecah masalah dan menganalisa bagaimana sistem akan dibangun untuk memecahkan masalah pada sistem sebelumnya. dalam penelitian ini peneliti menggunakan metode analisis sistem elisitasi yang terdiri dari elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan final draft elisitasi dengan pencapaian strategi pada penelitian ini. Strategi yang dihasilkan pada penelitian ini juga telah memiliki data yang kuantitatif.
Metode Perancangan
Menurut Nasution (2012: 118)[7], “Desain atau perancangan adalah tahapan di mana dimulai analisa mengenai bentuk input sistem, rancangan database, output sistem dan skema alur kerja program”. Dan pada metode perancangan sistem ini peneliti menggambarkan dalam bentuk sebuah gambaran diagram HIPO (Hierarchy Input Process Output) sebagai bentuk dokumentasi program yang dapat dimengerti oleh pengguna secara baik, perancangan tersebut juga menggunakan UML (Unified Modeling Language), Mind mapping sebagai kerangka penjelasan sistem dan flowchart sebagai rancangan langkah atau prosedur program.
Metode Testing
Metode testing ini digunakan untuk menganalisis suatu identitas sistem untuk mendeteksi, mengevaluasi kondisi dan fitur-fitur yang diinginkan dan mengetahui kualitas dari suatu sistem yang dikembangkan untuk mengeliminasi kesalahan pada sistem saat diterapkan. dalam penelitian ini peneliti menerapkan Black Box sistem dimana Black Box sistem ini berfungsi untuk mengetahui apakah perangkat lunak dapat berfungsi sebagaimana yang telah diharapkan.
Sistematika Penulisan
Agar memudahkan peneliti dalam membuat laporan penulisan dan pembahasannya secara sistematis, oleh karena itu penulisan membagi menjadi 5 (lima) bab dan setiap bab terbagi dalam sub bab-sub bab dengan urutan pembahasan sebagai berikut:
Bab ini menjelaskan mengenai latar belakang, rumusan masalah, ruang lingkup, tujuan dan manfaat, metodologi penelitian, dan sistematik penulisan.
Bab ini menjelaskan mengenai teori-teori yang berkaitan dengan teori dasar atau umum dan teori-teori khusus yang berhubungan dengan sebuah analisa serta permasalahan yang telah dibahas pada bagian sistem yang sedang berjalan, dan literature review, dan semua literature akan dimasukkan ke dalam daftar pustaka.
BAB III ANALISA SISTEM BERJALAN
Bab ini berisikan gambaran umum instansi, tata laksana sistem yang berjalan, analisa sistem yang berjalan, permasalahan yang dihadapi, alternatif pemecahan masalah, user requirement yang terdiri dari 4 (empat) tahap elisitasi, yakni elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, serta final draft elisitasi yang merupakan final draft elisitasi yang diusulkan, tata laksana sistem yang diusulkan, rancangan basis data, flowchart, rancangan program, rancangan prototype, konfigurasi sistem, testing, evaluasi, implementasi, estimasi biaya.
Dalam bab ini penulis menguraikan sistem yang akan diusulkan seperti usulan prosedur yang baru, Analisa sistem yang berjalan yang terdiri dari Analisa elisitasi sistem. Untuk metode analisa berdasarkan prosedur sistem yang berjalan terdiri atas analisa masukan, analisa proses, dan analisa keluaran. Mind Mapping sebagai dasar pemikiran dan konsep pembuatan laporan. Diagram HIPO (Hierarchy Plus Input Proces Output), rancangan prototype, konfigurasi sistem, testing, evaluasi, schedule implementasi, dan estimasi biaya.
Berisikan tentang kesimpulan, saran dan kesan yang dapat diberikan oleh penulis dari hasil laporan Skripsi.
Daftar pustaka ini berisi studi pustaka yang digunakan sebagai referensi untuk menyusun laporan ini.
Lampiran ini merupakan daftar yang memuat keseluruhan lampiran-lampiran yang melengkapi laporan sebagai lampiran.
BAB II
Teori Umum
Konsep Dasar Perancangan
1. Definisi Perancangan
Menurut O’Brien dan Marakas (2009: 639)[8], menjelaskan bahwa perancangan sistem adalah sebuah kegiatan merancang dan menentukan cara mengolah sistem informasi dari hasil analisa sistem sehingga dapat memenuhi kebutuhan dari pengguna termasuk diantaranya perancangan user interface, data dan aktivitas proses.
2. Tujuan Perancangan
Adapun tujuan yang hendak dicapai dari tahap perancangan sistem mempunyai maksud atau tujuan utama, yaitu sebagai berikut :
-
Untuk memenuhi kebutuhan pemakaian sistem (user).
-
Untuk memberikan gambaran yang jelas dan menghasilkan rancangan bangun yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dalam pengembangan atau pembuatan sistem.
Konsep Dasar Analisis Sistem
1. Definisi Analisis Sistem
Menurut Yakub (2012: 142)[4], Analisis sistem dapat diartikan sebagai suatu proses untuk memahami sistem yang ada, dengan menganalisis jabatan dan uraian tugas (business users), proses bisnis (business prosess), ketentuan atau aturan (business rule), masalah dan mencari solusinya (business problem and business soulution), dan rencana perusahaan (business plan).
Menurut Satzinger, J.W., Jackson, R.B., & Burd, S.D. (2010, p4)[9], Analisis sistem adalah tahapan penelitian terhadap sistem berjalan dan bertujuan untuk mengetahui segala permasalahan yang terjadi serta memudahkandalam menjalankan tahap selanjutnya yaitu tahap perancangan sistem
Bedasarkan pendapat para ahli yang dikemukakan di atas dapat diambil kesimpulkan bahwa analisis sistem adalah suatu proses yang digunakan untuk landasan konseptual dan bertujuan untuk memperbaiki fungsi yang ada pada sistem.
2. Tahap-Tahap Analisis Sistem
Menurut Agus Mulyanto (2009: 126)[10], Tahap analisis sistem merupakan tahap yang kritis dan sangat penting, karena kesalahan di dalam tahap ini akan menyebabkan juga kesalahan di tahap selanjutnya. Tahapan ini bisa merupakan tahap yang mudah jika client sangat paham dengan masalah yang dihadapi dalam organisasinya dan tahu betul fungsionalitas dari sistem informasi yang akan dibuat. Tetapi tahap ini bisa menjadi tahap yang paling sulit jika client tidak bisa mengidentifikasi kebutuhannya atau tertutup terhadap pihak luar yang ingin mengetahui detail-detail proses bisnisnya.
Menurut Agus Mulyanto (2009: 129)[10], Di dalam tahap analisis sistem terdapat langkah-langkah dasar yang harus dilakukan oleh seorang analis sistem, diantaranya adalah
Di dalam tahap analisis sistem terdapat langkah-langkah dasar yang harus dilakukan oleh analis sistem, sebagai berikut:
-
Identify, yaitu mengidentifikasikan masalah
-
Understand,yaitu memahami kerja dari sistem yang ada
-
Analyze, menganalisis sistem
-
Report, yaitu membuat laporan hasil analisis.
3. Fungsi Analisis Sistem
Ada 4 (empat) fungsi analisis sistem sebagai berikut :
-
Mengidentifikasi masalah–masalah kebutuhan pemakai (user).
-
Menyatakan secara spesifik sasaran yang harus dicapai untuk memenuhi kebutuhan pemakai.
-
Memilih alternatif–alternatif metode pemecahan masalah yang paling tepat.
-
Merencanakan dan menerapkan rancangan sistemnya. Pada tugas atau fungsi terakhir dari analisis sistem menerapkan rencana rancangan sistemnya yang telah disetujui oleh pemakai.
Definisi Performa
Anwar Prabu Mangkunegara (2006: 67)[11], Performa kinerja/prestasi kerja adalah hasil kerja secara kualitas dan kuantitas yang dicapai oleh seorang pegawai dalam melaksanakan tugasnya sesuai dengan tanggung jawab yang diberikan kepadanya
Definisi Laporan
Menurut Rama dan Jones (2008, p250)[12], berpendapat, laporan adalah presentasi data yang telah terformat dan terorganisasi dengan baik.
1. Tipe – tipe laporan :
-
Simple event list, laporan yang menyediakan daftar kejadian sederhana selama satu periode waktu yang disusun menurut tanggal kejadian atau nomor transaksi tanpa mengelompokkan atau sub total.
-
Simple list, satu daftar kejadian atau daftar acuan sedeherhana.
-
Single entity report, laporan yang hanya menyediakan perincian mengenai satu entitas seperti barang, jasa, agen atau kejadian.
-
Status report, laporan yang menyediakan data ringkasan mengenai barang, jasa atau agen.
-
Summary report, laporan yang meringkas data kejadian untuk sekelompok record terkait selama periode tertentu.
-
Summary status report, laporan yang medaftar data acuan dan data ringkasan mengenai barang dan jasa atau agent.
Definisi Customer
Customer atau Pelanggan menurut Cambridge International Dictionaries dalam Lupiyoadi (2001: 143)[13], adalah “a person who buys goods or a services” atau pelanggan adalah seseorang yang membeli barang dan jasa. Sementara menurut Webster’s 1928 Dictionary dalam Lupiyoadi (2001: 143)[13] pelanggan adalah “one who frequents any place of sale for producing what he wants ...”. (Pelanggan adalah seseorang yang beberapa kali datang ke tempat yang sama untuk memenuhi apa yang diinginkan..).
Berdasarkan dari definisi di atas customers/pelanggan merupakan seseorang yang secara berulang kali datang ke suatu tempat yang sama untuk memuaskan keinginannya dengan memiliki suatu produk atau mendapatkan jasa.
Definisi Operator
Menurut Kamus besar bahasa indonesia (KBBI), Operator adalah orang yg bertugas menjaga, melayani, dan menjalankan suatu peralatan, mesin, telepon, radio, dan sebagainya.
Menurut Chasan Safrudin (2012)[14], Operator merupakan SDM yang tugasnya mengoperasikan menghidupkan hardware, menjalankan software,berinteraksi dengan hardware dan software yang sedang beroprasi, dan menyudahi operasi (menghentikan software dan mematikan hardware).
Berdasarkan definisi tentang operator di atas maka dapat diambil kesimpulan bahwa operator adalah orang yang bertugas untuk melayani dan mejalankan suatu sistem yang sedang beroperasi dalam suatu perusahaan atau instansi.
Definisi Business Intelligence
Menurut Nadia Branon (2010)[15], Business Intelligence merupakan kategori yang umum digunakan untuk aplikasi dan teknologi untuk mengumpulkan, menyimpan, menganalisa, dan menyediakan akses pada data agar dapat membantu pengguna dari kalangan perusahaan agar dapat mengambil keputusan dengan lebih baik dan tepat. Pada umumnya solusi yang disediakan oleh BI berupa sumber-sumber data dimana data yang sifatnya transaksional dikumpulkan, data warehouses/data marts, reporting dan alat visualisasi, seperti analisia prediksi dan modelling.
Menurut Ivana Kursan dan Mirela Mihic (2010)[16] menyatakan bahwa istilah BI merujuk pada variasi solusi perangkat lunak, termasuk teknologi-teknologi dan metodologi-metodologi yang dibutuhkan untuk mendapatkan informasi yang tepat guna sehingga mampu membuat keputusan bisnis dengan tujuan utama yaitu meningkatkan keseluruhan performa bisnis pada pasar.
Teori Khusus
Konsep Dasar Tpi
1. Definisi TPi
Dikutip dari iMe Roadmap[17], untuk memudahkan pengelolaan dan meningkatkan kepuasan pelayanan kepada civitas akademika Perguruan Tinggi Raharja terutama dalam mendukung perkuliahan menggunakan metode iLearning maka perlu adanya 10 Pillar IT iLearning Perguruan Tinggi Raharja. Output yang diperoleh adalah merupakan hasil dari penelitian Tridharma Perguruan Tinggi antara dosen dengan mahasiswa yang diwadahi oleh (REC) Raharja Enrichment Centre.
2. Macam-Macam TPi
![](http://roadmap.ilearning.me/wp-content/uploads/sites/831/2013/08/Screen-Shot-2013-07-30-at-11.01.12-300x279.png)
Perguruan Tinggi Raharja telah memiliki 10 Pilar IT iLearning yang dihasilkan dari hasil penelitian, yaitu terdiri dari :
-
iRMe (iLearning Raharja Multimedia e-Portfolio)
Definisi singkat : adalah media penyimpanan CV Pribadi Raharja dalam bentuk online (e-portfolio). Pribadi Raharja bisa membangun CV mereka dengan praktis kapanpun dan dimanapun dengan konsep paperless yang ditunjang dengan kemajuan teknologi membuat iRme ini adalah bukti bahwa Raharja mendukung Go Green.
-
Rinfo (Email Raharja.info)
Definisi singkat : adalah layanan email gratis yang disediakan oleh Perguruan Tinggi Raharja untuk semua Pribadi Raharja, alat komunikasi utama dan paling vital untuk para Pribadi Raharja. Setiap user Rinfo diberikan kapasitas sampai dengan 30GB. Semua kegiatan yang dilakukan akan mustahil tanpa adanya Rinfo ini. Selain itu, bisa juga dikatakan bahwa Rinfo terintegrasi semua pillar-pillar yang ada.
-
iDu (iLearning Education)
Definisi singkat : IDU (iLearning Education) merupakan sistem pembelajaran yang baru di kembangkan oleh perguruan tinggi raharja secara online untuk memudahkan civitas kampus dan mahasiswa dalam menjalankan perkuliahan. iDU bukan merupakan website lokal,tetapi iDU dapat diakses dimanapun dan kapanpun.
-
iRAN (iLearning Raharja Ask & News)
Definisi singkat : Raharja Ask and News adalah media aplikasi yang dirancang untuk memberikan layanan informasi, kejadian, pengetahuan atau peristiwa umum, maupun khusus di Perguruan Tinggi Raharja. News biasanya berkaitan dengan pekerjaan wartawan,dan wartawan adalah orang yang bekerja memburu, meliput, kemudian menuliskan berita (News). Raharja News yang merupakan bagian dari kumpulan aplikasi iRaharja.
-
iDuHelp!
Definisi singkat : adalah pelayanan yang disediakan oleh Perguruan Tinggi Raharja untuk melayani kebutuhan dan memberikan kepuasan kepada Pribadi Raharja yang meliputi, menjawab pertanyaan-pertanyaan atau memberikan informasi, dan penanganan keluhan-keluhan yang berhubungan dengan TPi ataupun kegiatan kampus yang sesuai dengan ruang lingkup.
-
Widuri (Wiki iDu Raharja iLearning)
Definisi singkat : adalah media sharing dan kolaborasi yang disediakan oleh Perguruan Tinggi Raharja yang bisa digunakan oleh seluruh Pribadi Raharja. Widuri bisa digunakan untuk membuat laporan penelitian, CV, dan keperluan lainnya yang nantinya bisa menjadi sarana kolaborasi.
-
Rooster (Role Online System Ticketing Raharja)
Definisi singkat : merupakan sebuah sistem pelayanan informasi dengan menggunakan tiket online yang akan diberikan kepada pihak yang terkait, agar dapat memberikan informasi yang cepat, tepar dan akurat. Rooster ini telah digunakan pada perguruan Tinggi Raharja yang bertujuan untuk menunjang sistem pelayanan chat online dan offline yang ada pada Perguruan Tinggi Raharja, salah satu contohnya adalah pelayanan iDuHelp! yang sedang berjalan saat ini.
-
iMe (iLearning Media)
Definisi singkat : adalah ada official portal blogging yang dipersembahkan untuk Pribadi Raharja dan setiap Pribadi Raharja akan mendapatkan subdomain sebagai media dokumentasi segala bentuk aktifitas tridharma.
-
Magics (Multimedia Audio Gallery iLearning Community and Services)
Definisi singkat : magics adalah media penyimpanan gambar, podcast dan video untuk menunjang kegiatan belajar mengajar. Setiap Pribadi Raharja berhak mendapatkan account magics yang bisa mereka gunakan sebagai tempat penyimpanan. .
-
iSur (iLearning Survey)
Definisi singkat : adalah sistem survey berbasis web yang digunakan untuk Pribadi Raharja melakukan survey kegiatan penelitian dan kegiatan akademik lainnya secara online.
Konsep Dasar iDuHelp!
1. Pengertian iDuHelp!
![](https://lh3.googleusercontent.com/-DUle3KuxDWQ/V9zesZL1YmI/AAAAAAAAJoE/W-I5zxcKmwYiBq3Zt0s8EGn4xLl465uNACK8B/s300/2016-09-16.png)
Dikutip dari site iMe iDuHelp![17]. iDuHelp! Adalah sebuah sistem penerapan campus service system pelayanan secara in site dan off site dalam mendukung kegiatan iLearning Education(iDU) pada perguruan tinggi diharapkan nantinya bagi para Pribadi Raharja tidak kesulitan dalam mengakses informasi mengenai hal-hal yang berhubungan dengan Kampus. Dan diharapkan dengan adanya sistem ini bisa mengetahui perihal fasilitas dan news apa saja yang dimiliki kampus tanpa harus datang langsung ke kampus.
iDuHelp juga merupakan salah satu bagian dari 10 Pillar IT iLearning (TPi), yang akan sangat membantu kita dalam pembelajaran di iLearning. Apa itu iDuHelp? Pengertian iDuHelp itu sendiri adalah Sistem penerapan campus service system dengan bentuk layanan secara in site dan off site dalam mendukung kegiatan iLearning Education (iDU). Di dalam iDuHelp! terdapat dua pilihan untuk bertanya, yaitu:
-
Online, disini kita dapat bertanya tentang ilearning dan akan mendapat jawaban langsung dari operator iDuHelp!. Di dalam iDuHelp! online memiliki keterbatasan waktu, karena waktu yang digunakan untuk bertanya itu pada hari senin s/d jumat dari jam 08:00 – 21:00.
-
Offline, lain halnya dengan iDuHelp! online di dalam iDuHelp! offline kita bisa meninggalkan pesan dan jawaban atas pertanyaan kita akan dikirimkan ke email yang diisi pada form iDuHelp offline.
2. Operator iDuHelp!
Operator iDuHelp! adalah Pribadi Raharja yang sedang menjalankan sebuah pengabdian Tridharma di Perguruan Tinggi Raharja Tugas Dari operator iDuHelp! adalah melayani dan memberikan suatu informasi yang dibutuhkan oleh Pribadi Raharja atau costumer iDuHelp! yang sesuai dengan ruang lingkup iDuHelp! yaitu 10 Pilar IT iLearning, dan bertugas sesuai dengan jadwal yang ditentukan.
3. Customer iDuHelp!
Customer iDuHelp! adalah Pribadi Raharja yang sedang bertanya tentang seputar kampus melalui sistem iDuHelp! baik iDuHelp! online ataupun iDuHelp! offline sesuai dengan keluhan yang mereka alami dan sesuai dengan ruang lingkup iDuHelp! seperti Ten Pilar iT..
4. Pengertian Tridharma
Dikutip dari site iMe iDuHelp![17]. Tridharma perguruan tinggi adalah salah satu dasar tanggung jawab mahasiswa yang harus dikembangkan secara simultan dan bersama-sama, Mahasiswa adalah agent of chance dan agent of control, jelasnya. Mahasiswa adalah ujung tombak masyarakat, sekaligus pemuda yang seharusnya memiliki karakter dan idealisme yang bagus, Pengabdian kepada masyarakat merupakan tridarma akhir dari perguruan tinggi, setelah kita belajar dan mengerti essensi pendidikan, kita harus menjadikan ilmu yang kita miliki berguna bagi masyarakat sekitar terutama bangsa dan negara, sebagai mahasiswa kita harus mengembangkan kemampuan berdasarkan karakteristik ilmu pengetahuan yang dipelajari, karena ketika berbicara sistem, inovasi dan gagasan-gagasan kreatif akan selalu bisa dimunculkan.
Perguruan Tinggi Raharja terdapat sebuah pelayanan kampus yang bernama iDuHelp!, secara singkat dapat dijelaskan bahwa iDuHelp! ini adalah pelayanan yang disediakan oleh Perguruan Tinggi Raharja untuk melayani kebutuhan dan memberikan kepuasan kepada Pribadi Raharja yang meliputi, menjawab pertanyaan-pertanyaan atau memberikan informasi, dan penanganan keluhan-keluhan yang berhubungan dengan TPi ataupun kegiatan kampus yang sesuai dengan ruang lingkup.
5. Training iDuHelp!
Noe, Hollenbeck, Gerhart & Wright (2003: 251)[18] Training is a planned effort to facilitate the learning of job-related knowledge, skills, and behavior by employee. Hal ini berarti bahwa pelatihan merupakan suatu usaha yang terencana untuk memfasilitasi pembelajaran tentang pekerjaan yang berkaitan dengan pengetahuan, keahlian dan perilaku oleh para pegawai.
Beberapa manfaat pelatihan yang diselenggarakan oleh perusahaan yang dikemukakan oleh Noe, Hollenbeck, Gerhart, Wright (2003)[18] , yaitu:
-
Meningkatkan pengetahuan para karyawan atas budaya dan para pesaing luar,
-
Membantu para karyawan yang mempunyai keahlian untuk bekerja dengan teknologi baru,
-
Membantu para karyawan untuk memahami bagaimana bekerja secara efektif dalam tim untuk menghasilkan jasa dan produk yang berkualitas,
-
'Memastikan bahwa budaya perusahaan menekankan pada inovasi, kreativitas dan pembelajaran,
-
Menjamin keselamatan dengan memberikan cara-cara baru bagi para karyawan untuk memberikan kontribusi bagi perusahaan pada saat pekerjaan dan kepentingan mereka berubah atau pada saat keahlian mereka menjadi absolut,
-
Mempersiapkan para karyawan untuk dapat menerima dan bekerja secara lebih efektif satu sama lainnya, terutama dengan kaum minoritas dan para wanita..
Dikutip dari site iMe iDuHelp![17].. iDuHelp! (iLearning Education Help) adalah bentuk pelayanan kampus yang dijadikan sebagai salah satu kegiatan tridharma pada Perguruan Tinggi Raharja. Dengan adanya kegiatan tridharma ini maka diadakanlah training sebelum mahasiswa/i menjadi Operator iDuHelp!. Training iDuHelp! ini adalah salah satu upaya untuk memberikan pembelajaran dan pengalaman melalui praktek langsung mengenai cara untuk menjadi Operator iDuHelp! yang baik. Dengan adanya training ini diharapkan para operator memiliki kualitas yang baik sehingga meningkatkan mutu pelayanan kampus pada Perguruan Tinggi Raharja.
Konsep Dasar Website
1. Definisi Website
Menurut Hidayat (2010: 6)[19] website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Jadi dapat dikatakan bahwa, pengertian website adalah kumpulan halaman-halaman. yang digunakan untuk menampilkani informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman website dengan halaman website lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext.
Menurut Arief (2011: 7)[20] “Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, animasi, video) didalamnya yang menggunakan protokol HTTP (Hypertext Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser”.
2. Jenis-Jenis Website
Seiring dengan perkembangannya waktu begitupun juga dengan teknologi yang semakin maju, website juga mengalami perkembangan yang sangat bermanfaat. Dalam mengelompokan jenis-jenis web, dan lebih terlihat lebih terarah dengan bedasarkan Fungsi, sifat atau style' dan Bahasa pemograman yang dipakai.
Jenis-jenis web bedasarkan sifat atau stylenya:
-
Web Dinamis, merupakan website yang menyediakan sebuah konten atau sebuah isi yang selalu berubah setiap waktu.
-
Web Statis merupakan website yang mempunyai sebuah konten yang sangat jarang berubah.contoh dari Web Statis adalah Web Profil organisasi,
Bedasarkan fungsinya website terbagi menjadi 4 yaitu:-
Personal Website, yaitu website yang memiliki isi mengenai informasi pribadi seseorang.
-
Commercial website, yaitu website yang memiliki isi mengenai sebuah perusahaan yang bersifat bisnis.
-
Government website, yaitu website yang dimiliki oleh pemerintahan, pendidikan yang bermaksud memberikan sebuah pelayanan kepada user.
-
Non-Profit Organization website, yaitu website yang dimiliki oleh sebuah organisasi yang bersifat non profit atau bisa dibilang tidak menyai sifat bisnis.
Diamati dari segi Bahasa pemograman yang digunakan, website terbagi menjadi 2 bagian yaitu:-
Sever side merupakan sebuah teknologi webpage yang menggunakan jenis pemrograman web yang dimana semua sintax yang diberikan akan di proses di web server.
-
Client side merupakan sebuah teknologi webpage yang menggunakan Bahasa pemograman yang dimana sintax dan perintah program diproses di web browser biasa atau bisa yang dibilang tidak menggunakan server.
-
-
Konsep Dasar Internet
1. Definisi Internet
Menurut eWolf Community (2012: 1)[21], Internet merupakan singkatan dari Interconnection Networking, yaitu jaringan komputer dalam skala dunia.Internet terdiri dari banyak jaringan komputer lokal yang saling terhubung sehingga membentuk jaringan global dengan segala macam aturan (protokol).Protokol utama yang digunakan saat ini adalah TCP/IP (Transmission Control Protocol/Internet Protocol), yaitu sekumpulan aturan untuk komunikasi data antar komputer dalam suatu jaringan.
Menurut Ananda (2009: 1)[22], Internet adalah rangkaian komputer yang terhubung satu sama lain.
Berdasarkan beberapa pendapat para ahli yang dikemukakan di atas dapat ditarik kesimpulan bahwa internet adalah perangkat yang terhubung melalui jaringan dan saling berinteraksi dengan waktu dan wilayah yang tak terhingga.
2. Sejarah Internet
Sejarah internet dimulai pada 1969. Ketika itu, Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency (DARPA), memutuskan untuk mengadakan riset tentang cara menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama Arpanet. Perkembangan intenet dapat dibagi dalam empat aspek yaitu :
-
Adanya aspek evolusi teknologi yang dimulai dari riset packet switching Arpanet (berikut teknologi perlengkapannya) yang pada saat itu dilakukan riset lanjutan untuk mengembangkan wawasan terhadap infrastruktur komunikasi data yang meliputi beberapa dimensi seperti skala, performannce/kehandalan, dan kefungsian tingkat tinggi.
-
Adanya aspek pelaksanaan dan pengelolaan sebuah infrastruktur yang global dan kompleks.
-
Adanya aspek sosial yang dihasilkan dalam sebuah komunitas masyarakat besar yang terdiri dari para Internauts yang bekerjasama membuat dan mengembangkan terus teknologi ini.
-
Adanya aspek komersial yang dihasilkan dalam sebuah perubahan ekstrim namun efektif dari sebuah penelitian yang mengakibatkan terbentuknya sebuah infrastruktur informasi yang besar dan berguna. Internet sekarang sudah merupakan sebuah infrastruktur informasi global (widespread information infrastructure), yang awalnya disebut “The National Information Infrastructure” di Amerika Serikat.
Definisi Media Online
Media online adalah media yang terbit di dunia maya, istilah dunia maya pertama kali dikenalkan oleh William Gibson (1984/1994) dalam novelnya yang mengartikan dunia maya yaitu realita yang terhubung secara global, didukung komputer, berakses komputer, multidimensi, artificial, atau virtual (Severin dan James W. Tankard, 2005: 445)[23].
Syarifudin Yunus (2010: 27)[24]. mengatakan: Media online yaitu media internet, seperti website, blog, dan lainnya yang terbit/tayang di dunia maya, dapat dibaca dan dilihat di internet. Media online merupakan pemain baru dalam kancah pers Indonesia, menurut beberapa sumber media online di Indonesia telah tumbuh sejak tahun 1994.
Vini Winarti Halim (2006: 27)[25] mengenai media online yaitu website/situs yang difungsikan sebagai media komunikasi elektronik yang tidak terikat ruang dan waktu dengan tujuan untuk memberikan informasi aktual yang dapat diakses oleh publik secara in real time.
Dari penjelasan yang ada mengenai media online di atas , penulis dapat mengambil sebuah kesimpulan bahwa media online yaitu media yang terbit atau muncul di dunia maya dengan bentuk yang sederhana dan tidak ada batas pada ruang dan waktu, sehingga semua orang dapat mengaksesnya kapan saja dan dimana saja sejauh mana yang penting terdapat koneksi dengan jaringan yang ada. Bersifat real time, aktual dan dapat diakses dan dilihat oleh siapa pun.
Konsep Dasar HTML
1. Definisi HTML
Menurut Oktavian (2010: 13)[26], “HTML adalah suatu bahasa yang dikendalikan oleh web browser untuk menanpilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text).”.
Menurut Simarmata (2010: 52)[27], HTML adalah bahasa markup untuk menyebaran informasi pada web. Ketika merancang HTML, ide ini diambil dari Standart Generalized Markup Language (SGML). SGML adalah cara yang terstandarisasi dari pengorganisasian dan informasi yang terstruktur di dalam dokumen atau sekumpulan dokumen. Walaupun HTML tidak dengan mudah dapat dipahami kebanyakan orang, ketika diterbitkan penggunaanya menjadi jelas.
Menurut Arief (2011: 23)[20], “HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan pada web browser”.
Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan bahwa, HTML adalah sebuah Bahasa pemograman yang sangat penting untuk menampilkan informasi pada halaman web, karena HTML untuk menampilkan informasi dalam bentuk hypertext dan juga mendukung perintah yang dapat digunakan untuk mengatur tampilnya informasi tersebut.
2. Tag Yang Sering Digunakan
Menurut Oktavian (2010: 14)[26], ada banyak ragam tag yang tersedia dalam HTML, namun disini tidak akan dibahas semuanya. Berikut adalah daftar tag yang sering digunakan dalam mempelajari pembuatan web, yaitu:
- Tag "!.."
Digunakan untuk menandai sebuah komentar suatu kode (script) dengan tanda ini, maka browser tidak akan menerjemahkannya. - Tag "a"
Singkatan dari anchor, tag ini digunakan untuk membuat sebuah tautan (link) antar web. Ciri dari link adalah : - Bila link belum pernah diakses (klik) maka akan berwarna biru dan bergaris bawah.
- Bila sudah pernah diakses (klik) maka akan berubah menjadi ungu dan tetap bergaris bawah
- Bila sedang aktif (diklik) maka akan berwarna merah dan bergaris bawah.
- Tag "b"
Digunakan untuk membuat teks cetak tebal. - Tag "big"
Digunakan untuk membuat sebuah tulisan agar nampak lebih besar. Hal ini berbeda untuk cetak tebal (bold). - Tag "body"
Merupakan bagian dari struktur HTM yang digunakan untuk menandai badan (body) suatu dokumen HTML. Penggunanya dapat dilihat seperti pada contoh di atas. - Tag "br" Digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru dibawahnya.
- Tag "button"
Digunakan untuk membuat tombol di web browser. Biasanya digunakan untuk trigger suatu proses, misal digunakan untuk menympan atau menghapus dat. Tag ini biasanya diletakkan dalam sebuah form. - Tag "caption"
Digunakan untuk membuat judul sebuah tabel. Penggunaan tag ini biasanya bersamaan dengan deklarasi tabel. - Tag "center"
Digunakan untuk menengahkan suatu teks halaman. - Tag "div"
Tag ini digunakan untuk mendefinisikan bagian dari suatu halaman web dengan format atau style tertentu. - Tag "font"
Digunakan untuk memformat bentuk font, ukuran, warna, ukuran dari sebuah teks. - Tag "form"
Adalah tag yang digunakan oleh pengguna untuk memasukan data. Tag ini biasanya dibantu oleh beberapa komponen lain, seperti: input, button, option, dan lainnya. - Tag "frame" dan "frameset"
Tag ini digunakan untuk menampilkan halaman web lain dalam sebuah halaman web yang dibuat. Halaman dapat dibuat terpisah dengan menampilkan halaman web lain yang berbeda-beda. - Tag "head"
Digunakan untuk menampung elemen-elemen header dari sebuah halaman web. Penggunaannya seperti pada contoh tag "big". - Tag "h1" sampai dengan "h6"
Digunakan untuk mendefinisikan tulisan header. Untuk mengetahui perbedaanya, perhatikan ukuran setiap teks hasil di browser. - Tag "hr"
Digunakan untuk membuat garis horisontal. - Tag "html"
Digunakan untuk memberitahu browser bahwa kode yang dituliskan merupakan dokumen HTML. Penggunaanya seperti pada contoh tag "big". - Tag "i"
Digunakan untuk membuat teks cetak miring. - Tag "img"
Digunakan untuk membuat teks cetak miring. - Tag "input"
Digunakan untuk berinteraksi dengan pengguna dalam hal memasukan data ke server. Input mempunyai banyak tipe, yaitu: button, checkbox, file, hidden, image, password, radio, reset, submit, dan text. Penggunaannya seperti pada contoh tag "form". - Tag "li"
Digunakan untuk menampilkan simbol data berurut,seperti simbol bullet dan nomor. Untuk urutan bernomor diawali dengan tag "ol", sedangkan untuksimbol bullet diawali tag "ul". - Tag "link"
Digunakan untuk mendefinisikan hubungan antara halaman web yang dibuat dengan data atau aturan dari luar. Tag ini biasanya digunakan pada saat web menggunakan file css. - Tag "ol"
Digunakan untuk urutan data bernomor atau numerik, juga alfabet. Penggunaannya seperti pada contoh tag "li".
Digunakan untuk urutan data bernomor atau numerik, juga alfabet. Penggunaannya seperti pada contoh tag "li".
Definisi PHP
Menurut Nugroho(2009: 113)[28], “PHP merupakan bahasa standar yang digunakan dalam dunia website, PHP adalah bahasa program yang berbentuk skrip yang diletakkan di dalam serve web”..
Menurut Arief (2011: 43)[20], definisi PHP adalah sebagai berikut :
PHP (PHP: Hypertext Preprocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke browser dalam format HTML.
Menurut Wardana (2010: 7)[29], “PHP adalah bahasa scripting yang menyatu dengan HTML (kode dasar website) dan dijalankan pada server side. Artinya, semua sintaks PHP yang diberikan akan sepenuhnya dijalankan pada server, sedangkan yang dikirimkan ke browser hanya hasilnya saja”.
Menurut Prasetio (2012: 122) [30], “PHP (PHP: Hypertext Preprocessor) adalah bahasa script yang ditanam di sisi server”.
Menurut Oktavian (2010: 31)[26], “PHP adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML”. Kode PHP mempunyai ciri-ciri khusus, yaitu :
-
Hanya dapat dijalankan menggunakan web server, misal: Apache.
-
Kode PHP diletakkan dan dijalankan di web server.
-
Kode PHP dapat digunakan untuk mengakses database, seperti: MySQL.
-
Merupakan software yang bersifat open source.
-
Gratis untuk didonwload dan digunakan.
-
Memiliki sifat multipaltform, artinya dapat dijalankan menggunakan sistem operasi apapun, seperti: Linux, Unix, Windows, dan lain-lain.
Menurut Anhar (2010: 3)[31], definisi PHP adalah sebagai berikut :
PHP singkatan dari PHP: Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang bersifat open source. PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML embedded scripting). PHP adalah script yang digunakan untuk membuat halaman 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 atau up to date. Semua script PHP dieksekusi pada server dimana script tersebut dijalankan.
Definisi Bootstrap
Bootstap merupakan framework ataupun tools untuk memudahkan aplikasi web' ataupun situs web responsive secara cepat, mudah dan gratis hal ini berdasarkan kutipan Husein Alatas (2013: 2)[32]. Bootsrap sendiri terdiri dari CSS dan HTML untuk menghasilkan grid, layout, typography, table, form, navigation dan lain-lain. Di dalam bootsrap juga sudah terdapat jquery plugin untuk menghasilkan komponen UI yang cantik seperti transitions, modal, dropdown, scrollspy, tooltip, tab, popover, alert, button, carousel dan lain-lain.
Dengan bantuan bootstrap kita dapat membuat responsive website dengan mudah dan dapat berjalan sempurna pada browser-browser populer seperti chrome, firefox, safari, dan opera serta internet explorer.
Bootsrap sendiri diciptakan oleh dua orang programmer twitter, yaitu Mark Otto dan Jacob Thorton pada tahun 2011[33]. Pada saat itu programmer twitter menggunakan berbagai macam tool dan library yang mereka kenal dan suka untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan akibatnya sulit untuk dikelola sehingga Mark Otto dan Jacob Thorton tergerak untuk menciptakan satu tool atau framework yang dapat digunakan bersama dilingkungan internal twitter. Bootsrap sendiri diciptakan oleh dua orang programmer twitter, yaitu Mark Otto dan Jacob Thorton pada tahun 2011[33]. Pada saat itu programmer twitter menggunakan berbagai macam tool dan library yang mereka kenal dan suka untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan akibatnya sulit untuk dikelola sehingga Mark Otto dan Jacob Thorton tergerak untuk menciptakan satu tool atau framework yang dapat digunakan bersama dilingkungan internal twitter.
Konsep Dasar Perangkat Lunak Pendukung
1. Filezilla
FileZilla suatu basis dokumentasi yang bertujuan untuk membantu mereka yang ingin mendownload, menginstal, mengkompilasi dan menggunakan Client FileZilla dan software FileZilla Server untuk mentransfer file di Internet. FileZilla Client adalah gratis, 'pen source klien FTP. Mendukung FTP, SFTP, dan FTPS (FTP over SSL/TLS). Klien tersedia di bawah banyak platform, binari untuk Windows, Linux dan Mac OS. Dalam pengembangan iDuHelp! filezilla ini digunakan untuk mengedit coding iDuHelp! sesuai dengan keperluan pengembangan.
2. Notepad++
Notepad++ sebuah text editor yang sangat berguna bagi setiap orang, khususnya bagi para developer dalam membuat program. Notepad++ mengunakan komponen Scintila untuk dapat menampilkan dan menyunting teks dan berkas kode sumber berbagai bahasa pemrograman yang berjalan di atas sistem operasi Microsoft Windows. Selain manfat dan kemampuanya menangani banyak bahasa pemrograman, Notepad++ juga dilisensikan sebagai free software.
Konsep Dasar Testing
1. Definisi Testing
Menurut Rizky (2011: 237)[34]., “Testing adalah sebuah proses yang diejawantahkan sebagai 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:
-
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.
-
Validasi
Validasi adalah sebuah proses yang melakukan konfirmasi bahwa perangkat lunak dapat dieksekusi secara baik
Definisi dari standart yang harus dipenuhi oleh kebutuhan perangkat lunak adalah pembebasan perangkat lunak dari failure, fault, dan error serta incident dijelaskan dalam detail berikut:
-
Failure
Failure adalah kegagalan perangkat lunak dalam melakukan proses yang seharusnya menjadi kebutuhan perangka lunak tesebut.
-
Fault
Fault adalah akar permasalahan dari kegagalan sebuah perangkat lunak.
-
Error
Error adalah akibat dari adanya fault atau kerusakan yang kemudian dipicu oleh perilaku pengguna..
-
Incident
Incident atau kecelakaan merupakan hasil akhir yang terjadi akibat dari error yang berkelanjutan dan tidak diperbaiki atau tidak terdeteksi dalam proses pengembangan perangkat lunak.
2. Acuan dan Pengukuran Testing
Menurut Rizky (2011: 256)[34]. “Acuan testing adalah satuan pengukuran secara kuantitatif dari proses testing yang dijalankan. Sedangkan pengukuran testing adalah aktivitas untuk menentukan keluaran testing berdasarkan acuan yang telah ditetapkan dalam proses testing”.
Banyak pendapat yang menyatakan tentang panduan membuat acuan dalam proses testing perangkat lunak, meski demikian dari sekian banyak pendapat tersebut ada beberapa pedoman yang dapat digunakan dalam penentuan acuan testing antara lain:
-
Waktu
Dalam hal acuan waktu, harus disepakati bersama satuan yang akan digunakan. Apakah akan menggunakan satuan dalam hitungan tahun, bulan, atau hari dari jadwal penyelesaian perangkat lunak yang ada.
-
Biaya
Dalam testing juga penting untuk ditetapkan acuan biaya yang akan digunakan. Acuan umum ini didasarkan pada anggaran yang telah ditetapkan dan kemudian diperiksa kembali dengan biaya yang telah dikeluarkan selama pembuatan perangkat lunak.
-
Kinerja Testing
Yang dimaksud dengan kinerja testing adalah efektivitas dan efiensi dalam pelaksanaan testing. Efektivitas dalam konteks ini dapat diartikan sebagai pencapaian tujuan dari proses testing. Apakah proses testing telah berjalan sebagaimana mestinya, demi mencapai pemenuhan kualitas serta kebutuhan perangkat lunak, atau hanya demi mencari kesalahan sehingga menjatuhkan tim pengembang perangkat lunak.
-
Kerusakan
Seperti yang telah dijelaskan di sub bab sebelumnya, bahwa proses testing tidak hanya berupa proses untuk mencari kesalahan maupun kerusakan di dalam sebuah perangkat lunak. Tetapi lebih sebagai upaya bersama untuk mencapai kualitas sebuah perangkat lunak. Meski demikian, kerusakan yang ditemukan pada saat proses testing tetap menjadi acuan dari pelaksanaan testing tersebut. Hanya pada saat sebuah kerusakan ditemukan, maka harus diklasifikasikan terlebih dahulu agar tidak terkesan bahwa proses testing berjalan subyektif.
3. Tipe dan Teknik Testing
Menurut Rizky (2011: 259)[34]., “Tipe testing lebih berkonsentrasi terhadap aspek dari perangkat lunak yang akan dikenai proses testing. Teknik testing merupakan metode yang digunakan dalam melakukan testing untuk bagian tertentu dari perangkat lunak”.
Secara teoritis, testing dapat dilakukan dengan berbagai jenis tipe dan teknik. Namun secara garis besar, terdapat dua jenis tipe testing yang paling umum digunakan di dalam lingkup rekayasa perangkat lunak. Dua jenis tersebut adalah White box dan Black box testing.
- White Box Testing
Menurut Rizky (2011: 262)[34]., “White Box Testing secara umum merupakan jenis testing yang lebih berkonsentrasi terhadap “isi” dari perangkat lunak itu sendiri. Jenis ini lebih banyak berkonsentrasi kepada source code dari perangkat lunak yang dibuat”. - Black Box Testing
Menurut Rizky (2011: 265)[34]., definisi Black box testing adalah sebagai berikut: Black box testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenai proses testing di bagian luar.
- Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman.
- Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna.
- Hasil dari Black box testing dapat memperjelaskan kontradiksi ataupun kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak.
- Proses testing dapat dilakukan lebih cepat dibandingankan White box testing.
Beberapa teknik testing yang tergolong dalam tipe ini antara lain:
- Equivalence Partitioning
Pada teknik ini, tiap inputan data dikelompokan ke dalam grup tertentu, yang kemudian dibandingkan output nya. - Boundary Value Analysis
Merupakan teknik yang sangat umum digunakan pada saat awal sebuah perangkat lunak selesai dikerjakan. Pada teknik ini, dilakukan inputan yang melebihi dari batasan sebuah data. Sebagai contoh, untuk sebuah inputan harga barang, maka dapat dilakukan testing dengan menggunakan angka negatif (yang tidak diperbolehkan dalam sebuah harga). Jika perangkat lunak berhasil mengatasi inputan yang salah tersebut, maka dapat dikatakan teknik ini telah selesai dikatakan - Cause Effect Graph
Dalam teknik ini, dilakukan proses testing yang menghubungkan sebab dari sebuah inputan dan akibatnya pada output yang dihasilkan. Sebagai contoh, pada sebuah inputan nilai siswa, jika diinputkan angka 100, maka output nilai huruf seharusnya adalah A. Tetapi bisa dilakukan testing, apakah output nilai huruf yang dikeluarkan jika ternyata inputan nilai adalah 67.5. - Random Data Selection
Seperti namanya, teknik ini berusaha melakukan proses inputan data dengan menggunakan nilai acak. Dari hasil inputan tersebut kemudian disebut sebuah tabel yang menyatakan validasi dari output yang dihasilkan. - Feature Test
Pada teknik ini dilakukan proses testing terhadap spesifikasi dari perangkat lunak yang telah selesai dikerjakan. Misalkan, pada perangkat lunak sistem informasi akademik. Dapat dicek dengan fitur untuk melakukan entri nilai telah tersedia, begitu dengan fitur entri data siswa maupun entri data guru yang akan malakukan entri nilai.
Konsep Dasar Database
1. Definisi Database
Menurut Prasetio (2012: 181)[30], Database adalah sebuah struktur yang umumnya dikategorikan dalam 2 (dua) hal, sebuah database flat dan sebuah database relasional. Database relasional lebih disukai karena lebih masuk akal dibandingkan database flat.
Menurut Raharjo (2011: 3)[35], Database adalah kumpulan data yang terintegrasi dan diatur sedemikian rupa sehingga data tersebut dapat dimanipulasi, diambil, dan dicari secara cepat.
Menurut Anhar (2010: 45)[31], Database adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database adalah Data Record dan Field.
2. Definisi Tabel
Menurut Anhar (2010: 45)[31], Tabel adalah komponen paling utama dalam membuat website, pada saat pembuatan sebuah halaman web, tabel dijadikan sebagai media yang berfungsi sebagai kerangka untuk meletakkan komponen-komponen isi web. Sehingga dapat meninggalkan pengguna tabel dalam sebuah design web.
Selain sebagai kerangka kerja, tabel juga dijadikan sebagai media untuk merapihkan semua content (isi web) yang ada di dalam halaman web. Jadi sebagai seorang web master atau designer web kita tidak akan dapat meninggalkan tabel, karena tabel dapat dikatakan sebuah komponen HTML yang diharuskan dalam pembuatan website.
3. Definisi Record
Menurut Anhar (2010: 45)[31], Record adalah data yang isinya merupakan satu kesatuan seperti Nama User dan Password. Setiap keterangan yang mencakup Nama Userdan Password dinamakan satu record. Setiap record diberi nomor yang disebut nomor record (Record Number).
4. Definisi Fields
Menurut Anhar (2010: 45)[31], Fields adalah sub bagian dari record. Dari contoh isi record di atas, maka terdiri dari 2 fields, yaitu : fields Nama User dan Password.
Definisi Dashboard
Menurut Henderi (2011: 45)[36], Dashboard adalah suatu model antarmuka sistem informasi yang dianalogikan seperti dashboard sebuah mobil yang mudah untuk dipelajari dan sangat strategis bagi driver. Menurut ejaan Bahasa Indonesia yang disempurnakan dashboard ditulis dengan dasbor, yang berarti papan penunjuk.
Menurut Rajagukguk (2010: 80)[37], Dashboard adalah sebuah koleksi informasi bersifat realtime yang digunakan untuk mengevaluasi performa dan memastikan bahwa tujuan dari operasi tercapai.
Berdasarkan beberapa definisi yang dikemukakan di atas dapat disimpulkan dashboard adalah sebuah pusat untuk control panel yang berfungsi untuk mengatur semua akses kegiatan dari sebuah situs atau website.
Definisi Leaderboard
Definisi Leaderboard (2009) [38],Leaderboard, the first game in the series, was released in 1986 and included four different water-based courses. It was well received, being rated as 97% overall by Zzap 64 magazine and being prized with their "Gold Award". It was also highly rated by other magazines, withYour Sinclair rating it 9 out of 10, Sinclair User giving it five stars, and Crash rating it 80%.
Leaderboard Tournament, released the same year, was a series of expansion disks each containing four new courses.
Berdasarkan beberapa definisi yang dikemukakan di atas dapat disimpulkan bahwa Leaderboard adalah sebuah papan nilai atau papan rank yang biasanya terdapat pada suatu permainan.
Definisi Viewboard
Technology Partners (2014) [39], Viewboard is a custom application created by Technology Partners, with it you can have the most important information you need to make mission critical business decisions on a daily basis in one easy to read dashboard. From metrics and socials to department level critical information, you decide what you want to have in your custom dashboard. The dashboard interface is fully dynamic, you are able to connect it to a CMS system or have it directly access your database to manage the information feeds.
Dari definisi tersebut dapat disimpulkan bahwa Viewboard adalah aplikasi custom yang fungsinya agar dapat menampilkan informasi penting dan juga informasi yang dibutuhkan.
Definisi FAQ
FAQ adalah singkatan dari Frequently Asked Questions yakni sebuah daftar pertanyaan dan jawaban yang biasa ditanyakan kepada pemilik suatu website. Pengelola website membuat sebuah forum FAQ dalam websitenya. Untuk mengajukan pertanyaan seputar pembahasan dalam website,harus tergabung dahulu diforum dalam website. Lalu penulis website menampilkan pertanyaan-pertanyaan yang sering ditanyakan pada forum websitenya yang sesuai dengan bahasan topik pada website atau yang berkenaan dengan tema websitenya. Biasanya ini dilengkapi dengan hyperlink dan jika hyperlink ini diklik maka akan muncul penjelasan jawaban dari pertanyaan yang telah dilengkapi dengan hyperlink, atau biasanya penulis website langsung menampilkan pertanyaan dan dibawah pertanyaan langsung dimunculkan penjelasan dari pertanyaan yang ditampilkan.
Konsep Dasar Literature Review
1. Definisi Literature Riview
Menurut Hermawan (2009: 43)[40],“Tinjauan pustaka adalah menganalisa secara kritis pustaka penelitian yang ada saat ini. Telaah pustaka tersebut perlu dilakukan secara ketat”.
Menurut Semiawan (2010: 104)[41], “Literature review adalah bahan yang tertulis berupa buku, jurnal yang membahas tentang topik yang hendak diteliti.” Tinjauan pustaka membantu peniliti untuk melihat ide-ide, pendapat, dan kritik tentang topik tersebut yang sebelum dibangun dan dianalisa oleh para ilmuwan sebelumnya. Pentingnya tinjauan pustaka untuk melihat dan menganalisa nilai tambah penelitian ini dibandingkan dengan penelitian-penelitian sebelumnya.
Bedasarkan pendapat para ahli yang dikemukakan di atas dapat diambil kesimpulkan bahwa literature review adalah sebuah analisa yang berwujud kritikan dari sipeneliti yang sedang mereka lakukan.
2. Tujuan Literature Riview
Menurut Hermawan (2009: 45)[40], tinjauan pustaka berisi penjelasan secara sistematik mengenai hubungan antara variabel untuk menjawab perumusan masalah penelitian. Tinjauan pustaka dalam suatu penelitian memiliki beberapa tujuan, yaitu:
- Untuk berbagi informasi dengan para pembaca mengenai hasil-hasil penelitian sebelumnya yang erat kaitannya dengan penelitian yang sedang kita laporkan.
- Untuk menghubungkan suatu penelitian ke dalam pembahasan yang lebih luas serta terus berlanjut sehingga dapat megisi kesenjangan-kesenjangan serta memperluas atau memberikan kontribusi terhadap penelitian-penelitian sebelumnya.
- Menyajikan suatu kerangka untuk menunjukan atau meyakinkan pentingnya penelitian yang dilakukan dan untuk membandingkan hasil atau temuan penelitian dengan temuan-temuan penelitian lain dengan topik serupa.
Menurut Yuniarti (2012: 3)[42], studi pustaka bertujuan untuk mendapatkan landasan teoritis yang berguna sebagai tolak ukur dalam membahas dan menganalisa 8data serta mengambil kesimpulan dan saran dalam analisa laporan keuangan perusahaan tertentu.
Literature Review
-
Penilitian ini dilakukan oleh Ayu Wanda Lestari (2015)[43] Penelitian yang berjudul “Perancangan Viewboard Rooster dengan menggunakan Bootstrap pada Perguruan Tinggi Raharja”. Penelitian ini membahas dimana Dengan menyediakan Viewboard Rooster nantinya akan ada informasi mengenai status tiket, tiket overdue, dan rekap tiket secara otomatis di dalam Rooster. Lalu akan ada juga informasi mengenai mutu dari Rooster itu sendiri yang terdiri dari mutu pembuat tiket, mutu penjawab tiket, dan mutu pertanyaan terpopuler. Fungsi dari Viewboard ini untuk menunjang pelayanan pada Rooster agar lebih baik lagi, di dalam Viewboard juga akan ada informasi mengenai daftar nama staff Rooster, fasilitas FAQ, Viewboard juga dapat terkoneksi dengan iDuHelp! dan juga akan ada Log visitor daftar staff yang terakhir login pada Rooster.
-
Penilitian ini dilakukan oleh Isma Damayanti (2015)[44] Penelitian yang berjudul “Analisa Perancangan Sistem Viewboard Zorilia dengan Menggunakan Metode Gamification Studi Kasus: Perguran Tinggi Raharja”. Penelitian ini membahas Dimana Zorilia menggunakan platform iLearning gamification untuk membuat bekerja dan belajar terasa seperti bermain. Segala bentuk pekerjaan dapat dilakukan disini agar tidak ada yang terlewat, menjadi suatu kombinasi yang sangat sempurna. Ditambah lagi, perancangan Viewboard ini menjadi penyempurna konsep gamification karena ranking semua user terangkum di dalam Viewboard dan akan menjadi motivasi tersendiri untuk para user agar selalu menjadi no 1 di dalam Viewboard. Konsep gamification ini sama halnya dengan konsep 4b yaitu belajar, bekerja, bermain dan berdoa yang sebelumnya sudah diterapkan pada Perguruan Tinggi Raharja. Dengan konsep ini user dapat menyelesaikan to do list nya dengan baik. Sistem Zorilia ini juga merupakan salah satu bagian dari Future IT Raharja (FIR).
-
Penelitian ini dilakukan oleh Henderi, Untung Rahardja, Qory Oktisa Aulia dan Muhamad Hendri pada tahun 2011[36]yang berjudul “Dashboarding Information Systems For The Education Sector: Aplication and Methodologies”. Penelitian ini membahas metodologi dan aplikasi dashboarding information system (DIS) untuk institusi sektor pendidikan sebagai model sistem informasi pengukuran dan evaluasi capaian kinerja organisasi dalam bentuk key performance indicator (KPI). Dalam implementasinya, aplikasi DIS dibangun menggunakan bahasa pemograman PHP untuk membuat aplikasi front office sebagai interface dan software fusionchart sebagai aplikasi pembuat grafik. Aplikasi DIS yang dibuat juga menggunakan eXtensible Markup Language (XML).
-
Penelitian ini dilakukan oleh Eva Hariyanti dan Endah Purwanti (2014)[45] Penelitian yang berjudul “Perancangan Sistem Dashboard Untuk Monitoring Indikator Kinerja Universitas” Penelitian ini membahas Tujuan dari penelitian ini adalah merancang sistem dashboard untuk monitoring dan evaluasi kinerja berdasarkan indikator kinerja kunci (KPI) universitas. Metode yang digunakan pada penelitian ini mengakomodasi tiga aspek utama dashboard yaitu data/informasi, personalisasi, dan kolaborasi antar pengguna. Pada penelitian ini, dapat dilihat bahwa aktifitas analisis meta informasi dan perhitungan summary untuk dashboard universitas, Hasil pengujian prototype menunjukkan bahwa dashboard yang dibuat telah menghasilkan informasi yang sesuai dengan kebutuhan pengguna pada setiap level.
-
Penelitian ini dilakukan oleh Sherlita Tanuprasodjo (2012)[46] Penelitian yang berjudul “Analisis Dan Perancangan Dashboard Information System Tracer Study Pada Siklus Kelulusan Program Studi Akuntansi Perguruan Tinggi X Di Surabaya” Penelitian ini membahas ntuk melakukan analisis dan perancangan sistem informasi untuk dashboard information system, yang mengacu pada data tracer study. Untuk memperoleh informasi yang berkualitas,dibutuhkan dashboard information system yang dapat menjadi alat untuk memenuhi hal tersebut. Dengan dashboard information system, informasi yang disajikan akan lebih interaktif dan cepat diperoleh. Desain dashboard information system yang baik akan memberikan informasi yang akurat. Jenis penelitian ini adalah Applied Research karena penelitian ini dilakukan untuk merancang sistem informasi yang dibutuhkan dari hasil tracer study dengan menggunakan desain dashboard information system. Objek penelitian ini adalah program studi Akuntansi, Perguruan Tinggi X. Perguruan Tinggi “X” berlokasi di Surabaya, Jawa Timur.
-
This research was conducted by Fiorenzo Franceschini, Maurizio Galetto and Elisa Turina (2009)[47] Study entitled "Service quality monitoring by performance indicators: a proposal for a structured methodology” The evaluation of service quality is usually carried out using a suitable set of Performance Indicators (PIs). In general, the development of a proper set of PIs is a fundamental prerequisite to the monitors of the organisation or process performances. Many conceptual models have been proposed in the literature. The question is how to make these models the co-operative. This paper aims to describe a structured methodology to identify a set of PIs for service quality monitoring. First, the service is mapped in order to identify its main activities. Then, the Quality Function Deployment (QFD) methodology is applied. Relations between the service quality determinants and the corresponding indicators are established and analysed. The monitoring of a service often implies the definition of large PI sets. To make quicker indicators analyses and process anomalies identification, a subset of the most critical of the PIs is selected (Performance Dashboard). This subset is used for the earliest of the monitoring system. In this paper, different selection techniques are proposed and compared. The methodology has been tested experimentally on a Help Desk (HD) service. The obtained results are proposed and discussed.
-
This research was conducted by Anatoliyovych Rusol Karralli, Joyce Tipton, Doina Dumitru, Lisa Scholz and Santhi Masilamani (2015)[48] Study entitled "Development of a metrics dashboard for monitoring involvement in the Drug Pricing Program, s.a." the study discussed In recent years there has been heightened congressional and regulatory scrutiny of the federal program, s.a., which provides discounted drug prices on Medicaid-covered drugs to safety net hospitals and other healthcare organizations, s.a.-eligible , or "covered entities." Historically, the program has lacked s.a. a metrics-driven reporting framework to help covered entities capture the value of community involvement programs, s.a., benefits provided to underserved populations, and costs associated with compliance with s.a. eligibility requirements. The u.s. is part of an initiative by a large health system to optimize its utilization program, s.a. and regulatory compliance efforts, a team of pharmacists led the development of an electronic dashboard tool to help monitor program activities at the s.a. system's s.a.-eligible facilities. After soliciting input from an array of internal and external stakeholders, the program s.a. team designed the dashboard and the associated data-entry tools to facilitate the capture and analysis of program-related data, s.a. in four domains: cost savings and revenue, program maintenance costs, community benefits, and compliance
-
The study was conducted by Edward Karavakis, Julia Andreeva, Akram Khan, Gerhild Maier and Benjamin Gaidioz (2010)[49] Study entitled "CMS Task Monitoring Dashboard: A user-centric monitoring view" We are now in a phase change of the CMS experiment where people are turning more intensely to physics analysis and away from construction. This brings a lot of challenging issues with respect to monitoring of the user analysis. The physicists must be able to monitor the execution status, application and grid-level messages of their tasks that may run at any site within the CMS Virtual Organisation. The CMS Dashboard Task Monitoring project provides this information towards individual analysis users by collecting and exposing a user-centric set of information regarding submitted tasks including reason of failure, distribution by site and over time, consumed time and efficiency. The development was a user-driven with physicists invited to test the prototype in order to assemble further requirements and identify industry or with the application.
-
This research was conducted by Velcu-laitinem. Oana, Yiqitbasioqlu, Ogan M (2012)[50] Study entitled "The Use of Dashboards in Performance Management" The purpose of this paper is to identify and examine empirically the key features, purposes, uses, and benefits of performance dashboards. We find that only about a quarter of the sales managers surveyed in Finland used a dashboard, which was lower than previously reported. Dashboards were used for four distinct purposes: (i) monitoring, (ii) problem solving, rationalizing, (iii) and (iv) communication and consistency. There was a high correlation between the different uses of dashboards and user productivity indicating that dashboards were perceived us effective tools in performance management, not just for monitoring one? s own performance but for other purposes including communication. The quality of the data in dashboards did not seem to be a concern (except for completeness) but it was a critical driver regarding its use. This is the first empirical study on performance dashboards in terms of rates does, key features, and benefits. The study highlights the research potential and benefits of dashboards, which could be valuable for future researchers and practitioners.
-
This research was conducted by Veronica s. Smith (2013)[51] Study entitled "Data Dashboard u.s. Evaluation and Research Communication Tool" Data dashboards are visual displays that feature the most important information needed to achieve specific goals captured on a single screen. Effective dashboards should be designed the u.s. monitoring tools that are understood at a glance. Dashboards are useful tools because they can leverage the visual perception to communicate dense amounts of data clearly and concisely. They are typically used in the communication phase of evaluation; However, in the case of analytical dashboards, they may also be used in the analysis phase. Strategic, analytical, and operational dashboards dashboards are different types used to meet different communication needs. This chapter highlights the keys to realizing the potential of data dashboards by self-describing appropriate use, effective practices for designing and creating these tools, how to evaluate dashboards, and software that can be used to create dashboards. © Wiley Periodicals, Inc., and the American Evaluation Association.
Dari 10 (sepuluh) Literature review di atas, telah banyak yang membahas penelitian sebelumnya mengenai Viewboard ataupun Dashboard. Maka disimpulkan bahwa belum ada peneliti yang membahas Peracangan Viewboard iDuHelp! Menggunakan Bootstrap Sebagai Penunjang Laporan Performa iDuHelp! Online Pada Perguruan Tinggi.
BAB III
Gambaran Umum Perguruan Tinggi Raharja
Dengan semakin maraknya perguruan tinggi di daerah Tangerang khususnya dalam bidang komputer ternyata hal tersebut masih belum bisa memenuhi kebutuhan masyarakat dalam memperoleh data secara terkomputerisasi di setiap bidang.
Dunia komputer dan alat-alat canggih serta otomatis lainnya dalam dunia perkantoran, baik instansi pemerintah maupun swasta sangat cepat sekali perkembangannya, sehingga selalu berubah setiap saat. Oleh karena itu Perguruan Tinggi Raharja dalam pendiriannya mempunyai misi untuk untuk ikut membantu program pemerintah dalam upaya mencerdaskan kehidupan bangsa Indonesia serta meningkatkan Sumber Daya Manusia (SDM) dalam menghadapi era globalisasi.
Dunia komputer dan alat-alat canggih serta otomatis lainnya dalam dunia perkantoran, baik instansi pemerintah maupun swasta sangat cepat sekali perkembangannya, sehingga selalu berubah setiap saat. Oleh karena itu Perguruan Tinggi Raharja dalam pendiriannya mempunyai misi untuk untuk ikut membantu program pemerintah dalam upaya mencerdaskan kehidupan bangsa Indonesia serta meningkatkan Sumber Daya Manusia (SDM) dalam menghadapi era globalisasi.
Telah menjadi tekad para pendiri Perguruan Tinggi ini untuk membantu pemerintah dan masyarakat kota Tangerang dalam pendiran Perguruan Tinggi Raharja yang di selenggarakan oleh Yayasan Nirwana Nusantara (YRI) yang didirikan pada tahun 2001 dan merupakan pendidikan yang terbaik dalam bidang pendidikan komputer.
Sejarah Singkat Perguruan Tinggi Raharja
Perguruan Tinggi Raharja bermula dari sebuah lembaga kursus komputer yang bernama LPPK (Lembaga Pendidikan dan Penelitian Komputer) Raharja yang terletak di Jl. Gatot Subroto km.2 Harmoni Mas Cimone Tangerang.LPPK Raharja diresmikan pada tanggal 3 Januari 1994 oleh bapak walikota Tangerang Drs. H. Zakaria Mahmud, Raharja telah terdaftar pada Depdiknas Kotamadya Tangerang dengan nomor 201/PLSM/02.4/L.93. Lembaga inilah yang mempelopori penggunaan operating system windows dan aplikasinya diwilayah Tangerang dan sekitarnya, hal tersebut mendapat respon positif dan jumlah peminatnya pun meningkat pesat seiring dengan kerjasama yang di lakukan oleh lembaga ini dengan sekolah Lanjutan Tingkat Atas yang ada di Tangerang.
Karena semakin pesatnya perkembangan dan pertumbuhan akan komputerisasi dan meningkatnya peminat masyarakat Tangerang maka pada tanggal 24 Maret 1999 LPPK Raharja berkembang menjadi Akademi Manajemen Informatika dan Komputer (AMIK) Raharja Informatika yang diresmikan melalui surat keputusan Mentri Pendidikan dan Kebudayaan Republik Indonesia Nomor: 56/D/O/1999 yang diserahkan langsung dari Bapak Prof. Dr. Udju D. Rusdi selaku Koordinator KOPERTIS wilayah IV Jawa Barat kepada ketua yayasan Nirwana Nusantara Ibu Kasarina Sudjono. Pada tanggal 2 Februari 2000 dengan menyelenggarakan jurusan Manajemen Informatika.
Pada tanggal 2 Februari 2000 AMIK Raharja Informatika menjadi satu-satunya perguruan tinggi yang menjalankan studi formal untuk program Diploma I (DI) dengan memberikan gelar Ahli Pratama dan Program Diploma II (DII) dengan memberikan gelar Ahli Muda dan Diploma III (DIII) dengan memberikan gelar Ahli Madya kepada lulusannya, sesuai dengan surat keputusan Koordinator Perguruan Tinggi Swasta wilayah IV Jawa Barat dengan Nomor 3024/004/KL/1999.
Kemudian pada tanggal 7 September 2000 sesuai dengan surat keputusan Direktur Jendral Pendidikan Tinggi Departemen Pendidikan Nasional Nomor 354/Dikti/Kep/2000 menambah 2 program yakni D3 Teknik Informatika dan D3 Komputer Akuntasi.
Kini AMIK Raharja Informatika mempunyai 3 (tiga) program studi Diploma III dengan jurusan Manajemen Informatika (MI), Teknik Informatika (TI), dan Komputer Akuntansi (KA) yang masing-masing jurusan memberikan gelar Ahli Madya (A.md), Ahli Muda (AM), Ahli Pratama (AP) kepada lulusannya.
Pada tanggal 20 Oktober 2000 dalam usahanya untuk meningkatkan mutu dan kualitas dari pada lulusan AMIK RAHARJA INFORMATIKA meningkatkan statusnya dengan membuka Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK) RAHARJA. Dengan surat keputusan Nomor 42/01/YNN/PR/II/200. ketua Yayasan Nirwana Nusantara mengajukan permohonan pendirian STMIK RAHARJA kepada Mendiknas KOPERTIS Wilayah IV jawa barat dengan 3 (tiga) program studi SI Jurusan Sistem Informasi (SI), Teknik Informatika(TI), dan Sistem Komputer (SK), hal tersebut telah mendapat tanggapan dari Direktur Jendral Pendidikan Tinggi dengan surat keputusan Nomor 5706/D/T/2000. Tidak hanya sampai disini, dalam rangka meningkatkan mutu dan kualitas lulusan RAHARJA sesuai dengan Rencana Induk Pengembangan (RIP) Raharja, bahwa dalam kurun waktu tidak lebih dari 5 tahun sudah berdiri Universitas RAHARJA.
Pada saat ini, Perguruan Tinggi Raharja pun telah meningkatkan mutu dan kualitasnya melalui sertifikat Akreditasi, diantaranya yaitu sebagai berikut:
-
Pada 5 April 2002 AMIK Raharja Informatika mendapatkan status “B” untuk Jurusan Manajemen Informatika (MI) berdasarkan Surat Keputusan Badan Akreditasi Nasional-Perguruan Tinggi (BAN-PT) Nomor: 003/BAN-PT/AK-1/DPL/IV/2002
-
Pada tanggal 5 April 2006 dengan sertifikat Akreditasi Nomor 00117/Ak-1-DIII-03/DFXMEI/IV/2002 yang berisi Badan Akreditasi nasional Perguruan Tinggi menyatakan bahwa program studi Diploma III Manajemen Informatika di AMIK Raharja Informatika Terakreditasi A.
-
Pada tanggal 4 Mei 2006 dengan Sertifikat Akreditasi Nomor 08479/Ak-X-SI-001/CAGTLF/V/2006 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa studi Strata 1 Teknik Informatika di STMIK Raharja terakreditasi B.
-
Pada tanggal 11 Mei 2006 dengan Sertifikat Akreditasi Nomor 08523/Ak-X-S1-002/CAGSIM/V/2006 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Strata 1 Sistem Informasi di STMIK Raharja terakreditasi B.
-
Pada tanggal 3 Agustus 2007 dengan Sertifikat Akreditasi Nomor 006/BAN-PT/AK-VIII/DPI-III/2007 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Diploma III Manajemen Informatika di AMIK Raharja Informatika terakreditasi B.
-
Pada tanggal 25 Agustus 2007 dengan Sertifikat Akreditasi Nomor 019/BAN-PT/AK-X/SI/VIII/2007 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program Strata 1 Sistem Komputer di STMIK Raharja terakreditasi B.
-
Pada tanggal 29 Desember 2007 sesuai surat keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 017/BAN-PT/AK-VII/Dpl-III/XII/2007 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Diploma III Teknik Informatika di AMIK Raharja Informatika dengan terakreditasi B.
-
Pada tanggal 18 Januari 2008 sesuai surat Keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 019/BAN-PT/AK-VII/Dpl-III/I/2008 yang berisi Badan Akreditasi Nasional Perguruan Tinggi menyatakan bahwa program studi Diploma Tiga Komputerisasi Akuntansi di AMIK Raharja Informatika terakreditasi A.
-
Pada tanggal 08 Juli 2011 sesuai surat Keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 010/BAN-PT/Ak-XIV/S1/VII/2011, menyatakan bahwa Program Studi Sarjana Teknik Informatika, Sekolah Tinggi Manajemen Informatika dan Komputer Raharja, Tangerang terakreditasi B.
-
Pada tanggal 23 September 2011 sesuai surat Keputusan oleh Badan Akreditasi Nasional Perguruan Tinggi (BAN-PT) dengan Nomor 025/BAN-PT/Ak-XIV/S1/IX/2011, menyatakan bahwa Program Studi Sarjana Sistem Informasi, Sekolah Tinggi Manajemen Informatika dan Komputer Raharja, Tangerang terakreditasi B.
1. Jurusan atau Program Studi pada STMIK Raharja
Tabel 3.1.Jurusan atau Program Studi pada STMIK Raharja
Sumber: http://www.raharja.ac.id/
2. Jurusan atau Program Studi pada AMIK Raharja Informatika
Tabel 3.2. Jurusan atau Program Studi pada AMIK Raharja
Sumber: http://www.raharja.ac.id/
Visi Misi dan Tujuan Perguruan Tinggi Raharja
1. Visi dan Misi
Visi Perguruan Tinggi Raharja adalah menjadi perguruan tinggi swasta yang secara berkesinambungan meningkatkan kualitas pendidikannya, memberikan pelayanan dalam menciptakan sumber daya manusia yang tangguh, memiliki daya saing tinggi dalam era kompetisi globalisasi, terutama dibidang teknologi informasidan komputer. Menjadikan pribadi raharja sebagai sumber daya manusia terampil dan ahli, mampu bersaing dalam dunia bisnis maupun non bisnis, menghasilkan tenaga intelektual dan professional, serta mampu berkembang dalam cakrawala yang lebih luas.
Untuk mencapai visi yang digariskan, Raharja senantiasa akan berupaya untuk melaksanakan misinya sebagai berikut
-
Menyelenggarakan program-program studi yang menunjang perkembangan dan penerapan teknologi informasi dalam berbagai bidang ilmu.
-
Menyediakan sarana dan lingkungan yang kondustif bagi pelaksanaan kegiatan belajar-mengajar yang efektif dan efisien, sehingga terbentuk lulusan-lulusan yang bermoral, terampil dan kreatif
-
Menjaga keterkaitan dan relevansi seluruh kegiatan akademis dengan kebutuhan pembangunan sosial-ekonomi dan industri Indonesia serta mengantisipasi semakin maraknya globalisasi kehidupan masyaraka
-
Melangsungkan kerjasama dengan berbagai pihak, baik dari dalam maupun luar negeri, sehingga ilmu dan teknologi yang diberikan selalu mutakhir serta dapat diterapkan secara berhasil guna dan tepat
Visi dan misi di atas, dipahami dan didekati dengan kesadaran komitmen pada kualitas yang menjadi target dalam manajemen dan sistem pendidikan di Perguruan Tinggi Raharja. Kualitas sebagai suatu dimensi yang merupakan bagian dari apa yang disebut “Total Qualitas Manajemen”. Konsep berpikir kualitas terdiri dari : performance (kinerja), feature (fasilitas), durability (daya tahan), reliability(kehandalan), conformity (kesesuaian), esthetic (keindahan), dan easy to be repaired (kemudahan perbaikan). Ketujuh elemen itu merupakan perhatian utama manajemen dan sistem pendidikan Perguruan Tinggi Raharja yang dituangkan dalam ISO9001 : 2008 (Sistem Manajemen Mutu Raharja)
2. Tujuan Perguruan Tinggi Raharja
-
Menghasilkan lulusan yang memiliki kemampuan akademik dan dapat menerapkan, mengembangkan serta memperluas informatika dan komputer secara profesional.
-
Menghasilkan lulusan yang mampu mengadakan penelitian dalam bidang informatika dan komputer, yang hasilnya dapat diimplementasikan untuk memenuhi kebutuhan masyarakat di lapangan.
-
Menghasilkan lulusan yang mampu mengabdikan pengetahuan dan keterampilannya dalam bidang informatika dan komputer secara profesional kepada masyarakat.
Arti Nama Raharja
“Raharja”. Kata ini diinspirasikan dari motto kota dan kabupaten Tangerang, yaitu “Bhakti Karya Adhi Kerta Raharja” dan “Setya Karya Kerta Raharja” yang berarti “kesejahteraan” yang dalam arti luasnya adalah keinginan dan niat para pendiri untuk membantu pemerintah ikut serta dalam membangun masyarakat yang sejahtera melalui penguasaan dibidang teknologi informasi dan komputer. Sedangkan Raharja sendiri memiliki motto “Get The Better Future By Computer Science” (meraih sukses yang gemilang dengan ilmu komputer)
Arti Green Campus
Green Campus, yang berarti Kampus Hijau memiliki makna yang luas "Green" atau dengan sebutan "Green Leaves" sering diartikan dengan masih hijau generasi muda Indonesia adalah bibit-bibit unggul yang masih hijau dan green campus berpotensi melahirkan generasi pribadi yang matang dan berguna bagi bangsa dan Negara. Green dalam konteks Green Power berarti kekuatan financial. Green Campus sebagai kampus yang dapat memberikan power untuk menopang seluruh aktifitas perkuliahan bertujuan menciptakan pribadi raharja yang dapat mandiri secara financial (financially independent)
Arti Pribadi Raharja
Pribadi Raharja mencerminkan wawasan almamater Perguruan Tinggi Raharja yang berkeyakinan bahwa perguruan tinggi harus benar-benar merupakan lembaga ilmiah dan kampus harus benar-benar merupakan masyarakat ilmiah. Perguruan tinggi sebagai almamater (ibu asuh) merupakan suatu kesatuan yang bulat dan mandiri.
Pribadi Raharja mencakup keempat unsur Civitas Akademika, yakni Dosen, Staff/Karyawan Administratif, mahasiswa serta alumni harus manunggal dengan almamater, berbakti kepadanya dan melalui almamater mengabdi kepada rakyat, bangsa dan negara dengan jalan melaksanakan Tri Dharma Perguruan Tinggi.
Struktur Organisasi Perguruan Tinggi Raharja
Sebuah organisasi atau perusahaan harus mempunyai suatu struktur organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha, untuk menunjukkan kerangka-kerangka hubungan diantara 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 Perguruan Tinggi Raharja yang mempunyai struktur organisasi manajemen sebagai berikut:
Gambar 3.1. Struktur Organisasi Akademik Perguruan Tinggi Raharja
Tugas dan Tanggung Jawab
Seperti halnya di dalam sebuah perusahaan, Perguruan Tinggi Raharja di dalam manajemen akademiknya terdapat bagian-bagian yang mempunyai tugas dan kewajiban dalam menyelesaikan semua pekerjaannya.
Berikut adalah wewenang serta tanggung jawab bagian-bagian yang ada pada Perguruan Tinggi Raharja, yaitu sebagai berikut :
1. Presiden Direktur
Wewenang :
- Menyelenggarakan program kerja yang berpedoman pada visi, misi, fungsi dan tujuan pendirian Perguruan Tinggi Raharja.
- Menyelenggarakan kegiatan dan pengembangan pendidikan, penelitian serta pengabdian pada masyarakat.
- Menyelenggarakan kegiatan pengembangan administrasi.
- Menyelenggarakan kegiatan-kegiatan yang menunjang terwujudnya Tri Darma Perguruan Tinggi.
Tanggung Jawab :
- Pemimpin penyelenggaraan pendidikan, penelitian, pengabdian kepada masyarakat, membina tenaga edukatif, mahasiswa, tenaga administrasi dan terhadap lingkungan.
2. Direktur
Wewenang:
- Merupakan wakil presiden direktur.
- membantu presiden direktur dalam berbagai kegiatan.
3.Pembantu (Bidang Akademik)
Wewenang :
- Menjalankan program kebijaksanaan akademik.
- Mengawasi dan membina serta mengembangkan program studi sesuai kebijaksanaan yang telah digariskan.
- Membina dan mengembangkan kegiatan penelitian dan pengabdian pada masyarakat.
- Mengadakan afiliasi.
- Membina dan mengembangkan kelembagaan.
Tanggung Jawab :
- Membantu ketua dalam memimpin pelaksanaan pendidikan, penelitian dan pengabdian pada masyarakat.
4.Pembantu Direktur II (Administrasi)
Wewenang :
- Melaksanakan dan mengelola seluruh kegiatan administrasi dan keuangan.
- Membina dan mengembangkan kepegawaian.
- Mengadakan sarana dan prasarana kepegawaian.
Tanggung Jawab :
- Membantu ketua dalam pelaksanaan kegiatan dibidang keuangan dan administrasi.
5. Pembantu Direktur III (Bidang Kemahasiswaan)
Wewenang :
- Membina kegiatan kemahasiswaan.
- Membina kehidupan mahasiswa dalam kampus sehingga dapat mengembangkan penalaran.
- Membina dan mengawasi kegiatan lembaga mahasiswa serta unit kegiatan khusus akademik.
Tanggung Jawab :
- Membantu ketua dalam pelaksanaan kegiatan dibidang kemahasiswaan serta pelayanan kesejahteraan mahasiswa.
6.Asisten Direktur Akademik
Wewenang :
- Mengusulkan kepada Direktur atas prosedur pelaksanaan proses belajar mengajar.
- Mengusulkan kepada Direktur tentang kenaikan honor staff binaannya.
- Mengusulkan kepada Direktur tentang pengangkatan dan pemberhentian staff binaannya.
- Memberikan kebijakan pelaksanaan layanan pada bidangnya.
- Mengusulkan kepada Direktur tentang unit layanan baru yang dibutuhkan.
- Memberikan sanksi kepada staff binaannya yang melanggar tata tertib karyawan.
- Mengusulkan kepada Direktur tentang pengangkatan dan pemberhentian dosen.
Tanggung Jawab :
- Bertanggung jawab atas penyusunan JRS yang efektif dan efisien, pengimplementasian pelaksanaan proses belajar mengajar, kemajuan kualitas pelayanan akademik yang berkesinambungan, dan kelancaran proses belajar mengajar.
7. Kepala Jurusan
Wewenang:
- Mengusulkan kepada Assisten Direktur Akademik tentang perubahan mata kuliah dan materi kuliah yang dianggap telah kadaluarsa bahkan perubahan kurikulum jurusan.
- Mengusulkan kepada Asisten Direktur Akademik tentang kenaikan honor dosen binaannya.
- Mengusulkan kepada Asisten Direktur Akademik tentang pengadaan seminar, pelatihan, penambahan kelas perkuliahan pengangkatan dosen baru dan pemberhentian dosen.
- Memberikan kebijakan administratif Akademik seperti cuti kuliah, perpindahan jurusan, ujian susulan, dan pembukaan semester pendek.
- Mengusulkan kepada Asisten Direktur Akademik tentang pembukaan peminatan/konsentrasi baru dalam jurusannya.
- Memberikan sanksi Akademik kepada mahasiswa yang melanggar tata tertib Perguruan Tinggi Raharja.
Tanggung Jawab :
- Bertanggung jawab atas penyusunan dan pengimplementasian kurikulum, SAP dan bahan ajar, monitoring kehadiran dosen dalam perkuliahan, jam konsultasi dan tugas-tugas yang disampaikan ke dosen, terlaksananya penelitian, seminar, pembinaan prestasi akademik mahasiswa dan peningkatan jumlah mahasiswa dalam jurusannya.
8. Asisten Direktur Finansial
Wewenang:
- Mengusulkan kepada Direktur atas prosedur pembuatan budget pada setiap bagian dan pelaksanaan pemakaian dana.
- Mengusulkan kepada Direktur tentang kenaikan honor, pengangkatan dan pemberhentian staff binaannya.
- Memberikan kebijakan pelaksanaan layanan pada bidangnya dan sanksi kepada staff binaannya yang melanggar tata tertib karyawan.
Tanggung Jawab :
- Bertanggung jawab atas penyusunan budgeting pada setiap bagian, dan tersedianya dana atas budget yang telah disetujui.
- Bertanggung jawab atas kemajuan kualitas pendanaan aktifitas yang berkesinambungan.
- Bertanggung jawab atas kelancaran proses belajar mengajar.
9. Layanan Keuangan Mahasiswa (LKM)
Wewenang:
- Mengusulkan prosedur layanan keuangan kepada Asisten Direktur Finansial
- Mengusulkan tentang unit baru yang dibutuhkan kepada Asisiten Direktur Finansial.
Tanggung Jawab:
- Bertanggung jawab atas kelancaran proses penerimaan keuangan mahasiswa
- Bertanggung jawab atas penagihan tunggakan mahasiswa.
10. Asisten Direktur Operasional (ADO)
Wewenang :
- Mengusulkan kepada Direktur atas prosedur pelaksanaan pelayanan proses belajar mengajar
- Mengusulkan kepada Direktur tentang kenaikan honor staff binaannya.
- Mengusulkan kepada Direktur tentang pengangkatan dan pemberhentian staff binaannya.
- Memberikan kebijaksanaan pelaksanaan layanan pada bidangnya.
- Mengusulkan kepada Direktur tentang unit layanan baru yang dibutuhkan.
- Memberikan sanksi kepada staff binaannya yang melanggar tata tertib karyawan.
Tanggung Jawab :
- Bertanggung jawab atas penyusunan kalender akademik tahunan.
- Bertanggung jawab atas pengimplementasian pelaksanaan dan kualitas pelayanan yang berkesinambungan pada bidangnya.
- Bertanggung jawab atas kelancaran proses belajar mengajar.
11. Registrasi Perkuliahan dan Ujian (RPU)
Bagian registrasi perkuliahan dan ujian terdiri dari dua bagian antara lain:
A. Layanan Registrasi Mahasiswa (LRM)
Wewenang :
- Berwenang memberikan kebijakan yang berhubungan dengan proses registrasi mahasiswa.
- Memberikan kebijakan pelaksanaan layanan pada bidangnya
- Memberikan sanksi kepada staff binaannya yang melanggar tata tertib karyawan
- Mengusulkan kepada ADO untuk pengangkatan dan pemberhentian staff binaannya.
Tanggung Jawab:
- Bertanggung jawab atas pelaksanaan registrasi POM mulai dari persiapan hingga pada penutupan setiap semesternya.
- Bertanggung jawab atas pelaksanaan registrasi batal tambah dan jumlah mahasiswa yang melakukan POM.
- Bertanggung jawab atas seluruh informasi mengenai registrasi mahasiswa.
B. Perkuliahan dan Ujian (PU)
Wewenang :
- Mengusulkan kepada ADO atas prosedur pelaksanaan pelayanan proses belajar mengajar serta kebijakan yang diambil.
- Mengusulkan kepada ADO tentang pengangkatan dan pemberhentian staff binaannya.
- Memberikan sanksi kepada staff binaannya yang dianggap telah melanggar tata tertib karyawan.
- Mengusulkan kepada kepala jurusan untuk kelas perkuliahan yang dapat dibuka.
Tanggung Jawab :
- Bertanggung jawab atas pelaksanaan dan pendokumentasian perkuliahan dan ujian.
Tata Laksana Sistem Yang Berjalan
Prosedur Sistem Yang Berjalan
1. Prosedur Customer (input)
Proses customer masuk ke dalam iDuHelp! online, yaitu : customer mengunjungi iMe iDuHelp! lalu kemudian menuju link iDuHelp! online, kemudian customer akan dihantarkan kesebuah tampilan form start chat customers dan mengisinya untuk mengajukan sebuah pertanyaan, setelah itu klik button start chat dan tunggu untuk diambil oleh operator dan membalas verifikasi untuk melanjutkan percakapan iDuHelp! online.
2. Prosedur Operator (output)
Proses operator iDuHelp! online, yaitu : operator mengambil setiap customeryang mengajukan pertanyaan yang masuk ke dalam list visitors' sistem dan kemudian mengirimkan sebuah verifikasi email untuk melanjutkan percakapan antara customer dan operator selanjutnya operator akan memproses sebuah pertanyaan yang diajukan oleh customer setelah itu memberikan sebuah jawaban berupa link yang ada pada iMe iRan setelah customer merasa puas atas jawaban yang diberikan operator dan sesi pertanyaan dinyatakan sudah selesai maka operator pun dapat mengakhiri chat dan memberikan rating iDuHelp! online.
2. Prosedur Pembuatan Laporan
Pada proses pemeriksaan dan perekapan performa operator dalam sistem iDuHelp! online. pengecekan masih dilakukan secara fisik oleh PIC (Person In Charge) iDuHelp! yang akan memeriksa dan menghitung secara manual dengan cara mengambil data pada sistem iDuHelp! online dan kemudian diolah dan dirapihkan di dalam rinfosheet tidak cuma itu data pun harus diatur dari yang terbesar sampai yang terkecil mendapatkan customer dan membuat sebuah grafiknya. setelah data sudah selesai pada rinfosheet maka PIC (Person In Charge) akan membuat laporan pada RhjFox dan share ke email Rinfo.
Permasalahan Yang Dihadapi
Prosedur yang berjalan pada saat ini yaitu proses pembuat laporan performa iDuHelp! yang ada pada Perguruan Tinggi Raharja masih dilakukan secara manual yaitu admin membuat performa di rinfosheet sehingga membuat laporan seperti ini dirasa kurang efektif.
Data yang tidak akurat dan memakan waktu yang lama sehingga proses membuat laporan performa belum dapat dilakukan dengan cepat dan optimal. dari permasalahan yang sudah dijabarkan di atas, dan dapat diambil kesimpulan maka sistem iDuHelp! online yang sedang berjalan pada Perguruan Tinggi Raharja saat ini masih dibilang belum efektif dan efesien.
Rancangan Prosedur Yang Berjalan
1. Flowchart Yang Sedang Berjalan
Dapat dijelaskan gambar flowchart program untuk PIC iDu Help! dalam proses pembuatan laporan pada sistem iDuHelp! di atas pada saat ini, yaitu terdiri dari:
-
2 (dua) simbol terminal, yang berperan sebagai “start” dan “finish” pada aliran proses flowchart program pada sistem iDuHelp! online.
-
4 (Empat) simbol data, yang menyatakan proses input atau output tanpa tergantung jenis peralatannya, yaitu: login terlebih dahulu menggunakan username dan password maka login akan berhasil dan menuju kehalaman utama sistem, jika salah dalam input username dan password maka akan kembali ke halaman login sistem iDuHelp!.
-
1 (satu) simbol decision, sebagai simbol untuk menunjukan sebuah langkah pengambilan suatu keputusan untuk mengecek validasi kebenaran username dan password, jika “ya” akan bisa masuk ke sistem iDuHelp! dan jika “tidak” akan kembali ke halaman login sistem iDuHelp! online.
-
6 (enam) simbol proses yaitu menyatakan suatu tindakan (proses) yang dilakukan oleh komputer. Simbol proses tersebut diantaranya:’’Akses iDuHelp!’’ yang kemudian menuju ke ‘’halaman utama sistem iDuHelp!’’ dan menuju ke ‘’ halaman statistik’’ untuk mengambil data performa operator iDuHelp! online, kemudian menuju ‘’Rinfosheets’’ untuk membuat, mengolah dan merapihkan report dan mrmbuat grafik performa iDuHelp! 'online.
Alternative Pemecahan Masalah
Setelah penjelasan permasalahan telah dihadapi, bahwa penelitian akan memberikan alternative sebuah pemecahan masalah, alternative sebuah pemecahan tersebut adalah dengan membuat sebuah ”Perancangan Viewboard iDuHelp! Menggunakan Bootstrap Sebagai Penunjang Laporan Performa iDuHelp! Online Pada Perguruan Tinggi” berbasis web yang bisa mempermudah admin dalam melakukan pembuatan laporan performa iDuHelp! online perbulan .
BAB IV
Mind Mapping Project
Mind Mapping adalah cara paling efektif dan efisien untuk memasukan, menyimpan dan mengeluarkan data dari atau ke otak. Sistem ini bekerja sesuai cara kerja alami otak kita, sehingga dapat mengoptimalkan seluruh potensi dan kapasitas otak manusia (Caroline Edward: 2009: 64)[52], Mind Mapping digunakan untuk membuat sebuah inovasi atau membuat suatu keterampilan befikir dalam menganalisa sebuah ide kreatif dan efektif dengan jelas sehingga masalah yang dihadapi dapat selesai dengan cepat menggunaka sebuah pemikiran dan konsep yang saling berinteraksi di dalam sebuah media diagram dengan menggunakan sebuah gambar, kata-kata, dan warna untuk membuat sebuah ide yang potensial untuk memecahkan atau menyelesaikan masalah secara strategis. Berikut ini merupakan mind mapping project.
Berdasarkan gambar 4.1 maka dapat dijabarkan bahwa di dalam perancangan ini menggunakan beberapa pengelompokan yang nanti akan menjelaskan mengenai suatu permasalahan dan kebutuhan sistem berjalan kemudian akan dibuat perencanaan mengenai tujuan, manfaat, serta usulan yang akan diusulkan berdasarkan referensi yang telah dipelajari sebelumnya dengan memperhatikan landasan teori yang telah ada.
Metode Analisa Berdasarkan Prosedur Sistem Yang Berjalan
1. Analisa Masukan
Analisa masukan adalah analisa atau penguraian masalah yang dilakukan terhadap semua data atau informasi yang berfungsi sebagai data input sehingga menghasilkan proses dan kemudian akan ada hasil dari sebuah proses itu sendiri. Data performa operator didapat ketika operator menangani customer iDuHelp! online.
-
Nama masukan : Sistem iDuHelp! online
-
Fungsi : Memberikan solusi kepada customers
-
Sumber : Customers
-
Media : iDuHelp!
-
Frekuensi : Saat customers melakukan pengisian form start chat customers disaat customers mengajukan pertanyaan ke iDuHelp!.
-
Format : Lampiran
-
Keterangan : Setiap customers yang ingin mengajukan pertanyaan ke iDuHelp! harus mengisi form start chat customers terlebih dahulu.
2. Analisa Proses
Analisa proses merupakan penguraian masalah yang dikerjakan proses sebagai hasil respon balik karena adanya data input di dalam proses inilah semua data atau informasi yang masuk akan diolah dengan menggunakan pengolahan sistem yang ada
-
Nama modul : List Visitors
-
Masukan : Pertanyaan dari customers
-
Keluaran : Jawaban dari operators
-
Ringkasan proses : Proses ini akan menghasilkan jawaban yang dibutuhkan oleh customers.
-
Distribusi : Operators iDuHelp! lalu ke customers.
-
Media : iDuHelp!.
-
Format :
-
Fungsi : Membantu customers untuk mendapatkan jawaban yang dibutuhkan oleh customers secara akurat dari operators iDuHelp! yang bersangkutan.
-
Sumber : Operators iDuHelp!.
2. Analisa Keluaran
Analisa keluaran merupakan penguraian masalah yang dilakukan pada hasil dari keseluruhan proses yang telah dilakukan dari mulai penginputan data sampai terjadi proses pengolahan data melalui sistem pengolahan data yang ada.
Dan juga melalui proses pengecekan kembali data-data yang ada bila terjadi kesalahan atau data kurang lengkap, yaitu:
-
Nama keluaran : Rekapan performa operator.
-
Fungsi : Memberikan laporan rekapan performa operator.
-
Media : Rinfosheet dan RhjFox.
-
Distribusi : Dari Admin dan Operator iDuHelp!.
User Requirement
Menurut Guritno (2011: 301)[53], “Requirement adalah sifat-sifat sistem atau product yang akan dikembangkan sesuai dengan keinginan pemakai”. Adapun, spesifikasi software requirement yang baik dan sangat relevan untuk dilakukan sebelum melakukan penelitian dalam bidang teknologi informasi adalah:
-
Unambiguous (tidak ambigu)
-
Complete (lengkap)
-
Consistent (konsisten)
-
Modifiable (dapat diubah)
-
Traceable (dapat dilacak)
-
Format : Lampiran
-
Dapat digunakan selama pengoperasian dan maintenance
Requirement diklasifikasikan sebagai berikut:
-
Functional requirements
Menjelaskan interaksi antara sistem dan lingkungannya yang terpisah dari implementasi. Sistem adalah sekumpulan unsur atau elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.
-
Nonfunctional requirements
Adalah aspek-aspek pengguna yang dapat dilihat mengenai sistem yang tidak secara langsung berhubungan dengan functional behavior, response time harus kurang dari 1 detik, dan the accuracy must be whitin a second.
-
Constraints (psudo requirement)
Requirement ini dipaksakan oleh client atau lingkungan tempat sistem akan beroperasi.
Elsitasi Tahap I
Menurut Guritno (2011: 302)[53], “Elisitasi merupakan rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi”.
Menurut Saputra (2012: 51)[54], “Elisitasi merupakan rancangan yang di buat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi“ Elisitasi tahap 1 merupakan daftar yang diperoleh dari hasil pengumpulan data, sebuah rancangan sistem yang diusulkan oleh manajemen terkait dengan wawancara mengenai kekurangan dari sistem yang sedang berjalan dan kebutuhan sistem yang belum terpenuhi.
Functional |
|
No. |
Analisa Kebutuhan |
Saya ingin sistem dapat: |
|
1 |
Terdapat Emoticon |
2 |
Terdapat Kalender |
3 |
Memiliki Fitur SSO |
4 |
Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard |
5 |
Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers |
6 |
Adanya tampilan informasi alamat Perguruan Tinggi Raharja |
7 |
Memiliki fitur tampilan cuaca |
8 |
Memiliki fitur insert gambar |
9 |
Sistem dapat menampilkan menu delete operators |
10 |
Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan. |
11 |
Sistem dapat menampilkan view daftar customers |
12 |
Sistem dapat menampilkan audio music |
13 |
Sistem memiliki hiburan berupa games |
14 |
Sistem memiliki forum diskusi |
15 |
Sistem dapat menampilkan foto Operators |
16 |
Sistem dapat menampilkan foto Customers |
17 |
Sistem memiliki fasilitas eksport pdf |
18 |
Sistem memiliki fasilitas print langsung report |
19 |
Sistem dapat menampilkan grafik pie 3D |
20 |
Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators. |
21 |
Sistem memiliki create new operators |
22 |
Sistem dapat menampilkan popup survey setiap minggu |
23 |
Sistem memiliki fasilitas menu Site Map |
24 |
Sistem dapat menampilkan reward pada operators menanganicustomers terbanyak |
25 |
Sistem dapat menampilkan reward pada custumers yang bertanya terbanyak |
26 |
Sistem memiliki fitur informasi cuaca dengan tampilan gambar animasi |
27 |
Sistem memiliki informasi live video dari Magics Channel |
28 |
Sistem memiliki roadmap TPi |
29 |
Sistem dapat terhubung ke website acid |
30 |
Sistem dapat menampilkan 2 macam jenis report performa iDuHelp!. |
31 |
Sistem memiliki fasilitas zoom in dan zoom out |
32 |
Sistem memiliki halaman kritik dan saran |
33 |
Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator. |
34 |
Sistem memiliki widget alexa |
35 |
Menampilkan fitur forgot password |
36 |
Adanya fasilitas add, edit dan remove canned messages |
37 |
Operators dapat edit profile |
38 |
Terdapat tampilan waktu jam |
39 |
Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp! |
40 |
Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox. |
41 |
Terdapat tampilan waktu hari |
42 |
Terdapat tampilan waktu tanggal |
43 |
Terdapat tampilan waktu tahun |
44 |
Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster. |
45 |
Sistem dapat menampilkan live chat dengan admin iDuHelp! |
46 |
Terdapat footer copyright power by |
47 |
Sistem menampilkan unix visitors counter |
48 |
Pengaturan waktu sistem sesuai dengan WIB format 24 jam. |
49 |
Sistem memiliki menu drop down untuk history chartmencakup 12 bulan pada Viewboard iDuHelp!. |
50 |
Sistem memiliki menu drop down untuk history chartmencakup 12 bulan pada Viewboard iDuHelp!. |
51 |
Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama |
52 |
Sistem dapat menampilkan kalimat selamat datang kepada pengunjung |
53 |
Sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator. |
54 |
Sistem memiliki kolom searching |
55 |
Sistem dapat menampilkan 11 FAQ iDuHelp |
NonFunctional |
|
No. |
Saya ingin sistem dapat: |
1 |
Sistem memiliki tampilan yang user friendly. |
2 |
Sistem menampilkan Favicon |
3 |
Target 1000 customers |
4 |
Dapat diakses secara online |
5 |
Target 30 penempatan widget iDuHelp! online |
Penyusun
(Nursam Somantri) NIM : 1212472873 |
|
Stakeholder
(Yulianto, S.Kom) NIP : 011615 |
Elisitasi Tahap II
Menurut Saputra (2012: 51)[54], 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 :.
-
M pada MDI artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
-
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.
-
I pada MDI artinya Inessential. Maksudnya adalah requirement tersebut bukan bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.
Functional |
M |
D |
I |
|
No. |
Analisa Kebutuhan |
|||
Saya ingin sistem dapat: |
||||
1 |
Terdapat Emoticon |
√ |
||
2 |
Terdapat Kalender |
√ |
||
3 |
Memiliki Fitur SSO |
√ |
||
4 |
Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard. |
√ |
||
5 |
Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers. |
√ |
||
6 |
Adanya tampilan informasi alamat Perguruan Tinggi Raharja |
√ |
||
7 |
Memiliki fitur tampilan cuaca |
√ |
||
8 |
Memiliki fitur insert gambar |
√ |
||
9 |
Sistem dapat menampilkan menu delete operators |
√ |
||
10 |
Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan. |
√ |
||
11 |
Sistem dapat menampilkan view daftar customers |
√ |
||
12 |
Sistem dapat menampilkan audio music |
√ |
||
13 |
Sistem memiliki hiburan berupa games |
√ |
||
14 |
Sistem memiliki forum diskusi |
√ |
||
15 |
Sistem dapat menampilkan foto Operators |
√ |
||
16 |
Sistem dapat menampilkan foto Customers |
√ |
||
17 |
Sistem memiliki fasilitas eksport pdf |
√ |
||
18 |
Sistem memiliki fasilitas print langsung report |
√ |
||
19 |
Sistem dapat menampilkan grafik pie 3D |
√ |
||
20 |
Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators |
√ |
||
21 |
Sistem memiliki create new operators |
√ |
||
22 |
Sistem dapat menampilkan popup survey setiap minggu |
√ |
||
23 |
Sistem memiliki fasilitas menu Site Map |
√ |
||
24 |
Sistem dapat menampilkan reward pada operators menangani customers terbanyak |
√ |
||
25 |
Sistem dapat menampilkan reward pada custumers yang bertanya terbanyak |
√ |
||
26 |
Sistem memiliki fitur informasi cuaca dengan tampilan gambar animasi |
√ |
||
27 |
Sistem memiliki informasi live video dari Magics Channel |
√ |
||
28 |
Sistem memiliki roadmap TPi |
√ |
||
29 |
Sistem dapat terhubung ke website acid |
√ |
||
30 |
Sistem dapat menampilkan 2 macam jenis report performa iDuHelp! |
√ |
||
31 |
Sistem memiliki fasilitas zoom in dan zoom out |
√ |
||
32 |
Sistem memiliki halaman kritik dan saran |
√ |
||
33 |
Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator. |
√ |
||
34 |
Sistem memiliki widget alexa |
√ |
||
35 |
Menampilkan fitur forgot password |
√ |
||
36 |
Adanya fasilitas add, edit dan remove canned messages |
√ |
||
37 |
Operators dapat edit profile |
√ |
||
38 |
Terdapat tampilan waktu jam |
√ |
||
39 |
Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp! |
√ |
||
40 |
Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox. |
√ |
||
41 |
Terdapat tampilan waktu hari |
√ |
||
42 |
Terdapat tampilan waktu tanggal |
√ |
||
43 |
Terdapat tampilan waktu tahun |
√ |
||
44 |
Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster. |
√ |
||
45 |
Sistem dapat menampilkan live chat dengan admin iDuHelp! |
√ |
||
46 |
Terdapat footer copyright power by |
√ |
||
47 |
Sistem menampilkan unix visitors counter |
√ |
||
48 |
Pengaturan waktu sistem sesuai dengan WIB format 24 jam. |
√ |
||
49 |
Sistem memiliki menu drop down untuk history chart mencakup 12 bulan pada Viewboard iDuHelp!. |
√ |
||
50 |
Sistem memiliki menu drop down untuk history chart mencakup 12 bulan pada Viewboard iDuHelp!. |
√ |
||
51 |
Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama. |
√ |
||
52 |
Sistem dapat menampilkan kalimat selamat datang kepada pengunjung |
√ |
||
53 |
Sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator. |
√ |
||
54 |
Sistem memiliki kolom searching |
√ |
||
55 |
Sistem dapat menampilkan 11 FAQ iDuHelp!. |
√ |
||
NonFunctional |
||||
No |
Saya ingin sistem dapat: |
M |
D |
I |
1 |
Sistem memiliki tampilan yang user friendly. |
√ |
||
2 |
Sistem menampilkan Favicon |
√ |
||
3 |
Target 1000 customers |
√ |
||
4 |
Dapat diakses secara online |
√ |
||
5 |
Target 30 penempatan widget iDuHelp! online |
√ |
||
Penyusun
(Nursam Somantri) |
||||
Stakeholder
|
Elisitasi Tahap III
Menurut Saputra (2012: 51)[54], 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 :
- T artinya Technical. Maksudnya adalah pertanyaan perihal bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan?
- O artinya Operational. Maksudnya adalah pertanyaan perihal bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan?
- 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 :
- H (High) : Sulit untuk dikerjakan, karena teknik pembuatan dan penggunaannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.
- M (Middle) : Mampu untuk dikerjakan.
- L (Low) : Mudah untuk dikerjakan.
Functional |
||||||||||
No. |
Analisa Kebutuhan |
T |
O |
E |
||||||
Saya ingin sistem dapat: |
L |
M |
H |
L |
M |
H |
L |
M |
H |
|
1 |
Memiliki Fitur SSO |
√ |
√ |
√ |
||||||
2 |
Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard. |
√ |
√ |
√ |
||||||
3 |
Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers. |
√ |
√ |
√ |
||||||
4 |
Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan. |
√ |
√ |
√ |
||||||
5 |
Sistem dapat menampilkan menu delete operators |
√ |
√ |
√ |
||||||
6 |
Sistem dapat menampilkan foto Operators |
√ |
√ |
√ |
||||||
7 |
Sistem memiliki fasilitas eksport pdf |
√ |
√ |
√ |
||||||
8 |
Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators |
√ |
√ |
√ |
||||||
9 |
Sistem dapat menampilkan reward pada operators menangani customers terbanyak |
√ |
√ |
√ |
||||||
10 |
Sistem dapat menampilkan reward pada custumers yang bertanya terbanyak |
√ |
√ |
√ |
||||||
11 |
Sistem dapat menampilkan 2 macam jenis report performa iDuHelp. |
√ |
√ |
√ |
||||||
12 |
Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator. |
√ |
√ |
√ |
||||||
13 |
Adanya fasilitas add, edit dan remove canned messages |
√ |
√ |
√ |
||||||
14 |
Sistem dapat menampilkan live chat dengan admin iDuHelp! |
√ |
√ |
√ |
||||||
15 |
Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp! |
√ |
√ |
√ |
||||||
16 |
Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox. |
√ |
√ |
√ |
||||||
17 |
Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster. |
√ |
√ |
√ |
||||||
18 |
Pengaturan waktu sistem sesuai dengan WIB format 24 jam. |
√ |
√ |
√ |
||||||
19 |
Sistem memiliki menu drop down untuk history report table mencakup 12 bulan pada Viewboard iDuHelp!. |
√ |
√ |
√ |
||||||
20 |
Sistem memiliki menu drop down untuk history chartmencakup 12 bulan pada Viewboard iDuHelp!. |
√ |
√ |
√ |
||||||
21 |
Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama. |
√ |
√ |
√ |
||||||
22 |
Sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator. |
√ |
√ |
√ |
||||||
23 |
Operators dapat edit profile |
√ |
√ |
√ |
||||||
24 |
Sistem memiliki kolom searching |
√ |
√ |
√ |
||||||
25 |
Sistem dapat menampilkan 11 FAQ iDuHelp!. |
√ |
√ |
√ |
||||||
NonFunctional |
T |
O |
E |
|||||||
No. |
Saya ingin sistem dapat: |
L |
M |
H |
L |
M |
H |
L |
M |
H |
1 |
Sistem memiliki tampilan yang user friendly. |
√ |
√ |
√ |
||||||
2 |
Sistem menampilkan Favicon |
√ |
√ |
√ |
||||||
3 |
Target 1000 customers |
√ |
√ |
√ |
||||||
4 |
Dapat diakses secara online |
√ |
√ |
√ |
||||||
5 |
Target 30 penempatan widget iDuHelp! online |
√ |
√ |
√ |
||||||
Penyusun
(Nursam Somantri) NIM : 1212472873 |
||||||||||
Stakeholder
(Yulianto, S.Kom) NIP : 011615 |
Final Draft Elisitasi
Menurut Saputra (2012: 51)[54], Final draft elisitasi merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar untuk Perancangan Viewboard iDuHelp! Dengan Menggunakan Bootstrap sebagai penunjang laporan Performa iDuHelp! online Pada Perguruan Tinggi Raharja. Berdasarkan Elisitasi Tahap III di atas, dihasilkan requirement final draft yang diharapkan dapat mempermudah penulis dalam Perancangan Viewboard iDuHelp! Menggunakan Bootstrap Sebagai Penunjang Laporan Performa iDuHelp! Online Pada Perguruan Tinggi, yaitu sebagai berikut :
Functional |
|||||
No. |
Analisa Kebutuhan |
||||
Saya ingin sistem dapat: |
|||||
1 |
Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard. |
||||
2 |
Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers. |
||||
3 |
Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan. |
||||
4 |
Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators |
||||
5 |
Sistem dapat menampilkan 2 macam jenis report performa iDuHelp |
||||
6 |
Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator. |
||||
7 |
Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp! |
||||
8 |
Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox |
||||
9 |
Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster. |
||||
10 |
Pengaturan waktu sistem sesuai dengan WIB format 24 jam. |
||||
11 |
Sistem memiliki menu drop down untuk history report table mencakup 12 bulan pada Viewboard iDuHelp!. |
||||
12 |
Sistem memiliki menu drop down untuk history chartmencakup 12 bulan pada Viewboard iDuHelp!. |
||||
13 |
Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama. |
||||
14 |
Sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator. |
||||
15 |
Sistem dapat menampilkan 11 FAQ iDuHelp!. |
||||
Non Functional |
|||||
No. |
Saya ingin sistem dapat: |
||||
1 |
Sistem memiliki tampilan yang user friendly. |
||||
2 |
Sistem menampilkan Favicon |
||||
3 |
Target 1000 customers |
||||
4 |
Dapat diakses secara online |
||||
5 |
Target 30 penempatan widget iDuHelp! online |
||||
Penyusun
(Nursam Somantri) NIM : 1212472873 |
|||||
Mengetahui,
|
|||||
Menyetujui,
|
Strategi
Menurut Rangkuti (2009)[55], strategi yaitu suatu alat untuk mencapai tujuan. Tujuan utamanya adalah supaya perusahaan dapat melihat secara obyektif kondisi-kondisi internal dan eksternal, sehingga perusahaan dapat mengantisipasi perubahan lingkungan eksternal.
-
Strategi 1: Sistem dapat menampilkan menu Viewboard iDuHelp! dengan 12 list menu pada tampilan utama Viewboard.
-
Pada strategi 1 yang terdapat pada final draft elisitasi no 1 bagian fungsional adalah hal yang ingin dicapai adalah sistem dapat menampilkan menu Viewboard iDuHelp! dengan menampilkan 12 list menu dan yang datanya akan diambil dari database. sehingga dapat mengeluarkan sebuah informasi yang akurat.
-
Pembuktian tercapainya strategi nomor 1 pada bagian fungsional adalah dengan adanya Viewboard yang dapat menampilkan sebuah tampilan yang menarik dan informasi yang akurat diantaranya ada history performa berupa tabel atau grafik dan rank top 10 operator iDuHelp!.
Gambar 4.2. Strategi 1
Sumber : http://viewboard.magics.co/
-
-
Strategi 2: Sistem dapat menampilkan daftar customers dengan total lebih dari 1000 customers.
-
Pada strategi 2 terdapat pada final draft elisitasi nomor 2 bagian fungsional yaitu hal yang ingin dicapai adalah sistem dapat menampilkan daftar customers lebih dari 1000 customers pada Viewboard iDuHelp!.
-
Pembuktian tercapainya strategi nomor 2 pada final draft elisitasi bagian fungsional adalah dengan adanya fitur “Daftar Customer” pada Viewboard iDuHelp! maka dapat dapat mengetahui daftar dan traffict customers yang masuk pada Viewboard iDuHelp!.
Gambar 4.3. Strategi 2
Sumber : http://viewboard.magics.co/
Gambar 4.4. Strategi 2
Sumber : http://viewboard.magics.co/
-
-
Strategi 3: Sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan.
-
a) Pada strategi 3 yang terdapat pada final draft elisitasi nomor 3 bagian functional adalah hal yang ingin dicapai sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan pada halaman utama
-
b) Pembuktian tercapainya strategi nomor 3 pada final draft elisitasi bagian functional adalah sistem dapat menampilkan Top 10 Operators terbanyak menangani customers perbulan pada halaman utama.
Gambar 4.5. Strategi 3
Sumber : http://viewboard.magics.co/
-
-
Strategi 4: Sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators.
-
Pada strategi 4 yang terdapat pada final draft elisitasi nomor 4 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan daftar operators pada Viewboard iDuHelp! sebanyak 59 operators.
-
Pembuktian tercapainya strategi nomor 4 pada final draft elisitasi bagian functional adalah yaitu sistem dapat menampilkan daftar keseluruhan operators yang aktif.
Gambar 4.6. Strategi 4
Sumber : http://viewboard.magics.co/
Gambar 4.7. Strategi 4
Sumber : http://viewboard.magics.co/
-
-
Strategi 5: Sistem dapat menampilkan 2 macam jenisreport performa iDuHelp!
-
Pada strategi 5 yang terdapat pada final draft elisitasi nomor 5 bagian functional adalah hal yang ingin dicapai sistem dapat menampilkan report performa iDuHelp! dan menampilkan 2 macam jenis report.
-
Pembuktian tercapainya strategi nomor 5 pada final draft elisitasi bagian functional adalah sistem dapat menampilkan report performa iDuHelp! dan menampilkan 2 macam jenis report.
Gambar 4.8. Strategi 5
Sumber : http://viewboard.magics.co/
-
-
Strategi 6: Sistem dapat menampilkan opsi last login operators dengan menampilkan sebanyak 59 operator.
-
Pada strategi 6 yang terdapat pada final draft elisitasi nomor 6 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan sebuah opsi last login operatorsdengan menampilkan sebanyak 59 operator.
-
Pembuktian tercapainya strategi nomor 6 pada final draft elisitasi bagian functional adalah sistem dapat menampilkan sebuah opsi last login operators dengan menampilkan sebanyak 59 operator.
Gambar 4.9. Strategi 6
Sumber : http://viewboard.magics.co/
Gambar 4.10. Strategi 6
Sumber : http://viewboard.magics.co/
-
-
Strategi 7: Sistem dapat terhubung dengan Ten pillar iLearning no 5 iDuHelp!
-
Pada strategi 7 yang terdapat pada final draft elisitasi nomor 7 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat terhubung dengan Ten pillar iLearning no 5 iMe iDuHelp! agar mengetahui informasi yang ada pada iMe iDuHelp!.
-
Pembuktian tercapainya strategi nomor 7 pada final draft elisitasi bagian functional adalah sistem dapat terhubung dengan Ten pillar iLearning no 5 yaitu iMe iDuHelp! agar mengetahui informasi yang ada pada iMe iDuHelp!.
Gambar 4.11. Strategi 7
Sumber : http://viewboard.magics.co/
-
-
Strategi 8: Sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox.
-
Pada strategi 8 yang terdapat pada final draft elisitasi nomor 8 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat terhubung dengan Future IT Rahaja no 5 yaitu forum RhjFox agar dapat mengetahui informasi yang ada pada forum RhjFox.
-
Pembuktian tercapainya strategi nomor 8 pada final draft elisitasi bagian functional adalah sistem dapat terhubung dengan forum RhjFox agar dapat mengetahui informasi yang ada pada forum RhjFox.
Gambar 4.12. Strategi 8
Sumber : http://viewboard.magics.co/
-
-
Strategi 9: Sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster.
-
Pada strategi 9 terdapat pada final draft elisitasi nomor 9 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster agar dapat mengetahui daftar tiket yang telah dibuat.
-
Pembuktian tercapainya strategi nomor 9 pada final draft elisitasi bagian functional sistem dapat terhubung dengan Ten pillar iLearning no 7 Viewboard Rooster agar dapat mengetahui daftar tiket yang telah dibuat.
Gambar 4.13. Strategi 9
Sumber : http://viewboard.magics.co/
-
-
Strategi 10 : Pengaturan waktu sistem sesuai dengan WIB format 24 jam.
-
Pada strategi 10 terdapat pada final draft elisitasi nomor 10 bagian functional adalah hal yang ingin dicapai yaitu sistem pengaturan waktu pada sistem sesuai dengan WIB dengan format waktu 24jam.
-
Pembuktian tercapainya strategi nomor 10 pada final draft elisitasi bagian functional sistem pengaturan waktu pada sistem sesuai dengan WIB dengan format waktu 24jam.
Gambar 4.14. Strategi 10
Sumber : http://viewboard.magics.co/
-
-
Strategi 11: Sistem memiliki menu drop down untuk history report table mencakup 12 bulan pada Viewboard iDuHelp!..
-
Pada strategi 11 yang terdapat pada final draft elisitasi nomor 11 bagian functional hal yang ingin dicapai yaitu sistem memiliki menu drop down untuk history report yang mencakup 12 bulan pada Viewboard iDuHelp!.
-
Pembuktian tercapainya strategi nomor 11 pada final draft elisitasi bagian functional hal yang ingin dicapai yaitu sistem memiliki menu drop down untuk history report yang mencakup 12 bulan pada Viewboard iDuHelp!.
Gambar 4.15. Strategi 11
Sumber : http://viewboard.magics.co/
-
-
Strategi 12 : Sistem memiliki menu drop down untuk history chart mencakup 12 bulan pada Viewboard iDuHelp!.
-
Pada strategi 12 yang terdapat pada final draft elisitasi nomor 12 bagian functional adalah hal yang ingin dicapai yaitu Sistem memiliki menu drop down untuk history chart yang mencakup 12 bulan pada Viewboard iDuHelp!.
-
Pembuktian tercapainya strategi nomor 12 pada final draft elisitasi bagian functional adalah hal yang ingin dicapai yaitu sistem memiliki menu drop down untuk history chart yang mencakup 12 bulan pada Viewboard iDuHelp!.
Gambar 4.16. Strategi 12
Sumber : http://viewboard.magics.co/
-
-
Strategi 13 : Sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.
-
Pada strategi 13 yang terdapat pada final draft elisitasi nomor 13 bagian functional hal yang ingin dicapai yaitu sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.
-
Pembuktian tercapainya strategi nomor 13 pada final draft elisitasi bagian functional adalah sistem dapat menampilkan Top 10 customers terbanyak bertanya pada iDuHelp! online perbulan pada halaman utama.
Gambar 4.17. Strategi 13
Sumber : http://viewboard.magics.co/
-
-
Strategi 14 : Sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator.
-
Pada strategi 14 yang terdapat pada final draft elisitasi nomor 14 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator untuk menggambarkan sebuah data kuantitatif performa operators.
-
Pembuktian tercapainya strategi nomor 14 pada final draft elisitasi bagian functional sistem dapat menampilkan grafik bar dibuktikan dengan menampilkan lebih dari 5 operator untuk menggambarkan sebuah data kuantitatif performa operators.
Gambar 4.18. Strategi 14
Sumber : http://viewboard.magics.co/
-
-
Strategi 15 : Sistem dapat menampilkan 11 FAQ iDuHelp!.
-
Pada strategi 15 yang terdapat pada final draft elisitasi nomor 15 bagian functional adalah hal yang ingin dicapai yaitu sistem dapat menampilkan FAQ yang berisikan 11 FAQ mengenai iDuHelp!.
-
Pembuktian tercapainya strategi nomor 15 pada final draft elisitasi bagian functional sistem dapat menampilkan FAQ yang berisikan 11 FAQ mengenai iDuHelp!.
Gambar 4.19.Strategi 15
Sumber : http://viewboard.magics.co/
-
Usulan Prosedur Yang Baru
Setelah mengadakan analisa dan penelitian sistem iDuHelp! yang saat ini sedang berjalan pada Perguruan Tinggi Raharja, maka selanjutnya akan dibahas mengenai rancangan usulan sistem yang akan dibangun. Ada beberapa usulan prosedur yang bertujuan untuk memperbaiki dan menyempurnakan kembali sistem iDuHelp! yang sudah ada dan sedang berjalan saat ini, yaitu memperbaiki sistem iDuHelp! dengan memberikan sebuah informasi seputar yang ada di dalam sistem iDuHelp! online tanpa harus melakukan login terlebih dahlu pada sistem iDuHelp!, usulan prosedur selanjutnya merubah proses perekapan laporan performa operator iDuHelp! online yang masih manual menjadi perekapan laporan performa operator iDuHelp! online secara otomatis dan terkomputerisasi berbasis web sehingga memudahkan PIC/admin dalam merekan dan membuat laporan.
Dalam menganalisa usulan prosedur yang baru pada penelitian ini digunakan program Visual Paradigm Suite untuk menggambarkan flowchart.
Use Case Diagram Yang Diusulkan
![](https://lh3.googleusercontent.com/-iO0IDK4kZRc/V_NZBzdJi9I/AAAAAAAAKJQ/acw8EUabQF4fzEDgs8RWYnIjEnCYJJs9gCL0B/w477-d-h279-p-rw/image01.jpg)
Dapat dijelaskan gambar Adalah use case yang diusulkan pada Perguruan Tinggi Raharja terdiri dari 4 actor, yaitu : customer, operator iDuHelp!, staff Rooster, dan admin. Dan juga mempunyai 3 behavior atau kebiasaan diantaranya yaitu :
- Prosedur Customer iDuHelp.
Use case : Request Form Pertanyaan
Actor : Customer dan Operator iDuHelp!
Skenario : Customer iDuHelp! mengisi sebuah form request pertanyaan (yang terdiri dari pilih departement, isi nama, email dan message) yang kemudian start chat setelah itu masuk kedalam sistem iDuHelp! dan Operators mengambil atau menangani form yang customer request dan operator wajib untuk mengirimkan email verifikasi kepada customer (kecuali permasalahan email rinfo). Verifikasi email tersebut berfungsi sebagai validasi dan customer wajib balas email verifikasi tersebut untuk meneruskan percakapan atau chat dengan operator iDuHelp!. - Prosedur Operator iDuHelp!
Use case : Mengirim jawaban
Actor : Operator iDuHelp! dan customer
Skenario : Setelah Operator mendapatkan balasan verifikasi dari customers maka chat dapat dilanjutkan, dan customer dapat mengajukan sebuah pertanyaan sesuai permasalahan yang customers hadapai dan operator pun akan menjawab permasalahan tersebut dengan mengirimkan jawaban berupa link iRan dan jika pertanyaan yang diajukan perlu dibuatkan tiket rooster operator akan membuatkan tiket rooster yang akan dihubungkan ke PIC terkait. - Prosedur Admin iDuHelp!
Use case : Menampilkan Viewboard iDuHelp!
Actor : Operator dan Admin
Skenario : Didalam Viewboard iDuHelp! terdapat bayak menu – menu dan tampilan yang menarik, dan diantaranya ada total dan daftar customers yang masuk, daftar operator iDuHelp!, last log operator, history performa operator, top10 operator dan customers terhubung dengan iMe iDuHelp!, Forum RhjFox danViewboard Rooster, FAQ. Dan admin pun ga usah repot lagi untuk membuat sebuah laporan performa iDuHelp! secara manual lagi karena data akan otomatis masuk kedalam viewboard iDuHelp! dan dapat memnerikan kepercayaan kepada operator karena penghitungannya yang cukup akurat.
Rancangan Prosedur Sistem Yang Diusulkan Pada Activity Diagram
1. Activity Diagram Prosedur Customer dan Operator Yang Diusulkan
![](https://lh3.googleusercontent.com/--5O-5f3pvaI/V_NfNrbs_1I/AAAAAAAAKKA/NZ3RDsZDrZsafqFpo4xXHi8EH3ZkXVboQCL0B/w312-d-h456-p-rw/image00.jpg)
- 1 (satu) initial node sebagai objek yang di awali.
- 9 (sembilan) activity sebagai state dari sistem yang mencerminkan sebuah eksekusi dari suatu aksi diantaranya, yaitu : Customer mengakses iDuHelp! Online, kemudian customer mengisi form request pertanyaan iDuHelp! Online, dan mulai dengan start chat. Lalu Operator iDuHelp! akan masuk kedalam percakapan (join the chat), dan operator mengirimkan sebuah verifikasi email ke email si customer. kemudian Customer terima email dan membalas email verifikasi yang dikirim oleh operator. lalu customer mengajukan sebuah pertanyaan kepada operator iDuHelp!, kemudian operator iDuHelp! menjawab pertanyaan yang diajukan oleh customer berupa link iRan jika perlu dibuatkan tiket rooster operator akan membuatkanya dan menghubungkannya ke PIC terkait.
- 1 (satu) initial final node yang merupakan aktifitas akhir kegiatan
2. Activity Diagram Prosedur Pembuatan Laporan
![](https://lh3.googleusercontent.com/--5O-5f3pvaI/V_NfNrbs_1I/AAAAAAAAKKA/NZ3RDsZDrZsafqFpo4xXHi8EH3ZkXVboQCL0B/w312-d-h456-p-rw/image00.jpg)
Activity diagram pada prosedur pembuatan laporan yang diusulkan, yaitu sebagai berikut :
- 1 (satu) initial node sebagai objek yang di awali.
- 6 (enam) activity sebagai state dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : Admin mengakses Viewboard iDuHelp!, lalu buka halaman home, pilih menu history report , lalu rekap performa operator iDuHelp! otomatis, buat laporan, dan operator menerima laporan hasil rekapan performa operator iDuHelp!.
- 1 (satu) initial final node yang merupakan aktifitas akhir kegiatan
3. Activity Diagram Prosedur Viewboard.
![](https://lh3.googleusercontent.com/-vnIxmCCCPNw/V_Nij4GFeKI/AAAAAAAAKLI/dWSLI2Kd0wkBxX9XhgARc3iAn3lmApagACL0B/w285-d-h506-p-rw/image03.jpg)
Activity diagram pada prosedur viewboard yang diusulkan, yaitu sebagai berikut :
- 1 (satu) initial node sebagai objek yang di awali.
- 10 (sepuluh) activity sebagai state dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : Akses viewboard, masuk ke dalam halaman home viewboard yang terdiri dari Total dan daftar customers, Daftar operators, Last log operator, Topten operator dan customers, Histor Report performa operator, terhubung dengan iMe iDuHelp!, Forum RhjFox dan Viewboard Rooster, dan FAQ pada viewboard.
- 1 (satu) initial final node yang merupakan aktifitas akhir kegiatan.
Sequence Diagram Sistem Yang Diusulkan
1. Sequence Diagram Customer dan Operator
![](https://lh3.googleusercontent.com/-1HYnIOkRT5A/V_Nj8h5NPXI/AAAAAAAAKL0/VdAzM85nBtII09IdCEVlDvvNAmHW1JZ8gCL0B/w477-d-h215-p-rw/image04.jpg)
Diagram diatas menggambarkan sequence diagram untuk customer dan operator yang diusulkan, yaitu sebagai berikut :
- 2 (dua) actor yang melakukan kegiatan, yaitu customer, dan operator iDuHelp!.
- 2 (dua) boundary class yang menggambarkan sebuah penggambaran dari login dan chat operator iDuHelp!.
- 1 (satu) control class yang menggambarkan penghubung antara login dengan sistem iDuHelp! yang berperan sebagai server untuk start chat.
- 3 (tiga) entity class yang menggambarkan hubungan kegiatan yang akan dilakukan. 3 (tiga) entity class tersebut, yaitu : iDuHelp!, Data Performa, dan Viewboard iDuHelp!.
- Masuk ke dalam iDuHelp! Online.
- Masukan name.
- Masukan email.
- Masukan massage.
- Start chat
- Login gagal.
- Login berhasil.
- Tanya jawab antara customer dan operator iDuHelp!.
- Operator iDuHelp! menangani customer.
- Memberikan jawaban kepada customer.
2. Sequence Diagram Untuk Pembuatan Laporan
![](https://lh3.googleusercontent.com/-rD4aLtHqmvw/V_NpB-bG-PI/AAAAAAAAKMw/QnHIx4sfJwwSDLtBAQMp40ZQFgPVf10IgCL0B/w477-d-h268-p-rw/image05.jpg)
Diagram diatas menggambarkan sequence diagram untuk pembuatan laporan yang diusulkan, yaitu sebagai berikut :
- 2 (dua) actor yang melakukan kegiatan, yaitu Admin dan Staff Rooster.
- 1 (satu) boundary class yang menggambarkan sebuah penggambaran dari pembuatan deskripsi laporan.
- 4 (empat) entity class yang menggambarkan hubungan kegiatan yang akan dilakukan. 4 (empat) entity class tersebut, yaitu : Akses viewboard iDuHelp!, halaman home, History report, dan rekap performa operator iDuHelp!.
- Message yang menggambarkan pengiriman pesan, yaitu :
- Masuk ke dalam iDuHelp! Online.
- Akses Viewboard
- Menuju halaman home.
- Menuju halaman history report.
- Merekap performa operator iDuHelp! secara otomatis.
- Buat deskripsi laporan rekapan performa operator iDuHelp!.
- Kirim hasil rekapan performa operator iDuHelp!.
3. Sequence Diagram Untuk Viewboard
![](https://lh3.googleusercontent.com/-rD4aLtHqmvw/V_NpB-bG-PI/AAAAAAAAKMw/QnHIx4sfJwwSDLtBAQMp40ZQFgPVf10IgCL0B/w477-d-h268-p-rw/image05.jpg)
Diagram diatas menggambarkan sequence diagram untuk viewboard yang diusulkan, yaitu sebagai berikut :
- 1 (satu) actor yang melakukan kegiatan, yaitu admin.
- 16 (enam belas ) entity class yang menggambarkan hubungan kegiatan yang akan dilakukan. 16 (enam belas) entity class tersebut, yaitu : Akses viewboard iDuHelp!, halaman home, viewboard, History report performa operator, performa operator berupa tabel, performa operator berupa chart, terhubung ke iMe iDuHelp!, terhubung Forum RhjFox dan terhubung Viewboard Rooster, FAQ, Total dan Daftar customer masuk, Daftar Operator iDuHelp!, Last log operator, Topten Operator dan Topten Customer, Total Performa operator keseluruhan
- Message yang menggambarkan pengiriman pesan, yaitu :
- Masuk ke dalam iDuHelp! Online.
- Akses viewboard.
- Menuju halaman home.
- Pilih menu Viewboard.
- Pilih menu history report untuk menampilkan dropdown laporan performa.
- Pilih menu performa operator iDuHelp! untuk menampilkan rekapan performa
- Pilih menu performa operator iDuHelp! chart untuk menampilkan rekapan performa berupa chart.
- Pilih menu iMe iDuHelp! untuk terhubung dengan iMe iDuHelp!.
- Pilih menu Forum RhjFox untuk terhubung dengan Forum RhjFox .
- Pilih menu Viewboard Rooster untuk terhubung dengan Viewboard Rooster.
- Pilih menu FAQ untuk melihat FAQ viewboard.
- Pilih daftar dan total customer untuk ,melihat berapa banyak customer yang masuk.
- Pilih operator untuk melihat operator yang aktif.
- Pilih menu last log untuk mengetahui siapa operator yang terakhir online.
- Pilih Top 10 operator untuk melihat rank perbulan.
- Pilih Top 10 operator untuk melihat rank perbulan.
- Total operator untuk mengetahui total keseluruhan performa operator.
Flowchart
Menurut Adelia (2011: 116)[56], “Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program”. Flowchart menolong analyst dan programmer untuk memecahkan masalah ke dalam segmen-segmen yang lebih kecil dan menolong dalam menganalisa alternatif-alternatif lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaiannya suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Berikut Flowchart program untuk sistem Viewboard iDuHelp! online.
Dapat dijelaskan gambar flowchart untuk PIC iDuHelp! dalam proses pembuatan laporan rekapan history report pada Viewboard iDuHelp! di atas pada saat ini, yaitu terdiri dari:
-
2 (dua) simbol terminal, yang berperan sebagai “start” dan “end” pada aliran proses flowchart untuk mengakses Viewboard iDuHelp!.
-
5 (lima) simbol data, yang menyatakan proses input atau output tanpa tergantung jenis peralatannya, yaitu “akses Viewboard iDuHelp!” yang mempunyai akses data secara public atau kesiapapun.
Rancangan Program (HIPO)
Menurut Praptiningsih (2012: 03)[57], “HIPO (Hirarchy Plus Input Process Output) yaitu alat bantu yang digunakan untuk membuat spesifikasi program yang merupakan struktur yang berisi diagram dimana di dalam program ini berisi input yang diproses dan menghasilkan output”.
Menurut Amsyah (2008: 284)[58], bagan HIPO (Hirarchy Plus Input Process Output) aslinya dibuat oleh IBM (International Business Machines) sebagai alat untuk mendokumentasikan program. Bagan HIPO secara jelas memperagakan apa yang dikerjakan suatu program, data apa yang digunakan, dan keluaran yang dihasilkannya. Bagan HIPO lebih mudah dibaca dibanding dengan bagan arus,sangat rinci, fleksibel, mudah dimodifikasi, dan dikelola. Dalam membuat bagan HIPO, terdapat tiga jenis diagram, yaitu: daftar isi visual (the visualtable of contents / VTOC), diagram peninjauan, dan rincian diagram.
Berdasarkan beberapa pendapat yang dikemukakan di atas dapat ditarik kesimpulan HIPO merupakan metodologi yang dikembangkan dan didukung oleh IBM (International Business Machines) yang sebenarnya merupakan alat dokumentasi program dan sekarang banyak digunakan sebagai alat designdan teknik dokumentasi dalam siklus pengembangan sistem. Berbasis pada fungsi, yaitu tiap-tiap modul di dalam sistem digambarkan oleh fungsi utamanya.
Pada HIPO ini dapat dijabarkan sebuah menu-menu dan tampilan yang ada pada Viewboard iDuHelp!. Adapun spesifikasi program yang diusulkan tersebut adalah sebagai berikut:
-
Akses Viewboard iDuHelp!
Nama Program : Akses Viewboard iDuHelp!.br> Fungsi : Untuk masuk menuju halaman utama pada Viewboard iDuHelp!..
Proses : akses link Viewboard iDuHelp!.
-
Menu Viewboard iDuHelp!
Nama Program : Menu Viewboard iDuHelp!..
Fungsi : Untuk menampilkan menu pilihan yang ada pada program.
Bahasa Program : PHP.
Proses : Pada Menu Utama terdapat 7 (tujuh) buah pilihan yaitu:- Viewboard
Nama Program : Viewboard.
Fungsi : Untuk menampilkan data informasi seputar sistem. .
Bahasa Program : PHP & HTML .
Proses : Pada menu utama pilih Viewboard yang terletak pada bagian tengah. -
Menu Viewboard
Nama Program : Menu Viewboard
Fungsi : Untuk menampilkan menu menu yang ada pada Viewboard.
Bahasa Program : PHP & HTML
Proses : Pada menu utama pilih Viewboard yang terletak pada bagian kiri pada tampilan Viewboard iDuHelp!. -
Menu History Report
Nama Program : History Report
Fungsi : Untuk menampilkan laporan performa iDuHelp! perbulan berupa tabel maupun Grafik.
Bahasa Program : PHP & HTML
Proses : Pada menu utama pilih Viewboard yang terletak pada bagian kiri yang terdapat simbol grafik. -
Menu Terhubung dengan iMe iDuHelp!
Nama Program : iMe iDuHelp!
Fungsi : Untuk menghubungkan Viewboard dengan iMe iDuHelp!
Bahasa Program : HTML
Proses : Pada menu utama pilih Viewboard yang terletak pada bagian kiri pada tampilan Viewboard iDuHelp! dibawah menu history report. -
Menu Terhubung dengan Forum RhjFox
Nama Program : Forum RhjFox
Fungsi : Untuk menghubungkan Viewboard dengan Forum RhjFox
Bahasa Program : HTML
Proses : Pada menu utama pilih Viewboard yang terletak pada bagian kiri tampilan utama Viewboard iDuHelp! dibawah menu terhubung ke iDuHelp!. -
Menu Terhubung dengan Viewboard Rooster
Nama Program : Viewboard Rooster
Fungsi : Untuk menghubungkan Viewboard dengan Viewboard Rooster.
Bahasa Program : HTML
Proses : Pada menu utama pilih Viewboard yang terletak pada bagian kiri tampilan utama Viewboard iDuHelp! dibawah menu terhubung ke forum RhjFox. -
Menu Terdapat FAQ
Nama Program : FAQ
Fungsi : Untuk memberikan kemudahan kepada user
Bahasa Program : HTML
Proses : Pada menu utama pilih Viewboardyang terletak pada bagian kiri tampilan utama Viewboard iDuHelp! dibawah menu terhubung ke Viewboard Rooster.
- Viewboard
Rancangan Prototype
Menurut O’Brien (2011)[59], Prototype adalah suatu sistem potensial yang disediakan bagi pengembang dan calon pengguna yang dapat memberikan gambaran bagaimana kira-kira sistem tersebut akan berfungsi bila telah disusun dalam bentuk yang lengkap, dimana prosesnya disebut dengan prototyping. Proses pengembangan sistem sering kali mengambil format atau mencakup pendekatan prototype.Tahap ini adalah gambaran secara jelas setiap menu yang ada di dalam sistem, sehingga menggambarkan dengan jelas kepada para pengguna sistem. Berikut ini merupakan gambaran umum prototype dari Viewboard iDuHelp! yang akan dibuat, sebagai berikut :
1. Rancangan Prototype Tampilan Home
Pada prototype ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! digunakan untuk menampilkan sebuah informasi seputar sistem iDuHelp! tanpa harus perlu login terlebih dahulu, dan Viewboard dapat menampilkan daftar & total customers, daftar operator, last log operator, top 10 operator dan customers perbulan, history report, terhubung dengan iMe iDuHelp!, Forum RhjFox dan Viewboard Rooster Rooster, dan FAQ.
2. Rancangan Prototype Tampilan Daftar Customers iDuHelp!
pada Prototype ini menjelas mengenai tampilan daftar customers yang ada pada Viewboard iDuHelp! yaitu berfungsi untuk menampilkan daftar customers yang masuk atau bertanya ke iDuHelp! online.
3. Rancangan Prototype Tampilan Daftar Operators iDuHelp!
Pada Prototype ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! digunakan untuk menampilkan daftar operator yang aktif pada saat ini sesuai dengan jadwal operator yang ada.
4. Rancangan Prototype Tampilan Last Login Operators
Pada Prototype ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! digunakan untuk menampilkan last login operator yang sedang berjaga pada saat ini sesuai dengan jadwal operator yang ada.
5. Rancangan Prototype Tampilan History Performa Operators iDuHelp!
Pada Prototype ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! mengenai history performa operators yang berfungsi untuk menampilkan history laporan-laporan performa operator iDuHelp!.
6. Rancangan Prototype Tampilan Chart Performa Operators iDuHelp!
Pada Prototype ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! mengenai chart history performa operators yang berfungsi untuk menampilkan chart history laporan-laporan performa operators iDuHelp!.
7. Rancangan Prototype Tampilan Terhubung Ke iMe iDuHelp!
Pada Prototype ini menjelaskan mengenai tampilan yang ada pada Viewboard iDuHelp! terhubung ke iMe iDuHelp! digunakan untuk menampilkan informasi-informasi mengenai perihal iMe iDuHelp!.
8. Rancangan Prototype Tampilan Terhubung Ke Forum RhjFox
Pada Prototype ini menjelaskan mengenai tampilan yang ada pada Viewboard iDuHelp! terhubung ke Forum RhjFox digunakan untuk menampilkan informasi-informasi mengenai perihal yang ada pada Forum RhjFox.
9. Rancangan Prototype Tampilan Terhubung Ke Viewboard Rooster
Pada Prototype ini menjelaskan mengenai tampilan yang ada pada Viewboard iDuHelp! terhubung ke Viewboard Rooster digunakan untuk menampilkan informasi-informasi mengenai tiket yang telah dibuat operator untuk PIC pada Viewboard Rooster.
10. Rancangan Prototype Tampilan FAQ
Pada Prototype ini menjelas mengenai tampilan yang ada pada Viewboard iDuHelp! terdapat tampilan FAQ digunakan untuk menampilkan informasi-informasi mengenai perihal prosedur iDuHelp!.
Metode Testing
Metode Implementasi
Menurut Nasution (2012: 118)[7], “Implementasi atau pengujian adalah tahapan di mana software yang telah selesai dikembangkan dilakukan pengujian dengan metode black box agar semua komponen sistem apakah sesuai dengan analisis kebutuhan pada awal perancangan”. Implementasi pada program sistem Viewboard iDuHelp! Pada Perguruan Tinggi Raharja dilakukan dengan menggunakan metode Blackbox testing. Black Box Testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalny (Rizky 2011: 264)[34]
Dengan demikian black box testing dapat disimpulkan sebagai jenis pengujian perangkat lunak layaknya seperti "kotak hitam" yang tidak penting dilihat isinya, tapi cukup dikenal proses testing di bagian luar.
Black Box Testing
Berikut ini adalah tabel pengujian blackbox berdasarkan Sistem Viewboard iDuHelp! yaitu sebagai berikut :
1. Pengujian Blackbox Pada Tabel Daftar Customers
![](https://lh3.googleusercontent.com/-eSZtfb55oPY/V-yuwAodVXI/AAAAAAAAJ68/riysJHeGNk4VBLoLNjW09LaGRrd2fiWDQCL0B/w368-d-h287-n-rw/bbtabel%2Bcustom.png)
2. Pengujian Blackbox Pada Tabel Daftar Operators iDuHelp!
Berikut ini adalah tabel pengujian blackbox berdasarkan Sistem Viewboard iDuHelp! untuk daftar operators yaitu sebagai berikut :
![](https://lh3.googleusercontent.com/-dQnfuVjuZvU/V-yuwInufSI/AAAAAAAAJ68/NEMLji6MJm0ypD9LJzzhAiucTkCJZRE4ACL0B/w240-d-h287-n-rw/bbtabel%2Bop.png)
3. Pengujian Blackbox Pada Tabel Daftar History Rekap Performa iDuHelp! Online
Berikut ini adalah tabel pengujian blackbox berdasarkan sistem Viewboard iDuHelp! untuk daftar History Rekap Pefrorma yaitu sebagai berikut ::
![](https://lh3.googleusercontent.com/-qXisXjVxLk8/V-yuwAfjvxI/AAAAAAAAJ68/aGAlFRyQKZEsnvnDJWV1mzlJUYFeD0aOQCL0B/w367-d-h287-n-rw/bbtabel%2Brecap.png)
Evaluasi
Setelah dilakukan pengujian dengan metode blackbox yang dilakukan terhadap sistem Viewboard iDuHelp! ada 3 bagian yaitu mengenai pengujian black box pada tabel daftar customers, pengujian blackbox pada tabel daftar operators iDuHelp! dan pengujian blackbox pada tabel daftar history rekap performa iDuHelp! online. dan hasil yang diuji adalah menyatakan bahwa sistem Valid. dan jika data yang dicari tidak ada maka sistem akan menampilkan pesan No matching records found dan ini sangat membantu bagi users yang mengakses Viewboard iDuHelp!.
Konfigurasi Sistem
Spesifikasi Hardware
Dalam perancangan Viewboard iDuHelp! menggunakan Bootstrap sebagai penunjang laporan performa iDuHelp! online ini dijalankan menggunakan komputer dengan spesifikasi perangkat keras (hardware) sebagai berikut:
-
Processor : 1.90 GHz AMD A4-3305M APU
-
Monitor : 14.0” HD LED
-
RAM : 6 GB 1333 Mhz DDR3
-
Hard disk : 500 GB
Aplikasi Yang Digunakan
Dalam perancangan Viewboard iDuHelp! menggunakan Bootstrap sebagai penunjang laporan performa iDuHelp! online pada Perguruan Tinggi ini dijalankan menggunakan komputer dengan spesifikasi perangkat lunak (software) sebagai berikut:
-
Microsoft Windows 10 Pro
-
Mozilla Firefox
-
Google Chrome
-
Bootstrap
-
Filezilla
-
Notepad++
Hak Akses
hak akses dapat lakukan 2 users yaitu untuk mengoperasikan dapat dilakukan oleh seluruh Pribadi Raharja, dan untuk mengolah data dilakukan oleh seorang PIC (person in charge) yang bertugas mengecek sistem dan melaporkan jumlah hasil performa operator ke dalam email.
Schedule Implementasi
Schedule Implementasi ialah sebuah rencana yang menjelaskan segala sesuatu tentang hal-hal yang dibutuhkan dalam proses implementasi sistem Viewboard iDuHelp! Pada Perguruan Tinggi Raharja. Pada tahap ini dibutuhkan rencana implementasi yang berguna dalam pelaksanaan langkah-langkah kegiatan penerapannya. Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakan ini dalam bentuk time table yaitu sebagai berikut:
Estimasi Biaya
BAB V
Kesimpulan
Berikut ini adalah kesimpulan perihal rumusan masalah mengenai Perancangan Viewboard iDuHelp! Menggunakan Bootstrap Sebagai Penunjang Laporan Performa iDuHelp! Online pada Perguruan Tinggi sebagai berikut :
- Jika sebelumnya Pribadi Raharja belum dapat mengetahui informasi yang ada pada sistem iDuHelp! online, dan saat ini dengan adanya Viewboard iDuHelp! online ini Pribadi Raharja dapat mengetahui informasi seputar data sistem iDuHelp! online yang dibuat menggunakan Bootstrap.
- Jika sebelumnya belum dapat menampilkan sebuah informasi hasil rekapan performa dan chart otomatis, dan saat ini dengan adanya Viewboard rekap hasil performa dan chart otomatis dapat memberikan kemudahan bagi admin dan menghasilkan perhitungan jumlah customers yang ditangani oleh operators secara akurat.
- Jika sebelumnnya belum adanya sebuah Viewboard yang bisa memberikan sebuah informasi berdasarkan yang ada pada sistem iDuHelp! online, dan saat iini sudah ada Viewboard iDuHelp!yang dapat memberikan sebuah informasi kepada Pribadi Raharja mengenai informasi yang berdasarkan pada sistem iDuHelp! online.
Dapat disimpulkan bahwa iDuHelp! sampai saat ini sudah mengalami perkembangan yang pesat. Sebelumnya iDuHelp! tersebut masih terdapat kekurangan yaitu belum bisa memberikan informasi secara public kepada seluruh Pribadi Raharja. Dan juga jika sebelumnya masih membuat laporan secara manual dengan adanya Viewboard iDuHelp! laporan secara otomatis akan masuk ke dalam Viewboard iDuHelp!.
Saran
Untuk meningkatkan Viewboard iDuHelp! pada Perguruan Tinggi Raharja, penulis memberikan beberapa saran, yaitu :
- Mensosialisasikan Viewboard iDuHelp! kepada seluruh mahasiswa Perguruan Tinggi Raharja agar mengetahui seputar informasi mengenai iDuHelp!.
- Diharapkan agar pihak pengembang selanjutnya menambahkan agar sistem dapat rekap performa iDuHelp! offline secara otomatis.
- Dan diharapkan agar pihak pengembang selanjutnya dapat menambahkan infomarsi tentang fitur-fitur Viewboard iDuHelp! yang ada pada tampilan awal Viewboard.
DAFTAR PUSTAKA
- ↑ 1,0 1,1 Sutabri, Tata. 2012. Konsep Dasar Informasi. Yogyakarta: Andi Offset.
- ↑ Gronroos, Christian. 2007. Service management and marketing: customer management in services competition. Hoboken, New Jersey.
- ↑ Feigenbaum, Armand V . 1991. Total quality control. McGrawHill.
- ↑ 4,0 4,1 Yakub. 2012. Pengantar Sistem Informasi. Graha Ilmu : Yogyakarta.
- ↑ 5,0 5,1 5,2 5,3 Rapina, Christyanto., and Leo 2011. Peranan Sistem Pengendalian Internal Dalam Meningkatkan Efektivitas dan Efisiensi Kegiatan Operasional Pada Siklus Persediaa dan Pergudangan. Bandung: Univ.Kristen Maranatha.
- ↑ Murad, Dina Fitria., Kusniawati. Nia, Asyanto. Agus. 2013. Aplikasi Intelligence Website Untuk Penunjang Laporan PAUD Pada Himpaudi Kota Tangerang. Jurnal CCIT. Tangerang: Perguruan Tinggi Raharja. Vol. 7, No. 1, September 2013.
- ↑ 7,0 7,1 Nasution, Ruslan Efendi. 2012. Implementation Sms Gateway In The Development Web Based Information System Schedule Seminar Thesis. Lampung: Unila.
- ↑ O’Brien JA, Marakas GM. 2009. Introduction to Information Systems. McGrawHill.
- ↑ Satzinger, J.W., Jackson, R.B., & Burd, S.D, 2012. Systems Analysis and Design in a Changing World, 6th Edition. Missouri State University.
- ↑ 10,0 10,1 Mulyanto, Agus. 2009. Sistem Informasi Konsep & Aplikasi. Yogyakarta: Pustaka Pelajar
- ↑ Mangkunegara, Anwar Prabu. tahun 2006, Perencanaan dan Pengembangan Manajemen Sumber Daya Manusia, Pen. PT Refika Aditama.
- ↑ Dasaratha V, Rama., Jones., Frederick L. 2008. SISTEM INFORMASI AKUNTNASI. Buku Satu. (Alih bahasa M. Slamet Wibowo), Jakarta. Salemba Empat.
- ↑ 13,0 13,1 Lupiyoadi, Rambat. 2001. Manajemen Pemasaran Jasa. Penerbit Salemba Empat. Jakarta.
- ↑ Safrudin, Chasan. 2012. Pengertian Operator, Programmer, Analyst, dan System Programmer.
- ↑ Brannon, Nadia .“Business Intelligence and E-Discovery”.July 2010.Intellectual Property & Technology Law Journal Vol. 22
- ↑ Kursan, Ivana., M. Mihic.”Business Intelligence: The role of the Internet in marketing researc”.Management, Vol. 15, 2010, 1, pp. 69-86
- ↑ 17,0 17,1 17,2 17,3 IT Roadmap. 2013. Ten Pillar IT. (Tanggal Akses 20 November 2013) [1]
- ↑ 18,0 18,1 Noe, Hollenbeck, Gerhart, Wright. 2003. Human Resourse Management, International Edition. New York: The McGraw-hill Companies, Inc.
- ↑ Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: PT Elex Media Komputindo.
- ↑ 20,0 20,1 20,2 Arief, M. Rudyanto. 2011. “Pemrograman Web Dinamis Menggunakan PHP & MySQL”. Yogyakarta: Andi.
- ↑ Community, eWolf. 2012. “Panduan Internet Paling Gampang”. Yogyakarta: Cakrawala.
- ↑ Darma, Jarot S., Shenia Ananda. 2009. Buku Pintar Menguasai Internet. Jakarta : Mediakita.
- ↑ Werner J, Severin dan James W. Tankard. 2005. Teori Komunikasi. Kencana. Jakarta.
- ↑ Yunus, Syarifudin. 2010. Jurnalistik Terapan. Bogor: Ghalia Indonesia.
- ↑ Halim, Vini Winari. 2006. Media Online www.seskotni.mil.id Sebagai Media House Jurnal. Skripsi. Universitas Islam Negeri Sunan Gunung Djati, Bandung.
- ↑ 26,0 26,1 26,2 Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP. Yogyakarta: Mediakom.
- ↑ Simarmata, Janner. 2010. Rekayasa Web. Yogyakarta: Andi.
- ↑ Nugroho, Bunafit. 2009. Latihan Memuat Aplikasi Web PHP dan MySQL dengan Dreamweaver MX [6,7,2004] dan 8. Yogyakarta : Grava Media.
- ↑ Wardana. 2010. Belajar PHP dan MySQL. Yogyakarta: Andi Offset.
- ↑ 30,0 30,1 Prasetio, Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.
- ↑ 31,0 31,1 31,2 31,3 31,4 Anhar. 2010. “Panduan Menguasai PHP & MySQL Secara Otodidak”. Jakarta: Mediakita.
- ↑ Alatas, Husein. Responsive Web Design dengan PHP dan Bootstrap, Jakarta: Lokomedia, 2013.
- ↑ 33,0 33,1 Otto, Mark., J. Thornton, "Bootstrap," 19 Agustus 2011. [Online]. Available: www.getbootstrap.com. [Accessed 5 5 2014].
- ↑ 34,0 34,1 34,2 34,3 34,4 34,5 Soetam, Rizky. 2011. Konsep Dasar Perangkat Lunak. Jakarta: PT. Prestasi Pustaka Raya.
- ↑ Raharjo, Budi. 2011. “Belajar Otodidak Membuat Database Menggunakan MySQL”. Bandung: Informatika.
- ↑ 36,0 36,1 Henderi, Untung Rahardja, Qory Oktisa Aulia dan Muhamad Hendri. 2011. Dashboarding Information Systems For The Education Sector: Aplication and Methodologies JOURNAL CCIT Vol. 5 No.1 - September 2011 ISSN: 1978-8282.
- ↑ Rajagukguk, Ronald. 2010. Panduan Praktis SharePoint Server 2010 Sebuah Platform Untuk Berkolaborasi Di Web. Jakarta: PT.Elex Media Komputindo.
- ↑ Wikipedia. 2009. Definisi Leaderboard. [2]
- ↑ Internet. 2014. Complete Organization In One Mobile Dashboard. [3]
- ↑ 40,0 40,1 Hermawan, Asep. 2009. Penelitian Bisnis. Jakarta: Grasindo.
- ↑ Semiawan, Conny. R. 2010. Metode Penelitian Kualitatif. Jakarta: Grasindo.
- ↑ Yuniarti, Evi., dan Anita Kusuma Dewi. 2012. Kinerja Laporan Keuangan Untuk Pengambilan Keputusan Pemberian Kredit Modal Kerja. Lampung: Politeknik Negeri Lampung.
- ↑ Wanda Lestari, Ayu. 2015. Perancangan Viewboard Rooster dengan menggunakan Bootstrap pada Perguruan Tinggi Raharja.
- ↑ Damayanti, Isma . 2015. Analisa Perancangan Sistem Viewboard Zorilia dengan Menggunakan Metode Gamification Studi Kasus: Perguran Tinggi Raharja
- ↑ Hariyanti, Eva dan Endah Purwanti. 2014. Perancangan Sistem Dashboard Untuk Monitoring Indikator Kinerja Universitas, SESINDO 2014 .
- ↑ Tanuprasodjo, Sherlita. 2012. Analisis Dan Perancangan Dashboard Information System Tracer Study Pada Siklus Kelulusan Program Studi Akuntansi Perguruan Tinggi X Di Surabaya: Fakultas Bisnis dan Ekonomika Ubaya, 2012
- ↑ Franceschini, Fiorenzo, Maurizio Galleto and Elisa Turina. 2009. Service quality monitoring by performance indicators: a proposal for a structured methodology, Volume 5, Issue 2 ISSN: 1744-2370 Online ISSN: 1744-2389.
- ↑ Karalli, Rusol., Joyce Tipton Doina Dumitru., Lisa Scholz., Santhi Masilamani. 2015. Development of a metrics dashboard for monitoring involvement in the Drug Pricing Program, s.a. American Journal of Health-System Pharmacy September 1, 2015 vol. 72 no. 17 1489-1495.
- ↑ Karavakis, Edward., Julia Andreeva., Akram Khan., Gerhild Maier., Benjamin Gaidioz 2010. CMS Task Monitoring Dashboard: A user-centric monitoring view. Journal of Physics: Conference Series, Volume 219, Part 7.
- ↑ Velcu-laitinem, Oana., Yiqitbasioqlu., Ogan M. 2012. The Use of Dashboards in Performance Management. The International Journal of Digital Accounting Research, ISSN 1577-8517, Vol. 12, Nº. 18, 2012, page. 39-58.
- ↑ Veronica s, Smith. 2013. Data Dashboard u.s. Evaluation and Research Communication Tool. Volume 2013, Issue 140,pages 21–45, Winter 2013.
- ↑ Edward, Caroline. 2009. Mind Mapping untuk Anak Sehat dan Cerdas. Yogyakarta: Sakti.
- ↑ 53,0 53,1 Guritno, Suryo., Sudaryono dan Untung Rahardja. 2011. Theory and Application of IT Research Metodologi Penelitian Teknologi Informasi. Yogyakarta: CV Andi Offset.
- ↑ 54,0 54,1 54,2 54,3 Saputra, Alhadi. 2012. Kajian Kebutuhan Perangkat Lunak Untuk Pengembangan Sistem Informasi Dan Aplikasi Perangkat Lunak Buatan LAPAN Bandung. Bandung: LAPAN.
- ↑ Rangkuti, Freddy. (2009). Strategi Promosi yang Kreatif dan Analisis Kasus Integrated Marketing Communication. Jakarta : PT. GramediaPustakaUtama
- ↑ Adelia dan Jimmy Setiawan. 2011. Implementasi Customer Relationship Management (CRM) pada Sistem Reservasi Hotel berbasis Website dan Desktop. Bandung: Universitas Kristen Maranatha. Vol. 6, No. 2, September 2011:113-126.
- ↑ Praptiningsih, Yulia Eka. 2012. Aplikasi Penyewaan Ruangan PT. Simaeru Indonesia Raya Dengan Visual Basic 6.0. Depok: Universitas Gunadarma, UG Jurnal Vol. 6 No. 01, 2012.
- ↑ Amsyah, Zulkifli. 2008. Manajemen Sistem Informasi. Jakarta: Gramedia Pustaka Utama.
- ↑ O’Brien, James A dan Marakas,George M. 2011. “Management Information Systems, 10th Edition”. McGraw-Hill/ Irwin, New York.
LAMPIRAN
LAMPIRAN A
Pada “Lampiran A” ini berisi tentang berkas-berkas yang diperlukan sebagai persyaratan Tugas Akhir (Skripsi), diantaranya yaitu:
LAMPIRAN B
Pada “Lampiran B” ini berisi tentang berkas-berkas yang diperlukan sebagai persyaratan Tugas Akhir (Skripsi), diantaranya yaitu: