DOKUMEN ANALISIS DAN PERANCANGAN PERANGKAT LUNAK

Sistem Informasi Pendaftaran Skripsi (SIPENSI)

Versi 1.0

Untuk:
Institut Teknologi Kalimantan

Dipersiapkan oleh:
Aldi Saputra Rahmawan 11191007
Ayomi Satria Pratama 11191013
Glen Zacharias 11191026
Istiqomatul Wahida 11191031
Mandani Imaniar Ramadhani 11191039
Merla Annisa Valencia Tsabit 11191043
Riky Fernando 11191065

Program Studi Informatika – Institut Teknologi Kalimantan Jl. Soekarno-Hatta KM 15,

Balikpapan 76127

Nomor Dokumen Halaman

Program Studi IF-ITK-SDDOC-2021-SIPENSI xx
Informatika Revisi Abjad Jumlah Tgl: x Bulan xxxx
ITK Revisi
 DAFTAR PERUBAHAN
Revisi Deskripsi
A

INDEX
- A B C D E F G
TGL
Ditulis
oleh

Diperiksa
oleh

Disetujui
oleh

Program Studi Informatika ITK IF-ITK-SDDOC-2021-SIPENSI Halaman x dari xx halaman

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Informatika-ITK dan bersifat rahasia.
Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Informatika ITK.

ii
 DAFTAR HALAMAN PERUBAHAN

Halaman Revisi Halaman Revisi

iii
 DAFTAR ISI
1 Pendahuluan 6
1.1 Tujuan Penulisan Dokumen 6
1.2 Ruang Lingkup Bahasan Dokumen 6
1.3 Aturan Penomoran 6
1.4 Referensi 6
1.5 Defenisi 6
2 Model Analisis 9
2.1 Realisasi Use Case Tahap Analisis 9
2.1.1 Sequence Diagram Login 9
2.1.2 Sequence Diagram Logout 9
2.1.3 Sequence Diagram Penentuan Dosen Pembimbing dan BMP 10
2.1.4 Sequence Diagram Menambah Nama Dosen Pembimbing dan Tema Penelitian 10
2.1.5 Sequence Diagram Melihat Nama Dosen Pembimbing dan Tema Penelitian 10
2.1.6 Sequence Diagram Menambah Jadwal Seminar Proposal dan Nama Penguji 11
2.1.7 Sequence Diagram Mengubah Jadwal Seminar Proposal 12
2.1.8 Sequence Diagram Melihat Jadwal Sempro dan Nama Penguji 12
2.1.9 Sequence Diagram Menyetujui Proposal 13
2.1.10 Sequence Diagram Mengisi Formulir Evaluasi Seminar Proposal 13
2.1.11 Sequence Diagram Melihat Formulir Evaluasi Sempro 14
2.1.12 Sequence Diagram Menambah Jadwal Sidang 14
2.1.13 Sequence Diagram Mengubah Jadwal Sidang Akhir 15
2.1.14 Sequence Diagram Melihat Jadwal Sidang Akhir 15
2.1.15 Sequence Diagram Menyetujui Laporan dan Memberi Penilaian 16
2.1.16 Sequence Diagram Melihat Penilaian 16
2.1.17 Sequence Diagram Mendaftar Seminar Proposal 17
2.1.18 Sequence Diagram Submit Draft Proposal 17
2.1.19 Sequence Diagram Mengisi Formulir Lembar Bimbingan 18

iv
 2.1.20 Sequence Diagram Submit Formulir Persetujuan Sidang 18
2.1.21 Sequence Diagram Mendaftar Sidang Akhir 19
2.1.22 Sequence Diagram Submit Laporan 19
2.2 Class Diagram Tahap Analisis 20
2.3 Package Diagram Tahap Analisis 20
2.4 Deskripsi Arsitektur 21
2.5 Pedoman Perancangan 21
3 Model Perancangan 22
3.1 Realisasi Use Case Tahap Perancangan 22
3.1.1 Use Case Login 22
3.1.2 Use Case Logout 22
3.1.3 Use Case Penentuan Dosen Pembimbing dan BMP 23
3.1.4 Use Case Menambah Nama Dosen Pembimbing dan BMP 23
3.1.5 Use Case Melihat Nama Dosen Pembimbing dan Tema Penelitian 24
3.1.6 Use Case Menambah Jadwal Seminar Proposal 24
3.1.7 Use Case Mengubah Jadwal Seminar Proposal 25
3.1.8 Use Case Melihat Jadwal dan Nama Dosen Penguji 25
3.1.9 Use Case Menyetujui Proposal 26
3.1.10 Use Case Mengisi Formulir Evaluasi Seminar Proposal 26
3.1.11 Use Case Melihat Formulir Evaluasi Seminar Proposal 27
3.1.12 Use Case Menambah Jadwal Sidang 27
3.1.13 Use Case Mengubah Jadwal Sidang 28
3.1.14 Use Case Melihat Jadwal Sidang 28
3.1.15 Use Case Menyetujui Laporan Skripsi dan Memberi Penilaian 29
3.1.16 Use Case Melihat Penilaian 29
3.1.17 Use Case Mendaftar Seminar Proposal 30
3.1.18 Use Case Submit Draft Proposal 30
3.1.19 Use Case Mengisi Formulir Lembar Bimbingan 31
3.1.20 Use Case Submit Formulir Persetujuan Sidang 31
v
3.1.21 Use Case Mendaftar Sidang Akhir 32
3.1.22 Use Case Submit Draft Laporan Skripsi 32
3.2 Class Diagram Tahap Perancangan 33
3.3 Perancangan Representasi Kelas Persisten 33
3.3.1 Entity-Relationship Diagram (ERD) 33
3.3.2 Physical Data Model 34
3.3.3 Kamus Data 35
3.4 Perancangan Antar Muka 37
3.4.1 Halaman Login 37
3.4.2 Halaman Dashboard 37
3.4.3 Halaman Seminar Proposal 38
3.4.4 Halaman Sidang Akhir 38
3.4.5 Halaman About us 39

v
1 Pendahuluan
1.1 Tujuan Penulisan Dokumen
Adapun tujuan dari pembuatan SDD (Software Design Document) ini adalah untuk
memberikan penjelasan mengenai perangkat lunak yang akan dibangun baik secara umum
maupun secara detail seperti definisi kebutuhan sistem dan spesifikasi kebutuhan
fungsional. Selain itu, untuk menjelaskan langkah-langkah desain dan proses-proses dalam
pembuatan website Sistem Informasi Pendaftaran Skripsi (SIPENSI).

1.2 Ruang Lingkup Bahasan Dokumen

Dokumen ini berisi tentang gambaran umum dari website SIPENSI dengan disertakan
fitur-fitur yang terdapat pada website. Ruang lingkup pembahasan SDD ini adalah usecase,
sequence diagram, class diagram dan rancangan antar muka.
1.3 Aturan Penomoran
Kode Keterangan
SSD-XX-YY (Aturan Penomoran system sequence diagram)
SSD System Sequence diagram
XX Kode Use Case [01..99]
YY Kode skenario [01..99]
SQ-XX-YY (Aturan Penomoran sequence diagram)
CL Sequence diagram
XX Kode Use Case [01..99]
YY Kode skenario [01..99]
INT- XX (Aturan Penomoran interface)
INT Interface
XX Kode Use Case [01..99]

1.4 Referensi
Referensi yang digunakan dalam pembuatan dokumen ini yaitu.

1. SRS SIPENSI Versi 1.0

Dokumen ini merupakan dokumen requirements specification SIPENSI yang
dijadikan acuan dalam memasuki fase analisa dan perancangan sistem.
1.5 Defenisi
No Istilah Keterangan
1 SDD (Software Design Dokumen deskripsi dari perancangan perangkat
Document) lunak yang akan dikembangkan dan bertujuan
untuk memberikan landasan yang diperlukan
dalam proses pengkodean program

Program Studi Informatika ITK IF-ITK-SDDOC-2021-SIPENSI Halaman x dari xx halaman

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Informatika-ITK dan bersifat rahasia.
Dilarang me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Informatika ITK.

6
2 Register Pendaftaran setiap program yang berfungsi
untuk menghubungkan data pribadi user pada
sebuah program
3 Login Proses untuk memasukkan ID dan password
pada waktu akan mengakses suatu layanan
yang bersifat secure
4 Logout Proses untuk keluar dari suatu layanan yang
bersifat secure secara secure juga
6 Username Nama yang menjadi identitas pengguna
komputer atau internet, bagian dari syarat
pembuatan sebuah account dan digunakan
untuk masuk ke dalam sistem
7 Password Sandi yang digunakan untuk masuk ke dalam
sistem
8 Use Case Kegiatan atau juga interaksi yang saling
berkesinambungan antara aktor dan juga
sistem
9 Aktor Orang, proses, atau sistem lain yang
berinteraksi dengan sistem yang akan dibuat
10 User Pengguna yang dapat mengakses sistem
11 Sistem Kumpulan unsur-unsur yang bergabung menjadi
satu kesatuan dan mempunyai tujuan yang
sama
12 Admin Aktor yang memiliki untuk mengelola sistem
13 Laravel Sebuah framework PHP yang dirilis dibawah
lisensi MIT, dibangun dengan konsep MVC
(model view controller)
14 Website Kumpulan dari halaman web yang saling
berhubungan dan dapat diakses melalui
halaman depan (home page) menggunakan
sebuah browser dan juga jaringan internet
15 Database Kumpulan informasi yang disimpan di dalam
komputer secara sistematik sehingga dapat
diperiksa menggunakan suatu program
komputer untuk memperoleh informasi dari
basis data tersebut
16 Class diagram Diagram UML yang menggambarkan kelas-kelas
dalam sebuah sistem dan hubungannya antara
satu dengan yang lain, serta dimasukkan pula
atribut dan operasi

7
17 Rancangan antarmuka Desain untuk komputer, peralatan, mesin,
perangkat komunikasi mobile, aplikasi
perangkat lunak, dan situs web yang
berfokus pada pengalaman pengguna dan
interaksi

8
2 Model Analisis
2.1 Realisasi Use Case Tahap Analisis
2.1.1 Sequence Diagram Login
ID: SSD-01-01

Gambar 2.1 Sequence Diagram Login

2.1.2 Sequence Diagram Logout
ID: SSD-01-02

Gambar 2.2 Sequence Diagram Logout

9
2.1.3 Sequence Diagram Penentuan Dosen Pembimbing dan BMP
ID: SSD-01-03

Gambar 2.2 Sequence Diagram Penentuan Dosen Pembimbing dan BMP

2.1.4 Sequence Diagram Menambah Nama Dosen Pembimbing dan Tema Penelitian
ID: SSD-01-04

Gambar 2.2 Sequence Diagram Menambah Nama Dosen Pembimbing dan

Tema Penelitian
2.1.5 Sequence Diagram Melihat Nama Dosen Pembimbing dan Tema Penelitian

10
ID: SSD-01-05

Gambar 2.5 Sequence Melihat Nama Dosen Pembimbing dan Tema

Penelitian
2.1.6 Sequence Diagram Menambah Jadwal Seminar Proposal dan Nama Penguji
ID: SSD-01-06

Gambar 2.6 Sequence Menambah Jadwal Seminar Proposal dan Nama

Penguji

11
2.1.7 Sequence Diagram Mengubah Jadwal Seminar Proposal
ID: SSD-01-07

Gambar 2.7 Sequence Mengubah Jadwal Seminar Proposal

2.1.8 Sequence Diagram Melihat Jadwal Sempro dan Nama Penguji
ID: SSD-01-08

Gambar 2.8 Sequence Mengubah Jadwal Seminar Proposal dan Nama

Penguji
12
2.1.9 Sequence Diagram Menyetujui Proposal
ID: SSD-01-09

Gambar 2.9 Sequence Menyetujui Proposal

2.1.10 Sequence Diagram Mengisi Formulir Evaluasi Seminar Proposal

ID: SSD-01-10

13
2.1.11 Sequence Diagram Melihat Formulir Evaluasi Sempro
ID: SSD-01-11

2.1.12 Sequence Diagram Menambah Jadwal Sidang

ID: SSD-01-12

Gambar 2.12 Sequence Menambah Jadwal Sidang

14
2.1.13 Sequence Diagram Mengubah Jadwal Sidang Akhir
ID: SSD-01-13

Gambar 2.13 Sequence Mengubah Jadwal Sidang Akhir

2.1.14 Sequence Diagram Melihat Jadwal Sidang Akhir
ID: SSD-01-14

Gambar 2.14 Sequence Melihat Jadwal Sidang Akhir

15
2.1.15 Sequence Diagram Menyetujui Laporan dan Memberi Penilaian
ID: SSD-01-15

Gambar 2.15 Sequence Menyetujui Laporan dan Memberi Penilaian

2.1.16 Sequence Diagram Melihat Penilaian
ID: SSD-01-16

Gambar 2.15 Sequence Melihat Penilaian

16
2.1.17 Sequence Diagram Mendaftar Seminar Proposal
ID: SSD-01-17

2.1.18 Sequence Diagram Submit Draft Proposal

ID: SSD-01-18

17
2.1.19 Sequence Diagram Mengisi Formulir Lembar Bimbingan
ID: SSD-01-19

2.1.20 Sequence Diagram Submit Formulir Persetujuan Sidang

ID: SSD-01-20

18
2.1.21 Sequence Diagram Mendaftar Sidang Akhir
ID: SSD-01-21

2.1.22 Sequence Diagram Submit Laporan

ID: SSD-01-22

19
2.2 Class Diagram Tahap Analisis

Berikut merupakan kelas diagram pada pengembangan website SIPENSI.

Gambar 2.24 Class Diagram

2.3 Package Diagram Tahap Analisis
Berikut merupakan package diagram SIPENSI tahap analisis

20
2.4 Deskripsi Arsitektur
Website SIPENSI merupakan sistem informasi berbasis website yang digunakan untuk
memudahkan dalam pendaftaran skripsi bagi mahasiswa dan memudahkan manajemen
data dan jadwal bagi dosen penguji, dosen pembimbing, Koordinator Tugas Akhir, dan
Akademik Prodi di Kampus ITK. Pendaftaran skripsi antara lain seperti mengunggah berkas
dan melihat jadwal seminar dan sidang TA, juga melihat hasil dari proposal dan seminar
tersebut. Dalam website ini terdapat beberapa menu yaitu menu dashboard, Penentuan dosen
pembimbing, Seminar Proposal, Bimbingan, dan Sidang akhir.. Adapun aktor yang dapat
mengakses website ini yaitu admin(Akademik Prodi) dan user (Mahasiswa ITK, Dosen
Pembimbing, Dosen Penguji, Koor Tugas Akhir). Website SIPENSI diakses melalui browser,
sehingga membutuhkan akses internet atau wifi. Arsitektur SIPENSI antara lain sebagai berikut:

● Sistem Operasi : Linux, Windows, Mac OS

● Bahasa Pemrograman : PHP, Laravel
● Database Management System : -
● Development Tools : Draw.io
● Browser : Google Chrome, Microsoft Edge
● Text Editor : Visual Studio Code
● Word Processor : MS Word 2016

2.5 Pedoman Perancangan

Perancangan sistem SIPENSI menggunakan bahasa pemrograman PHP dengan menggunakan
framework Laravel dan javascript. Pada tahap perancangan kelas-kelas dibagi berdasarkan use case
nya.

21
3 Model Perancangan
3.1 Realisasi Use Case Tahap Perancangan

3.1.1 Use Case Login

ID: SQ-01-01

Gambar 3.1 Sequence Diagram Login

3.1.2 Use Case Logout

ID: SQ-01-02

22
3.1.3 Use Case Penentuan Dosen Pembimbing dan BMP
ID: SQ-01-03

3.1.4 Use Case Menambah Nama Dosen Pembimbing dan BMP

ID: SQ-01-04

23
3.1.5 Use Case Melihat Nama Dosen Pembimbing dan Tema Penelitian
ID: SQ-01-05

3.1.6 Use Case Menambah Jadwal Seminar Proposal

ID: SQ-01-06

24
3.1.7 Use Case Mengubah Jadwal Seminar Proposal
ID: SQ-01-07

3.1.8 Use Case Melihat Jadwal dan Nama Dosen Penguji

ID: SQ-01-08

25
3.1.9 Use Case Menyetujui Proposal
ID: SQ-01-09

3.1.10 Use Case Mengisi Formulir Evaluasi Seminar Proposal

ID: SQ-01-10

26
3.1.11 Use Case Melihat Formulir Evaluasi Seminar Proposal
ID: SQ-01-11

3.1.12 Use Case Menambah Jadwal Sidang

ID: SQ-01-12

27
3.1.13 Use Case Mengubah Jadwal Sidang
ID: SQ-01-13

3.1.14 Use Case Melihat Jadwal Sidang

ID: SQ-01-14

28
3.1.15 Use Case Menyetujui Laporan Skripsi dan Memberi Penilaian
ID: SQ-01-15

3.1.16 Use Case Melihat Penilaian

ID: SQ-01-16

29
3.1.17 Use Case Mendaftar Seminar Proposal
ID: SQ-01-17

3.1.18 Use Case Submit Draft Proposal

ID: SQ-01-18

30
3.1.19 Use Case Mengisi Formulir Lembar Bimbingan
ID: SQ-01-19

3.1.20 Use Case Submit Formulir Persetujuan Sidang

ID: SQ-01-20

31
3.1.21 Use Case Mendaftar Sidang Akhir
ID: SQ-01-21

3.1.22 Use Case Submit Draft Laporan Skripsi

ID: SQ-01-22

32
3.2 Class Diagram Tahap Perancangan
Berikut merupakan kelas diagram tahap perancangan dari SIPENSI.

Gambar 3.24 Class Diagram Tahap Perancangan

3.3 Perancangan Representasi Kelas Persisten

3.3.1 Entity-Relationship Diagram (ERD)

Berikut merupakan Entity Relationship Diagram (ERD) SIPENSI.

33
3.3.2 Physical Data Model
Berikut merupakan Physical Data Model SIPENSI.

Gambar 3.26 Physical Data Model

34
3.3.3 Kamus Data
Berikut merupakan kamus data pada perancangan SIPENSI

Tabel 3.1 Kamus Data

No Nama Tabel Keterangan Nama Atribut
1. Primary Key, tipe data yaitu BIGINT dengan id
panjang data 20
2. Foreign Key, tipe data yaitu BIGINT dengan id_user
panjang data 20
3. Tipe data yaitu VARCHAR dengan panjang nama
data 100
4. Tipe data yaitu VARCHAR dengan panjang nim
mahasiswa
data 100
5. Tipe data yaitu VARCHAR dengan panjang prodi
data 100
6. Tipe data yaitu VARCHAR dengan panjang jurusan
data 100
7. Tipe data yaitu TIMESTAMP created_at
8. tipe data yaitu TIMESTAMP updated_at
9. Primary Key, tipe data yaitu BIGINT dengan id
panjang data 20
10. Foreign Key, tipe data yaitu BIGINT dengan id_user
panjang data 20
11. Tipe data yaitu VARCHAR dengan panjang nama
admin data 100
12. Tipe data yaitu VARCHAR dengan panjang nip
data 100
13. Tipe data yaitu TIMESTAMP created_at
14. Tipe data yaitu TIMESTAMP updated_at
15. Primary Key, tipe data yaitu BIGINT dengan id
panjang data 20
16. Foreign Key, tipe data yaitu BIGINT dengan id_user
panjang data 20
17. Tipe data yaitu VARCHAR dengan panjang nama
data 100
dosen
18. Tipe data yaitu VARCHAR dengan panjang nip
data 100
19. Tipe data yaitu VARCHAR dengan panjang profil
data 100
20. Tipe data yaitu TIMESTAMP created_at
21 Tipe data yaitu TIMESTAMP updated_at
22. Primary Key, tipe data yaitu BIGINT dengan id
panjang data 20
23. Tipe data yaitu VARCHAR dengan panjang name
data 255

35
24. Tipe data yaitu VARCHAR dengan panjang email
data 255
25. users Tipe data yaitu TIMESTAMP email_verified_at

26. Tipe data yaitu VARCHAR dengan panjang password

data 255
27. Tipe data yaitu VARCHAR dengan panjang remember_token
data 100
28. Tipe data yaitu TIMESTAMP created_at
29. Tipe data yaitu TIMESTAMP updated_at
30. Primary Key, tipe data yaitu BIGINT dengan id
panjang data 20
31. Foreign Key, tipe data yaitu BIGINT dengan id_user
panjang data 20
32. Tipe data yaitu VARCHAR dengan panjang jadwal
data 100
33. Tipe data yaitu VARCHAR dengan panjang judul
sempro data 100
34. Tipe data yaitu VARCHAR dengan panjang dosen penguji
data 100
35. Tipe data yaitu TIMESTAMP created_at
36. Tipe data yaitu TIMESTAMP updated_at
37. Primary Key, tipe data yaitu BIGINT dengan id
panjang data 20
38. Foreign Key, tipe data yaitu BIGINT dengan id_user
panjang data 20
39. Tipe data yaitu VARCHAR dengan panjang jadwal
data 100
40. sidang_t_a Tipe data yaitu VARCHAR dengan panjang judul
data 100
41. Tipe data yaitu VARCHAR dengan panjang dosen penguji
data 100
42. Tipe data yaitu TIMESTAMP created_at
43. Tipe data yaitu TIMESTAMP updated_at

36
3.4 Perancangan Antar Muka

3.4.1 Halaman Login

3.4.2 Halaman Dashboard

37
3.4.3 Halaman Seminar Proposal

3.4.4 Halaman Sidang Akhir

38
3.4.5 Halaman About us

39