10
BAB III
PERANCANGAN SISTEM
3.1 Analisa Kebutuhan 3.2.1. Kebutuhan Perancangan a. Perangkat Keras PC (Personal Computer) b. Perangkat Lunak Microsoft Visual Studio 2010 Microsoft Visio SQL Server 2008 3.2.2. Kebutuhan Pemakaian a. Perangkat Keras PC (Personal Computer) b. Perangkat Lunak
Microsoft Visual Studio 2010 SQL Server 2008
3.2 Konsep Perancangan Aplikasi
3.2.1. Perancangan Usecase Diagram a. Usecase Aplikasi Catatan Online
Gambar 3.1 UsecaseWebsite Catatan
Ketika user membuka website ini maka user dapat membuat catatan tanpa harus login terlebih dahulu. Setelah
user membuat catatan user dapat mengirim catatan tersebut ke
mail mereka ataupun membuat catatan mereka dalam bentuk PDF. Jika user ingin login dan belum memiliki akun maka
user harus membuat akun baru di menu Register. Setelah membuat akun baru user dapat melakukan login. Perbedaan menu awal dan menu setelah login adalah user dapat menyimpan catatan mereka dan dapat membuka kembali catatan mereka. User juga dapat menyunting catatan mereka menurut kebutuhan. Menu-menu sebelum login seperti mengirim ke Mail dan memprintout catatan mereka juga ada dalam menu setelah login.
b. Usecase Sebelum Login
Gambar 3.2 Usecase Sebelum Login
Tabel 3.1 Tabel Usecase sebelum Login
Tujuan Membuat catatan
Aktor User
Kondisi Awal Membuka menu utama website dan belum melakukan Login.
Skenario Utama 1. Sistem menampilkan form untuk membuat catatan.
2. Catatan yang telah dibuat dalam di kirim ke mail ataupun di hasilkan dalam bentuk format
PDF.
Skenario Alternatif Jika user membuat catatan dan tidak mengirimkannya ke mail ataupun mencetaknya menjadi PDF, maka catatan tersebut akan hilang jika user menutup website
Kondisi Akhir 1. Sistem dapat mengirim catatan
user ke mail yang telah user
masukkan.
2. Sistem dapat mencetak hasil cacata user dalam bentuk format
PDF.
c. Usecase Menu Register
Gambar 3.3 Usecase menu register
Tabel 3.2 Tabel Usecase Buat Akun
Tujuan Membuat Akun baru.
Aktor User.
Kondisi Awal Membuka menu utama website dan masuk menu register.
Skenario Utama 1. Sistem menampilkan form untuk membuat Akun.
2. Sistem akan menambahkan akun jika user telah melakukan registrasi.
Skenario Alternatif Jika user salah mengisi dalam pembuatan akun maka sistem akan memberikan peringatan.
Kondisi Akhir Sistem berhasil menambah akun sesuai keinginan user yang dimana akun ini akan dapat digunakan untuk login.
d.Usecase Login Buka Catatan
Gambar 3.4 Usecaselogin buka catatan
Tabel 3.3 Tabel Usecaselogin buka catatan
Tujuan 1. Dapat menyunting catatan. 2. Dapat menghapus catatan. 3. Dapat mengirim catatan ke Mail. 4. Dapat mencetak catatan.
Aktor User.
Kondisi Awal Berhasil Login dan membuka catatan yang telah dibuat.
Skenario Utama 1. Sistem menampilkan daftar catatan user yang telah dibuat dan membukanya kembali. 2. Sistem akan melakukan perintah
sesuai pilihan dari user yang meliputi: menyunting catatan, menghapus catatan, mengirim catatan atau mencetak catatan. Skenario Alternatif 1. User dapat membuat catatan
baru.
2. User melakukan logout.
Kondisi Akhir 1. Sistem dapat membuka kembali catatan yang telah dibuat oleh
user sebelumnya.
2. Sistem dapat menyunting, menghapus, mengirim ataupun mencetak catatan yang telah dibuat oleh user.
e. Usecase Login Buat Catatan
Gambar 3.5 Usecaselogin buat catatan
Tujuan 1. Dapat membuat catatan baru 2. Dapat mengirim catatan ke
Mail.
3. Dapat mencetak catatan. 4. Dapat menyimpan catatan.
Aktor User.
Kondisi Awal Berhasil Login dan membuat catatan baru.
Skenario Utama 1. Sistem akan menampilkan form untuk membuat catatan baru. 2. Sistem akan melakukan perintah
sesuai pilihan dari user yang meliputi: menyimpan catatan, mengirim catatan atau mencetak catatan.
Skenario Alternatif 1. User membuka caatatan yang telah dibuat sebelumnya.
2. User melakukan logout.
Kondisi Akhir 3. Sistem dapat menyimpan catatan yang telah user buat.
4. Sistem dapat mengirim atau mencetak catatan.
3.2.2. Perancangan Sequence Diagram
Gambar 3.6 Sequence diagram sebelum login
Pada sequence diagram diatas user akan masuk ke website dan sistem akan menampilkan menu index utama. Setelah itu user akan membuat catatan dan memberikan judul pada catatannya. Catatan dapat dikirm ke mail atau di cetak dalam format PDF.
b. Sequence Diagram Menu Register
Gambar 3.7 Sequence diagram menu register
Pada sequence diagram diatas user akan masuk ke website dan masuk menu register. Sistem akan memberikan form untuk register
akun baru dan sistem akan melakukan validasi dan penginputan akun
user ke database.
c. Sequence Diagram Login Buka Catatan
Gambar 3.8 Sequence diagram login buka catatan
Pada sequence diagram diatas user akan masuk ke website dan telah melakukan login. User akan membuka kembali catatan yang telah dibuat sebelumnya. Di catatan itu user dapat menyunting catatan tersebut. Selain itu user juga dapat menghapus catatan itu. User juga dapat mengirim atau mencetak catatan tersebut.
d. Sequence Diagram Login Buat Catatan
Gambar 3.9 Sequence diagram login buat catatan
Pada sequence diagram diatas user akan masuk ke website dan telah melakukan login. User akan membuat catatan baru dan dapat menyimpannya. Selain itu user juga dapat mengirim atau mencetak tersebut tanpa harus menyimpannya.
Gambar 3.10 Activity Diagram sebelum dan sesudah login
Pada activity diagram terdapat dua scenario yang berbeda. Pertama yaitu skenario sebelum login, yang dimana user akan membuat catatan dan akan mencetak catatan tersebut dan atau mengirim catatan tersebut ke mail. Pada skenario kedua user harus memiliki akun terlebih dahulu. Setelah user melakukan registrasi user akan login. Jika user tidak memiliki daftar catatan sebelumnya user
dapat membuat catatan baru dan menyimpan catatan tersebut. Catatan yang telah disimpan dapat disunting kembali ataupun dihapus. Catatan
yang dari daftar ataupun catatan yang membuat baru dapat dicetak dalam bentuk format PDF atau dikirm ke mail.
3.2.4. Desain Data
a. Entity Relationship Diagram
Gambar 3.11 Entity Relationship Diagram Website catatan
Keterangan:
Untuk melakukan pendataan pengguna website catatan online ini disediakan dua tabel, antara lain:
1. Tabel User
Pada tabel ini terdapat tiga data, antara lain ID, UserID dan Password.
Pada tabel ini terdapat empat data, antara lain, CatatanID, UserID, Title dan IsiNotes.
b.Tabel Database
1. Tabel User
Tabel 3.5 Tabel database: Data User
Nama Data Tipe Data Range ID uniqueidentifier
UserID varchar 50
Password varchar 50
2. Tabel Catatan
Tabel 3.6 Tabel database: Data Catatan
Nama Data Tipe Data Range CatatanID uniqueidentifier
UserID varchar 50
Title varchar 50
3.2.5. Perancangan Lembar Kerja Tampilan a. LKT Index Utama Sebelum Login
Gambar 3.12 LKT Index Utama Sebelum Login
Di LKT ini user akan langsung dapat membuat catatannya. Setelah itu user dapat mengirim catatan tersebut ke mail atau mencetak catatan tersebut dalam bentuk PDF.
b. LKT Register
Gambar 3.13 LKT Register
Pada LKT ini user akan mengisi datanya masing-masing. Jika
user salah dalam mengisi datanya maka sistem tidak akan menginputkan useridnya ke database. Jika user berhasil mengisi data dengan benar maka sistem akan otomatis membuat akun user baru yang bisa dibuat untuk login nantinya.
c. LKT Login
Gambar 3.14 LKT Login
Pada LKT ini user akan mengisi datanya masing-masing. Jika
user salah dalam mengisi datanya maka sistem tidak akan lanjut atau akan tetap pada halaman ini. Jika user berhasil login maka user akan diberi akses ke halaman selanjutnya yaitu halaman index setelah login.
Gambar 3.15 LKT Index Utama setelah Login
Pada LKT ini user berhasil login dan akan masuk ke menu ini. Di bagian samping terdapat daftar catatan-catatan yang telah dibuat sebelumnya. Jika belum membuat catatan maka bagian ini akan kosong. User dapat membuat catatan baru dan menyimpannya yang dimana sewaktu-waktu dapat dibuka kembali. Pada catatan yang telah dibuat user dapat menyunting sekaligus menghapus catatan tersebut. Fitur-fitur yang ada pada sebelum login seperti mengirim ke mail atau mencetak menjadi PDF juga ada pada menu setelah berhasil login. 3.2.6. Diagram Jaringan Semantik
Keterangan:
Menu utama dapat membuat langsung catatan baru dan melakukan pengambilan Data User untuk login. Pengambilan detail Catatan harus berdasar pada data
catatan dan juga data user yang telah melakukan login.
Catatan dapat dicetak ataupun dikirim dari catatan baru ataupun dari detail catatan.