1
BAB III PERANCANGAN SISTEM
3.1 Umum
Pada bab ini akan di bahas perancangan database, perancangan website, dan perancangan aliran data dari aplikasi bimbingan skripsi online berbasis website
untuk mahasiswa teknik elektro Universitas Sumatera Utara.
3.2 Spesifikasi Perangkat Perancangan
Spesifikasi perangkat perancangan yang digunakan untuk melakukan perancangan aplikasi adalah:
3.2.1 Perangkat Keras
Perangkat keras yang digunakan untuk melakukan perancangan aplikasi adalah:
Laptop Lenovo G480, dengan spesifikasi sebagai berikut: a Processor IntelR Core TM i3-3210M CPU 2.50GHZ
b Memory 4.00GB c Harddisk 500GB
3.2.2 Perangkat Lunak
Spesifikasi perangkat lunak yang digunakan adalah: a. Sistem Operasi Windows 7 Ultimate
b. Notepad++ c. AppServ
d. Web Browser Google Crome
Universitas Sumatera Utara
2
e. Android Studio
3.3 Perancangan Sistem
Perancangan sistem yang di bangun dimulai setelah tahap analisis terhadap sistem yang berjalan selesai dilakukan. Perancangan dapat didefinisikan sebagai
penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi.
3.3.1 Usecase Diagram
Usecase diagram digunakan untuk menggambarkan secara ringkas siapa yang menggunakan sistem dan apa saja yang bisa dilakukannya.
Memberi gambaran singkat hubungan antara actor dan sistem. Melalui diagram usecase dapat diketahui fungsi-fungsi apa saja yang ada pada
sistem.
3.3.1.1 Usecase Diagram Mahasiswa dan Dosen
Usecase diagram mahasiswa dan dosen menggambarkan hubungan sistem dan actor. Perbedaan fungsi dari mahasiswa dan dosen adalah
mahasiswa dapat membuat timeline tugas akhir sedangkan dosen bisa mengubah action timeline yang sudah dibuat.
Universitas Sumatera Utara
3
Gambar 3.3.2.1 Usecase Diagram Mahasiswa dan Dosen
3.3.1.2 Usecase Diagram Admin
Usecase diagram admin menggambarkan secara singkat apa saja fungsi dari admin. Admin bisa menambahkan data dari dosen dan
mahasiswa, juga bisa melihat timeline bimbingan skripsi yang sedang berjalan.
Gambar 3.3.2.2 Usecase Diagram Admin
Universitas Sumatera Utara
4
3.3.2 Activity Diagram
Activity Diagram adalah diagram yang menggambarkan workflow aliran kerja atau aktivitas dari sebuah sistem atau proses bisnis. Yang
perlu diperhatikan adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi aktivitas yang dapat
dilakukan oleh sistem
.
3.3.2.1 Activity Diagram Admin
Activity diagram admin menggambarkan aliran kerja dari sistem admin yang dimana admin bisa menambahkan data dosen, data mahasiswa
dan melihat timeline bimbingan skripsi yang sedang berlangsung.
Website Server
Admin
Membuka Halaman Website
Menampilkan Halaman Menu
Tambah Data Dosen dan
Mahasiswa
Data Dosen Data
Mahasiswa Simpan ke
Database Lihat Timeline
Bimbingan Skripsi Tampilkan
Timeline Bimbingan Skripsi
Gambar 3.3.3.1 Activity Diagram Admin
Universitas Sumatera Utara
5
3.3.2.2 Activity Diagram Mahasiswa dan Dosen
Activity diagram mahasiswa menggambarkan aliran kerja sistem pada aplikasi dimana mahasiswa dan dosen dapat mengirimkan pesan dan
mendapatkan pesan dari dosen bimbingan skripsi. Mahasiswa dapat membuat timeline bimbingan, sedangkan dosen berfungsi merubah action
dari timeline bimbingan
Aplikasi Server
Dosen Mahasiswa
Buka Aplikasi Tampilkan Aplikasi
Buka Aplikasi
Buat Timeline
Tambahkan Timeline
Action Timeline Tampilkan Pesan
Simpan Menyimpan ke
Database
Buat Pesan Kirim Pesan
Simpan Pesan Tampilkan Pesan
Buka Pesan
Kirim Pesan
Ubah Keterangan Action Timeline
Ubah Keterangan Simpan
Gambar 3.3.3.2 Activity Diagram Mahasiswa dan Dosen
Universitas Sumatera Utara
6
3.3.3 Diagram ER Entity Relationship
Diagram ER merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai
hubungan antar relasi
.
Gambar 3.3.1. Diagram ER Entity Relationship
3.3.4 Perancangan Basis Data
Perancangan basis data adalah proses perancangan data yang di butuhkan untuk mendukung rancangan sistem, yang bertujuan untuk memenuhi informasi
yang berisi kebutuhan user dan aplikasi.
a. Struktur Tabel