BAB IV iME

Dari widuri
Lompat ke: navigasi, cari

BAB IV

RANCANGAN SISTEM DAN IMPLEMENTASI

Daftar isi

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 :

  1. Setelah adanya fasilitas menu register pada iMe dapat memudahkan user dalam membuat account.
  2. Detail cara register di iME:

2. Menu Login yang memudahkan member mengakses dashboard iME

Deskripsi sesudahnya :

  1. Terdapat fasilitas login dalam mengakses home login iMe yang terdiri dari field username dan password.
  2. Detail cara

3. Terdapat User role yang memudahkan pilihan penggunaan hak akses

Deskripsi sesudahnya :

  1. User role merupakan hak pengguna lebih dari satu.
  2. 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 :

  1. 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.
  2. Detail cara

5. Dapat mengganti Avatar dan Foto profile

Deskripsi sesudahnya :

  1. Sistem yang diusulkan dapat mengganti Avatar dan foto profile dalam website iMe, sehingga memudahkan seseorang dalam mempublikasikan identitas ketika  memberikan komentar.
  2. 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 :

  1. 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.
  2. Detail :

7. Awaiting Comment moderation pada page iME

Deskripsi sesudahnya :

  1. 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.
  2. Detail cara :

8. Tools untuk control publish visual page iME

Deskripsi sesudahnya :

  1. Tools publish visual iMe berfungsi untuk melihat tampilan page yang telah selesai dikerjakan.
  2. Detail cara :

9. Fasilitas text untuk kemudahan script widget

Deskripsi sesudahnya :

  1. 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.
  2. 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 :

  1. 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.
  2. 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.

IMG 3038.PNG

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.

Flowchart iMe.JPG

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

11.JPG

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

12.JPG

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

13.JPG

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.

14.JPG


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

15.JPG


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.

16.JPG


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.

17.JPG


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.

18.JPG


4. Tampilan Prototype Website iMe

Pada tampilan Prototype Website iMe ini merupakan tampilan hasil akhir pembuatan artikel yang telah dipublish.

19.JPG

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.

20.JPG

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.

21.JPG

Pada tampilan layar dibawah ini yaitu tampilan Add New Post untuk user yang akan membuat artikel dan mempublishnya dalam iMe personal user.

22.JPG
         Tampilan layar dibawah ini yaitu merupakan tampilan widget untuk pembuatan seperti friend list, RSS feed, text berupa script dan feature media social.
23.JPG
         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.
24.JPG

Pada tampilan layar dibawah ini merupakan layout tampilan dari komentar-komentar user perihal artikel yang terdapat dalam suatu website iMe.

25.JPG


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.

Contributors

Linda