Anda di halaman 1dari 62

BAB III

ANALISIS DAN PERANCANGAN

3.1.3
3. Gambaran Umum Universitas CIC
4.1.3
3.1.1. Profil Universitas CIC

Universitas Catur Insan Cendekia Cirebon merupakan institusi pendidikan di

bawah naungan Yayasan Catur Insan Cendekia (CIC) yang berdiri pada tahun 1999

dengan SK Mendiknas No. 123/D/0/1999 dengan Awal Pendirian bernama STMIK

CIC, perubahan bentuk Universitas CIC merupakan penggabungan dari dua Institusi

Pendidikan STMIK CIC dan AP CIC sesuai SK Keputusan Menteri Riset, Teknologi,

dan Pendidikan Tinggi Nomor 952/KPT/I/2019 tentang Izin Penggabungan Akademi

Perdagangan Catur Insan Cendekia di Kota Cirebon dan Sekolah Tinggi Manajemen

Informatika dan Komputer Catur Insan Cendekia di Kota Cirebon menjadi

Universitas Catur Insan Cendekia di Kota Cirebon Provinsi Jawa Barat. Dari

kebanyakan jenjang dan progam studi yang ditawarkan oleh Perguruan Tinggi Swasta

(PTS), baik yang berada di Kota maupun Kabupaten Cirebon.

3.1.2. Visi, Misi dan Tujuan Universitas CIC


Universitas Catur Insan Cendekia ( UCIC ) Cirebon memiliki visi, misi dan

tujuan sebagai berikut :

III-1
1. Visi

Menjadi Universitas yang Unggul dan Berprestasi di tingkat nasional, berbasis

teknologi informasi dan berjiwa technopreneur pada tahun 2030.

2. Misi

a. Menyelenggarakan program pendidikan berbasis teknologi informasi yang

bermutu dan unggul, berjiwa technopreneur, dan mendorong prestasi sivitas

akademika di tingkat nasional.

b. Menyelenggarakan program penelitian berbasis teknologi informasi yg

berkualitas untuk meningkatkan keunggulan universitas, dosen dan mahasiswa

di tingkat nasional.

c. Menyelenggarakan program pengabdian kepada masyarakat berbasis

teknologi informasi yang bermanfaat dan berdaya guna bagi pengembangan

sumber daya manusia di komunitas dan masyarakat.

d. Mengelola institusi dengan efektif dan efisien, dan meningkatkan kerjasama

dengan industri/ UMKM untuk mengembangkan tridharma.

3. Tujuan

a. Menghasilkan mahasiswa yang unggul dan berprestasi di tingkat nasional

serta memiliki jiwa technopreneur.

b. Menghasilkan sistem pembelajaran yang bermutu dengan berbasis teknologi

informasi.

c. Menghasilkan dosen yang bermutu dan berkompeten dalam bidangnya.

d. Menghasilkan penelitian dosen yang berkualitas dan memberi kontribusi bagi

III-2
pengembangan riset di Indonesia.

e. Menciptakan suasana akademik yang kondusif bagi pengembangan penelitian

di institusi.

f. Memberikan kontribusi positif bagi masyarakat melalu kegiatan pengabdian

kepada masyarakat yang tepat dan bermanfaat.

g. Mewujudkan tata pamong dan kelola organisasi yang efektif dan efisien.

h. Menghasilkan kerjasama yang produktif dan bermanfaat bagi institusi dan

industri/UMKM.

3.1.3. Makna logo Universitas CIC


5.1.3
6.1.3
1. Segi Empat berbentuk perisai

warna biru

Universitas CIC menaungi dan

melindungi sivitas
Gambar 3.1. Logo Universitas CIC
akademika dengan menjunjung

tinggi kejujuran, kemapanan, serta persamaan sivitas akademika yang handal dan

komunikatif dalam harmoni kehidupan kampus yang dapat diterima dan

dipercaya oleh masyarakat.

2. Warna Emas dalam komponen logo


Universitas CIC selalu optimis dalam menjalankan fungsinya sebagai institusi

III-3
untuk menghasilkan insan cendekia yang kompeten dan berbudi luhur.

3. Pena, Buku, dan Obor


Universitas CIC sebagai institusi penyelenggara pendidikan tinggi memiliki

semangat tinggi dan pantang menyerah untuk selalu menghasilkan lulusan yang

memiliki kompetensi dan karakter berbudi luhur sehingga mampu bekerja

mandiri, professional, dan berwirausaha serta berkontribusi positif kepada

masyarakat.

4. Udang, dan Mega Mendung


Universitas CIC yang berkedudukan di Kota Cirebon akan selalu mengayomi

dengan penuh kesabaran, persatuan, dan persaudaraan dalam memberikan

layanan pendidikan tinggi bagi seluruh sivitas akademika.

4. Analisis Sistem

7.1.3 Analisis sistem adalah kegiatan untuk melihat sistem yang sudah

berjalan, melihat bagaimana sistem yang bagus dan tidak bagus, dan kemudian

mendokumentasikan kebutuhan yang akan dipenuhi dlalam sistem yang baru.

4.1.1. Analisis Sistem Berjalan


Berdasarkan hasil penelitian dan pengamatan yang penulis lakukan, berikut

diilustrasikan bagaimana sistem yang sedang berjalan pada Fakultas Teknologi

Informasi :

1. Mahasiswa dan pengguna website membuka Google Scholar.

2. Mengisi keyword pencarian yang akan dituju.

III-4
3. Melihat karya ilmiah dosen Universitas CIC pada Google Scholar.

4.1.2. Analisis Sistem yang Diusulkan


Setelah memahami dan menganalisis sistem yang sedang berjalan pada

Fakultas Teknologi Informasi, maka dapat disimpulkan bahwa perlu adanya website

yang dapat menyajikan informasi tersebut agar dapat tersampaikan dengan cepat

oleh mahasiswa maupun publik. Berikut ini adalah prosedur yang dianalisa penulis:

1. Mahasiswa dan pengunjung masuk pada website Publikasi Karya Ilmiah Dosen

Fakultas Teknologi Informasi di Universitas CIC Cirebon.

2. Melihat informasi mengenai Karya Ilmiah dan Profil Dosen Fakultas Teknologi

Informasi.

5. Perancangan Sistem
Perancangan menjelaskan mengenai rancangan atau gambaran sistem yang

akan diusulkan pada website sistem publikasi karya ilmiah ini. Perancangan sistem ini

digambarkan melalui tools UML (Unified Modeling Language) yang terdiri dari: Use

Case Diagram, Skenario Use Case Diagram, Activity Diagram, Sequence Diagram,

Class Diagram. Berikut ini perancangan sistem melalui jenis-jenis diagram yang

digunakan dalam pembuatan sistem ini antara lain:

5.1.1. Use Case Diagram

III-5
Use Case diagram adalah gambaran graphical dari beberapa atau semua

actor, use case, dan interaksi diantaranya yang memperkenalkan suatu sistem.

Berikut ini adalah use case diagram dari admin:

a. Use Case Diagram Pengunjung

Gambar 3.2. Use Case Diagram Pengunjung

b. Use Case Diagram Dekan

Gambar 3.3. Use Case Diagram Dekan

c. Use Case Diagram Dosen

III-6
Gambar 3.4. Use Case Diagram Dosen

5.1.2. Skenario Use Case Diagram

Skenario use case diagram merupakan sebuah diagram yangdigambarkan

dalam sebuah tabel untuk mendeskripsikan alur dari jalannya proses use case dari sisi

actor dan sistem. Berikut ini skenario sistem publikasi karya ilmiah dosen:

a. Skenario Use Case Diagram Pengunjung

Tabel 3.1. Skenario Use Case Diagram Pengunjung 1

Identifikasi
No Use Case 1
Nama Use Case Lihat Beranda
Aktor Pengunjung
Skenario Utama
No Aksi Aktor No Sistem
1 Masuk ke halaman Website
2
Menampilkan beranda website

Tabel 3.2. Skenario Use Case Diagram Pengunjung 2 dan 3

Identifikasi
No Use Case 2,3

III-7
Lihat Karya Ilmiah , Download Karya
Nama Use Case
Ilmiah
Aktor Pengunjung
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Karya Ilmiah”
2 Menampilkan karya ilmiah yang
telah di posting oleh dosen
3 Pilih “judul Karya Ilmiah”
4 Menampilkan data karya ilmiah
yang langsung redirect ke Google
Schoolar
5 Kembali ke halaman Karya Ilmiah

6 Pilih Baca/Download
7 Menampilkan data karya ilmiah
yang langsung redirect ke Google
Schoolar

Tabel 3.3. Skenario Use Case Diagram Pengunjung 4 dan 5

Identifikasi
No Use Case 4, 5
Nama Use Case Lihat Dosen , Download Karya Ilmiah
Aktor Pengunjung
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Dosen”
2 Menampilkan galeri foto dosen FTI

3 Pilih “Foto Dosen”


4 Menampilkan data karya ilmiah yan
telah diposting oleh dosen tersebut
5 Pilih Baca/Download
6 Menampilkan data karya ilmiah yang
langsung redirect ke Google Schoolar
Tabel 3.4. Skenario Use Case Diagram Pengunjung 6

Identifikasi
No Use Case 6
Nama Use Case Lihat Tentang

III-8
Aktor Pengunjung
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Tentang”
2 Menampilkan halaman tentang yang
berisi informasi Universitas

b. Skenario Use Case Diagram Dekan

Tabel 3.5. Skenario Use Case Diagram Dekan 1 dan 2

Identifikasi
No Use Case 1, 2
Nama Use Case Login, Menu Dashboard
Aktor Dekan
Skenario Utama
No Aksi Aktor No Sistem
1 Meng-input-kan username dan
password pada menu login
2 Memverifikasi username dan
password pada sistem database
3 Jika user terdaftar, maka secara
otomatis ke menu dashboard, jika
salah/tidak ada data muncul
notifikasi peringatan

Tabel 3.6. Skenario Use Case Diagram Dekan 3

Identifikasi
No Use Case 3
Nama Use Case Profil Dekan
Aktor Dekan

III-9
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Profil Dekan”
2 Menampilkan Informasi detail
profil dekan itu sendiri
3 Pilih “Edit Profil” untuk mengubah
data profil dekan
4 Menampilkan form untuk
mengubah data profil dekan
5 Simpan data yang sudah di edit

6 Pilih “Ubah Foto Profil” untuk


mengubah foto profil dekan
7 Menampilkan form ganti foto
profil
8 Simpan foto yang sudah di pilih
9 Menampilkan menu profil dekan
dengan foto profil yang telah
diubah

III-10
Tabel 3.7. Skenario Use Case Diagram Dekan 4

Identifikasi
No Use Case 4
Nama Use Case Management User
Aktor Dekan
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Management
User:
2 Menampilkan semua data
pengguna sistem
3 Pilih “Tambah Pengguna”
untuk menambahkan user baru
4 Menampilkan form kosong untuk
diisikan data user baru
5 Simpan data yang sudah
ditambahkan
6 Pilih “Hapus” untuk
menghapus data user
7 Menampilkan pop-up “apakah
yakin akan menghapus data”
8 Pilih kolom “Search”
9 Masukkan kata yang ingin
dicari
10 Menampilkan data yang dicari
sesuai keyword yang di
masukkan

III-11
Tabel 3.8. Skenario Use Case Diagram Dekan 5

Identifikasi
No Use Case 5
Nama Use Case Bidang Ilmu
Aktor Dekan
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Bidang Ilmu”
2 Menampilkan semua data bidang
llmu
3 Pilih “Tambah Data” untuk
menambahkan data bidang
ilmu baru
4 Menampilkan form kosong untuk
diisikan data bidang ilmu baru

5 Simpan data yang sudah


ditambahkan
6 Pilih “Hapus” untuk
menghapus data bidang ilmu
7 Menampilkan pop-up “apakah
yakin akan menghapus data”
8 Pilih “Edit” untuk mengubah
data bidang ilmu
9 Menampilkan form untuk
mengubah data profil dekan
10 Simpan data yang sudah di edit

11 Pilih kolom “Search”

12 Masukkan kata yang ingin


dicari
13 Menampilkan data yang dicari
sesuai keyword yang di masukkan

III-12
Tabel 3.9. Skenario Use Case Diagram Dekan 6

Identifikasi
No Use Case 6
Nama Use Case Publikasi Karya Ilmiah
Aktor Dekan
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Publikasi Karya Ilmiah”
2 Menampilkan semua data Karya
Ilmiah
3 Pilih “Tambah Publikasi” untuk
menambahkan data publikasi karya
ilmiah baru
4 Menampilkan form kosong
untuk diisikan data publikasi baru

5 Simpan data yang sudah ditambahkan

6 Pilih “Hapus” untuk menghapus karya


ilmiah
7 Menampilkan pop-up “apakah
yakin akan menghapus data“
8 Pilih “Edit” untuk mengubah data karya
ilmiah
9 Menampilkan form untuk
mengubah data karya ilmiah
10 Simpan data yang sudah di edit

11 Pilih “Detail Publikasi” untuk melihat


abstak dari karya ilmiah

12 Menampilkan abstrak karya


ilmiah
13 Pilih kolom “Search”
14 Masukkan keyword yang ingin dicari

15 Menampilkan data yang dicari


sesuai keyword yang di
masukkan

III-13
Tabel 3.10. Skenario Use Case Diagram Dekan 7

Identifikasi
No Use Case 7
Nama Use Case Ubah Password
Aktor Dekan
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Ubah Password”
2 Menampilkan form kosong ubah
password
3 Meng-input-kan password lama
4 Meng-input-kan password yang
baru
5 Meng-input-kan ulang password
baru
6 Pilih “Simpan” untuk menyimpan
data yang telah diisikan

7 Menampilkan pop-up “password


berhasil diubah”

Tabel 3.11. Skenario Use Case Diagram Dekan 8

Identifikasi
No Use Case 8
Nama Use Case Logout
Aktor Dekan
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Logout”
2 Menampilkan form login

III-14
Tabel 3.12. Skenario Use Case Diagram Dosen 1 dan 2

Identifikasi
No Use Case 1, 2
Nama Use Case Login, Menu Dashboard
Aktor Dosen
Skenario Utama
No Aksi Aktor No Sistem
1 Meng-input-kan username dan
password pada menu login
2 Memverifikasi username, dan
password pada sistem database
3 Jika user terdaftar, maka secara
otomatis ke menu dashboard, jika
salah/tidak ada data muncul
notifikasi peringatan

Tabel 3.13. Skenario Use Case Diagram Dosen 3

Identifikasi
No Use Case 3
Nama Use Case Profil Dosen
Aktor Dosen
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Profil Dosen”
2 Menampilkan Informasi detail
profil dosen itu sendiri
3 Pilih “Edit Profil” untuk
mengubah data profil dosen
4 Menampilkan form untuk
mengubah data profil dosen
5 Simpan data yang sudah di edit
6 Pilih “Ubah Foto Profil” untuk
mengubah foto profil dosen
7 Menampilkan form ganti foto
profil
8 Simpan foto yang sudah di pilih
9 Menampilkan menu profil dekan

III-15
dengan foto profil yang telah
diubah
Tabel 3.14. Skenario Use Case Diagram Dekan 4

Identifikasi
No Use Case 4
Nama Use Case Publikasi Karya Ilmiah
Aktor Dosen
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Publikasi
Karya Ilmiah”
2 Menampilkan semua data Karya
Ilmiah yang telah di-upload
3 Pilih “Tambah Publikasi” untuk
menambahkan data publikasi
karya ilmiah baru
4 Menampilkan form kosong untuk
diisikan data publikasi baru
5 Simpan data yang sudah
ditambahkan
6 Pilih “Hapus” untuk
menghapus karya ilmiah
7 Menampilkan pop-up “apakah
yakin akan menghapus data“
8 Pilih “Edit” untuk mengubah
data karya ilmiah
9 Menampilkan form untuk
mengubah data karya ilmiah
10 Simpan data yang sudah di edit
11 Pilih “Detail Publikasi” untuk
melihat abstak dari karya
ilmiah
12 Menampilkan abstrak karya ilmiah
13 Pilih kolom “Search”
14 Masukkan keyword yang ingin
dicari
15 Menampilkan data yang dicari
sesuai keyword yang di masukkan

III-16
Tabel 3.15. Skenario Use Case Diagram Dosen 5

Identifikasi
No Use Case 5
Nama Use Case Ubah Password
Aktor Dosen
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih menu “Ubah
Password”
2 Menampilkan form kosong ubah
password
3 Meng-input-kan password lama
4 Meng-input-kan password yang
baru
5 Meng-input-kan ulang password
baru
6 Pilih “Simpan” untuk
menyimpan data yang telah
diisikan
7 Menampilkan pop-up “password
berhasil diubah”

Tabel 3.16. Skenario Use Case Diagram Dosen 6

Identifikasi
No Use Case 6
Nama Use Case Logout
Aktor Dosen
Skenario Utama
No Aksi Aktor No Sistem
1 Memilih logout
2 Menampilkan form login

III-17
5.1.3. Activity Diagram
Activity diagram merupakan diagram yang menggambarkan aliran kerja atau

aktivitas dari sebuah sistem atau proses bisnis. Berikut ini activity diagram dari

sistem publikasi ilmiah dosen:

a. Activity Diagram Pengunjung

Gambar 3.5. Activity Diagram Pengunjung

Berdasarkan Gambar 3.5. Activity Diagram Aktor Pengunjung:

III-18
1. Pengunjung membuka Sistem Publikasi Karya Ilmiah untuk mendapatkan

informasi yang diinginkan.

2. Pengunjung dapat melihat informasi total Program Studi, Total Bidang Ilmu

dan juga Email Universitas di dalam Lihat Beranda.

3. Pengunjung dapat melihat dan men-download Karya Ilmiah semua dosen yang

ada di Fakultas Teknologi Infromasi di dalam Lihat Karya Ilmiah.

4. Pengunjung dapat melihat Foto Profil dan melihat data profil dosen di dalam

Lihat Karya Ilmiah. Dan juga pengunjung dapat melihat dan men-download

Karya Ilmiah dosen yang di klik foto profilnya.

5. Pengunjung dapat melihat informasi mengenai sejarah Universitas di dalam

Lihat Tentang.

III-19
b. Activity Diagram Dekan

Gambar 3.6. Activity Diagram Dekan

Berdasarkan Gambar 3.6. Activity Diagram Aktor Dosen :

1. Dosen melakukan login menggunakan username dan password.

2. Sistem akan me-validasi apakah dosen terdaftar didalam sistem.

3. Jika terdaftar maka sistem akan menampilkan halaman menu utama Dekan.

III-20
4. Profil Dekan, Dekan dapat mengelola data dekan dan juga dapat mengubah foto

profil.

5. Managenent User, Dekan dapat mengelola informasi tentang user dapat menambah

dan menghapus user.

6. Bidang Ilmu, Dekan dapat mengelola data bidang llmu dapat menambahkan,

merubah, menghapus dan menampilkan.

7. Publikasi Karya Ilmiah, Dekan dapat mengelola data karya ilmiah dan juga dapat

menambahkan, merubah, menghapus, menampilkan abstrak.

8. Ubah Password, Dekan dapat melalukan atau mengubah password baru.

III-21
c. Activity Diagram Dosen

Gambar 3.7. Activity Diagram Dosen

Berdasarkan Gambar 3.7. Activity Diagram Aktor Dosen :

1. Dosen melakukan login menggunakan username dan password.

2. Sistem akan me-validasi apakah dosen terdaftar didalam sistem.

3. Jika terdaftar maka sistem akan menampilkan halaman menu utama Dosen.

4. Profil Dosen, Dosen dapat mengelola data dosen dan juga dapat mengubah foto

profil.

5. Publikasi Karya Ilmiah, Dosen dapat mengelola data karya ilmiah dan juga dapat

menambahkan, merubah, menghapus, menampilkan abstrak.

6. Ubah Password, Dosen dapat melalukan atau mengubah password baru.

III-22
5.1.4. Sequence Diagram

Berikut ini merupakan diagram sequence berdasarkan diagram activity yang

sudah dibuat sebelumnya :

a. Sequence diagram Pengunjung

Gambar 3.8. Sequence Diagram Pengunjung


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.8. Sequence Diagram Pengunjung :

Pengunjung masuk ke halaman website, dan sistem akan menampilkan

III-23
halaman beranda. Setelah itu pengunjung dapat memilih menu. Lalu sistem

akan menampilkan data.

b. Sequence diagram Dekan


1. Diagram Sequence Login

Gambar 3.9. Sequence Diagram Login Dekan


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.9. Sequence Diagram Login Dekan :

Dekan melakukan proses login. Setelah itu sistem melakukan validasi.

Jika hasilnya sama, maka sistem langsung mengalihkan ke menu dashboard,

tetapi jika salah muncul notifikasi pesan kesalahan dari sistem dan tetap pada

menu login.

III-24
2. Diagram Sequence Profil Dekan

Gambar 3.10. Sequence Diagram Profil Dekan


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.10. Sequence Diagram Profil Dekan :

Dekan sesudah login dan memilih menu Profil Dekan, dapat mengubah

data Dekan dan mengubah foto profil. Lalu sistem lakukan query update

pada database untuk mengubah data Dekan. Kemudian sistem melakukan

validasi data Dekan. Lalu tampil atau tidaknya data.

III-25
3. Diagram Sequence Management User

Gambar 3.11. Sequence Diagram Management User


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.11. Sequence Diagram Management User :

Dekan sesudah login dan memilih menu Management User, dapat

menambahkan dan mengahapus data user. Lalu sistem lakukan query insert

dan delete pada database untuk mengubah data user. Kemudian sistem

melakukan validasi data user. Lalu tampil atau tidaknya data.

III-26
4. Diagram Sequence Bidang Ilmu

Gambar 3.12. Sequence Diagram Bidang Ilmu


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.12. Sequence Diagram Bidang Ilmu :

Dekan sesudah login dan memilih menu Bidang Ilmu, dapat menambah,

menghapus dan mengedit data bidang ilmu. Lalu sistem lakukan query

insert, delete dan update pada database untuk mengubah data bidang ilmu.

Kemudian sistem melakukan validasi data bidang ilmu. Lalu tampil atau

tidaknya data.

III-27
5. Diagram Sequence Publikasi Karya Ilmiah

Gambar 3. 13. Sequence Diagram Publikasi Karya Ilmiah


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.13. Sequence Diagram Publikasi Karya Ilmiah:

Dekan sesudah login dan memilih menu Publikasi Karya Ilmiah, dapat

menambah, mengedit, menghapus data publikasi karya ilmiah dan juga dapat

melihat data abstrak. Lalu sistem lakukan query insert, update dan delete dan

pada database untuk mengubah data publikasi karya ilmiah. Kemudian

sistem melakukan validasi data bidang ilmu. Lalu tampil atau tidaknya

datanya.

III-28
6. Diagram Sequence Ubah Password

Gambar 3. 14. Sequence Diagram Ubah Password


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.14. Sequence Diagram Ubah Password :

Dekan sesudah login dan memilih menu Ubah Password, dapat

mengubah password. Lalu sistem lakukan query upadate pada database

untuk mengubah password. Kemudian sistem melakukan validasi data

password. Lalu tampil atau tidaknya data.

7. Diagram Sequence Logout

III-29
Gambar 3. 15. Sequence Diagram Logout
Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.15. Sequence Diagram Logout:

Dekan setelah proses login dialihkan ke menu dashboard. Dapat

melakukan proses logout melalui setiap menu screen yang tersedia dengan

menekan tombol logout langsung kembali ke menu login.

c. Sequence diagram Dosen

III-30
1. Diagram Sequence Login

Gambar 3. 16. Sequence Diagram Login


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.16. Sequence Diagram Login:

Dosen melakukan proses login. Setelah itu sistem melakukan validasi.

Jika hasilnya sama, maka sistem langsung mengalihkan ke menu dashboard,

tetapi jika salah muncul notifikasi pesan kesalahan dari sistem dan tetap pada

menu login.

III-31
2. Diagram Sequence Profil Dosen

III-32
Gambar 3. 17. Sequence Diagram Profil Dosen
Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.17. Sequence Diagram Profil Dosen:

Dosen sesudah login dan memilih menu Profil Dosen, dapat mengubah

data Dosen dan mengubah foto profil. Lalu sistem lakukan query update

pada database untuk mengubah data Dosen. Kemudian sistem melakukan

validasi data Dosen. Lalu tampil atau tidaknya data.

III-33
3. Diagram Sequence Publikasi Karya Ilmiah

Gambar 3.18. Sequence Diagram Publikasi Karya Ilmiah


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.18. Sequence Diagram Publikasi Karya Ilmiah:

Dosen sesudah login dan memilih menu Publikasi Karya Ilmiah, dapat

menambah, mengedit, menghapus data publikasi karya ilmiah dan juga dapat

melihat data abstrak. Lalu sistem lakukan query insert, update dan delete dan

pada database untuk mengubah data publikasi karya ilmiah. Kemudian

III-34
sistem melakukan validasi data bidang ilmu. Lalu tampil atau tidaknya data.

4. Diagram Sequence Ubah Password

Gambar 3. 19. Sequence Diagram Ubah Password


Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.19. Sequence Diagram Ubah Password :

Dosen sesudah login dan memilih menu Ubah Password, dapat

mengubah password. Lalu sistem lakukan query upadate pada database

untuk mengubah password. Kemudian sistem melakukan validasi data

password. Lalu tampil atau tidaknya data.

III-35
5. Diagram Sequence Logout

III-36
III-37
Gambar 3. 20. Sequence Diagram Logout
Sistem Publikasi Karya Ilmiah Dosen

Berdasarkan Gambar 3.20. Sequence Diagram Logout :

Dosen setelah proses login dialihkan ke menu dashboard. Dapat

melakukan proses logout melalui setiap menu screen yang tersedia dengan

menekan tombol logout langsung kembali ke menu login.

5.1.5. Class Diagram


8.1.3

III-38
9.1.3

Gambar 3. 21. Class Diagram

III-39
6. Perancangan Database
10.1.3
11.1.3 Pada peracangan database pembangunan website Sistem Publikasi

Karya Ilmiah ini memiliki beberapa komponen tabel diantaranya sebagai berikut :

1. Tabel Users
12.1.3 Tabel 3.17. Struktur Tabel Users

Name Type Extra Action


id_user varchar(50) Auto_Increment Primary Key
username varchar(50)
password varchar(200)
level varchar(25)
nm_user varchar(50)
avatar varchar(40)
13.1.3
14.1.3
2. Tabel Dosen
15.1.3 Tabel 3.18. Struktur Tabel Dosen

Name Type Extra Action


id_user varchar(50) Primary Key
nama varchar(50)
id_prodi int(2)
sinta varchar(20)
email varchar(40)
profesi varchar(40)
q1 int(11)
q2 int(11)
q3 int(11)
q4 int(11)
Undefined int(11)
s1 int(11)
s2 int(11)
s3 int(11)

III-40
s4 int(11)
s5 int(11)
s6 int(11)
uncategorized int(11)
16.1.3
3. Tabel Prodi
17.1.3 Tabel 3.19. Struktur Tabel Prodi

Name Type Extra Action


id_prodi int(11) Auto_Increment Primary Key
prodi varchar(30)

4. Tabel Publikasi

18.1.3 Tabel 3.20. Struktur Tabel Publikasi

Name Type Extra Action


id_publikasi int(11) Auto_Increment Primary Key
id_user varchar(20)
id_bidang_ilmu int(5)
judul varchar(200)
abstrak text
link varchar(200)
19.1.3
5. Tabel Bidang Ilmu
20.1.3
21.1.3 Tabel 3.21. Struktur Tabel Bidang Ilmu

Name Type Extra Action


id_bidang_ilmu int(11) Primary Key
bidang_ilmu varchar(30)
22.1.3
23.1.3
24.1.3
25.1.3
26.1.3
27.1.3
28.1.3

III-41
29.1.3
30.1.3
7. Perancangan User Interface
31.1.3
7.1.1. Perancangan User Interface Pengunjung

1. Perancangan Halaman Utama / Beranda Website

32.1.3

33.1.3 Gambar 3.22. Perancangan Halaman Utama Website


34.1.3
35.1.3 Keterangan gambar 3. 22 :
36.1.3
Pada halaman ini menampilkan beberapa informasi seperti jumlah prodi

yang ada pada Fakultas, jumlah bidang ilmu dan juga alamat email

Universitas.

III-42
2. Perancangan Halaman Karya Ilmiah

37.1.3

38.1.3 Gambar 3.23. Perancangan Halaman Karya Ilmiah

39.1.3
40.1.3 Keterangan gambar 3. 23. :

Pada halaman ini menampilkan data karya ilmiah semua dosen yang

ada di Fakultas Teknologi Informasi dan juga pengunjung dapat membaca

dan men-download karya ilmiah yang redirect menuju website jurnal.

III-43
III-44
3. Perancangan Halaman Dosen

41.1.3

42.1.3 Gambar 3.24. Perancangan Halaman Dosen

43.1.3
44.1.3 Keterangan gambar 3. 24. :
45.1.3

III-45
46.1.3 Pada halaman ini menampilkan tentang Profil masing-masing
dosen dan juga Karya Ilmiah yang telah diteliti oleh dosen itu yang di klik
foto profilnya.

III-46
47.1.3
4. Perancangan Halaman Tentang

48.1.3

49.1.3 Gambar 3.25. Perancangan Halaman Tentang

50.1.3
51.1.3 Keterangan gambar 3. 25. :

Pada halaman ini menampilkan tentang informasi sejarah Universitas.

III-47
7.1.2. Perancangan User Interface Admin / Dekan
1. Perancangan Halaman Login
52.1.3

53.1.3

54.1.3 Gambar 3.26. Perancangan Halaman Login Dekan

55.1.3
56.1.3 Keterangan gambar 3. 26.:

57.1.3 Pada halaman Login ini terdiri dari : inputan

username, dan password. Kemudian terdapat button “Login” untuk masuk ke

dalam dashboard Dekan.

58.1.3

59.1.3

60.1.3

III-48
61.1.3

62.1.3

63.1.3

2. Perancangan Menu Dashboard


64.1.3
65.1.3

66.1.3 Gambar 3.27. Perancangan Halaman Dashboard Dekan

Keterangan gambar 3. 27. :

Pada halaman Dashboard Dekan ini menampilkan beberapa informasi

mengenai Fakultas Teknologi Informasi seperti total Prodi, total Dosen, total

III-49
Bidang Ilmu yang terkait dengan Karya Ilmiah dan total Publikasi semua

dosen yang ada pada Fakultas Teknologi Informasi.

III-50
3. Perancangan Profil Dekan

67.1.3

68.1.3 Gambar 3.28. Perancangan Halaman Profil Dekan

69.1.3
70.1.3 Keterangan gambar 3. 28. :

Pada halaman Profil Dekan ini menampilkan data lengkap Profil Dekan

dan juga penilaian Scopus dan Sinta dapat mengubah Profil dan juga Foto

Profil .

III-51
4. Perancangan Management User

71.1.3

72.1.3 Gambar 3.29. Perancangan Halaman Management User

73.1.3
74.1.3 Keterangan gambar 3. 29. :

Pada halaman Management User ini menampilkan semua data pengguna

user dan juga dapat menghapus dan menambahkan user baru

III-52
5. Perancangan Bidang Ilmu

75.1.3

76.1.3 Gambar 3.30. Perancangan Halaman Bidang Ilmu

77.1.3
78.1.3 Keterangan gambar 3.30. :

Pada halaman Bidang Ilmu ini akan menampilkan semua data bidang

ilmu dan juga dapat menambahkan, meng-edit dan menghapus data bidang

ilmu.

III-53
6. Perancangan Publikasi Karya Ilmiah

79.1.3

80.1.3 Gambar 3.31. Perancangan Halaman Publikasi Karya Ilmiah

81.1.3
82.1.3 Keterangan gambar 3. 31. :

III-54
Pada halaman Publikasi Karya Ilmiah ini akan menampilkan data karya

ilmiah yang telah di upload oleh dekan itu sendiri dan juga dapat menambah,

menghapus, meng-edit dan melihat abstrak karya ilmiah.

7. Perancangan Ubah Password

83.1.3

84.1.3 Gambar 3.32. Perancangan

Halaman Ubah Password

85.1.3

III-55
86.1.3 Keterangan gambar 3. 32. :

Pada halaman Ubah Password ini terdapat form untuk mengubah

password, dengan memasukkan password lama setelah itu password baru dan

mengulangi password baru.

III-56
7.1.3. Perancangan User Interface Dosen
1. Perancangan Halaman Login

87.1.3 Gambar 3.33. Perancangan Halaman Login Dosen

88.1.3
89.1.3 Keterangan gambar 3. 33. :

90.1.3 Pada halaman Login ini terdiri dari : inputan

username, dan password. Kemudian terdapat button “Login” untuk masuk ke

dalam dashboard Dosen.

III-57
2. Perancangan Menu Dashboard

91.1.3

92.1.3 Gambar 3.34. Perancangan Halaman Dashboard Dosen

93.1.3
94.1.3 Keterangan gambar 3. 34. :

Pada halaman Dashboard Dekan ini menampilkan beberapa informasi

mengenai Fakultas Teknologi Informasi seperti total Prodi, total Dosen, total

Bidang Ilmu yang terkait dengan Karya Ilmiah dan total Publikasi semua

dosen yang ada pada Fakultas Teknologi Informasi.

III-58
3. Perancangan Profil Dosen

95.1.3

96.1.3 Gambar 3.35. Perancangan Halaman Profil Dosen

Keterangan gambar 3. 35. :

III-59
Pada halaman Profil Dosen ini menampilkan data lengkap Profil Dosen

dan juga penilaian Scopus dan Sinta dapat mengubah Profil dan juga Foto

Profil .

4. Perancangan Publikasi Karya Ilmiah

97.1.3

98.1.3 Gambar 3.36. Perancangan Halaman Publikasi Karya Ilmiah

99.1.3

III-60
100.1.3 Keterangan gambar 3. 36. :

Pada halaman Publikasi Karya Ilmiah ini akan menampilkan data karya

ilmiah yang telah di upload oleh dosen itu sendiri dan juga dapat menambah,

menghapus, meng-edit dan melihat abstrak karya ilmiah.

5. Perancangan Ubah Password

101.1.3

102.1.3 Gambar 3.37. Perancangan Halaman Ubah Password

III-61
Keterangan gambar 3. 37. :

Pada halaman Ubah Password ini terdapat form untuk mengubah

password, dengan memasukkan password lama setelah itu password baru dan

mengulangi password baru.

III-62

Anda mungkin juga menyukai