BAB IV MAGICS

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

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. Menampilkan tampilan home MAGICS yang mencerminkan media pendokumentasian kampus

Deskripsi sesudahnya :

Setelah adanya MAGICS sistem pendokumentasian kegiatan lebih mudah diakses dan dipulikasikan, karena bersifat online. MAGICS itu sendiri yaitu sistem pendokumentasian secara online dalam mengoptimalkan informasi pada perguruan tinggi ini diharapkan nantinya bagi seluruh civitas Raharja, khususnya untuk Pribadi Raharja tidak kesulitan dalam mengakses dokumentasi berupa gambar, video, maupun musik. Dan diharapkan juga dengan adanya sistem ini, seluruh civitas Raharja tidak kesulitan untuk mengakses dan meng-upload dimanapun dan kapanpun.

2. Fasilitas menu search untuk memudahkan pencarian file

Deskripsi sesudahnya :

Setelah adanya fasilitas menu search pada MAGICS sehingga dapat memudahkan proses pencarian file secara cepat baik video, audio maupun image. Tanpa harus melakukan scroll seperti GreenDoc.

3. Terdapat menu button upload untuk proses pengunggahan file

Deskripsi sesudahnya :

Setelah adanya menu button upload pada MAGICS dapat memudahkan proses upload file tanpa harus menggunakan script HTML.

4. Terdapat icon playing highlight videos dan images pada halaman home MAGICS

Deskripsi sesudahnya :

Setelah adanya icon playing highlight videos dan images pada halaman home MAGICS dapat menampilkan beberapa file yang sudah diupload sesuai dengan kategori, sehingga mempercantik tampilan yang terdapat di home MAGICS.

5. Terdapat menu profile untuk mengidentifikasi profile member MAGICS

Deskripsi sesudahnya :

Setelah adanya menu profile pada MAGICS dapat memudahkan dalam mengidentifikasi member.

6. Menu button people untuk mengetahui para member MAGICS

Deskripsi sesudahnya :

Setelah adanya menu button people pada MAGICS dapat memudahkan dalam pencarian member yang sudah melakukan register.

7. Menampilkan list latets news untuk pembacaan berita utama

Deskripsi sesudahnya :

Setelah adanya list latets news pada MAGICS dapat memudahkan dalam pencarian news atau berita yang terdapat di home MAGICS.

8. Menampilkan list video channel untuk pengkategorian pengunggahan video

Deskripsi sesudahnya :

Setelah adanya list video channel pada MAGICS dapat memudahkan dalam mengkategorikan video-video yang telah diupload dan memudahkan dalam pencarian video berdasakan kategori.

9. Terdapat featured audios yang dapat diplay secara cepat

Deskripsi sesudahnya :

Setelah adanya featured audios pada MAGICS dapat memudahkan dalam pencarian audios yang dapat diplay secara cepat pada home MAGICS.

10. Terdapat topic popular media dan popular tags pada home MAGICS

Deskripsi sesudahnya :

Setelah adanya topic popular media dan popular tags pada MAGICS sehingga dapat mengetahui file mana yang telah diview paling banyak.

4.1.2 Non Functional Analisa Kebutuhan

Pembahasan detail non 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. Minimal terdapat 100 member MAGICS

Deskripsi sesudahnya :

Pada sistem ini terdapat member untuk memudahkan dalam melakukan kegiatan seperti pengunggahan image, audio, atau video. Juga dapat melakukan pengunduhan atau view file, yang sebelumnya dapat melakukan registrasi di MAGICS dengan email raharja.co dan mendapatkan akun.

2. Terdapat minimal 5 petunjuk penggunaan MAGICS

Deskripsi sesudahnya :

1. Petunjuk penggunaan adalah suatu arahan untuk menggunakan atau menjalankan sistem pendokumentasian MAGICS. Dengan adanya petunjuk penggunaan ini dapat memberikan informasi tentang sistem pendokumentasian MAGICS. Selain itu juga dapat memudahkan member dalam melakukan kegiatan pengunggahan dan pengunduhan video, audio maupun image.

2. Detail 5 petunjuk penggunaan yaitu terdapat pada link ini :

  1. http://iran.raharja.info/index.php?action=artikel&cat=34&id=79&artlang=id
  2. http://iran.raharja.info/index.php?action=artikel&cat=34&id=87&artlang=id
  3. http://iran.raharja.info/index.php?action=artikel&cat=34&id=88&artlang=id
  4. http://iran.raharja.info/index.php?action=artikel&cat=34&id=89&artlang=id
  5. http://iran.raharja.info/index.php?action=artikel&cat=34&id=90&artlang=id

3. Penambahan kategori video channels

Deskripsi sesudahnya :

Kategori video channels menunjukkan suatu fasilitas yang bertujuan untuk mengelompokkan video sesuai dengan tema dan juga untuk memudahkan dalam pencariannya.

4. Terdapat minimal 2 laporan statistik

Deskripsi sesudahnya :

  1. Statistik menunjukkan kumpulan data dalam bentuk angka maupun bukan angka yang disusun dalam bentuk diagram yang menggambarkan atau berkaitan dengan suatu kegiatan dalam sistem MAGICS. Dengan adanya statistik ini dapat mengetahui laporan kegiatan dari sistem MAGICS.
  2. Detail cara menampilkan statistik yaitu terdapat pada link ini :

1. http://iran.raharja.info/index.php?action=artikel&cat=34&id=436&artlang=id

2. http://iran.raharja.info/index.php?action=artikel&cat=34&id=437&artlang=id

5. Kegiatan activated member MAGICS

Deskripsi sesudahnya :

Kegiatan activated member sebagai kegiatan yang hanya dapat dilakukan oleh admin untuk mengaktifkan akun seseorang yang telah melakukan registrasi untuk menjadi member MAGICS. Sehingga dapat melakukan login member dan dapat melakukan kegiatan-kegiatan di MAGICS.

4.2. Tujuan Dan Manfaat Sistem

4.2.1 Tujuan

MAGICS bertujuan untuk mendukung sistem pendokumentasian kampus pada Perguruan Tinggi Raharja saat ini. MAGICS merupakan sebuah sistem pendokumentasian sebagai media penyimpanan file berupa gambar, suara maupun video yang disajikan dalam bentuk website secara online pada Perguruan Tinggi Raharja. Selain itu, MAGICS bertujuan untuk mewujudkan metode pembelajaran iLearning yaitu 4B, menyediakan media file sharing berupa image, audio maupun video serta sebagai wadah atau sarana khusus untuk menuangkan kreatifitas mahasiswa.

4.2.2 Manfaat

MAGICS bermanfaat untuk memberikan kemudahan dalam proses perihal penyimpanan dokumentasi kegiatan kampus. Selain itu bermanfaat untuk mengidentifikasi kendala-kendala pada sistem yang berjalan sebelumnya tentunya perihal pendokumentasian kegiatan kampus pada Perguruan Tinggi Raharja. Sehingga teridentifikasinya kebutuhan-kebutuhan untuk meningkatkan pembelajaran iLearning pada Perguruan Tinggi Raharja, selain itu mengatasi kendala-kendala dalam sistem yang berjalan. Manfaat dari MAGICS dapat diklasifikasikan secara individual sebagai berikut :

a. Mahasiswa

Memudahkan mahasiswa untuk berbagi file (file sharing) berupa gambar, suara maupun video tentang informasi sekitar kegiatan kampus.

b. Kampus

Kampus memiliki sebuah sarana untuk penyimpanan dokumentasi kegiatan kampus yang secara online, yang dapat memudahkan pribadi raharja untuk mengaksesnya.

4.3. Gambaran Umum Mind Mapping Program

Dari beberapa permasalahan yang ada dapat disimpulkan secara detail menurut penjabaran tentang Multimedia Audio Gallery iLearning Community Community and Services (MAGICS) 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 Multimedia Audio Gallery iLearning Community Community and Services (MAGICS) dan untuk memudahkan dalam hal penggunaannya.

Abababab.JPG

4.4. Flowchart Sistem Yang Di Usulkan

Dapat disimpulkan bahwa kemudahan dalam menggunakan MAGICS 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 MAGICS.,

1. Flowchart Register MAGICS

Flowchart.JPG

Gambar 4.2. Flowchart alur Register MAGICS


Pada gambar diatas menjelaskan alur register atau registrasi untuk menjadi member. Langkah awalnya yaitu mengkases dengan URL www.magics.co. setelah berhasil dalam melakukan register maka dapat melakukan kegiatan didalamnya seperti pengunggahan atau upload file berupa image, audio maupun video serta pengunduhan atau download file.

2. Flowchart pengunggahan file

Flowchart upload file.JPG

Gambar 4.3. Flowchart alur pengunggahan file


Pada gambar diatas menjelaskan alur pengunggahan file. Langkah awalnya yaitu mengkases dengan URL www.magics.co lalu login. Setelah berhasil dalam melakukan login, maka dapat melakukan kegiatan didalamnya seperti pengunggahan atau upload file berupa image, audio maupun video. Lalu file dapat di publish.


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 Pengunggahan file MAGICS

Use case magics.JPG


Deskripsi Use Case :

1. Use Case : Login MAGICS

Actor : MEMBER Deskripsi :

a) MEMBER melakukan login pada MAGICS dengan membuka portal Green Campus yaitu pada alamat magics.co.

2. Use Case : Upload

Actor : MEMBER Deskripsi :

a) Setelah MEMBER melakukan login MAGICS dengan membuka portal Green Campus yaitu pada alamat magics.co, lalu terarah pada menu upload.

b) MEMBER melakukan upload dengan beberapa pilihan, yaitu upload video, audio dan photo.

c) Masuk kedalam menu upload untuk proses selanjutnya.

3. Use Case : Album

Actor : MEMBER Deskripsi :

a) MEMBER mengisi field album secara satu per satu

b) CAMA melakukan submit untuk masuk kedalam home field album, mengisi allow all type dan melakukan proses selanjutnya.

4. Use Case : Select upload

Actor : MEMBER Deskripsi :

a) MEMBER melakukan select upload yaitu dengan memilih beberapa foto yang ingin di upload.

b) MEMBER mengisi field yang ada, yaitu title, descriptions dan tags.

5. Use Case : Published

Actor : MEMBER dan USER Deskripsi :

a) MEMBER melakukan publish photo yang telah di upload dan USER dapat melihat foto yang telah di publish.

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 alur Pengunggahan file MAGICS

Jkfs.JPG

Berdasarkan Gambar 4.5. Activity Diagram alur MAGICS, terdapat :

a. 1 Initial Node, sebagai objek yang diawali.

b. 5 action, state dari sistem yang mencerminkan eksekusi dari suatu aksi di antaranya: Login, Field Album, Select Upload, View dan Published.

c. 1 Decision Node, yang berfungsi untuk menentukan keputusan yang diambil. Dalam hal ini, jika member gagal login maka sistem akan menampilkan halaman login kembali. Sedangkan jika member berhasil login, maka sistem akan langsung menampilkan tampilan home member.

d. 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 alur Pengunggahan file MAGICS

Gluef.JPG

Berdasarkan Gambar 4.6. Sequence Diagram alur Pengunggahan file MAGICS, terdapat :

1. 2 actor, yaitu Member dan User

2. 1 boundary lifeline, yaitu Magics page

3. 1 control lifeline untuk melakukan field album


4.5.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 MAGICS

Khdvlydvsk.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  : audio favorites

Media  : Hard Disk

Isi  : user_id+audio_id+indexer_fav+audio_status+owner_id

Primary Key  : user_id

Hsvllyds.JPG

2. Nama File : favorite

Media : Hard Disk

Isi : user_id+video_id+indexer_fav+video_status+owner_id

Primary Key : user_id

Panjang Record : 87

Tabel favorite.JPG

3. Nama File : video playlist list

Media : Hard Disk

Isi  : list_id+user_id+video_id+video_file_name+video_position+indexer

Primary Key : id_num

Panjang Record : 74

Tabel video playlist list.JPG

4. Nama File : video playlist

Media : Hard Disk

Isi : list_id+list_name+user_id

Primary Key : list_id

Panjang Record : 22

Video playlist.JPG

4.7. Rancangan Prototype Tampilan

Berdasarkan requirements yang terdapat pada Final Draft Elisitasi di atas, kemudian dibangun beberapa prototype MAGICS yaitu:

1. Tampilan menu Home MAGICS

Prototype home magics.JPG

Pada Gambar 4.8. terdapat tampilan Home MAGICS yaitu untuk mengakses halaman utama setelah member melakukan login.

2. Tampilan Login Member MAGICS

Kjsdgid.JPG

Pada Gambar 4.9. terdapat tampilan Login member MAGICS yaitu dengan fasilitas menu Username dan Password serta Button Login untuk akses masuk kedalam halaman admin selajutnya.

3. Tampilan menu Profile member MAGICS

Ddddd.JPG

Pada Gambar 4.10. terdapat tampilan menu Profile member pada MAGICS untuk mengetahui identitas para member.

4. Tampilan menu upload file MAGICS

Eeee.JPG


Pada Gambar 4.11. terdapat tampilan menu upload pada MAGICS untuk memudahkan member dalam melakukan pengunggahan file.

4.8. Tampilan Layar

Pada tampilan layar menu utama atau index berada pada halaman login, pada halaman ini berfungsi sebagai pendaftaran hak akses terhadap member yang masing-masing memiliki tugasnya tersendiri, dan pada MAGICS ini terdapat tampilan home MAGICS untuk masing-masing member yaitu untuk seluruh civitas akademik. Serta terdapat menu atau fasilitas navigation untuk memudahkan pencarian data.


Adadada.JPG


Pada tampilan layar dibawah ini yaitu tampilan login untuk member yang telah mempunyai account (sudah terdaftar). Untuk masuk ke halaman MAGICS cukup memasukkan username dan password.


Asasa.JPG


Pada tampilan layar dibawah ini yaitu terdapat menu atau fasilitas my profile member untuk mengetahui identitas seluruh member MAGICS.


Avavav.JPG


Pada tampilan layar dibawah ini yaitu terdapat menu atau fasilitas upload file yang bisa digunakan ketika melakukan pengunggahan file di MAGICS.

Afafafaf.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. MAGICS Web Application and Native Application.

3. Brainware

Untuk mengoperasikan MAGICS ini dapat dilakukan oleh seluruh Pribadi Raharja. Sedangkan untuk mengoperasikan aktivasi member adalah hanya admin MAGICS.

4. Hak Akses

Yang mempunyai hak dalam melakukan pengaksesan MAGICS ini adalah seluruh Pribadi Raharja dan seluruh masyarakat Indonesia.

Contributors

Nofia