BAB IV iME
BAB IV
RANCANGAN SISTEM DAN IMPLEMENTASI
Daftar isi
- 1 4.1 Final Elisitasi Yang Diusulkan
- 1.1 4.1.1 Functional Analisa Kebutuhan
- 1.1.1 1. Fasilitas Menu Register memudahan pembuatan Account
- 1.1.2 2. Menu Login yang memudahkan member mengakses dashboard iME
- 1.1.3 3. Terdapat User role yang memudahkan pilihan penggunaan hak akses
- 1.1.4 4. Pilihan List Dashboard iME untuk activity member
- 1.1.5 5. Dapat mengganti Avatar dan Foto profile
- 1.1.6 6. Tampilan Button site untuk menampilkan layout iME
- 1.1.7 7. Awaiting Comment moderation pada page iME
- 1.1.8 8. Tools untuk control publish visual page iME
- 1.1.9 9. Fasilitas text untuk kemudahan script widget
- 1.1.10 10. Change password iME
- 1.2 4.1.2 Non Functional Analisa Kebutuhan
- 1.1 4.1.1 Functional Analisa Kebutuhan
- 2 4.2. Tujuan Dan Manfaat Sistem
- 3 4.2.1 Tujuan
- 4 4.2.2 Manfaat
- 5 4.3. Gambaran Umum Mind Mapping Program
- 6 4.4. Flowchart Sistem Yang Di Usulkan
- 7 4.5. Rancangan Dan Implementasi Sistem Yang Diusulkan
- 8 4.5.1. Diagram Rancangan Sistem Yang Diusulkan
- 9 4.5.2. Use Case Diagram yang Diusulkan
- 10 4.5.3. Activity Diagram yang Diusulkan
- 11 4.5.4. Sequence Diagram yang Diusulkan
- 12 1.1.5 Class Diagram Yang Diusulkan
- 13 4.6. Rancangan Database
- 14 4.7. Rancangan Prototype Tampilan
- 15 4.8. Tampilan Layar
- 16 4.9. Implementasi Sistem yang Diusulkan
4.1 Final Elisitasi Yang Diusulkan
4.1.1 Functional Analisa Kebutuhan
4.1.1.Functional Analisa Kebutuhan
Pembahasan detail functional elisitasi yang ada di bab sebelumnya, di jabarkan secara satu persatu dengan menerapkan konsep sebelum dan sesudah adanya sistem yang diusulkan, adalah sebagai berikut :
1. Fasilitas Menu Register memudahan pembuatan Account
Deskripsi sesudahnya :
- Setelah adanya fasilitas menu register pada iMe dapat memudahkan user dalam membuat account.
- Detail cara register di iME:
2. Menu Login yang memudahkan member mengakses dashboard iME
Deskripsi sesudahnya :
- Terdapat fasilitas login dalam mengakses home login iMe yang terdiri dari field username dan password.
- Detail cara
3. Terdapat User role yang memudahkan pilihan penggunaan hak akses
Deskripsi sesudahnya :
- User role merupakan hak pengguna lebih dari satu.
- Detail cara pemilihan pengguna hak akses pada user role yaitu terdapat pada link ini :
http://iran.raharja.info/index.php?action=artikel&cat=5&id=55&artlang=id
4. Pilihan List Dashboard iME untuk activity member
Deskripsi sesudahnya :
- List dashboard iMe berupa beberapa pilihan widget yang dapat digunakan oleh member sesuai kebutuhan. Dalam list dashboard iMe terdapat 11(sebelas) pilihan yang dapat digunakan sesuai kebutuhan salah satunya Post/Page.
- Detail cara
5. Dapat mengganti Avatar dan Foto profile
Deskripsi sesudahnya :
- Sistem yang diusulkan dapat mengganti Avatar dan foto profile dalam website iMe, sehingga memudahkan seseorang dalam mempublikasikan identitas ketika memberikan komentar.
- Detail cara mengganti avatar dan foto profile bisa di lihat disini :
http://iran.raharja.info/index.php?action=artikel&cat=5&id=14&artlang=id
6. Tampilan Button site untuk menampilkan layout iME
Deskripsi sesudahnya :
- Button site memudahkan untuk melihat tampilan pada post/page yamg telah selesai di publist, hanya dengan sekali klik yaitu mengklik Button visit site maka post/page secara otomatis akan terbuka.
- Detail :
7. Awaiting Comment moderation pada page iME
Deskripsi sesudahnya :
- Awaiting Comment moderation merupakan suatu fasilitas komentar pada iMe. Seseorang dapat memberikan pendapat atau komentar terhadap artikel yang ditulis oleh orang lain. Dan langsung terhubung ke email sebagai pemberitahuan, kita bisa mengapprove atau unapprove komentar tersebut. Jika kita merasa komentar tersebut tidak sesuai maka kita bisa unapprove dan komentar tersebut tidak akan tampil pada halaman iMe kita.
- Detail cara :
8. Tools untuk control publish visual page iME
Deskripsi sesudahnya :
- Tools publish visual iMe berfungsi untuk melihat tampilan page yang telah selesai dikerjakan.
- Detail cara :
9. Fasilitas text untuk kemudahan script widget
Deskripsi sesudahnya :
- Pada system yang diusulkan ini, terdapat fasilitas widget yang memudahkan untuk menampilkan tampilan baik itu logo, text maupun image dan hanya menggunakan fasilitas text widget yang di drag sesuai keinginan user.
- Detail cara menampilkan tampilan widget yaitu terdapat pada link ini:
http://iran.raharja.info/index.php?action=artikel&cat=5&id=380&artlang=id
10. Change password iME
Deskripsi sesudahnya :
- Change password yaitu fasilitas untuk merubah maupun mengganti password yang telah di setting sebelumnya. Fasilitas ini sangat berguna untuk melindungi account user agar terhindar dari system hacker.
- Detail cara change password yaitu terdapat pada link ini:
http://iran.raharja.info/index.php?action=artikel&cat=5&id=9&artlang=id
4.1.2 Non Functional Analisa Kebutuhan
Pembahasan detail non functional final elisitasi yang ada di bab sebelumnya, di jabarkan secara satu persatu dengan menerapkan konsep sesudah adanya sistem yang diusulkan, adalah sebagai berikut :
1. Tampilan user friendly untuk memudahkan penggunaan member iME
1. Deskripsi sesudahnya :
Setelah adanya iMe, system pun bersifat friendly, karena dalam hal penggunaannya sangat mudah, cukup dengan melakukan login dan memanfaatkan fasilitas list dashboard yang tersedia.
2. Detail cara :
2. Minimal terdapat 10 member yg mempunyai account iME
1. Deskripsi sesudahnya :
Pada system iMe, fasilitas dalam mengelola system yaitu lebih dari satu user, dikarenakan pengklasifikasiannya berbeda, mulai dari subscribre, autor, editor dan administrator.
2. Detail cara :
3. Minimal terdapat 1 comment pada Page maupun Post iME
1. Deskripsi sesudahnya :
Setelah adanya fasilitas menu comment, maka user dengan mudah untuk memberikan kritik maupun saran terhadap artikel yang telah dipublish.
2. Detail cara :
4. Terdapat Tutorial Register iME
1. Deskripsi sesudahnya :
Sistem yang diusulkan terdapat tutorial register iMe sehingga memudahkan user dalam melakukan proses register.
2. Detail tampilan tutorial register iME yaitu terdapat pada link ini:
http://iran.raharja.info/index.php?action=artikel&cat=5&id=17&artlang=id
5. Penghubungan Link External melalui jaringan RSS feed
1. Deskripsi sesudahnya :
RSS Feed merupakan sebuah file berformat XML untuk sindikasi yang telah digunakan situs web berita dan weblog. Dengan layanan RSS feed maka setiap hari akan tersedia sebuah Koran pribadi yang menyajikan konten-konten yang sesuai dengan apa yang dibutuhkan. Setelah adanya fasilitas menu register pada iMe dapat memudahkan user dalam membuat account.
2. Detail cara penghubungan link external melalui jaringa RSS feed terdapat pada link ini :
http://iran.raharja.info/index.php?action=artikel&cat=5&id=201&artlang=id
4.2. Tujuan Dan Manfaat Sistem
4.2.1 Tujuan
iMe bertujuan sebagai media pembelajaran dan media informasi yang digunakan pada Perguruan Tinggi Raharja saat ini. iMe merupakan aplikasi website yang dibuat untuk mempermudah mahasiswa ataupun dosen untuk membuat tugas dan mempublikasikannya yang bisa diakses oleh pribadi raharja dimanapun dan kapanpun. Selain itu iMe bertujuan untuk mengidentifikasi sistem pembelajaran iLearning maupun dalam hal pengerjaan tugas maupun laporan yang sudah berjalan di Perguruan Tinggi Raharja dan membuat aplikasi media penyimpanan tugas-tugas kuliah sebagai penunjang pembelajaran iLearning di Perguruan Tinggi Raharja.
4.2.2 Manfaat
iMe bermanfaat untuk mengidentifikasi kendala-kendala perihal kemampuan jalannya iLearning melalui media pengerjaan tugas pada Perguruan Tinggi Raharja. Sehingga teridentifikasinya kebutuhan-kebutuhan untuk meningkatkan Learning Management System pada Perguruan Tinggi Raharja, selain itu mengatasi kendala-kendala dalam sistem yang berjalan. Manfaat dari iMe dapat diklasifikasikan secara individual sebagai berikut:
a. Dosen
Dapat mempermudah Dosen dalam memberikan tugas kepada Mahasiswa. Baik itu secara keseluruhan maupun satu persatu melalui media page iMe dimana saja ( karena bersifat online ) .
b. Mahasiswa
Memudahkan mahasiswa dalam proses mengerjakan tugas tanpa harus memberikan tugas kepada Dosen dalam bentuk Hardcopy.
c. Kampus
Kampus memiliki media pembelajaran secara online, yang dapat memudahkan pribadi raharja untuk mengerjakan tugas yang bersifat online yang bisa akses dimanapun dan kapanpun.
4.3. Gambaran Umum Mind Mapping Program
Dari beberapa permasalahan yang ada dapat disimpulkan secara detail menurut penjabaran tentang iLearning Media (iMe) yang tercantum dalam aplikasi Mind Mapping. Dikarenakan proses pembuatan aplikasi ini tidak mudah, dan banyak membutuhkan proses yang bertahap, sehingga dilakukan proses pembuatan aplikasi yang sebenarnya.
Mind Mapping dibuat secara bercabang untuk mengetahui fungsi penggunaan aplikasi iLearning Media (iMe) dan untuk memudahkan dalam hal penggunaannya.
Gambar 4.1 Mind Mapping iMe
4.4. Flowchart Sistem Yang Di Usulkan
Dapat disimpulkan bahwa kemudahan dalam menggunakan iMe, dapat dilakukan kapanpun dan dimanapun. Selain itu, sistem ini dilakukan dengan cara alternatif yang mampu memudahkan untuk melakukan proses tersebut, yaitu melalui alur flowchart. Dibawah ini merupakan gambaran dari alur flowchart program yang berjalan dari iLearning Media.
Gambar 4.2 Flowchart alur media iMe
4.5. Rancangan Dan Implementasi Sistem Yang Diusulkan
4.5.1. Diagram Rancangan Sistem Yang Diusulkan
Untuk menganalisa sistem yang diusulkan, pada penelitian ini digunakan program Visual Paradigm for UML 6.4 Enterprise Edition untuk menggambarkan Use Case Diagram, Activity Diagram, Sequence Diagram dan Class Diagram. Use Case Diagram menggambarkan kebutuhan sistem dari sudut pandang User dan memfokuskan pada proses komputerisasi. Sebuah Use Case dapat menggambarkan hubungan antara Use Case dengan Actor. Secara umum Use Case adalah pola perilaku sistem dan ukuran transaksi yang berhubungan yang dilakukan oleh satu Actor.
4.5.2. Use Case Diagram yang Diusulkan
A. Use Case Diagram iLearning Media
Deskripsi Use Case :
1. Use Case : Assignment
Actor : Mahasiswa dan Dosen
Deskripsi :
a) Dosen membuat assignment tugas mandiri perkuliahan.
b) Mahasiswa menerima assingentment yang telah diberikan oleh dosen.
2. Use Case : Pengerjaan Tugas online
Actor : Mahasiswa
Deskripsi :
a) Mahasiswa mengerjakan Tugas yang diberikan oleh Dosen
3. Use Case : Submit tugas
Actor : Mahasiswa
Deskripsi :
a) Setelah mahasiswa mengerjakan tugas yang diberikan oleh dosen, melalui form prepare answer pada iDu, lalu mahasiswa mensubmit tugas tersebut.
b) Tugas mahasiswa sudah dikerjakan melalui iDu
4. Use Case : Grade
Actor : Dosen
Deskripsi :
a) Setelah mahasiswa mengerjakan tugas dosen menerima pemberitahuan to grade assignment melalui email.
b) Dosen melakukan grade secara satu persatu sesuai assignment yang telah dikerjakan.
5. Use Case : Report
Actor : dosen dan mahasiswa
Deskripsi :
a) Dosen menerima notification penyelesaian grade assignment mahasiswa.
b) Mahasiswa mengetahui presentasi nilai assignment yang telah di grade oleh dosen.
4.5.3. Activity Diagram yang Diusulkan
Activity diagram menggambarkan proses bisnis dan urutan aktifitas dalam sebuah proses, yang mana dipakai pada business modelling untuk memperhatikan urutan aktifitas proses bisnis karena bermanfaat untuk membantu memahami proses secara keseluruhan dalam memodelkan sebuah proses. Activity diagram mempunyai peran seperti halnya flowchart, akan tetapi perbedaannya dengan flowchart adalah activity diagram bisa mendukung perilaku pararel sedangkan flowchart tidak bisa. Activity diagram dibuat berdasarkan sebuah atau beberapa use case pada use case diagram, atau bahkan tanpa menggunakan use case diagram.
A. Activity Diagram iLearning Media
Berdasarkan Gambar 4.4. Activity Diagram iLearning Media, terdapat :
a. 1 Initial Node, sebagai objek yang diawali.
b. 5 action, state dari sistem yang mencerminkan eksekusi dari suatu aksi di antaranya: assignment, pengerjakan tugas online, submite, grade dan report.
c. 1 Final State, sebagai objek yang diakhiri.
4.5.4. Sequence Diagram yang Diusulkan
Sequence Diagram (Diagram Urutan) menggambarkan interaksi antara objek di dalam dan di sekitar sistem (termasuk pengguna, display dan sebagainya) berupa massage yang digambarkan terhadap waktu.
A. Sequence Diagram iLearning Media
Berdasarkan Gambar 4.5. Sequence Diagram ilearning media, terdapat :
1. 2 actor, yaitu mahasiswa dan dosen
2. 2 boundary lifeline, yaitu iDu dan iMe
3. 7 message yang ada didalam sistem Home Contol Panel iLearning media
1.1.5 Class Diagram Yang Diusulkan
Diagram Kelas (class diagram) sangat membantu dalam visualisasi kelas dari suatu sistem. Hal ini di sebabkan karena class adalah deskripsi kelompok objek-objek dengan atribut (property) dan relasi yang sama. Disamping itu class diagram bisa memberikan pandangan global atas sebuah sistem. Hal tersebut tercermin dari class-class yang ada dan relasinya satu dengan yang lain.
Menggambarkan struktur dan deskripsi class pada sistem iMe.
4.6. Rancangan Database
Rancangan database dipakai untuk mempermudah dalam proses penyeleksian data, serta membantu pemprograman dalam mengambil dan menampilkan data. Pada database digunakan tabel-tabel, dan pada tabel-tabel ini akan dijelaskan nama field, type dan size mengenai data tersebut.
1. Nama File : wp_posts
Media : Hard Disk
Isi : id+post_au+statusof+startdate+bgcolor +bgcolor+textcolor+channelcolor+ textcolor+alt
Primary Key : id
Panjang Record : 80
4.7. Rancangan Prototype Tampilan
Berdasarkan requirements yang terdapat pada Final Draft Elisitasi di atas, kemudian dibangun beberapa prototype iMe, yaitu:
1. Tampilan menu Login Administrator dan User
Terdapat tampilan menu login administrator dan User yaitu dengan fasilitas menu Username dan Password serta Button Login untuk akses masuk kedalam halaman admin selajutnya.
2. Tampilan Dashboard iMe.
Terdapat tampilah Dashboard iMe untuk mengakses halaman utama setelah user melakukan login. Dalam dashboard iMe ini terdiri dari beberapa pilihan menu Button yang dapat mempermudah user dalam pembuatan artikel.
3. Tampilan Add New Post iMe
Prototype Add New Post iMe ini merupakan tampilan awal pembuatan artikel. Dimana user berada pada suatu tampilan media pengetikkan artikel yang didalamnya terdapat fasilitas editing yang lengkap, mulai dari paragraph, visual maupun text.
4. Tampilan Prototype Website iMe
Pada tampilan Prototype Website iMe ini merupakan tampilan hasil akhir pembuatan artikel yang telah dipublish.
5. Tampilan Prototype Post Comment iMe
Tampilan Prototype Post Comment iMe merupakan tampilan komentar dari setiap user yang menmberikan tanggapannya kepada artikel yang dipublish, sehingga artikel tersebut mempunyai rating post comment tersendiri dan pemberitahuan langsung terkoneksi melalui email Eco.
4.8. Tampilan Layar
Pada tampilan layar menu utama login, pada halaman ini berfungsi sebagai hak akses masuk terhadap user maupun admin yang sudah memiliki account iMe untuk masuk kedalam dashboard iMe personal, baik untuk melakukan pengeditan maupun penghapusan artikel pada iMe.
Pada tampilan layar dibawah ini yaitu tampilan Add New Post untuk user yang akan membuat artikel dan mempublishnya dalam iMe personal user.
Tampilan layar dibawah ini yaitu merupakan tampilan widget untuk pembuatan seperti friend list, RSS feed, text berupa script dan feature media social.
Tampilan layar dibawah ini yaitu tampilan site iMe yang telah selesai dipublish dengan akses url sesuai dengan account user. Selain itu, aplikasi media penyimpanan dan penyampaian data ini sangat bermanfaat, khususnya perihal tugas-tugas perkuliahan yang di berikan oleh dosen pengajar, yang menjadi pendukung metode pembelajaran iLearning di Perguruan Tinggi Raharja.
Pada tampilan layar dibawah ini merupakan layout tampilan dari komentar-komentar user perihal artikel yang terdapat dalam suatu website iMe.
4.9. Implementasi Sistem yang Diusulkan
1. Perangkat Keras (Hardware)
a. Perangkat : iPad 1, iPad 2, iMac, Macbook Pro
b. Processor : 1 GHz dual-apple A5
c. Layar : LED Backlit glossy widescreen Multi-Touch display with IPS technology.
d. Storage : 16GB, 32GB, 64GB
e. Baterai : Built in 25 watt lithium polymer
2. Perangkat Lunak (Software)
a. Platform : iOS 6
b. Safari Web Browser
c. iDuHelp Web Application and Native Application.
3. Brainware
Untuk mengoperasikan iMe ini dapat dilakukan oleh seluruh Pribadi Raharja. Sedangkan untuk mengoperasikan penambahan fasilitas iMe adalah hanya super admin yang ditunjuk, terutama untuk penambahan plugin.
4. Hak Akses Yang mempunyai hak dalam melakukan pengaksesan iMe ini adalah seluruh Pribadi Raharja.