The Logical View The Process View

4.3.2.2 The Logical View

Untuk aplikasi berbasis web pada umumnya, terdapat paling sedikit 4 logical component. Gambar 4.5 Logical View untuk Primary Component dari Sistem Informasi VMC Seperti yang dapat dilihat pada gambar 4.4 diatas. Bahwa component yang memenuhi SIVMC secara umum adalah Firefox.exe component merupakan multiplatform browser . Dan XAMPP adalah paket web container yang didalamnya sudah termasuk PHP, MySQL, dan phpMyAdmin. App.php merupakan aplikasi bisnis yang di bangun. Dan db.sql adalah database yang digunakan pada aplikasi.

4.3.2.3 The Process View

Pada bagian ini menjelaskanmenampilkan bagaimana sistem dalam melakukan setiap aktivitas- aktivitasnya. Detail kegiatan yang dilakukan setiap actor untuk setiap use case yang terdapat pada desain sistem untuk Sistem Informasi VMC. Lebih jelasnya dapat dilihat pada aktivity diagram di bawah ini 1. Activity Diagram untuk use case “Buat Account” Gambar 4.6 Activity Diagram untuk use case “ Buat Account ” Keterangan: Pada aktivitas “ Buat Account ” adalah aktivitas yang dilakukan oleh user yang belum memiliki account untuk membuat account agar bisa bergabung ke dalam Sistem Informasi VMC. Di awali dengan user yang masuk ke dalam home sistem dan memilih menu “Sign Up”. Serta mengisi form Registrasi dan mengirim request tersebut. Kemudian user guest menunggu untuk di approve. 2. Activity Diagram untuk use case “Sign In” Gambar 4.7 Activity Diagram untuk use case “ Sign In ” Keterangan: untuk aktivitas “Sign In” ini hanya bisa dilakukan oleh user system admin, pakar dan user member atau dapat dikatakan sebagai user yang telah memiliki account pada sistem. Atau yang request member-nya telah di terima. Aktivitasnya dimulai dengan user member, pakar, admin mengisi kolom user name dan password yang tersedia pada home sistem. Kemudian user memilih tombol Sign in, apabila salah satu dari user name dan password ada yang salah maka akan ada pesan dan user member, pakar, admin tidak dapat memasuki sistem. 3. Activity Diagram untuk use case “Display Collection” Gambar 4.8 Activity Diagram untuk use case “Display Collection” Keterangan: Pada aktivitas ini dimulai saat user sudah melakukan Sign in pada sistem dan telah berada pada home sistem. Di mulai dengan memilih menu collection pada menu bar sistem. Kemudian sistem akan menampilkan katagori- katagori manuskrip. User memilih salah satu katagori dan langsung dapat melihat list-list manuskrip yang terdapat pada setiap katagorinya. 4. Activity Diagram untuk use case “Display Images” Gambar 4.9 Activity Diagram untuk use case “Display Images” Keterangan: Setelah user memilih koleksi yang terdapat pada menu collection dan kemudian user memilih kategori manuskrip dan memilih manuskrip yang akan dilihat. Untuk menampilkan gambar, user memilih menu thumbnails. User dapat melihat gambar lebih besar dengan mengklik gambar yang diingin ke ukuran yang dapat dilihat jelas. 5. Activity Diagram untuk use case “Display Transliteration” Gambar 4.10 Activity Diagram untuk use case “ Display Image Detail ” Keterangan: Setelah User memilih menu collection, user dapat melihat kategori-kategori manuskrip yang ada. Dan user dapat memilih salah satu kategori dan melihat list-list manuskrip pada kategori tersebut. Melihat transliterasi dengan menu transliteration . Apabila ada kesalahan, user dapat memperbaikinya. User juga dapat me-request untuk men- download file transliterasi tersebut. 6. Activity Diagram untuk use case “Forum” Gambar 4.11 Activity Diagram untuk use case “ Forum” Keterangan: Pada aktivitas ini user member dapat membuat dan bergabung forum. User dapat bergabung dengan forum- forum yang sudah ada dengan memilih “join” pada forum yang diinginkan. Namun user juga dapat membuat forum sendiri dengan memilih “create my own forum” dan mengisi form membuat forum dan men-submit form tersebut. Setiap forum membahas satu fokus manuskrip. 7. Activity Diagram untuk use case “Download Request” Gambar 4.12 Activity Diagram untuk use case “ Download Request ” Keterangan: Pada aktivitas ini dimulai dengan user memilih menu download pada manuscript gambar dan transliterasi yang telah dipilih. User mengisi form request yang tersedia dan memilih tombol submit untuk mengirimnya. Dan user menunggu konfirmasi apakah permintaan diterima dan dapat diteruskan atau ditolak. 8. Activity Diagram untuk use case “Manajemen Informasi” Gambar 4.13 Activity Diagram untuk use case “Manajemen Informasi” Keterangan: Pada aktivitas ini dilakukan hanya oleh system admin , yang dimulai dengan system admin yang telah Sign in terlebih dahulu. Kemudian system admin memilih informasi mana yang akan di input dan di-update. Aktivitas tersebut terus dilakukan berulang-ulang sampai semua informasi yang ingin di tampilkan pada sistem telah ter-input dengan baik dan rapih dan informasi yang ingin di update pada sistem telah ter-update dengan baik dan rapih. 9. Activity Diagram untuk use case “Buat Laporan” Gambar 4.14 Activity Diagram untuk use case “Buat Laporan” Keterangan: pada aktivitas ini, admin ditugaskan untuk dapat membuat laporan. baik itu untuk keseluruhan manuskrip maupun manuskrip pilihan saja. Admin juga bisa menentukan isi dari laporan yang diinginkan. 10. Activity Diagram untuk use case “Upporove Request” Gambar 4.15 Activity Diagram untuk use case “Upporove Request” Keterangan: Dimulai dengan system admin yang sudah sign in terlebih dahulu. Admin memilih menu member dan melihat serta membaca semua request yang masuk. Apabila system admin merasa request tersebut cukup baik, maka system admin akan meng-approve member tersebut dengan memilih menu terima. Bila tidak, system admin dapat memilih menu tolak. Begitu juga dengan download request . 11. Activity Diagram untuk use case “Validasi Pengetahuan” Gambar 4.16 Activity Diagram untuk use case “Validasi Pengetahuan” Keterangan: Pada aktivitas ini, user yang bekerja adalah pakarstaf ahli. Pakar memasuki sistem dan membaca semua informasi-informasi yang ada. Kemudian memvalidasi yang benar dan menghapus yang tidak benar. Setelah selesai dengan semua informasi pakar dapat keluar dari sistem. 12. Activity Diagram untuk use case “Sign Out” Gambar 4.17 Activity Diagram untuk use case “Log Out” Keterangan: Aktivitas ini dilakukan oleh user system admin, pakar dan member. Apabila user tersebut tidak lagi melakukan aktivitas apapun di dalam sistem maka user dapat memilih menu sign out dan keluar dari sistem.

4.3.3 Construction