|
|
Baris 603: |
Baris 603: |
| <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''HASIL PENELITIAN'''</div> | | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''HASIL PENELITIAN'''</div> |
| | | |
− | ==Rancangan Sistem Usulan==
| |
− | ===Prosedur Sistem Usulan===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan analisis yang dilakukan, sistem yang yang diusulkan pada ''iLearning Plus'' adalah sebagai berikut:</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">1. Prosedur ''Create Post''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">''Admin'' yaitu ''staff REC'' membuat sebuah ''post'' untuk ''iLearning Plus'' di ''official site iLearning Plus'', yaitu http://ilearning/co. ''Admin'' diharuskan untuk ''login'' terlebih dahulu menggunakan akun ''Rinfo''-nya.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">2. Prosedur ''Create Page''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">''Admin'' kemudian membuat ''page'' sesuai kebutuhan yang ada pada ''official site iLearning Plus''.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">3. Prosedur ''Setting Appearance''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Disini ''admin'' melakukan perubahan tampilan pada ''setting appearance'' seperti mengumah teme, warna background, dan lain-lainnya.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">4. Prosedur ''Add Plugins''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Admin pun akan menambahkan beberapa plugins untuk menunjang kinerja dari ''official site iLearning Plus'', seperti plugin SEO, Google Analytic dan lain-lainnya.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">5. Prosedur ''Read Post''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Nantinya post yang telah dibuat oleh admin akan dibaca oleh Subscribers</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">6. Prosedur ''Comment''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Nantinya post yang telah dibuat oleh Admin akan dapat di comment oleh subscribers.</p></div>
| |
| | | |
− | ===Rancangan Prosedur Sistem Yang Diusulkan===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. Use Case Diagram Sistem Yang Diusulkan</p></div>
| |
− |
| |
− | <div align="center"><img width="420" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Use%20Case%202.jpg"/></div><p style="text-align: center;"><em> '''Gambar 4.1''' Use Case Diagram Official Site iLearning Plus</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''Use Case Diagram'' yang ada di atas, maka dapat dijabarkan sebagai berikut:</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">a. 2 (dua) Actor, yaitu Admin dan Subscribers.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">b. 7 (tujuh) Use Case, yaitu Create Post, Create Page, Setting Apperance, Add Plugins, Read Post, Comment Post dan Login.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. Activity Diagram Sistem Yang Diusulkan</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berikut ini adalah ''Activity Diagram'' yang menggambarkan alur aktivitas dari sistem yang diusulkan:</p></div>
| |
− |
| |
− | <div align="center"><img width="500" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Activity%202.jpg"/></div><p style="text-align: center;"><em> '''Gambar 4.2''' Activity Diagram Official Site iLearning Plus</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Berdasarkan gambar ''Activity Diagram'' diatas, maka dapat dijabarkan sebagai berikut:</div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">a. 1 (satu) Initial Node, objek yang diawali.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">b. 10 (sepuluh) Action State, berawal dari Admin diharuskan untuk Login Rinfo agar dapat membuat sebuah ''post'' yang nantinya akan dikirim ke Subscribers untuk dibaca maupun di comment. Selain itu, Admin pun melakukan setting appearance dan juga menambah plugins.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">c. 1 (satu) Activity Final Node, objek yang diakhiri.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3. Sequence Diagram Sistem Yang Diusulkan</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berikut ini adalah ''Sequence Diagram'' yang menggambarkan tahapan dari sistem yang diusulkan:</p></div>
| |
− |
| |
− | <div align="center"><img width="500" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Admin3.jpg"/></div><p style="text-align: center;"><em> '''Gambar 4.3''' Sequence Diagram Official Site iLearning Plus</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">Berdasarkan gambar 4.24 Sequence Diagram official site ilearning plus:</div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">2 actor yang melakukan kegiatan yaitu Admin dan Subscribers.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">1 control yang mengontrol alur kerja sistem yaitu Validasi.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">4 boundary yang menggambarkan interaksi actor yaitu Rinfo, Report, MailChimp dan Logout.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in"><p style="line-height: 2">15 message yang merupakan urutan kegiatan dalam mengakses official site iLearning Plus.</p></div>
| |
− |
| |
− | ===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 4.1 Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan</p></div>
| |
− | <div align="center"><img width="500" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Perbedaan.png"/></div>
| |
− |
| |
− | ==Flowchart Sistem Yang Diusulkan==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">1. Flowchart Halaman Utama</p></div>
| |
− | <div align="center"><img width="450" height="500" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/Home.png"/></div><p style="text-align: center;"><em> '''Gambar 4.4''' Flowchart Halaman Utama</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''flowchart'' yang ada di atas, maka dapat dijelaskan bahwa pada halaman utama ''official site ilearning plus'' terdapat 5 menu utama yang ditampilkan, diantaranya adalah ''Menu About Us'', ''Menu TPi'', ''Menu Contact'', ''Menu FAQ'' dan ''Menu Login''. Setiap menu memiliki perannya masing-masing dalam sistem, ''flowchart'' dari keseluruhan menu tersebut akan dijelaskan pada tulisan berikutnya.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">2. Flowchart Menu About Us</p></div>
| |
− | <div align="center"><img width="450" height="500" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/About%20Us_1.png"/></div><p style="text-align: center;"><em> '''Gambar 4.5''' Flowchart Menu About Us</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''flowchart'' yang ada di atas, maka dapat dijelaskan bahwa dalam ''menu About Us'' terdapat beberapa sub menu lagi, diantaranya adalah ''History'', ''Mission & Vision'', ''Partners'', ''iPanda'', ''Ambassador'', ''Certification dan Licensing''.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">3. Flowchart Menu TPi</p></div>
| |
− | <div align="center"><img width="350" height="700" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/TPi_2.png"/></div><p style="text-align: center;"><em> '''Gambar 4.6''' Flowchart Menu TPi</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''flowchart'' yang ada di atas, maka dapat dijelaskan bahwa dalam ''menu TPi'' terdapat sub menu ''TPi'' yang saling terintegrasi, diantaranya terdapat ''iMe, Rinfo, iDu, iRan, iDuHelp, Widuri, Rooster, Magics'' dan ''iSur''.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">4. Flowchart Menu Contact</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <div align="center"><img width="450" height="500" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/Contact_1.png"/></div><p style="text-align: center;"><em> '''Gambar 4.7''' Flowchart Menu Contact</em></p>
| |
− | <p style="line-height: 2">Berdasarkan gambar ''flowchart'' yang ada di atas, maka dapat dijelaskan bahwa ''menu contact'' berfungsi ketika ada ''users'' yang ingin bertanya seputar ''iLearning Plus'', ''users'' diberi pilhan untuk mengirim pesan atau tidak mengirim pesan.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">5. Flowchart Menu FAQ</p></div>
| |
− | <div align="center"><img width="200" height="400" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/FAQ_2.png"/></div><p style="text-align: center;"><em> '''Gambar 4.8''' Flowchart Menu FAQ</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''flowchart'' yang ada di atas, maka dapat dijelaskan bahwa ''menu FAQ'' hanya terjadi satu proses, yaitu melihat ''FAQ'' itu sendiri. ''FAQ'' di sini adalah kumpulan dari beberapa pertanyaan yang sering diajukan.</p></div>
| |
− |
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">6. Flowchart Menu Login</p></div>
| |
− | <div align="center"><img width="450" height="500" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/Login.png"/></div><p style="text-align: center;"><em> '''Gambar 4.9''' Flowchart Menu Login</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''flowchart'' yang ada di atas, maka dapat dijelaskan bahwa ''menu login'' di atas adalah salah satu hal penting untuk dapat mengakses ke dalam ''dashboard'' sistem. Pengguna ''admin'' maupun ''subscribers'' ''login'' menggunakan ''SSO'' (''Single Sign On''). Namun ''dashboard'' keduanya berbeda dalam hal hal akses dan tampilan, perihal tampilan akan digambarkan pada bagian prototipe ''dashboard''.</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| |
− | <p style="line-height: 2">7. Flowchart Dashboard</p></div>
| |
− | <div align="center"><img width="450" height="500" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Flowchart/Dashboard.png"/></div><p style="text-align: center;"><em> '''Gambar 4.10 ''' Flowchart Dashboard</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">Berdasarkan gambar ''dashboard'' yang ada di atas, maka dapat dijelaskan bahwa setelah ''login'' yang sudah dijelaskan pada ''flowchart'' sebelumnya. ''Users'' akan masuk ke dalam ''dashboard'' dan masuk ke ''menu profile''.</p></div>
| |
− |
| |
− | ==Mind Map Sistem Yang Diusulkan==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Mind Map'' ini menjelaskan mengenai ''Official Site iLearning Plus'' atau disingkat ''iCo'' (http://ilearning.co) sebagai tema utamanya. ''Mind Map'' ini mengambarkan keseluruhan dari sistem informasi ''Official Site iLearning Plus'', dimana pembahasannya dibagi menggunakan 5W+1H (''What'', ''Where'', ''When'', ''Who'', ''Why'' dan ''How''). Dimana setiap unsur 5W+1H tersebut nantinya akan mendeskripsikan beberapa subsistem mengenai sistem informasi ''Official Site iLearning Plus'' berdasarkan pertanyaannya.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Unsur pertama adalah ''What'', disini menjelaskan mengenai beberapa definisi penting yang akan digunakan dalam ''iCo'' yang dibagai menjadi 3 bagian, yaitu: 1. Apa itu ''Official Site''? 2. Apa itu ''iLearning Plus''? 3. Apa itu ''Training Online''? dan pada bagian ke-3, dibagi lagi menjadi 2 bagian mengenai ''training online'' yang sudah pernah berjalan pada ''iLearning Plus'', yaitu: 1. ''Training iDuHelp'' dan 2. YIIFT.</p></div>
| |
− | <div align="center"><img width="550" height="450" style="margin:0px" src="https://lh6.googleusercontent.com/-sqHLb0i9X8o/VX6O4zH1DTI/AAAAAAAAEfU/2_kwcAvqWKI/w698-h533-no/"></div><p style="text-align: center;"><em> '''Gambar 4.11''' Mind Map Official Site iLearning Plus (iCo)</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kemudian dilanjutkan dengan unsur ''Where'' yang menjelaskan mengenai kemudahan cara mengakses sistem berdasarkan tempat; dimana saja sistem ini dapat berjalan? Sistem ini dapat berjalan dimana saja dengan bermodalkan koneksi ''internet'', bisa diakses di sekitar kampus, di dalam rumah, maupun di luar sekalipun, dan lain sebagainya.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diatas sudah dijelaskan mengenai tempat, sedangkan pada unsur ''When'' menjelaskan mengenai kemudahan cara mengakses sistem berdasarkan fleksibilitas waktu; kapan saja sistem ini dapat diakses? Sistem ini dapat diakses kapanpun; pagi, siang maupun malam.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Unsur selanjutnya adalah unsur ''Who'' yang menjelaskan siapa saja ''users'' atau pengguna sistem ini. Pengguna pada sistem ini ada dua, yaitu. 1. PR (Pribadi Raharja), dimana PR ini terdiri dari civitas akademik dari Perguruan Tinggi Raharja seperti dosen, mahasiswa, staff, dsb. 2. nPR (Non Pribadi Raharja), dimana nPR ini pengguna yang bersifat umum yang dapat mengakses sistem. Jadi, sistem ini tidak hanya diakses oleh ruang lingkup internal dalam organisasi, tapi juga eksternal dari organisasi. Alasannya agar dapat mencakup lebih banyak lagi pengguna yang nantinya akan menggunakan sistem ini.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah itu terdapat juga unsur ''Why'' yang menjelaskan mengenai beberapa alasan dan kelebihan mengapa sistem ini perlu digunakan. Unsur ''Why'' ini dibagi lagi menjadi 2 bagian, yaitu: 1. ''Why iCo'' yang menjelaskan tentang alasan dan kelebihan mengapa ''iCo'' perlu digunakan. 2. ''Why iLP'' yang menjelaskan mengenai alasan dan kelebihan mengapa iLP itu perlu 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">Unsur terakhir adalah ''How'', dimana unsur ini menjelaskan bagaimana cara sistem ini ada dan terbentuk. Unsur ini dibagai menjadi beberapa sub, pertama dibagi menjadi 2 bagian, yaitu: 1. ''WP'' atau ''Wordpress'' yang menjelaskan mengenai ''CMS Wordpress''. 2. ''Login'' yang menjelaskan cara ''login'' menggunakan ''SSO'' (''Single Sign On''). Didalam ''WP'', dibagi lagi menjadi ''Plugin'' dan ''Theme''. Sedangkan pada ''SSO'', menjelaskan mengenai kemudahan dalam hal ''login'' maupun ''register'' menggunakan beberapa akun yang sudah tersedia.</p></div>
| |
− |
| |
− | ==Rancangan Program==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">VTOC ''(Visual Table Of Content)'' adalah diagram yang menggambarkan antara hubungan dan fungsi pada sistem berjenjang. Dan berikut ini adalah tampilan HIPO dari Official Site iLeaarning Plus:</p></div>
| |
− |
| |
− | <div align="center"><img width="400" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/HIPO.png"/></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">'''Gambar 4.12''' HIPO Official Site iLearning Plus</p></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"><p style="line-height: 2">Adapun spesifikasi program yang diusulkan yaitu sebagai berikut:</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">1. Nama Program: About Us</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Fungsi Program: Untuk menjelaskan mengenai keseluruhan dari website.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Hak Akses: Admin dan Users</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">Proses Program:</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">a. Masuk ke http://ilearning.co,</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">b. Kemudian dekati menu About Us,</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">c. Setelah itu pilih menua yang diinginkan, semisal menu Certification. </p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">2. Nama Program: TPi</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Fungsi Program: Untuk mengintegrasikan TPi dengan website.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Hak Akses: Admin dan User.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">3. Nama Program: Contact</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Fungsi Program: Sebagai menu khusus yang disediakan bagi users sebagai tempat untuk mengirimkan pesan pertanyaan, saran maupun opini.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Hak Akses: Admin dan Users.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">4. Nama Program: FAQ</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
| |
− | Fungsi Program: Dokumentasi dari kumpulan beberapa pertanyaan yang sering diajuakan.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">5. Nama</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Program: Login</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
| |
− | Fungsi Program: Sebagai autentikasi bagi User maupun Admin.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
| |
− | Hak Akses: Admin dan Users</p></div>
| |
− |
| |
− | ==Rancangan Prototype==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. Prototype Homepage'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Prototype/Homepage.png"/></div><p style="text-align: center;"><em> '''Gambar 4.13''' Prototype Homepage</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. Prototype Login'''</p></div>
| |
− | <div align="center"><img width="350" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Prototype/Login_1.png"/></div><p style="text-align: center;"><em> '''Gambar 4.14''' Prototype Login</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''3. Prototype Dashboard'''</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">'''A. Prototype Dashboard Subscriber'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Prototype/Dashboard%20Subscribers.png"/></div><p style="text-align: center;"><em> '''Gambar 4.15''' Prototype Dashboard Subscribers</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| |
− | <p style="line-height: 2">'''B. Prototype Dashboard Admin'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Prototype/Dashboard%20Admin.png"/></div><p style="text-align: center;"><em> '''Gambar 4.16''' Prototype Dashboard Admin</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''4. Prototype Menu About Us'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/About%20Us.png"/></div><p style="text-align: center;"><em> '''Gambar 4.17''' Prototype Menu About Us</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''5. Prototype Menu TPi'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Prototype/TPi.png"/></div><p style="text-align: center;"><em> '''Gambar 4.18''' Prototype Menu TPi</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''6. Prototype Menu Contact'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Contact.png"/></div><p style="text-align: center;"><em> '''Gambar 4.19''' Prototype Menu Contact</em></p>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''7. Prototype Menu FAQ'''</p></div>
| |
− | <div align="center"><img width="530" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Prototype/FAQ_1.png"/></div><p style="text-align: center;"><em> '''Gambar 4.20''' Prototype Menu FAQ</em></p>
| |
− |
| |
− | ==Konfigurasi Sistem Usulan==
| |
− | ===Spesifikasi Hardware===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">a. Processor: Intel(R) Celeron(R) CPU N2840 @ 2.16ghZ</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">b. Monitor: Intel(R) HD Graphics</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">c. Mouse: Optical</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">d. Keyboard: PS/2</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">e. RAM: 2 GB</p></div>
| |
− |
| |
− | ===Spesifikasi Software===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">a. Operating System Windows 8.1 Bing</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">c. Browser Google Chrome</p></div>
| |
− |
| |
− | ===Hak Akses (Brainware)===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">a. Petugas yang berwenang</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.2in">
| |
− | <p style="line-height: 2">Staff REC</p></div>
| |
− |
| |
− | ==Testing==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perancangan Official Site iLearning Plus ini menggunakan metode Black Box Testing dan berikut ini ada dua daftar black box, yaitu login dan create post. </p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''1. Black Box Testing Pada Login'''</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 hasil testing terhadap fungsi login:</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 4.2 Testing Black Box Fungsi Login</p></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/test1.png"/></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/test2.png"/></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/test3.png"/></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/test4.png"/></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/test5.png"/></div>
| |
− |
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''2. Black Box Testing Pada Contact'''</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 hasil testing terhadap fungsi contact:</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 4.3 Testing Black Box Fungsi Contact</p></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/tes1.png"/></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/tes2.png"/></div>
| |
− | <div align="center"><img width="400" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Black%20Box%20Testing/tes3.png"/></div>
| |
− |
| |
− | ==Evaluasi==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah dilakukan beberapa tahapan testing, maka terdapat evaluasi yang harus dilakukan yaitu tahapan testing pada Contact mengenai kolom website yang optional, namun hasilnya tidak harus mencantumkan kemabali keterangan mengenai website jika memang mengosongkannya. Kedepannya diharapkan dilakukan evaluasi terhadap contact ini agar lebih baik lagi dan siap digunakan oleh para visitor yang ingin bertanya seputar training online yang ada pada iLearning Plus.</p></div>
| |
− |
| |
− | ==Implementasi==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Implementasi adalah sebuah eksekusi dari perencanaan yang matang dan sudah disiapkan sejak awal. Sebelum melewati tahap implementasi ini, diharuskan untuk melakukan uji coba dan testing pada sistem. Perencanaan tersebut dapat di lihat pada gambar tabel schedule berikut ini:</p></div>
| |
− | ===Schedule===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 4.4 Schedule</p></div>
| |
− | <div align="center"><img width="550" height="400" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Schedule.png"/></div>
| |
− |
| |
− | ===Penerapan===
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">Tahap penerapan adalah daftar aktivitas apa saja dalam mengimplementaskan sistem yang telah diusulkan beserta pembuktiannya dari keseluruhan hasil implementasi. Di bawah ini adalah rangkuman dari beberapa aktivitas implementasi sistem yang telah dilakukan.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">1. Jumlah Users</p></div>
| |
− | <div align="center"><img width="250" height="150" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/users.png"/></div><p style="text-align: center;"><em> '''Gambar 4.21''' Jumlah users pada sistem</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">Jumlah users yang terdapat pada sistem untuk saat ini berjumlah 42 users, dengan rincian sebagai berikut:</p></div>
| |
− | <ol>
| |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 3 Administrator.</li>
| |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 6 Author.</li>
| |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 33 Subscriber.</li></ol>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">Setiap 'role' atau users memiliki perannya masing-masing. Administrator atau admin memiliki hak akses untuk mengganti dan mengubah yang ada pada sistem, author hanya memiliki hak akses untuk membuat sebuah artikel, sedangkan subscribers hanya berlangganan artikel yang sudah dibuat oleh author.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">2. Statistik Jumlah Visitor Per Hari</p></div>
| |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/statistik%201.png"/></div>
| |
− | <p style="text-align: center;"><em> '''Gambar 4.22''' Statistik Visitor Per Hari</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">3. Statistik Jumlah Visitor Per Bulan</p></div>
| |
− | <div align="center"><img width="550" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/statistik%202.png"/></div>
| |
− | <p style="text-align: center;"><em> '''Gambar 4.23''' Statistik Visitor Per Bulan</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">4. Contact</p></div>
| |
− | <div align="center"><img width="550" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/Contact.png"/></div>
| |
− | <p style="text-align: center;"><em> '''Gambar 4.24''' Contact</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">Contact yang ada pada sistem berfungsi sebagai alat bantu bagi users jika ada kesulitan mengenai sistem, user dapat meninggalkan pesan yang ditujukan kepada admin atau bisa juga menghubungi iDuHelp.</p></div>
| |
− | <div align="center"><img width="550" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/Contact%202.png"/></div>
| |
− | <p style="text-align: center;"><em> '''Gambar 4.25''' Feedback</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">5. FAQ</p></div>
| |
− | <div align="center"><img width="550" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/FAQ%202.png"/></div>
| |
− | <p style="text-align: center;"><em> '''Gambar 4.26''' FAQ</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">
| |
− | Frequently Asked Question atau disingkat FAQ adalah kumpulan dari beberapa pertanyaan yang sering ditanyakan oleh user. FAQ pada sistem ini dibuat menggunakan plugin Inline Spoiler, dengan beberapa tambahan shortcode sebagai berikut '''[spoiler title="Judul Spoiler"]Isi Spoiler[/spoiler]'''. Semua FAQ yang ada pada sistem ini sudah terintegrasi dengan iMe iRan.</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">6. Promosi Training Online</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">Kemudian implementasi yang sangat penting yaitu melakukan promosi training online yang ada di iLearning Plus di official site iLearning Plus. Berikut ini adalah beberapa pembuktian implementasinya:</p></div>
| |
− | <div align="center"><img width="550" height="350" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Implementasi/promosi.png"/></div><p style="text-align: center;"><em> '''Gambar 4.27''' FAQ</em></p>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">7. Testimoni</p></div>
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify><p style="line-height: 2">Berikut ini adalah beberapa testimoni dari para user, yaitu sebagai berikut:</p></div>
| |
− | <div align="center"><img width="500" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Testimoni/testi1.png"/></div>
| |
− | <div align="center"><img width="500" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/testi2.png"/></div>
| |
− | <div align="center"><img width="500" height="450" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Testimoni/testi3.png"/></div>
| |
− | <div align="center"><img width="500" height="250" style="margin:0px" src="http://i790.photobucket.com/albums/yy184/ray_indra/Skripsi/Testimoni/testi4.png"/></div>
| |
− | <p style="text-align: center;"><em> '''Gambar 4.28''' Testimoni</em></p>
| |
− | {{pagebreak}}
| |
− | ==Estimasi Biaya==
| |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Tabel 4.2 Estimasi Biaya</p></div>
| |
− | <div align="center"><img width="420" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/FqfCKMKgdQFfhzTc4oILXu8a8U6Qu_oFmQnLAMI9sXA=w590-h363-no"/></div>
| |
| {{pagebreak}} | | {{pagebreak}} |
| | | |