ANALISA DAN PERANCANGAN SISTEM
3.4 Perancangan Sistem
Perancangan sistem merupakan tahapan perancangan data dan perancangan antarmuka sistem yang akan diimplementasikan pada penelitian ini. Perancangan yang dilakukan menggunakan beberapa pemodelan dari Unified Modeling Language (UML) yaitu
usecase diagram, usecase spesification, dan activity diagram.
3.4.1 Usecase Diagram
Usecase merupakan deskripsi fungsi sebuah sistem dari perspektif pengguna. Usecase
Gambar 3.3 Use Case Diagram Sistem Rekomendasi Tag
Usecase bekerja dengan cara mendeskripsikan tipikal interaksi antara user
(pengguna) dengan sistem yang dibangun melalui kronologi bagaimana sistem tersebut digunakan oleh user. Pada sebuah usecase, user biasanya disebuat dengan aktor. Urutan langkah-langkah yang menerangkan antara pengguna dan sistem disebut
scenario. Setiap scenario mendeskripsikan urutan kejadian. Usecase dapat terdiri dari beberapa scenario (Munawar, 2005).
Usecase yang dibangun pada sistem rekomendasi tag ini memiliki dua aktor yaitu General User (pengguna biasa) dan Admin (Administrator Website). Use case
ini juga terdiri dari 14 buah scenario, yakni Berita, Hubungi Kami, Sign Up, Manajemen Modul, Identitas Web, Manajemen User, Manajemen Template, Menu Utama, Sub Menu, Kategori Berita, Pengaturan Berita, Tag/Label, Sensor Kata dan Manajemen Hubungi Kami. Administrator dapat mengakses seluruh scenario
sedangkan general user dapat mengakses beberapa scenario yaitu scenario Berita,
3.4.2 Usecase Specification
Sebuah usecase specification menggambarkan masing-masing scenario usecase
sistem yang dibangun secara lebih terperinci. Tabel usecase specification untuk
scenario Berita dapat dilihat pada tabel 3.12.
Tabel 3.12 Usecase Spesifikasi untuk Usecase Berita Tipe Use Case Penjelasan
Nama Usecase Berita Aktor Administrator
Deskripsi Usecase ini digunakan oleh aktor untuk melihat berita berdasarkan kategori.
Pre condition Semua jenis user dapat mengakses usecase ini tanpa syarat apapun.
Characteristic of activation
Eksekusi dapat dilakukan oleh siapapun
Basic flow - Aktor dapat memilih berita berdasarkan kategori beritanya. - Sistem menampilkan berita yang telah dipilih.
- Usecase ini berakhir ketika sistem telah selesai menampilkan semua data berita.
Alternative flow -
Post condition Pada use case ini user dapat melihat halaman berita.
Limitations -
Scenario usecase Hubungi Kami dapat dilihat pada tabel 3.13.
Tabel 3.13 Usecase Spesifikasi untuk Usecase Hubungi Kami Tipe Use Case Penjelasan
Nama Usecase Hubungi Kami
Aktor Administrator dan User
Deskripsi Usecase ini digunakan oleh user untuk memberikan masukan atau pesan kepada administrator website.
Pre condition Semua jenis user dapat mengakses usecase ini tanpa syarat apapun.
Characteristic of activation
Eksekusi dapat dilakukan oleh user dan administrator.
Basic flow -Aktor memilih menu hubungi kami.
-Sistem menampilkan halaman hubungi kami.
-Aktor dapat memasukkan nama, email, subjek pesan, isi pesan, dan kode unik yang telah disediakan serta memilih tombol Kirim untuk mengirim pesan.
-Usecase ini berakhir ketika sistem telah selesai menampilkan halaman hubungi kami atau telah selesai mengirim pesan.
Tabel 3.13 Usecase Spesifikasi untuk Usecase Hubungi Kami (Lanjutan) Tipe Use Case Penjelasan
Post condition Pada usecase ini aktor dapat melihat halaman hubungi kami dan mngirim pesan ke emailadministrator
Limitations -
Scenario usecase Sign Up dapat dilihat pada tabel 3.14.
Tabel 3.14 Usecase Spesifikasi untuk Usecase Sign Up
Tipe Use Case Penjelasan Nama Usecase Sign Up
Aktor Administrator dan User
Deskripsi Usecase ini digunakan oleh aktor untuk menjadi Anggota
Pre condition Semua jenis user dapat mengakses usecase ini tanpa syarat apapun.
Characteristic of activation
Eksekusi dapat dilakukan oleh siapapun
Basic flow - Aktor memilih menu Sign Up.
- Sistem menampilkan halaman Sign Up.
- Aktor dapat memilih mengisi data diri pada formulir dan menekan tombol Sign Up.
- Usecase ini berakhir ketika sistem telah selesai menampilkan halaman Sign Up atau telah selesai mendaftar.
Alternative flow -
Post condition Pada use case ini user dapat mendaftarkan diri pada website ini.
Limitations -
Scenario usecase Manajemen Modul dapat dilihat pada tabel 3.15.
Tabel 3.15 Usecase Spesifikasi untuk Usecase Manajemen Modul Tipe Use Case Penjelasan
Nama Usecase Manajemen Modul Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur manajemen modul.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu manajemen modul - Sistem menampilkan halaman manajemen modul.
- Administrator menambah, mengedit, dan menghapus data modul. - Use case ini berakhir ketika sistem telah selesai menampilkan
Tabel 3.15 Usecase Spesifikasi untuk Usecase Manajemen Modul (Lanjutan) Tipe Use Case Penjelasan
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit, dan menghapus data Manajemen Modul.
Limitations -
Scenario usecase Identitas Web dapat dilihat pada tabel 3.16.
Tabel 3.16 Usecase Spesifikasi untuk Usecase Identitas Web Tipe Use Case Penjelasan
Nama Usecase Identitas Web Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur manajemen modul.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu identitas web. - Sistem menampilkan halaman identitas web. - Administrator mengedits data identitas web.
- Use case ini berakhir ketika sistem telah selesai menampilkan seluruh halaman Identitas Web atau telah selesai mengedit data.
Alternative flow -
Post condition Pada use case ini user dapat mengedit data Manajemen Modul.
Limitations -
Scenario usecase Manajemen User dapat dilihat pada tabel 3.17.
Tabel 3.17 Usecase Spesifikasi untuk Usecase Manajemen User
Tipe Use Case Penjelasan Nama Usecase Manajemen User
Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur manajemen modul.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu manajemen user
- Sistem menampilkan halaman manajemen user.
- Administrator menambah, mengedit, dan menghapus data user. - Use case ini berakhir ketika sistem telah selesai menampilkan
Tabel 3.17 Usecase Spesifikasi untuk Usecase Manajemen User (Lanjutan) Tipe Use Case Penjelasan
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit, dan menghapus data Manajemen User.
Limitations -
Scenario usecase Manajemen Template dapat dilihat pada tabel 3.18.
Tabel 3.18 Usecase Spesifikasi untuk Usecase Manajemen Template
Tipe Use Case Penjelasan
Nama Usecase Manajemen Template Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur manajemen Template.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu manajemen template.
- Sistem menampilkan halaman manajemen template.
- Administrator menambah, mengedit, dan menghapus data template.
- Use case ini berakhir ketika sistem telah selesai menampilkan seluruh halaman Manajemen template.
Alternative flow -
Post condition Pada use case ini user dapat menambah, meng-edit, dan menghapus data Manajemen Template.
Limitations -
Scenario usecase Menu Utama dapat dilihat pada tabel 3.19.
Tabel 3.19 Usecase Spesifikasi untuk Usecase Menu Utama
Tipe Use Case Penjelasan Nama Usecase Menu Utama
Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur menu-menu dan sub menu-sub menu yang ada pada menu website.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Tabel 3.19 Usecase Spesifikasi untuk Usecase Menu Utama (Lanjutan) Tipe Use Case Penjelasan
Basic flow - Administrator mengklik menu menu utama.
- Sistem menampilkan halaman halaman menu utama.
- Administrator menambah, mengedit, dan menghapus data menu
website.
- Use case ini berakhir ketika sistem telah selesai menampilkan semua menu utama website.
Alternative flow -
Post condition Pada use case ini user dapat menambah dan mengedit menu utama.
Limitations -
Scenario usecase Sub Menu dapat dilihat pada tabel 3.20.
Tabel 3.20 Usecase Spesifikasi untuk Usecase Sub Menu
Tipe Use Case Penjelasan Nama Usecase Sub Menu
Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur sub menu-sub menu yang ada pada menu website.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu sub menu.
- Sistem menampilkan halaman halaman sub menu.
- Administrator dapat menambah, mengedit, dan menghapus data sub menu website.
- Use case ini berakhir ketika sistem telah selesai menampilkan seluruh halaman sub menu website.
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit, menghapus sub menu.
Limitations -
Scenario usecase Manajemen Hubungi Kami dapat dilihat pada tabel 3.21.
Tabel 3.21 Usecase Spesifikasi untuk Usecase Manajemen Hubungi Kami Tipe Use Case Penjelasan
Nama Usecase Manajemen Hubungi Kami Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur email administrator yang akan menerima pesan dari user.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Tabel 3.21 Usecase Spesifikasi untuk Usecase Manajemen Hubungi Kami (Lanjutan) Tipe Use Case Penjelasan
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu hubungi kami.
- Sistem menampilkan halaman manajemen hubungi kami. - Administrator mengedit data email.
- Use case ini berakhir ketika sistem telah selesai menampilkan semua manajemen hubungi kami.
Alternative flow -
Post condition Pada usecase ini user dapat menambah dan mengedit data email.
Limitations -
Scenario usecase Manajemen Berita dapat dilihat pada tabel 3.22.
Tabel 3.22 Usecase Spesifikasi untuk Usecase Manajemen Berita Tipe Use Case Penjelasan
Nama Usecase Manajemen Berita Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur data berita yang ada pada website.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu berita.
- Sistem menampilkan halaman manajemen berita.
- Administrator menambah, mengedit, dan menghapus data berita. - Use case ini berakhir ketika sistem telah selesai menampilkan semua
manajemen berita.
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit dan menghapus data berita.
Limitations -
Scenario usecase Sensor Kata dapat dilihat pada tabel 3.23.
Tabel 3.23 Usecase Spesifikasi untuk Usecase Sensor Kata Tipe Use Case Penjelasan
Nama Usecase Sensor Kata Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur data sensor kata.
Tabel 3.23 Usecase Spesifikasi untuk Usecase Sensor Kata (Lanjutan) Tipe Use Case Penjelasan
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu sensor kata. - Sistem menampilkan halaman sensor kata.
- Administrator menambah, mengedit, dan menghapus data sensor kata.
- Use case ini berakhir ketika sistem telah selesai menampilkan semua manajemen sensor kata.
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit dan menghapus data sensor kata.
Limitations -
Scenario usecase Kategori Berita dapat dilihat pada tabel 3.24.
Tabel 3.24 Usecase Spesifikasi untuk Usecase Kategori Berita Tipe Use Case Penjelasan
Nama Usecase Kategori Berita Aktor Administrator
Deskripsi Usease ini digunakan oleh administrator untuk mengatur data kategori berita yang ada pada website.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu kategori berita. - Sistem menampilkan halaman kategori berita.
- Administrator menambah, mengedit, dan menghapus katagori berita. - Use case ini berakhir ketika sistem telah selesai menampilkan semua
katagori berita.
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit dan menghapus data kategori berita.
Limitations -
Scenario usecase Tag/Label dapat dilihat pada tabel 3.25.
Tabel 3.25 Usecase Spesifikasi untuk UsecaseTag/Label Tipe Use Case Penjelasan
Nama Usecase Tag/Label Aktor Administrator
Tabel 3.25 Usecase Spesifikasi untuk UsecaseTag/Label (Lanjutan) Tipe Use Case Penjelasan
Deskripsi Usease ini digunakan oleh administrator untuk mengatur data tag/label yang ada pada website.
Pre condition Administrator harus memiliki username dan password untuk login ke sistem
Characteristic of activation
Eksekusi dapat dilakukan oleh Administrator
Basic flow - Administrator mengklik menu tag/label. - Sistem menampilkan halaman tag/label.
- Administrator menambah, mengedit, dan menghapus data tag/label. - Use case ini berakhir ketika sistem telah selesai menampilkan semua
manajemen tag/label.
Alternative flow -
Post condition Pada use case ini user dapat menambah, mengedit dan menghapus data tag/label.
Limitations -
3.4.3 Activity Diagram
Activity diagram digunakan untuk mendeskripsikan logika prosedural, proses bisnis dan aliran kerja dalam suatu sistem. Activity diagram memiliki peranan seperti
flowchart, akan tetapi memiliki perbedaan dimana activity diagram mendukung prilaku paralel sedangkan flowchart tidak (Munawar, 2005). Berikut ini adalah diagram aktivitas yang terdapat pada sistem rekomendasi tag yang akan dibangun. 1. ActivityDiagramBerita
Pada activity diagram berita terkini, pengguna sistem dapat melihat berita-berita yang disediakan oleh administrator website. Activity diagram berita dapat dilihat pada gambar 3.4.
2. ActivityDiagramHubungi Kami
Pada activity diagram hubungi kami, pengguna sistem dapat memberikan pesan dan saran kepada administrator website. Activity diagram hubungi kami dapat dilihat pada gambar 3.5.
Gambar 3.5 Diagram Aktivitas untuk Memberikan Pesan dan Saran
3. ActivityDiagramSign Up
Pada activity diagram Sign Up, pengguna sistem dapat mendaftar sebagai member
website. Activity diagramSign Up dapat dilihat pada gambar 3.6.
Gambar 3.6 Diagram Aktivitas untuk Sign Up
4. ActivityDiagram Manajemen Modul
Pada activity diagram manajemen modul, administrator dapat melakukan pengaturan modul website. Activity diagram manajemen modul dapat dilihat pada gambar 3.7.
Gambar 3.7 Diagram Aktivitas untuk Manajemen Modul
5. ActivityDiagramIdentitas Web
Pada activity diagram Identitas Web, administrator dapat melakukan pengaturan identitas web. Activity diagram Identitas Web dapat dilihat pada gambar 3.8.
Gambar 3.8 Diagram Aktivitas untuk Memberikan Identitas Web
6. ActivityDiagramManajemenUser
Pada activity diagram manajemen user, administrator dapat melakukan pengaturan pengguna website. Activity diagram manajemen user dapat dilihat pada gambar 3.9.
Gambar 3.9 Diagram Aktivitas untuk Manajemen User
7. ActivityDiagramManajemenTemplate
Pada activity diagram manajemen template, administrator dapat melakukan pengaturan template website. Activity diagram manajemen template dapat dilihat pada gambar 3.10.
8. ActivityDiagramMenu Utama
Pada activity diagram menu utama, administrator dapat melakukan pengaturan menu utama website. Activity diagram menu utama dapat dilihat pada gambar 3.11.
Gambar 3.11 Diagram Aktivitas untuk Menu Utama
9. ActivityDiagram SubMenu
Pada activity diagram sub menu, administrator dapat melakukan pengaturan sub menu dari menu utama website. Activity diagram sub menu dapat dilihat pada gambar 3.12.
10.ActivityDiagramManajemen Hubungi Kami
Pada activity diagram manajemen hubungi kami, administrator dapat melakukan menjawab pesan dan saran yang diberikan oleh pengunjung website dari menu hubungi kami. Admin juga dapat menghapus pesan tersebut dari database. Activity diagram manajemen hubungi kami dapat dilihat pada Gambar 3.13.
Gambar 3.13 Diagram Aktivitas untuk Pengaturan Pesan dan Saran
11.ActivityDiagramKategori Berita
Pada activity diagram kategori berita, administrator dapat melakukan pengaturan data kategori berita. Activity diagram kategori berita dapat dilihat pada gambar 3.14.
12.ActivityDiagramManajemen Berita
Pada activity diagram manajemen berita, administrator dapat melakukan pengaturan data berita. Activity diagram kategori berita dapat dilihat pada gambar 3.15.
Gambar 3.15 Diagram Aktivitas untuk Manajemen Berita
13.ActivityDiagramTag/Label
Pada activity diagram tag/label, administrator dapat melakukan pengaturan data
tag/label. Activity diagramtag/label dapat dilihat pada Gambar 3.16.
14.ActivityDiagramSensor Kata
Pada activity diagram sensor kata, administrator dapat melakukan pengaturan data kata yang akan disensor pada berita. Activity diagram kategori berita dapat dilihat pada gambar 3.17.
Gambar 3.17 Diagram Aktivitas untuk Kategori Berita 3.4.4 Perancangan Database
Pada perancangan sistem rekomendasi tag ini terdapat 18 tabel yaitu tabel berita, kategori, modul, mainmenu, submenu, halaman statis, identitas, komentar, frekuensi, history, kt_dasar, Templates, identitas, berita_tag, kt_stopword, katajelek, tag, hubungi, dan users. Data pada tabel kt_dasar berasal dari kamus besar bahasa Indonesia online (Parulian, 2013). Adapun hubungan antar tabel dapat dilihat pada gambar 3.18.
Pada sistem rekomendasi tag ini, tabel berita terhubung pada tabel kategori, berita_tag, history, frekuensi, komentar, katajelek, dan tag.tabel kategori dan tag akan memudahkan dalam klasifikasi dan pencarian berita. Tabel katajelek berisi kata-kata yang dianggap melanggar etika dan kesopanan sehingga isi berita pada tabel berita yang mengandung kata-kata pada tabel katajelek akan diganti dengan kata-kata pada
Gambar 3.18 Database
3.4.5 Rancangan Menu Sistem
Rancangan menu sistem dapat digunakan untuk melihat struktur menu yang terdapat pada suatu sistem yang akan dibangun. Rancangan menu sistem yang akan dibangun pada sistem rekomendasi tag ini dapat dilihat pada gambar 3.19.
Rancangan website berita ini terdiri beberapa halaman yang dapat diakses oleh
general user (pengguna umum) dan admin website. Adapun halaman website berita yang dapat diakses oleh pengguna umum adalah halaman Profil Website, Berita Terkini, dan Hubungi Kami. Sedangkan administrator yang telah melakukan aktifitas
login dapat mengakses seluruh halaman website termasuk halaman manajemen pengaturan website. Halaman manajemen pengaturan website terdiri dari beberapa halaman pengaturan isi website yaitu halaman Setting Web, Setting menu, Manajemen Berita dan Manajemen Hubungi Kami.
BERANDA PROFIL WEBSITE BERITA TERKINI HUBUNGI KAMI LOGIN SETTING WEB SETTING MENU
MANAJEMEN HUBUNGI KAMI
MANAJEMEN BERITA
LOGOUT
Gambar 3.19 Struktur Menu Sistem 3.4.6 Perancangan Antarmuka
Perancangan antarmuka berisi gambaran umum tentang perancangan setiap tampilan yang terdapat pada website yang dikembangkan.
1. Rancangan Beranda / Halaman Berita
Pada halaman utama, pengguna dapat memiih menu-menu yang telah disajikan pada menu bar yaitu menu Profil, Berita, dan Hubungi Kami. Selain itu pengguna juga dapat memilih kategori berita, atau memilih berita terpopuler serta tag terpopuler. Rancangan tampilan halaman beranda/berita dapat dilihat pada gambar 3.20.
REKOMENDASI TAG
BERANDA BERITA HUBUNGI KAMI
DAFTAR BERITA MODUL KATEGORI BERITA
MODUL BERITA TERPOPULER
MODUL TAG TERPOPULER -Berita 1 Berita 2 Berita N Berita Selanjutnya b c d f g h i Username Password LOGIN a SIGN UPe
Keterangan Gambar 3.20:
a. Pengguna dengan hak akses administrator yang telah mengisi username dan
password dapat menekan tombol Login untuk dapat mengakses menu-menu
control panelwebsite.
b. Menu “Beranda” memungkinkan pengguna untuk masuk ke halaman Beranda/Berita.
c. Menu “Berita” memungkinkan pengguna untuk masuk ke halaman Berita.
d. Menu “Hubungi Kami” memungkinkan pengguna untuk masuk ke halaman Hubungi Kami/Pesan dan Saran.
e. Menu “Sign up” memungkinkan pengguna umum untuk masuk ke halaman formulir sign up.
f. Module “Kategori Berita” berisi daftar kategori berita yang dapat pengguna pilih. g. Module “Berita Terpopuler” berisi daftar berita terpopuler yang dapat pengguna
pilih/lihat beritanya.
h. Module “Tag Terpopuler” berisi daftar tag terpopuler yang dapat pengguna pilih/lihat beritanya.
i. Link “Berita selanjutnya” memungkinkan pengguna melihat berita selanjutnya.
2. Rancangan Halaman Hubungi Kami
Pada halaman hubungi kami pengguna dapat mengirimkan pesan maupun saran ke
administratorwebsite. Rancangan halaman ini dapat dilihat pada gambar 3.21.
HUBUNGI KAMI MODUL KATEGORI BERITA
MODUL BERITA TERPOPULER
MODUL TAG TERPOPULER -Nama Email Subjek
Masukkan 6 Kode di atas Isi Pesan
Kode capcha
KIRIM a
REKOMENDASI TAG
BERANDA BERITA HUBUNGI KAMI
Username Password
LOGIN SIGN UP
Pengaturan pesan ini nantinya dapat dilakukan oleh administrator pada halaman manajemen hubungi kami setelah terlebih dahulu pengguna login sebagai
administrator.
Keterangan Gambar 3.21:
a. Pengguna yang telah mengisi kolom nama, email, subjek, isi pesan dan kode unik capcha dapat menekan tombol kirim untuk dapat mengirim pesan ataupun saran ke
emailadministratorwebsite.
3. Rancangan Halaman Sign Up
Pada halaman sign up, pengguna mendaftarkan dirinya ke website berita ini. Rancangan tampilan halaman sign up dapat dilihat pada gambar 3.22.
REKOMENDASI TAG Username Password Nama Lengkap E-mail No. Telp/HP SIMPAN BATAL a b
Gambar 3.22 Rancangan Halaman Sign up
Keterangan Gambar 3.22:
a. Pengguna yang ingin mendaftar dapat mengisi formulir pendaftaran pengguna serta menekan tombol “Simpan” maka akan muncul konfirmasi apakah data pengguna telah tersimpan ke database atau tidak. Setelah Pengguna yang berhasil terdaftar, pengguna dapat melakukan login. Setelah login, hak pengaturan yang dimiliki pengguna tersebut hanya sebatas pengaturan profil pribadinya saja. b. Pengguna yang ingin mengosongkan seluruh kolom data pada formulir
pendaftaran pengguna baru dapat menekan tombol “Batal”.