SKRIPSI

PERANCANGAN SISTEM INFORMASI PADA

PROGRAM STUDI SISTEM INFORMASI
UNIVERSITAS DIPA MAKASSAR BERBASIS WEB

DISUSUN OLEH :
ANDRIANO ANNAS | 191260

PROGRAM STUDI SISTEM INFORMASI

UNIVERSITAS DIPA MAKASSAR MAKASSAR
TAHUN 2022
 PERSETUJUAN NASKAH SKRIPSI

Judul : Perancangan Sistem Informasi Pada Program Studi

Sistem Informasi Universitas Dipa Makassar
Berbasis Web
Mahasiswa : Andriano Annas
NIM : 191260
Pembimbing I : Andi Irmayana, S.Kom.,MT.
Pembimbing II : Hasyrif S Y, S.Kom.,M.T.
Tanggal Ujian :

Disetujui oleh:

Pembimbing I, Pembimbing II,

Andi Irmayana, S.Kom.,MT. Hasyrif S Y, S.Kom.,MT.

NIDN : 0918098501 NIDN : 0916068301

Mengetahui,
Ketua Program Studi Sistem Informasi
Universitas Dipa Makassar

Andi Irmayana, S.Kom.,MT.

NIDN : 0918098501
 KATA PENGANTAR
Puji syukur kepada Allah SWT berkat Rahmat, Hidayah, dan Karunia-Nya

kepada kita semua sehingga penulis dapat menyelesaikan skripsi dengan judul

“Perancangan Sistem Informasi Pada Program Studi Sistem Informasi

Universitas Dipa Makassar Berbasis Web” Laporan skripsi ini disusun sebagai

salah satu syarat untuk mengerjakan skripsi pada program Strata-1 di Jurusan

Sistem Informasi, Program Studi Sistem Informasi, Universitas Dipa Makassar.

Penulis menyadari dalam penyusunan skripsi ini tidak akan selesai tanpa

bantuan dari berbagai pihak. Karena itu pada kesempatan ini saya ingin

mengucapkan terima kasih kepada:

1. Bapak Johny W.Soetikno, SE., MM. selaku Rektor Universitas Dipa

Makassar.

2. Ibu Andi Irmayana, S.Kom.,MT. selaku Kaprodi Jurusan Sistem Informasi

dan selaku Dosen Pembimbing I, Universitas Dipa Makassar, atas

bimbingan, saran, dan motivasi yang diberikan.

3. Bapak Hasyrif S Y, S.Kom.,M.T. selaku Dosen Pembimbing II atas

bimbingan, saran, dan motivasi yang diberikan.

4. Segenap Dosen Jurusan sistem Informasi Universsitas Dipa Makassar yang

telah memberikan ilmunya kepada penulis.

5. Terimakasih yang sebesar-besarnya kepada kedua orang tua saya yang

selalu mendoakan, mensupport saya, menjadi pembimbing yang tidak

pernah lelah selama saya mengerjakan skripsi ini.

ii
6. Terimakasih kepada ibu windy asmawati atas bantuan dan supportnya dalam

pengerjaan skripsi ini.

7. Terimakasih kepada ibu nurul rahmi atas semangat dan bantuannya.

8. Terima kasih kepada seluruh rekan-rekan di asrama mahasiswa sulawesi

tenggara yang sudah memberikan masukan kepada saya.

9. Seluruh teman-teman seperjuangan di Jurusan Sistem Informasi, atas semua

dukungan, semangat, serta kerjasamanya.

Penulis menyadari skripsi ini tidak luput dari berbagai kekurangan. Penulis

mengharapkan saran dan kritik demi kesempurnaan dan perbaikannya sehingga

akhirnya laporan skripsi ini dapat memberikan manfaat bagi bidang pendidikan dan

penerapan di lapangan serta bisa dikembangkan lagi lebih lanjut.

Makassar, 12 Februari 2023

Penyusun,

Andriano Annas
NIM : 191260

iii
 DAFTAR ISI

HALAMAN JUDUL
Halaman
PERSETUJUAN NASKAH SKRIPSI

PENGESAHAN NASKAH SKRIPSI

KATA PENGANTAR ........................................................................................ ii

DAFTAR ISI...................................................................................................... iv

DAFTAR TABEL ............................................................................................. vi

DAFTAR GAMBAR ........................................................................................ vii

BAB I PENDAHULUAN............................................................................. 1

I.1. Latar Belakang ....................................................................... 1

I.2. Rumusan Masalah .................................................................. 2

I.3. Tujuan Penelitian.................................................................... 3

I.4. Manfaat Penelitian.................................................................. 3

I.5. Sistematika Penulisan............................................................. 4

BAB II TINJAUAN PUSTAKA ................................................................... 6

2.1. Kerangka Pikir ...................................................................... 6

2.2. Landasan Teori ...................................................................... 7

2.2.1. Perancangan .......................................................................... 7

2.2.2. Sistem Informasi Program Studi ........................................... 8

2.2.3. Website ....................................................................................9

2.2.4. Mysql .......................................................................................9

2.2.5. PHP .......................................................................................10

2.2.6. Database ...............................................................................11

iv
 2.2.7. Waterfall (Model Air Terjun) ...............................................11

2.2.8. Simbol-Simbol Diagram .......................................................11

2.2.9. Blackbox Testing ..................................................................16

2.3. Penelitian Terkait ................................................................. 17

BAB III METODE PENELITIAN ................................................................19

3.1. Waktu dan Tempat Penelitian ...............................................19

3.1.1. Waktu Penelitian ...................................................................19

3.1.2. Tempat Penelitian .................................................................19

3.2. Alat dan Bahan Penelitian .....................................................19

3.2.1. Alat Penelitian .......................................................................19

3.2.2. Bahan Penelitian ...................................................................20

3.3. Jenis Penelitian ......................................................................20

3.4. Pengumpulan Data ................................................................21

3.5. Analisis Data .........................................................................22

3.6. Metode Perancangan Aplikasi ..............................................23

3.7. Metode Pengujian .................................................................24

3.7.1. Pengujian Aplikasi ................................................................24

BAB IV HASIL PENELITIAN DAN PEMBAHASAN ............................ 26

4.1. Tahap Analisis ....................................................................... 26

4.1.1. Analisis Kebutuhan Sistem .................................................. 26

4.1.2. Realisasi Usecase Analisis ................................................... 27

4.2. Tahap Desain ........................................................................ 29

4.2.1. Perancangan Desain Unified Modeling Language (UML) .. 29

4.2.2. Database Design .................................................................. 38

4.2.3. Perancangan User Interface .................................................. 56

v
 4.3. Tahap Implementasi ............................................................. 60

4.3.1. Implementasi Interface (Antar Muka) .................................. 60

4.3.2. Implementasi Pengujian Aplikasi......................................... 64

BAB V KESIMPULAN DAN SARAN ...................................................... 71

5.1. Kesimpulan ........................................................................... 71

5.2 Saran ..................................................................................... 71

DAFTAR PUSTAKA

vi
 DAFTAR TABEL
Halaman

Tabel 2.1 Use Case Diagram ................................................................................ 12

Tabel 2.2 Class Diagram ...................................................................................... 13

Tabel 2.3 Activity Diagram .................................................................................... 14

Tabel 2.4 Sequence Diagram ................................................................................ 14

Tabel 2.5 Flowchart .............................................................................................. 15

Tabel 2.8 Penelitian Terkait .................................................................................. 17

Tabel 3.1 Kasus Uji Pengujian Aplikasi ............................................................... 25

Tabel 4.1 Desain Tabel agenda ............................................................................. 38

Tabel 4.2 Desain Tabel album .............................................................................. 39

Tabel 4.3 Desain Tabel background ..................................................................... 39

Tabel 4.4 Desain Tabel banner ............................................................................. 39

Tabel 4.5 Desain Tabel berita ............................................................................... 40

Tabel 4.6 Desain Tabel download ......................................................................... 41

Tabel 4.7 Desain Tabel gallery ............................................................................. 41

Tabel 4.8 Desain Tabel halamanstatis ................................................................... 42

Tabel 4.9 Desain Tabel header ............................................................................. 42

Tabel 4.10 Desain Tabel hubungi ......................................................................... 42

Tabel 4.11 Desain Tabel identitas ......................................................................... 43

Tabel 4.12 Desain Tabe liklanatas ........................................................................ 43

Tabel 4.13 Desain Tabel iklantengah .................................................................... 44

Tabel 4.14 Desain Tabel katajelek ........................................................................ 44

Tabel 4.15 Desain Tabel kategori ......................................................................... 45

vii
Tabel 4.16 Desain Tabel komentar ....................................................................... 45

Tabel 4.17 Desain Tabel komentarvid .................................................................. 46

Tabel 4.18 Desain Tabel logo ............................................................................... 46

Tabel 4.19 Desain Tabel menu .............................................................................. 47

Tabel 4.20 Desain Tabel massages ....................................................................... 47

Tabel 4.21 Desain Tabel modul ............................................................................ 47

Tabel 4.22 Desain Tabel mod_alamat ................................................................... 48

Tabel 4.23 Desain Tabelmod_pengumuman ......................................................... 48

Tabel 4.24 Desain Tabel mod_ym ........................................................................ 49

Tabel 4.25 Desain Tabel pasangiklan ................................................................... 49

Tabel 4.26 Desain Tabel playlist ........................................................................... 49

Tabel 4.27 Desain Tabel poling ............................................................................ 50

Tabel 4.28 Desain Tabel sekilasinfo ..................................................................... 50

Tabel 4.29 Desain Tabel statistik .......................................................................... 50

Tabel 4.30 Desain Tabel tag ................................................................................. 51

Tabel 4.31 Desain Tabel tagvid............................................................................. 51

Tabel 4.32 Desain Tabel tbl_comment .................................................................. 52

Tabel 4.33 Desain Tabel tbl_nicepage .................................................................. 52

Tabel 4.34 Desain Tabel tbl_nicepage_client ....................................................... 52

Tabel 4.35 Desain Tabel tbl_nicepage_pengumuman .......................................... 53

Tabel 4.36 Desain Tabel tbl_nicepage_portfolio .................................................. 53

Tabel 4.37 Desain Tabel tbl_nicepage_team ........................................................ 54

Tabel 4.38 Desain Tabel tbl_nicepage_testimoni ................................................. 54

Tabel 4.39 Desain Tabel templates ....................................................................... 55

viii
Tabel 4.40 Desain Tabel users .............................................................................. 55

Tabel 4.41 Desain Tabel user_modul .................................................................... 56

Tabel 4.42 Desain Tabel video .............................................................................. 56

Tabel 4.43 Implementasi pengujian fungsi login benar ........................................ 64

Tabel 4.44 Implementasi pengujian pembatasan login ......................................... 65

Tabel 4.45 Implementasi pengujian fungsi login salah ......................................... 66

Tabel 4.46 Implementasi pengujian fungsi pengaduan mahasiswa ...................... 67

Tabel 4.47 Implementasi pengujian fungsi postingan ........................................... 68

Tabel 4.48 Implementasi pengujian fungsi logout ................................................ 68

Tabel 4.49 Implementasi pengujian fungsi kelola user ......................................... 69

Tabel 4.50 Implementasi pengujian fungsi id room .............................................. 70

ix
 DAFTAR GAMBAR
Halaman
Gambar 2.1 Kerangka Pemikiran ............................................................................ 6

Gambar 3.1 Black Box .......................................................................................... 24

Gambar 4.1 Use Case Diagram Analisis .............................................................. 27

Gambar 4.2 Activity Diagram Login User ............................................................ 30

Gambar 4.3 Activity Diagram Tambah Data ......................................................... 30

Gambar 4.4 Activity Diagram Edit Data ............................................................... 31

Gambar 4.5 Activity Diagram Hapus Data............................................................ 31

Gambar 4.6 Activity Diagram Pencarian Data ...................................................... 32

Gambar 4.7 Activity Diagram Upload Data .......................................................... 32

Gambar 4.8 Activity Diagram Download Data ..................................................... 33

Gambar 4.9 Sequence Diagram Login .................................................................. 33

Gambar 4.10 Sequence Diagram Tambah data..................................................... 34

Gambar 4.11 Sequence Diagram Edit Data .......................................................... 34

Gambar 4.12 Sequence Diagram Hapus Data....................................................... 35

Gambar 4.13 Sequence Diagram Pencarian Data ................................................. 35

Gambar 4.14 Sequence Diagram Upload Data ..................................................... 36

Gambar 4.15 Sequence Diagram Download Data ................................................ 36

Gambar 4.16 Class Diagram................................................................................. 37

Gambar 4.17 Desain User Interface Halaman Home ............................................ 57

Gambar 4.18 Desain User Interface Halaman Home Postingan ........................... 57

Gambar 4.19 Desain User Interface Halaman Admin .......................................... 58

Gambar 4.21 Desain User Interface Halaman Mahasiswa ................................... 58

x
Gambar 4.22 Desain User Interface Halaman Chat Room Home......................... 59

Gambar 4.23 Desain User Interface Halaman Chat View .................................... 59

Gambar 4.67 Halaman Home video slider ............................................................ 60

Gambar 4.68 Halaman informasi slider ................................................................ 60

Gambar 4.69 Halaman Home sambutan ketua program studi .............................. 61

Gambar 4.70 Halaman Home visi misi dan tujuan ............................................... 61

Gambar 4.71 Halaman Home pengumuman ......................................................... 62

Gambar 4.72 Halaman Home bawah .................................................................... 62

Gambar 4.73 Halaman Chat Home ....................................................................... 63

Gambar 4.74 Halaman Chat View ......................................................................... 63

xi
 BAB I
PENDAHULUAN
1.1. Latar Belakang
Program studi sistem informasi adalah salah satu dari beberapa program

studi yang ada di Universitas Dipa Makassar. Antara mahasiswa dan program studi

harus terjalin komunikasi yang baik, singkron, dan cepat. Dalam komunikasi

tersebut baik yang berisi informasi maupun pemberitahuan harus dapat

tersampaikan kepada mahasiswa secara merata dan keseluruhan. Namun seperti

diketahui jumlah mahasiswa program studi sistem informasi Universitas Dipa

Makassar saat ini sangat banyak sehingga tidak memungkinkan program studi

untuk menyampaikan informasi satu persatu secara personal pada setiap

mahasiswa. Untuk itu agar mendukung komunikasi yang baik, singkron, dan cepat

tersebut maka program studi harus memfasilitasi mahasiswa dengan merancang

sebuah sistem informasi khusus untuk penyampaian informasi maupun

pemberitahuan secara cepat.

Masalah yang dialami mahasiswa pada program studi sistem informasi

Universitas Dipa Makassar saat ini adalah seperti proses penyampaian

informasi kepada mahasiswa yang belum optimal. Salah satu contoh kasusnya

yaitu, sulitnya mahasiswa menyampaikan informasi tabrakan kelas, dan ketika

mahasiswa mendatangi ruangan jurusan terkadang tidak dapat bertemu karena

ada aktivitas lain yang dilakukan ketua jurusan ataupun staffnya. Masalah

lainnya juga belum adanya media komunikasi khusus untuk melaporkan kasus

1
 2

yang di alami mahasiswa, dan media informasi yang dapat memberikan

pemberitahuan secara umum kepada mahasiswa seperti event, artikel, seminar,

visi misi program studi, dan pemberitahuan-pemberitahuan lainnya. Sehingga

dari masalah-masalah tersebut menimbulkan dampak langsung kepada

mahasiswa yang membuat mahasiswa terlambat dalam mendapatkan sebuah

informasi atau pengumuman seputar jurusannya.

Dengan mengaplikasikan sebuah teknologi informasi komunikasi di dalam

progran studi sistem informasi Universitas Dipa Makassar maka akan mampu

menghemat biaya, waktu, sumber daya manusia, pemasaran, penggunaan kertas,

dan lain sebagainya.

Maka dengan masalah tersebut penulis akan merancang sebuah sistem

informasi berbasis web yang dapat mengatasi masalah-masalah yang dialami oleh

mahasiswa sistem informasi Universitas Dipa Makassar, dengan fitur yang dapat

menyampaikan informasi ataupun pemberitahuan terkait jurusan, penyampaian

pesan personal tentang masalah yang dialami mahasiswa atau keperluan jurusan

sistem informasi kepada mahasiswa, penyampaian visi misi program studi sistem

informasi, posting artikel kegiatan/pengumuman dan serta memiliki fitur chat yang

dapat di akses mahasiswa kapan saja yang terhubung langsung ke internet agar

dapat di akses dimana saja dan kapan saja oleh mahasiswa sistem informasi

Universitas Dipa Makassar.

1.2. Rumusan Masalah

Dari latar belakang masalah diatas maka penulis merumuskan masalah yaitu

sebagai berikut :
 3

1. Bagaimana memudahkan program studi dalam penyampaian informasi atau

pengumuman pada mahasiswa program studi sistem informasi Universitas

Dipa Makassar.

2. Bagaimana mempublikasikan kegiatan-kegiatan mahasiswa terkait program

studi sistem informasi Universitas Dipa Makassar.

1.3. Tujuan Penelitian

Dengan memperhatikan rumusan masalah di atas, maka penyusun akan

mencapai tujuan penelitian yaitu sebagai berikut :

1. Merancang sebuah sistem informasi yang dapat memberikan fasilitas

penyampaian informasi dan pengumuman kepada mahasiswa pada program

studi Sistem Informasi Universitas Dipa Makassar berbasis web.

2. Melakukan publikasi kegiatan-kegiatan mahasiswa terkait program studi

sistem informasi Universitas Dipa Makassar pada sistem infromasi yang

dibangun.

1.4. Manfaat Penelitian

Penelitian ini diharapkan mampu memberikan manfaat baik bagi peneliti,

kaprodi Sistem Informasi Universitas Dipa Makassar dan peneliti selanjutnya,

sehingga peneliti mengharapkan manfaat sebagai berikut:

1. Bagi Program Studi Sistem Informasi Universitas Dipa Makassar, penelitian

ini diharapkan mampu memberikan kemudahan bagi kaprodi dalam

menyampaikan dan mengelola informasi berbabis online seputar program

studi Sistem Informasi Universitas Dipa Makassar.

 4

2. Bagi Mahasiswa, penelitian ini diharapkan akan mempermudah mahasiswa

untuk mendapatkan informasi, memudahkan mahasiswa untuk

berkonsultasi langsung dengan kaprodi, dan mempermudah mahsiswa saat

mengadapi kendala tertentu seputar program studi Sistem Informasi di

Universitas Dipa Makassar.

3. Bagi peneliti, penelitian ini diharapkan mampu menjadi skripsi yang

berkualitas sehingga mampu meluluskan peneliti dengan nilai yang

memuaskan.

4. Bagi peneliti selanjutnya, penelitian ini diharapkan mampu menjadi

referensi bagi penelitian selanjutnya dan bisa dikembangkan menjadi lebih

sempurna, mengingat kesempurnaan hanyalah milik Tuhan Yang Maha Esa.

1.5. Sistematika Penulisan

Penulisan laporan skripsi terdiri dari tiga bab dengan sistematika sebagai

berikut :

BAB I PENDAHULUAN
Pendahuluan memuat latar belakang, perumusan masalah, batasan

masalah, tujuan penelitian, manfaat penelitian mengenai

perancangan sistem informasi pengelolaan program studi sistem

informasi Universitas Dipa Makassar.

BAB II TINJAUAN PUSTAKA

Tinjauan pustaka memuat tentang kerangka pikir sebagai dasar

pemikiran dari penelitian yang disusun dari dasar fakta-fakta,

observasi, dan kajian kepustakaan kemudian memuat uraian teori-

 5

teori landasan yang mendukung pembuatan skripsi dan ada hasil

penelitian terdahulu yang terkait dengan penelitian.

BAB III METODE PENELITIAN

Metode penelitian memuat pembahasan tentang waktu dan tempat

penelitian, jenis penelitian dan variabel, metode pengumpulan data,

bahan dan alat penelitian, metode perancangan, dan metode

pengujian.

BAB IV HASIL DAN PEMBAHASAN

Hasil dan pembahasan memuat tentang pembahasan dari temuan

selama penelitian berlangsung.

BAB V KESIMPULAN DAN SARAN

Kesimpulan dan saran memuat tentang kesimpulan yang diperoleh

selama perancangan dan pembuatan sistem berdasarkan hasil dan

pembahasan serta berisi saran yang berkaitan dengan pengembangan

sistem ini di masa yang akan datang.

DAFTAR PUSTAKA
 BAB II
TINJAUAN PUSTAKA
2.1. Kerangka Pikir
Berikut hasil kerangka pemikiran yang dapat di lihat pada gambar II.1 :

Program studi sistem informasi adalah salah satu dari beberapa program
studi yang ada di Universitas Dipa Makassar. Saat ini peran teknologi
dalam lingkup jurusan sangat penting karena penggunaan teknologi
informasi dan komunikasi dalam lingkup jurursan dapat membantu
jurusan dan mahasiswa dalam melakukan transaksi informasi jarak jauh.

Mahasiswa kesulitan untuk mendapatkan informasi terkini seputar

jurusan, karena program studi sistem informasi Universitas Dipa
Makassar belum memiliki sebuah sistem yang dapat memberikan fasilitas
penyampaian informasi kepada mahasiswa.

Merancang sebuah sistem informasi yang dapat membantu publikasi

segala kegiatan atau informasi program studi Sistem Informasi
Universitas Dipa Makassar dalam satu aplikasi berbasis web. Seperti
penyampaian informasi, penyampaian pesan personal tentang masalah
yang dialami mahasiswa atau keperluan jurusan kepada mahasiswa,
posting artikel kegiatan/pengumuman dan serta dapat membuat chat grub
dengan akses mahasiswa menggunakan id room berbasis online agar
dapat di akses dimana saja dan kapan saja oleh mahasiswa.

Diharapkan dengan adanya sistem informasi ini, dapat memberikan

kemudahan bagi mahasiswa dan jurusan untuk bertukar informasi seputar
program studi sistem informasi Universitas Dipa Makassar.

Gambar 2.1 Kerangka Pemikiran

6
 7

2.2. Landasan Teori

2.2.1. Perancangan

a. Pengertian Perancangan

Perancangan adalah suatu kreasi untuk mendapatkan suatu hasil akhir

dengan mengambil suatu tindakan yang jelas, atau suatu kreasi atas sesuatu yang

mempunyai kenyataan fisik. Sementara ahli lain dalam buku yang berjudul Analisa

Perancangan Sistem mengungkapkan: “Perancangan adalah proses

pengembangan spesifikasi baru berdasarkan rekomendasi hasil analisis sistem”

(Mohamad Subhan, 2012). Sedangkan menurut pakar lain berpendapat bahwa

perancangan adalah penggambaran, perencanaan dan pembuatan sketsa atau

pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh

dan berfungsi. Perancangan sistem dapat dirancang dalam bentuk bagan alir sistem

(system flowchart), yang merupakan alat bentuk grafik yang dapat digunakan untuk

menunjukan urutan-urutan proses dari sistem (Nafisah, 2003).

Tujuan perancangan (design) memiliki tujuan untuk mendesain sistem baru

yang dapat menyelesaikan masalah-masalah yang dihadapi perusahaan yang

diperoleh dari pemilihan alternatif sistem yang terbaik (Al-Bhara Bin Ladjamudin,

2005).

b. Pengertian Perancangan Sistem

Perancangan sistem adalah penentuan proses dan data yang diperlukan

oleh sistem baru. Tujuan dari perancangan sistem adalah untuk

memenuhi kebutuhan pemakai sistem serta untuk memberikan gambaran

 8

yang jelas dan rancang bangun yang lengkap (Mulyani, 2017).

Dalam buku yang berjudul Metode Penelitian Sistem Informasi,

“perancangan sistem adalah suatu fase dimana diperlukan suatu keahlian

perancangan untuk elemen-elemen komputer yang akan mengunakan sistem yaitu

pemilihan peralatan dan program komputer untuk sistem yang baru” (Muharto,

2016).

Secara umum perancangan bertujuan untuk memberikan gambaran jelas

dari sistem yang dirancang dari beberapa elemen yang terpisah ke dalam satu

kesatuan yang utuh dan lengkap pada programmer komputer serta ahli teknik yang

terlibat didalamnya.

2.2.2. Sistem Informasi Program Studi

a. Pengertian Sistem Informasi

Secara umum sistem informasi adalah kombinasi dari teknologi informasi

dan aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi dan

manajemen. Dalam arti yang sangat luas, istilah sistem informasi yang sering

digunakan merujuk kepada interaksi antara orang, proses algoritmik, data, dan

teknologi.

Sistem informasi adalah alat untuk menyajikan informasi sedemikian rupa

sehingga bermanfaat bagi penerimanya. Tujuannya adalah untuk memberikan

informasi dalam perencanaan, memulai, pengorganisasian, operasional sebuah

perusahaan yang melayani sinergi organisasi dalam proses mengendalikan

pengambilan keputusan (Kertahadi, 2007).

 9

Ahli lain mendefinisikan sistem informasi adalah Sistem Informasi adalah

kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur dan

pengendalian yang ditujukan untuk mengatur jaringan komunikasi yang penting,

proses transaksi tertentu dan rutin, membantu manajemen dan pemakai intern dan

ekstern dan menyediakan dasar untuk pengambilan keputusan yang tepat. (John F.

Nash, 1995)

b. Pengertian Program Studi

Program Studi adalah kesatuan kegiatan Pendidikan dan pembelajaran yang

memiliki kurikulum dan metode pembelajaran tertentu dalam satu jenis pendidikan

akademik, pendidikan profesi, dan/atau pendidikan vokasi (UU 12 tahun 2012).

2.2.3. Website

Website atau situs dapat diartikan sebagai kumpulan halaman-halaman

yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak,

animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun

dinamis yang membentuk suatu rangkaian bangunan yang saling terkait, yang

masing-masing dihubungkan dengan jaringan-jaringan halaman (Hidayat, 2010).

Kemudian pendapat lain mendefinisikan Website sebagai kumpulan dari halaman-

halaman yang berhubungan dengan file-file lain yang saling terkait. Dalam sebuah

website terdapat satu halaman yang dikenal dengan sebutan home-page (Dani Ainur

Rivai, 2013).

2.2.4. Mysql

MySQL adalah database server open source yang cukup popular

 10

keberadaannya. Dengan berbagai keunggulan yang dimiliki, membuat software

database ini banyak digunakan oleh praktisi untuk membangun suatu project.

Adanya fasilitas API (Application Programing Interface) yang dimiliki oleh

MySQL, memungkinkan bermacam-macam aplikasi komputer yang ditulis dengan

berbagai bahasa pemrograman dapat mengakses basis data MySQL.

(Kustiyahningsih, 2011)

Pakar lain mendefinisikan MySQL adalah multiuser database yang

menggunakan bahasa Structured Query Language (SQL). MySQL dalam operasi

client server melibatkan server daemon MySQL disisi server dan berbagai macam

program serta library yang berjalan disisi client. MySQL mampu mengangani data

yang cukup besar. Perusahaan yang mengembangkan MySQL yaitu TEX, mengaku

mampu menyimpan data lebih dari 40 database, 10.000 tabel, dan sekitar 7.000.000

baristotalnya kurang lebih 100 Gigabyte data (Hendrianto, 2014).

2.2.5. PHP

PHP atau kependekan dari Hypertext Preprocessor adalah salah satu bahasa

pemrograman open source yang sangan cocok atau dikhususkan untuk

pengembangan web dan dapat ditanamkan pada sebuah skripsi HTML. Bahasa PHP

dapat dikatakan menggambarkan beberapa bahasapemrograman seperti Java, dan

Perl serta mudah untuk dipelajari. PHP merupakan bahasa scripting server-side,

dimana pemrosesan datanya dilakukan pada sisi server. Sederhananya, serverlah

yang akan menerjemahkan skrip program, baru kemudian hasilnya akan dikirim

kepada client yang melakukan permintaan (Kustiyaningsih, 2011).

 11

Kemudian pendapat lain mengatakan PHP dulu Personal Home Page,

sekarang PHP (Hypertext Pre-processor) merupakan script untuk membuat suatu

aplikasi yang dapat terintegrasikan ke dalam halaman HTML, sehingga suatu

halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis (Nur

Marlena, Dimas Sasongko, 2010).

2.2.6. Database

Database adalah sekumpulan data yang berisi informasi mengenai satu atau

beberapa object. Data dalam database tersebut biasanya disimpan dalam tabel yang

saling berhubungan antara satu dengan yang lain (Rivai dan Purnama, 2014).

Pendapat lain menyatakan bahwa Database merupakan suatu bentuk

pengelolaan data yang ditujukan agar pengaksesan terhadap data dapat dilakukan

dengan mudah (Khusnia dan Riasti, 2014).

2.2.7. Waterfall (model air terjun)

Model Waterfall (model air terjun) merupakan suatu model pengembangan

secara sekuensial. Model Waterfall bersifat sistematis dan berurutan dalam

membangun sebuah perangkat lunak. Proses pembuatannya mengikuti alur dari

mulai analisis, desain, kode, pengujian dan pemeliharaan (Pressman, 2015).

2.2.8. Simbol-Simbol Diagram

1. Simbol Use Case Diagram

Use case diagram merupakan gambaran skenario dari interaksi antara

pengguna dengan sistem. Use case diagram menggambarkan hubungan antaraaktor

dan kegiatan yang dapat dilakukannya terhadap aplikasi.

 12

Tabel 2.1 Use Case Diagram

Simbol Nama Keterangan

Menspesifikasikan himpunan peran yang

pengguna mainkan ketika berinteraksi
Actor dengan use case.

Hubungan dimana perubahan yang terjadi

pada suatu elemen mandiri (independent)
Dependency akan mempengaruhi elemen yang
bergantung padanya elemen yang tidak
mandiri.
Hubungan dimana objek anak berbagi
Generalization perilaku dan struktur data dari objek yang
ada diatasnya.

Menspesifikasikan bahwa use case

Include sumber secara eksplisit.

Menspesifikasikan bahwa use case target

Extend memperluas perilaku dari use case sumber
pada suatu titik yang diberikan.

Association Apa yang menghubungkan antara objek

satu dengan objek lainnya.

Deskripsi dari urutan aksi-aksi yang

Use Case ditampilkan sistem yang menghasilkan
suatu hasil yang terukur bagi suatu actor.

Interaksi aturan-aturan dan elemen lain

yang bekerja sama untuk menyediakan
Collaboration prilaku yang lebih besar dari jumlah dan
elemen- elemennya (sinergi).
Elemen fisik yang eksis saat aplikasi
dijalankan dan mencerminkan suatu
Note sumber daya komputasi

Sumber: (Kurniawan, 2018)

 13

2. Simbol Class Diagram

Class Diagram merupakan diagram yang menggambarkan struktur sistem

dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.

Tabel 2.2 Class Diagram

Simbol Nama Keterangan

Menggambarkan Class baru pada
Class diagram.

Association Menggambarkan relasi antarasosiasi

Jika sebuah class tidak bisa berdiri

Composition sendiri dan harus merupakan bagian
dari classyang lain, maka class tersebut
memiliki relasi Composition terhadap
class tempat dia bergantung tersebut.
Umumnya penggunaan dependency
digunakan untuk menunjukkan operasi
Depedency pada suatu class yang menggunakan
class yang lain.
Aggregation Aggregation mengindikasikan
keseluruhan bagian relationship dan
biasanya disebut sebagai relasi.

Sumber: (Kurniawan, 2018)

3. Simbol Activity Diagram

Activity Diagram adalah representasi grafis dari seluruh tahapan alur kerja

yang mengandung aktivitas, pilihan tindakan, perulangan dan hasil dari aktivitas

tersebut. Diagram ini dapat digunakan untuk menjelaskan proses bisnis dan alur

kerja operasional secara langkah demi langkah dari komponen suatu sistem.
 14

Tabel 2.3 Activity Diagram

Simbol Nama Keterangan

Memperlihatkan bagaimana
Activity masing- masing kelas antarmuka
salingberinteraksi satu sama lain

Action State dari sistem yang

mencerminkaneksekusi dari suatu
aksi

Bagaimana objek dibentuk

Initial Node /diawali.

Activity Final Node Bagaimana objek dibentuk dan

dihancurkan

Satu aliran yang pada tahap

Fork Node tertentuberubah menjadi beberapa
aliran

Sumber: (Kurniawan, 2018)

4. Simbol Sequence Diagram

Sequence diagram menggambarkan interaksi antar objek di dalam dan di

sekitar sistem berupa message terhadap waktu.

Tabel 2.4 Sequence Diagram

Simbol Nama Keterangan

Actor Orang atau divisi yang terlibat dalam

suatu sistem.
 15

Simbol Nama Keterangan

Object Life Menyatakan kehidupan suatu objek

line dalam basis waktu.

Activation Menyatakan objek dalam keadaan aktif

dan berinteraksi.

Message Menyatakan arah tujuan antara object

lifeline.

Message Menyatakan arah kembali antara object

(Return) lifeline.

Sumber: (Kurniawan, 2018)

5. Simbol Flowchart

Flowchart atau Bagan alur adalah bagan (chart) yang menunjukkan alur

(flow) di dalam program atau prosedur sistem secara logika. Bagan alir (flowchart)

digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi.

Tabel 2.5 Simbol Flowchart

Simbol Fungsi

Terminal, untuk memulai ataumengakhiri

suatu program

Proses, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan.

Input-Output, untuk memasukkan

menunjukkan hasil dari suatu proses
 16

Simbol Fungsi

Decision, suatu kondisi yang akan

menghasilkan beberapakemungkinan jawaban
atau pilihan
Preparation, suatu symbol yang
menyediakan tempat pengolahan

Connector, suatu prosedur penghubung yang

akan masuk atau keluar melalui symbol ini
dalam lembar yang sama
Off-Page Connector, merupakan symbol
masuk atau keluarannyasuatu prosedur pada
lembaran kertas lainnya
Arus/Flow, dari pada prosedur yangdapat
dilakukan atas ke bawah dari bawah ke atas, ke
atas dari kiri ke kanan ataupun dari kanan ke
kiri

Penyimpanan file secara sementara

Menunjukkan input / OutputHardisk

(media penyimpanan)

Sumber: (Kurniawan, 2018)

2.2.9. Blackbox Testing

Blackbox testing adalah tahap yang digunakan untuk menguji kelancaran

program yang telah dibuat. Pengujian ini penting dilakukan agar tidak terjadi

kesalahan alur program yang telah dibuat. Black box testing memiliki kelebihan,

misalnya tidak memerlukan sumber daya dengan pengetahuan teknis. Selain itu,

penguji tidak perlu mengecek kode secara keseluruhan. Namun, pengujian juga

memiliki kekurangan seperti risiko terjadinya kesalahan pada bagian kode.

 17

Menurut Rosa dan Salahuddin (2015) “Blackbox testing yaitu menguji

perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode

program”. Sedangkan menurut Mustaqbal, dkk (2015) “Black Box Testing befokus

pada spesifikasi fungsional dari perangkat lunak, kumpulan kondisi.

2.3. Penelitian Terkait

Tabel 2.6 Penelitian Terkait

JUDUL NAMA UNIVERSITAS

Sistem Informasi Berbasis Yadi Utama Universitas Sriwijaya

Web Jurusan Sistem Informasi
Fakultas Ilmu Komputer
Universitas Sriwijaya
Persamaan : Penelitian ini sama-sama membuat sistem informasi untuk jurusan.
Perbedaan : Sedangkan perbedaannya ada pada aksi-aksi yang terdapat pada
aplikasinya, penelitian ini memberikan informasi seputar matakuliah, jadwal kelas,
dan lain-lain yang lebih mengarah pada akademik.

JUDUL NAMA UNIVERSITAS

Pengembangan Sistem Informasi M.A Muslim Universitas Negeri

Jurusan Berbasis Web Untuk Semarang
Meningkatkan Pelayanan Dan
Akses Informasi

Persamaan : Penelitian ini sama-sama membuat sistem informasi untuk jurusan

berbasis website.
Perbedaan : Sedangkan perbedaannya adalah penelitian ini mengembangkan
penelitian yang telah ada sebelummnya, yang dimana pengembangannya lebih
berfokus pada pelayanan dan akses informasi akademik.
 18

JUDUL NAMA UNIVERSITAS

Perancangan Sistem Informasi Irpan Isa, Dkk Universitas Negeri

Administrasi Jurusan Berbasis Gorontalo
Web

Persamaan : Penelitian ini sama-sama mengambil studi jurusan sebagai obejek

penelitian dan sama-sama memiliki fitur penyampaian informasi berbasis website
kepada mahasiswa.
Perbedaan : Sedangkan perbedaannya adalah penelitian ini lebih fokus kepada
kegiatan-kegiatan jurusan yang dapat diketahui perkebangannya oleh mahasiswa.
 BAB III
METODE PENELITIAN
3.1. Waktu dan Tempat Penelitian
3.1.1. Waktu Penelitian

Adapun waktu riset penelitian dilaksanakan dari tanggal 12 Januari 2022

sampai dengan 9 Juni 2023 pada Program Studi Sistem Informasi Universitas Dipa

Makassar.

3.1.2. Tempat Penelitian

Tempat penelitian dilakukan di program studi sistem informasi Universitas

Dipa Makassar, beralamat Jl. Perintis Kemerdekaan No.KM.9, Tamalanrea Indah,

Kec. Tamalanrea, Kota Makassar, Sulawesi Selatan 90245.

3.2. Alat dan Bahan

3.2.1. Alat Penelitian

Dalam penelitian perancangan sistem informasi program studi sistem

informasi Universitas Dipa Makassar, alat yang digunakan adalah sebagai berikut:

1. Perangkat Keras

a. Perangkat Komputer atau Laptop. 32/64 bit architecture processor, minimal

8 GB Random Access Memory (RAM), Sistem Operasi Windows 10/11, dan

SSD 125 GB

b. Printer Dokumen untuk mencetak data.

c. Smartphone Oppo A92.

d. Kabel Usb to Tipe C.

19
 20

2. Perangkat lunak

a. XAMPP

b. Sublime Text

c. Microsoft Word 2019.

d. Draw.io.

e. Web Broser: chrome, Mozilla Firefox.

3.2.2. Bahan Penelitian

Bahan yang digunakan untuk penelitian adalah data-data yang didapatkan

dari hasil wawancara langsung dengan kepala Prodi Sistem Infromasi Universitas

Dipa Makassar. Dari wawancara tersebut dapat diketahui apa saja kebutuhan yang

diperlukan untuk membangun aplikasi.

3.3. Jenis Penelitian

Adapun jenis penelitian yang digunakan pada penelitian ini adalah penelitan

kualitatif. Penelitian kualitatif merupakan penelitian tentang riset yang bersifat

deskriptif dan cenderung menggunakan analisis.

Penelitian kualitatif dilakukan agar pengamatan dan kajian yang dilakukan

mampu diungkap secara ilmiah sehingga studi kasus dilakukan mendalam serta

terperinci. Landasan teori dimanfaatkan sebagai pemandu agar fokus penelitian

sesuai dengan fakta di lapangan. Selain itu landasan teori juga bermanfaat untuk

memberikan gambaran umum tentang latar penelitian dan sebagai bahan

pembahasan hasil penelitian.

 21

3.4. Pengumpulan Data

Pengumupan data yang dilakukan dalam penelitian ini adalah sebagai
berikut :

1. Studi Literatur

Studi literatur yang dilakukan untuk mendapatkan data-data yang sifatnya

teoritis yaitu dengan cara membaca buku, laporan penelitian, jurnal ilmiah, dan

catatan yang ditulis oleh penulis, berusaha mencari sumber-sumber teori yang

relevan sesuai dengan tema dan permasalahan penelitian yang telah ditetapkan

sehingga penelitian yang dihasilkan sesuai dengan yang diharapkan.

2. Wawancara

Wawancara yang dilakukan untuk mengumpulkan data melalui tatap muka

dan tanya jawab langsung antara penulis selaku pengambil data terhadap kepala

program studi sistem informasi Universitas Dipa Makassar dan beberapa

mahasiswa pada program studi sistem informasi sebagai narasumber / sumber data.

3. Observasi

Studi lapangan (observasi) dilakukan dengan langsung terjun ke lapangan

untuk mengamati permasalahan yang terjadi secara langsung di tempat kejadian

secara sistematik kejadian-kejadian, perilaku, objek-objek yang dilihat dan hal-hal

lain yang diperlukan dalam mendukung penelitian yang sedang berlangsung. Dalam

penelitian ini, peneliti melakukan pengamatan langsung ke lokasi-lokasi yang

dianggap perlu dalam penelitian ini seperti mengunjungi program studi sistem

informasi Universitas Dipa Makassar untuk diamati.

 22

3.5. Analisis Data

Teknik analisis data bertujuan menguraikan dan memecahkan masalah yang

ada berdasarkan data yang diperoleh. Teknik analisis data pada proses pembuatan

sistem informasi ini menggunakan metode kualitatif, yaitu metode pembahasan

yang menganalisis serta membahas permasalahan dalam bentuk kalimat atau kata-

kata yang kemudian dilakukan analisis guna mendapat kesimpulan. Menggunakan

metode kualitatif karena data kualitatif bersifat induktif. Artinya, suatu analisis

berdasarkan data yang diperoleh, kemudian dikembangkan sesuai dengan pola

tertentu untuk menjadi hipotesis.

Teknik analisis data penelitian kualitatif dilakukan dalam tiga tahap berikut,

diantaranya adalah analisis data sebelum di lapangan, analisis data di lapangan, dan

analisis data selesai di lapangan.

a. Analisis Data Sebelum di Lapangan

Dalam tahap ini dilakukan analisa terhadap data hasil studi pendahuluan,

atau data sekunder yang akan digunakan untuk menentukan fokus penelitian.

Fokus penelitian pada tahap ini masih bersifat sementara, dan akan berkembang

setelah melakukan penelitian di lapangan.

b. Analisis Selama di Lapangan

Pada tahap ini, analisis data dilakukan dengan mengumpulkan data program

studi secara langsung melalui wawancara dengan ketua progam studi sistem

informasi Universitas Dipa Makassar. Pada tahap ini, wawancara dilakukan sampai

memperoleh data yang valid.

 23

c. Analisis Data Selesai di Lapangan

Tahap analisis data selesai di lapangan, merupakan tahap kajian-kajian

atas data yang telah diperoleh untuk memperoleh gambaran umum dan

menyeluruh dari objek penelitian atau situasi.

3.6. Metode Perancangan Aplikasi

Metode perencanaan aplikasi yang digunakan adalah waterfall. Dengan

metode ini potensi kerugian akibat kesalahan pada proses sebelumnya bisa

diminimalkan karena proses perancangan aplikasi dengan metode Waterfall adalah

suatu proses pengembangan perangkat lunak berurutan, proses pada Waterfall terus

mengalir ke bawah (seperti air terjun) melewati fase-fase perencanaan, permodelan,

implementasi (konstruksi), dan pengujian (Pressman, 2002). Adapun Tahapan

tahapan dari metode waterfall adalah sebagai berikut:

1. Requirement Analysis

Seluruh kebutuhan software harus bisa didapatkan, termasuk didalamnya

kegunaan software yang diharapkan pengguna dan batasan software.

2. System Design

Sebelum melakukan coding, terlebih dahulu memberikan gambaran apa

yang seharusnya dikerjakan dan bagaimana tampilannya.

3. Implementation

Pembuatan software dipecah menjadi modul-modul kecil yang nantinya

akan digabungkan dalam tahap berikutnya.

4. Integration dan Testing

Penggabungan modul-modul yang sudah dibuat dan dilakukan pengujian.

 24

5. Operation dan Maintenance

Software yang sudah jadi dijalankan serta dilakukan pemeliharaan.

3.7. Metode Pengujian

Gambar 3.1 Black Box

Metode pengujian yang digunakan pada penelitian ini adalah metode

pengujian langsung yaitu dengan menggunakan pengujian Black Box. Digunakan

untuk menguji fungsi-fungsi khusus dari perangkat lunak yang dirancang.

Kebenaran perangkat lunak yang diuji hanya dilihat berdasarkan keluaran yang

dihasilkan dari data atau kondisi masukan yang diberikan untuk fungsi yang ada

tanpa melihat bagaimana proses untuk mendapatkan keluaran tersebut. Dari

keluaran yang dihasilkan, kemampuan program dalam memenuhi kebutuhan

pemakai dapat diukur sekaligus dapat diiketahui kesalahan-kesalahannya. Dalam

pengujian ini akan ada beberapa tahapan pengujian yang akan dilakukan, antara

lain:

3.7.1. Pengujian Aplikasi

Pengujian interface ini bertujuan untuk mengetahui fungsionalitas dari

elemen-elemen interface yang terdapat pada tiap form bekerja dengan baik. Adapun

rencana kasus uji pada pengujian Interface ini dapat dilihat pada tabel 3.1
 25

Tabel 3.1 Kasus Uji Pengujian Aplikasi

No Kasus Uji Hasil yang diharapkan

1. Tombol login Memverifikasi username dan password
Yang di ketikan user
2. Tombol login chat Memverifikasi username dan password
Yang di ketikan user
3. Menu laporan Kesesuaian laporan pengaduan yang
dilaporkan mahasiswa kepada admin
4. Menu postingan Admin dapat memposting informasi atau
pengumuman pada tampilan home

5. Menu kelola mahasiswa Dapat melakukan update data

mahasiswa
6. Tombol logout Mengarahkan user ke tampilan home
7. Textfield id room Kesesuain room dan id room yang
dimasukkan
 BAB IV
HASIL PENELITIAN DAN PEMBAHASAN

4.1. Tahap Analisis

Tahap analisis dilakukan setelah peneliti melakukan observasi dan

wawancara kepada ketua program studi Sistem Informasi (SI) Universitas Dipa

Makassar. Permasalahan yang diitentifikasi dari hasil wawancara dan observasi

yaitu program studi SI Universitas Dipa Makassar belum meliliki sebuah sistem

informasi yang dapat menyampaikan sebuah informasi kepada mahasiswa secara

cepat dan merata.

Peneliti menyimpulkan bahwa perlu adanya pembuatan sebuah sistem

informasi program studi SI di Universitas Dipa Makassar berbasis web. Pembuatan

sistem tersebut bertujuan untuk membantu ketua program studi SI dalam

menyampaikan sebuah informasi kepada mahasiswa SI secara cepat dan merata

serta memudahkan mahasiswa SI untuk mendapatkan informasi terkini seputar

program studinya. Berdasarkan kesimpulan tersebut, peneliti menganalisis

kebutuhan yang diperlukan dalam perancangan Sistem Informasi Program Studi

Sistem informasi Universitas Dipa Makassar Berbasis Web sebagai berikut:

4.1.1. Analisis Kebutuhan Sistem

Secara garis besar, fungsi dan fitur yang dibutuhkan dalam sistem ini di

antaranya:

1. Sistem informasi yang dibangun dapat membantu tugas dari administrator

dalam menyampaikan informasi kepada mahasiswa.

2. Sistem informasi yang dibangun dapat mempermudah mahasiswa untuk

26
 27

melihat informasi atau pengumuman yang disampaikan oleh ketua jurusan.

3. Sistem informasi yang dibangun dapat mempermudah mehasiswa dalam

melaporkan sebuah masalah yang di alami seputar jurusannya di Universitas

Dipa Makassar seperti tabrakan kelas dan masalah-masalah lainnya.

4.1.2. Realisasi Use Case Analisis

Berdasarkan uraian analisis kebutuhan di atas kemudian dideskripsikan

dengan menggunakan use case diagram seperti pada gambar berikut:

Gambar 4.1 Use Case Diagram Analisis

 28

Dari gambar use case diagram di atas penulis membuat keterangan sebagai

berikut :

1. Admin dimulai dengan login terlebih dahulu lalu bertindak sebagai aktor

yang mempunyai hak mengelola data yaitu mengelola isi web yang ada pada

home aplikasi seperti mengelola berita, mengelola agenda, mengelola

mahasiswa, mengelola pengumuman internal untuk membagikan

pengumuman penting yang hanya di ketahui oleh mahasiswa saja dan

external untuk pengumuman yang bersifat umum yang dapat dilihat oleh

siapa saja yang berkunjung ke halaman web, kemudian mengelola profil

web sepeti visi misi, tujuan, profil prodi, matakuliah unggulan, mengelola

iklan web, mengelola tampilan web, mengelola chat room, mengelola

laporan pengaduan, kelola laporan pengaduan yang oleh mahasiswa sistem

informasi, dan lain sebagainya. Untuk fitur chat, admin dapat membuat grub

yang otomatis memiliki id room yang dapat di lihat oleh seluruh mahasiswa

sistem informasi, danadmin juga dapat melakukan pemblokiran akun

kepada mahasiwa yang kedapatan melakukan hal-hal yang tidak

bertanggung jawab.

2. Kemudian aktor kedua adalah mahasiswa yang dapat mengakses informasi

yang diberikan oleh admin secara umum pada halaman home tanpa

membutuhkan login dan pengumuman privat, mahasiswa juga dapat

mengakses beberapa informasi seperti berita, agenda, profil, download file

dan lain sebagainya. Pada halaman home dapat diakses walau bukan

mahasiswa karena informasi yang di posting di halaman home adalah

 29

informasi yang bersifat umum, namun masih dalam ruang lingkup akademik

tentunya. Kemudian mahasiswa juga dapat melihat forum yang ada pada

web untuk berdiskusi yang di lempar oleh admin ataupun antar mahasiswa

yang memiliki fitur komentar. Untuk fitur chat mahasiswa perlu login

kemudian melihat list room yang ingin dimasuki dan mengambil id room

dari list tersebut lalu masukkan ke kolom pencarian room untuk bergabung

dan dapat saling berkomunikasi secara real-time.

4.2. Tahap Desain

Pada tahap ini terdapat beberapa proses yang harus dilakukan dalam

pengembangan sistem informasi, di antaranya adalah pembuatan rancangan desain

Unified Modeling Language (UML), pembuatan rancangan desain database, dan

pembuatan rancangan desai User Interface.

4.2.1. Perancangan Desain Unified Modeling Language (UML)

Pada tahap pembuatan rancangan Unified Modeling Language (UML) akan

diilustrasikan mengenai rancangan sistem yang akan diterapkan. Beberapa diagram

yang digambarkan menggunaka UML di antaranya yaitu: Activity Diagram, Class

Diagram, dan Sequence Diagram.

1. Activity Diagram

Pada proses pembuatan sistem informasi program studi SI Universitas Dipa

Makassar berbasis web, activity diagram dirancang untuk memberikan gambaran

mengenai alur kerja dari sistem.

Berikut adalah activity diagram yang dapat dilihat pada Gambar 4.4 sampai
4.10.
 30

a. Activity diagram login user

Gambar 4.2 Activity Diagram Login User

b. Activity diagram tambah data

Gambar 4.3 Activity Diagram Tambah Data

 31

c. Activity diagram edit data

Gambar 4.4 Activity Diagram Edit Data

d. Activity diagram hapus data

Gambar 4.5 Activity Diagram Hapus Data

 32

e. Activity diagram pencarian data

Gambar 4.6 Activity Diagram Pencarian Data

f. Activity diagram upload data

Gambar 4.7 Activity Diagram Upload Data

 33

g. Activity diagram download data

Gambar 4.8 Activity Diagram Download Data

3. Sequence Diagram

Sequence diagram adalah diagram yang berisi gambaran mengenai interaksi

dari satu proses menuju proses yang lainnya sesuai dengan alur yang dilalui.

Sequence diagram mewakili bagaimana objek di dalam sistem saling berinteraksi.

Berikut adalah sequence diagram yang dapat dilihat pada Gambar 19-26.

a. Sequence diagram login

Gambar 4.9 Sequence Diagram Login

 34

b. Sequence diagram tambah data

Gambar 4.10 Sequence Diagram Tambah data

c. Sequence diagram edit data

Gambar 4.11 Sequence Diagram Edit Data

 35

d. Sequence diagram hapus data

Gambar 4.12 Sequence Diagram Hapus Data

e. Sequence diagram pencarian data

Gambar 4.13 Sequence Diagram Pencarian Data

 36

f. Sequence diagram upload data

Gambar 4.14 Sequence Diagram Upload Data

g. Sequence diagram download data

Gambar 4.15 Sequence Diagram Download Data

4. Class Diagram
 37

Diagram kelas yang akan diterapkan pada sistem informasi program

studi SI Universitas Dipa Makassar dapat dilihat pada gambar 4.18.

Gambar 4.16 Class Diagram

4.2.2. Design Database

Design database adalah menentukan struktur dari tabel-tabel yang akan

 38

dibuat berisikan nama-nama field, type field dan ukurannya, dimana tabel-tabel

tersebut digunakan untuk menampung data. Adapun desain tabel Sistem Informasi

Program Studi Sisitem Informasi Universitas Dipa Makassar dapat dilihat dibawah

ini:

1. Tabel agenda

Tabel agenda digunakan untuk menampung data agenda kegiatan yang

meliputi id_agenda, tema, tema_seo, isi_agenda, tempat, pengirim, gambar,

tgl_mulai, tgl_selesai, tgl_posting, jam, dibaca, username.

Primary Key : id_agenda

Tabel 4.1 Desain Tabel agenda

No Nama Field Tipe Data Ukuran
1 id_agenda int 5
2 tema varchar 100
3 tema_seo varchar 100
4 isi_agenda text
5 tempat varchar 100
6 pengirim varchar 100
7 gambar varchar 100
8 tgl_mulai date
9 tgl_selesai date
10 tgl_posting date
11 jam varchar 50
12 dibaca int 5
13 username varchar 50

2. Tabel album

Tabel album digunakan untuk menampung data album yang meliputi

id_album, jdl_albuml, album_seo, keterangani, gbr_album, aktif, hits_album,

tgl_posting, jam, hari, username.

Primary Key : id_album

Tabel 4.2 Desain Tabel album

 39

No Nama Field Tipe Data Ukuran

1 id_album int 5
2 jdl_album varchar 100
3 album_seo varchar 100
4 keterangan text
5 gbr_album varchar 100
6 aktif enum Y,N
7 hits_jam int 5
8 tgl_posting date
9 jam time
10 hari varchar 20
11 username varchar 50

3. Tabel background

Tabel background digunakan untuk menampung background warna yang

meliputi id_background dan gambar

Primary Key : id_background

Tabel 4.3 Desain Tabel background

No Nama Field Tipe Data Ukuran
1 id_background int 5
2 gambar varchar 225

4. Tabel banner

Tabel Banner digunakan untuk menampung data banner yang meliputi id

dan image.

Primary Key : id_banner

Tabel 4.4 Desain Tabel banner

No Nama Field Tipe Data Ukuran
1 id_banner int 5
2 judul varchar 100
3 url varchar 100
4 gambar varchar 100
5 tgl_posting date
 40

5. Tabel berita

Tabel berita digunakan untuk menampung data berita yang meliputi

id_berita, id_kategori, username, judul, sub_judul, youtube, judul_seo, headline,

aktif, utama, isi_berita, keterangan_gambar, hari, tanggal, jam, gambar, dibaca,

tag, dan status.

Primary Key : id_berita

Tabel 4.5 Desain Tabel berita

No Nama Field Tipe Data Ukuran
1 id_berita int 5
2 id_kategori int 5
3 username varchar 30
4 judul varchar 100
5 sub_judul varchar 255
6 yuotube varchar 100
7 judul_seo text
8 headline enum Y,N
9 aktif enum Y,N
10 utama enum Y,N
11 isi_berita longtext
12 keterangan_gambar text
13 hari varchar 20
14 tanggal date
15 jam time
16 gambar varchar 100
17 dibaca int 5
18 tag varchar 100
19 status enum Y,N
 41

6. Tabel download

Tabel download digunakan untuk menampung data-data file yang akan di

download yang meliputi id_download, judul, nama_file, tgl_posting, hits

Primary Key : id_download

Tabel 4.6 Desain Tabel download

No Nama Field Tipe Data Ukuran
1 id_download int 5
2 judul varchar 100
3 name_file varchar 100
4 tgl_posting date
5 hits int 3

7. Tabel gallery

Tabel gallery digunakan untuk menampung data gallery yang meliputi

id_gallery, id_album, username, jdl_gallery, gallery_seo, keterangan, gbr_gallery.

Primary Key : id_gallery

Tabel 4.7 Desain Tabel gallery

No Nama Field Tipe Data Ukuran
1 id_gallery int 5
2 id_album int 5
3 username varchar 50
4 jdl_gallery varchar 100
5 gallery_seo varchar 100
6 keterangan text
7 gbr_gallery varchar 1

8. Tabel halamanstatis

Tabel halamanstatis digunakan untuk menampung data halamanstatis

yang meliputi id_halaman, judul, judul_seo, isi_halaman, tgl_posting, gambar,

username, dibaca, jam dan hari.

 42

Primary Key : id_halaman

Tabel 4.8 Desain Tabel halamanstatis

No Nama Field Tipe Data Ukuran
1 id_halaman int 5
2 judul varchar 100
3 judul_seo varchar 100
4 isi_halaman text
5 tgl_posting date
6 gambar varchar 100
7 username varchar 50
8 dibaca int 5
9 jam time
10 hari varchar 20

9. Tabel header

Tabel header digunakan untuk menampung data header yang meliputi

id_header, judul, url, gambar, tgl_posting

Primary Key : id_header

Tabel 4.9 Desain Tabel header

No Nama Field Tipe Data Ukuran
1 id_header int 5
2 judul varchar 100
3 url varchar 100
4 gambar varchar 100
5 tgl_posting date

10. Tabel hubungi

Tabel hubungi digunakan untuk menampung data hubungi yang meliputi

id_hubungi, nama, email, subjek, pesan, tanggal, jam, dibaca, dan lampiran

Primary Key : id_hubungi

Tabel 4.10 Desain Tabel hubungi

No Nama Field Tipe Data Ukuran
 43

1 id_hubungi int 5
2 nama varchar 50
3 email varchar 100
4 subjek varchar 100
5 pesan text
No Nama Field Tipe Data Ukuran
6 tanggal date
7 jam time
8 dibaca enum Y,N
9 lampiran varchar 255

11. Tabel identitas

Tabel identitas digunakan untuk menampung data identitas wabsite yang

meliputi id_identitas, nama_wabsite, email, url, facebook, rekening, no_telp,

meta_deskripsi, meta_keyword, favicon, dan maps.

Primary Key : id_identitas

Tabel 4.11 Desain Tabel identitas

No Nama Field Tipe Data Ukuran
1 id_identitas int 5
2 nama_website varchar 100
3 email varchar 100
4 url varchar 100
5 facebook text
6 rekening varchar 100
7 no_telp varchar 20
8 meta_deskripsi varchar 250
9 meta_keyword varchar 250
10 favicon varchar 50
11 maps text

12. Tabel iklanatas

Tabel iklanatas digunakan untuk menampung data iklan atas yang

meliputi id_iklanatas, judul, username, url, source, gambar, dan tgl_posting.

Primary Key : id_iklanatas

 44

Tabel 4.12 Desain Tabe liklanatas

No Nama Field Tipe Data Ukuran
1 id_iklanatas int 5
2 judul varchar 100
3 username varchar 50
4 url varchar 100
No Nama Field Tipe Data Ukuran
5 source text
6 gambar varchar 100
7 tgl_posting date

13. Tabel iklantengah

Tabel iklantengah digunakan untuk menampung data iklan tengah yang

meliputi id_iklantengah, judul, username, url, source, gambar, tgl_posting, dan

posisi.

Primary Key : id_iklantengah

Tabel 4.13 Desain Tabel iklantengah

No Nama Field Tipe Data Ukuran
1 id_iklantengah int 5
2 judul varchar 100
3 username varchar 50
4 url varchar 100
5 source text
6 gambar varchar 100
7 tgl_posting date
8 posisi varchar 50

14. Tabel katajelek

Tabel katajelek digunakan untuk menampung data kata jelek yang

meliputi id_jelek, kata, username, dan ganti.

Primary Key : id_jelek

Tabel 4.14 Desain Tabel katajelek

 45

No Nama Field Tipe Data Ukuran

1 id_jelek int 11
2 kata varchar 60
3 username varchar 50
4 ganti varchar 60

15. Tabel kategori

Tabel kategori digunakan untuk menampung data kategori yang meliputi

id_kategori, nama_kategori, username, kategori_seo, aktif, sidebar, dan

gambar_utama.

Primary Key : id_kategori

Tabel 4.15 Desain Tabel kategori

No Nama Field Tipe Data Ukuran
1 id_kategori int 5
2 nama_kategori varchar 50
3 username varchar 50
4 kategori_seo varchar 100
5 aktif enum Y,N
6 sedebar int 10
7 gambar_utama text

16. Tabel komentar

Tabel komentar digunakan untuk menampung data komentar yang

meliputi id_komentar, id_berita, nama_komentar, url, isi_komentar, tgl,

jam_komentar, aktif, dan email.

Primary Key : id_komentar

Tabel 4.16 Desain Tabel komentar

No Nama Field Tipe Data Ukuran
1 id_komentar int 5
 46

2 id_berita int 5
3 nama_komentar varchar 100
4 url varchar 100
5 isi_komentar text
6 tgl date
7 jam_komentar time
8 aktif enum Y,N
9 email varchar 100

17. Tabel komentarvid

Tabel komentarvid digunakan untuk menampung data komentar video

yang meliputi id_komentar, id_video, nama_komentar, url, isi_komentar, tgl,

jam_komentar, dan aktif.

Primary Key : id_komentar

Tabel 4.17 Desain Tabel komentar

No Nama Field Tipe Data Ukuran
1 id_komentar int 5
2 id_video int 5
3 nama_komentar varchar 100
4 url varchar 100
5 isi_komentar text
6 tgl date
7 jam_komentar time
8 aktif enum Y,N

18. Tabel logo

Tabel logo digunakan untuk menampung data logo yang meliputi id_logo,

dan gambar.

Primary Key : id_logo

Tabel 4.18 Desain Tabel logo

 47

No Nama Field Tipe Data Ukuran

1 id_logo int 5
2 gambar varchar 100

19. Tabel menu

Tabel menu digunakan untuk menampung data menu yang meliputi

id_menu, id_perent, nama_menu, link, aktif, position, dan urutan.

Primary Key : id_menu

Tabel 4.19 Desain Tabel menu

No Nama Field Tipe Data Ukuran
1 id_menu int 5
2 id_parent int 5
3 nama_menu varchar 255
4 link varchar 100
5 aktif enum Ya,Tidak
6 position enum Top,Bottom
7 urutan int 3

20. Tabel massages

Tabel massages digunakan untuk menampung data pesan yang meliputi

msg_id, incoming_msg_id, room_id, outgoing_msg_id, msg, dan dibaca.

Primary Key : msg_id

Tabel 4.20 Desain Tabel massages

No Nama Field Tipe Data Ukuran
1 msg_id int 11
2 incoming_msg_id int 225
3 outgoing_msg_id int 225
4 msg varchar 225
5 dibaca enum Y.N

21. Tabel modul

 48

Tabel modul digunakan untuk menampung data modul yang meliputi

id_modul, nama_modul, username, link, static_conten, gambar, publish, status,

aktif,urutan, dan link_seo.

Primary Key : id_modul

Tabel 4.21 Desain Tabel modul

No Nama Field Tipe Data Ukuran
1 id_modul int 5
2 nama_modul varchar 50
3 username varchar 50
4 link varchar 100
5 static_content text
No Nama Field Tipe Data Ukuran
6 gambar varchar 100
7 publish enum Y,N
8 status enum user,admin
9 aktif enum Y,N
10 urutan int 5
11 link_seo varchar 50

22. Tabel mod_alamat

Tabel mod_alamat digunakan untuk menampung data alamat yang

meliputi id_alamat, dan alamat.

Primary Key : id_alamat

Tabel 4.22 Desain Tabel mod_alamat

No Nama Field Tipe Data Ukuran
1 id_alamat int 5
2 alamat text

23. Tabel mod_pengumuman

Tabel mod_pengumuman digunakan untuk menampung data

pengumuman yang meliputi id_pengumuman, pengumuman, dibaca, dan tanggal.

 49

Primary Key : id_pengumuman

Tabel 4.23 Desain Tabelmod_pengumuman

No Nama Field Tipe Data Ukuran
1 id_pengumuman int 5
2 pengumuman text
3 dibaca enum Y,N
4 tanggal datetime

24. Tabel mod_ym

Tabel mod_ym digunakan untuk menampung data icon yang meliputi id,

nama, username, dan ym_icon.

Primary Key : id

Tabel 4.24 Desain Tabel mod_ym

No Nama Field Tipe Data Ukuran
1 id int 11
2 nama varchar 255
3 username varchar 50
4 ym_icon int 3

25. Tabel pasangiklan

Tabel pasangiklan digunakan untuk menampung data pasang iklan yang

meliputi id_pasangiklan, judul, username, url, source, gambar, dan tgl_posting

Primary Key : id_pasangiklan

Tabel 4.25 Desain Tabel pasangiklan

No Nama Field Tipe Data Ukuran
1 id_pasangiklan int 5
2 judul varchar 100
3 username varchar 50
4 url varchar 100
5 source text
6 gambar varchar 100
 50

7 tgl_posting date

26. Tabel playlist

Tabel playlist digunakan untuk menampung data playlist yang meliputi

id_playlist, jdl_playlist, username, playlist_seo, gbr_playlist, dan aktif.

Primary Key : id_playlist

Tabel 4.26 Desain Tabel playlist

No Nama Field Tipe Data Ukuran
1 id_playlist int 5
2 jdl_playlist varchar 100
3 username varchar 50
4 playlist_seo varchar 100
5 gbr_playlist varchar 100
6 aktif enum Y,N

27. Tabel poling

Tabel poling digunakan untuk menampung data poling yang meliputi

id_poling, pilihan, status, username, rating, dan aktif

Primary Key : id_poling

Tabel 4.27 Desain Tabel poling

No Nama Field Tipe Data Ukuran
1 id_poling int 5
2 pilihan varchar 100
3 status varchar 20
4 username varchar 50
5 rating int 5
6 aktif enum Y,N

28. Tabel sekilasinfo

Tabel sekilasinfo digunakan untuk menampung data sekilas info yang

meliputi id_sekilasinfo, info, tgl_posting, gambar, dan aktif

 51

Primary Key : id_sekilas

Tabel 4.28 Desain Tabel sekilasinfo

No Nama Field Tipe Data Ukuran
1 id_sekilas int 5
2 info varchar 100
3 tgl_posting date
4 gambar varchar 100
5 aktif enum Y,N

29. Tabel statistik

Tabel statistik digunakan untuk menampung data statistik yang meliputi

ip, tanggal, hits, dan online.

Tabel 4.29 Desain Tabel statistik

No Nama Field Tipe Data Ukuran
1 ip varchar 20
2 tanggal date
3 hits int 10
4 online varchar 255
30. Tabel tag

Tabel tag digunakan untuk menampung data tag yang meliputi id_tag,

nama_tag, username, tag_seo dan count.

Primary Key : id_tag

Tabel 4.30 Desain Tabel tag

No Nama Field Tipe Data Ukuran
1 id_tag int 5
2 nama_tag varchar 100
3 username varchar 50
4 tag_seo varchar 100
5 count int

31. Tabel tagvid

Tabel tagvid digunakan untuk menampung data tagvid yang meliputi

 52

id_tag, nama_tag, username, tag_seo, dan count.

Primary Key : id_tag

Tabel 4.31 Desain Tabel tagvid

No Nama Field Tipe Data Ukuran
1 id_tag int 5
2 nama_tag varchar 100
3 username varchar 50
4 tag_seo varchar 100
5 count int 5

32. Tabel tbl_comment

Tabel tbl_comment digunakan untuk menampung data tbl comment yang

meliputi id_komentar, reply, nama_lengkap, alamat_email, isi_pesan,

tanggal_komentar, dan jam_komentar.

Primary Key : id_komentar

Tabel 4.32 Desain Tabel tbl_comment

No Nama Field Tipe Data Ukuran
1 id_komentar int 5
2 reply int 5
3 nama_lengkap varchar 150
4 alamat_email varchar 150
5 isi_pesan text
6 tanggal_komentar date 100
7 jam_komentar time 20

33. Tabel tbl_nicepage

Tabel tbl_nicepage digunakan untuk menampung data tbl nicepage yang

meliputi id, key dan, value.

Primary Key : id
 53

Tabel 4.33 Desain Tabel tbl_nicepage

No Nama Field Tipe Data Ukuran
1 id int 5
2 key varchar 255
3 value text

34. Tabel tbl_nicepage_client

Tabel tbl_nicepage_client digunakan untuk menampung data tbl nicepage

client yang meliputi id_client, nama, dan logo.

Primary Key : id_ client

Tabel 4.34 Desain Tabel tbl_nicepage_client

No Nama Field Tipe Data Ukuran
1 id_client int 5
2 nama varchar 255
3 logo varchar 255

35. Tabel tbl_nicepage_pengumuman

Tabel tbl_nicepage_pengumuman digunakan untuk menampung data tbl

nicepage pengumuman yang meliputi id_pengumuman, username, judul_seo,

judul, gambar, deskripsi, dibaca, dan tanggal.

Primary Key : id_ pengumuan

Tabel 4.35 Desain Tabel tbl_nicepage_pengumuman

No Nama Field Tipe Data Ukuran
1 username varchar 50
2 id_pengumuman int 5
3 judul_seo varchar 255
4 judul varchar 255
5 gambar varchar 255
6 deskripsi text
7 dibaca int
8 tanggal date
 54

36. Tabel tbl_nicepage_portfolio

Tabel tbl_nicepage_portfolio digunakan untuk menampung data tbl

nicepage portfolio yang meliputi id_portfolio, nama_project, nama_client, url,

deskripsi, dan image.

Primary Key : id_ portfolio

Tabel 4.36 Desain Tabel tbl_nicepage_portfolio

No Nama Field Tipe Data Ukuran
1 id_portfolio int 5
2 nama_project varchar 255
3 nama_client varchar 100
4 url text
5 deskripsi text
6 image varchar 255

37. Tabel tbl_nicepage_team

Tabel tbl_nicepage_team digunakan untuk menampung data tbl nicepage

team yang meliputi id_team, nama, jabatan, photo, socmed_fb, socmed_twitter,

socmed_ig,dan socmed_linkedin.

Primary Key : id_ team

Tabel 4.37 Desain Tabel tbl_nicepage_team

No Nama Field Tipe Data Ukuran
1 id_team int 5
2 nama varchar 255
3 jabatan varchar 255
4 photo varchar 255
5 socmed_fb varchar 100
6 socmed_twitter varchar 100
7 socmed_ig varchar 100
8 socmed_linkedin varchar 100
 55

38. Tabel tbl_nicepage_testimoni

Tabel tbl_nicepage_testimoni digunakan untuk menampung data tbl

nicepage testimoni yang meliputi id_testimoni, nama, profesi, photo, dan

testimoni

Primary Key : id_ testimoni

Tabel 4.38 Desain Tabel tbl_nicepage_testimoni

No Nama Field Tipe Data Ukuran
1 id_testimoni int 5
2 nama varchar 255
3 profesi varchar 255
4 photo varchar 255
5 testimoni text

39. Tabel templates

Tabel templates digunakan untuk menampung data templates yang

meliputi id_templates, judul, username, pembuat, folder, dan aktif.

Primary Key : id_ templates

Tabel 4.39 Desain Tabel templates

No Nama Field Tipe Data Ukuran
1 id_templates int 5
2 judul varchar 100
3 username varchar 50
4 pembuat varchar 50
5 folder varchar 50
6 aktif enum Y,N

40. Tabel users

Tabel users digunakan untuk menampung data pengguna dalam sebuah

room chat yang meliputi user_id, unique_id, username, password,

 56

nama_lengkap, email, no_telp, foto, level, blokir, dan id_session.

Primary Key : user_id

Tabel 4.40 Desain Tabel users

No Nama Field Tipe Data Ukuran
1 user_id 11
2 unique_id 225
3 username varchar 50
4 password varchar 255
5 nama_lengkap varchar 100
6 email varchar 100
7 no_telp varchar 20
8 foto varchar 100
9 level varchar 20
10 status varchar 225
11 blokir enum Y,N
12 id_session varchar 255

41. Tabel user_modul

Tabel tbl_nicepage_client digunakan untuk menampung data user modul

yang meliputi id_umod, id_session, dan id_modul.

Primary Key : id_ umod

Tabel 4.41 Desain Tabel user_modul

No Nama Field Tipe Data Ukuran
1 id_umod int 11
2 id_session varchar 255
3 id_modul int 11

42. Tabel video

Tabel video digunakan untuk menampung data video yang meliputi

id_video, id_playlist, username, jdl_video, video_seo, keterangan, gbr_video,

video, youtube, dilihat, hari, tanggal, jam, dan tagvid

Primary Key : id_ video

 57

Tabel 4.42 Desain Tabel video

No Nama Field Tipe Data Ukuran
1 id_video int 11
2 id_playlist varchar 255
3 username int 11
4 jdl_video varvhar 100
5 video_seo varchar 100
6 keterangan text
7 gbr_video varchar 100
8 video varchar 100
9 youtube varchar 100
10 dilihat int 7
11 hari varchar 20
12 tanggal date
13 jam time
14 tagvid varchar 100

4.2.3. Perancangan User Interface

Berikut merupakan beberapa rancangan desain user interface Sistem

Informasi Program Studi Sistem Informasi Universitas Dipa Makassar Berbasis

Web.

1. Desain User Interface Halaman Home

 58

Gambar 4.17 Desain User Interface Halaman Home

2. Desain User Interface Halaman Home Postingan

Gambar 4.18 Desain User Interface Halaman Home Postingan

2. Desain User Interface Halaman Admin

 59

Gambar 4.19 Desain User Interface Halaman Admin

3. Desain User Interface Halaman Mahasiswa

Gambar 4.20 Desain User Interface Halaman Mahasiswa

4. Desain User Interface Halaman Chat Room Home

 60

Gambar 4.21 Desain User Interface Halaman Chat Room Home

5. Desain User Interface Halaman Chat View

Gambar 4.22 Desain User Interface Halaman Chat View

4.3. Tahap Implementasi

4.3.1. Implementasi Interface (Antarmuka)
 61

Berikut ini merupakan hasil implementasi desain interface (antarmuka) dari

sistem informasi program studi sistem informasi yang telah dibuat.

1. Halaman Home video slider

Gambar 4.23 Halaman Home video slider

2. Halaman Home informasi slider

Gambar 4.24 Halaman informasi slider

3. Halaman Home sambutan ketua program studi
 62

Gambar 4.25 Halaman Home sambutan ketua program studi

4. Halaman Home visi misi dan tujuan

Gambar 4.26 Halaman Home visi misi dan tujuan

5. Halaman Home pengumuman

 63

Gambar 4.27 Halaman Home pengumuman

6. Halaman Home bawah

Gambar 4.28 Halaman Home bawah

7. Halaman Chat Home

 64

Gambar 4.29 Halaman Chat Home

8. Halaman Chat View

Gambar 4.30 Halaman Chat View

4.3.2. Implementasi Pengujian Aplikasi

 65

Fungsi Test Faktor Skenario Hasil Yang Validasi

Pengujian Diharapkan

Login User menginputkan Jika username dan OK

username dan password yang
password yang diinputkan user
benar benar maka
sistem akan
dialihkan ke
halaman
dashboard, jika
admin maka
akan ke halaman
admin, dan jika
user biasa maka
akan ke halaman
user
 66

• Jika Admin :

1. Pengujian Login Benar

Tabel 4.43 Implementasi pengujian fungsi login benar
 67

• Jika User Biasa :

2. Pengujian Pembatasan Login

Tabel 4.44 Implementasi pengujian pembatasan login

Fungsi Test Faktor Skenario Hasil Yang Validasi

Pengujian Diharapkan

Login User menginputkan Jika username pada OK

username pada digit ke tiga
digit ke tiga bukanlah satu/
bukan angka bukan
satu merupakan NIM
mahasiswa
sistem informasi,
maka sistem
akan
 68

mengirimkan
pesan “ Anda
bukan
mahasiswa
sistem
informasi!!”

3. Pengujian Login Salah

Tabel 4.45 Implementasi pengujian fungsi login salah
 69

Fungsi Test Faktor Skenario Hasil Yang Validasi

Pengujian Diharapkan

Login User menginputkan Jika username atau OK

username atau password yang
password yang diinputkan user
salah salah maka
sistem akan
mengirimkan
pesan
“Username dan
Password
Salah!!”

4. Pengujian Menu Pengaduan

Tabel 4.46 Implementasi pengujian fungsi pengaduan mahasiswa

Fungsi Test Faktor Hasil Yang Validasi

Skenario Diharapkan
Pengujian
 70

Pengaduan User mengklik Admin akan OK

tombol menerima
laporkan notifikasi
masalah laporan
kemudian mahasiswa dan
mengisi membaca isi
laporan pesannya
pengaduan

5. Pengujian Postingan
Tabel 4.47 Implementasi pengujian fungsi postingan

Fungsi Test Faktor Hasil Yang Validasi

Skenario Diharapkan
Pengujian

Pengumuman Admin Postingan admin OK

menginputkan akan tampil
postingan pada hlaman
home
 71

6. Pengujian Logout
Tabel 4.48 Implementasi pengujian fungsi logout

Fungsi Test Faktor Hasil Yang Validasi

Skenario Diharapkan
Pengujian

Logout User atau admin User atau admin OK

mengklik akan dialihkan
tombol logout ke halaman
home aplikasi

7. Pengujian Kelola User

Tabel 4.49 Implementasi pengujian fungsi kelola user
 72

Fungsi Test Faktor Hasil Yang Validasi

Skenario Diharapkan
Pengujian

Kelola Admin mengupdate Jika data yang OK

user data diinputkan
mahasiswa memenuhi
validasi, sepeti
validasi ukuran
gambar, maka
data user yang
diubah akan
sukses berubah
dan pada
database juga
akan berubah
sesuai yang
diinputkan
sebelumnya.
 73

8. Pengujian Id Room
Tabel 4.50 Implementasi pengujian fungsi id room

Fungsi Test Faktor Hasil Yang Validasi

Skenario Diharapkan
Pengujian
 74

Id Room User mengklik Admin akan OK

tombol join mengklik
room dan tombol
melihat daftar konfirmasi
room yang login user
tersedia, untuk
kemudian user bergabung ke
memasukkan grub, dan bila
id room yang di terima user
ingin di masuki akan masuk ke
pada textfield grub dan dapat
pencarian room melakukan
dan mengklik kontak
tombol request
join
75
 BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan pembahasan pada bab - bab sebelumnya, maka dapat ditarik

kesimpulan :

1. Perancangan Sistem informasi program studi Sistem Informasi Universitas

Dipa Makassar berbasis web yang dibuat menggunakan framework

codeigniter dapat menampilkan informasi mengenai program studi,

sehingga bagi pengakses website baik itu pengunjung maupun pihak

mahasiswa bisa untuk memperoleh informasi mengenai program studi

Sistem Informasi secara cepat yang telah di inputkan oleh admin website.

2. Aplikasi website yang telah dibangun ini berhasil menampilkan beberapa

info seperti profil jurusan,visi-misi, berita prodi, chatting room, forum

diskusi, serta kotak komentar (saran) yang ditujukan kepada pengakses

website.

5.2 Saran

1. Pembuatan website ini masih sangat terbilang sederhana, terutama dari

segi tampilan dan segi keamanan, ada baiknya untuk tahap pengembangan

sistem baru diharapkan dibuat semenarik mungkin dan dikembangkan lebih

lanjut dengan tambahan informasi yang lebih lengkap lagi yang pastinya

bisa lebih bermanfaat bagi pengelola dan pengguna website tersebut.

71
 72

2. Perancangan website ini diharapkan bisa lebih interaktif agar informasi

yang diinginkan pengguna dapat lebih bermanfaat lagi.

3. Dengan adanya tugas akhir yang telah dibuat dengan menggunakan

framework ci diharapkan pihak prodi SI Universitas Dipa Makassar yang

bersangkutan dapat memanfaatkan program ini.

 Daftar Pustaka

Mohamad Subhan, (2012). Analisa Perancangan Sistem: CV. Andi Offset,

Yogyakarta.
Dodi Triwibowo, Rinta Kridalukmana, Kurniawan Teguh Martono. 2015.
Pembuatan Aplikasi Terintegrasi, Pendataan Barang di Gudang Berbasis
Android. Jurnal . Semarang : Universitas Diponegoro.
Nafisah, Syifaun. (2003). Grafika Komputer. Jakarta: Graha Ilmu.
Agus, Putu (2011). "Sistem Informasi dan Implementasinya" Bandung: Informatika.
Ladjamudin, Al-Bahra (2005). Analisis dan Desain Sistem Informasi. Yogyakarta:
ANDI.
Muharto, dan Ambarita Arisandy, 2016, Metode Penelitian Sistem Informasi,
Yogyakarta: Deepublish.
Mulyani, S. (2017). Pengertian Activity Diagram. In Analisis dan Perancangan
Sistem Informasi Manajemen Keuangan Daerah: Notasi Pemodelan
Unified Modeling Language (UML).
Kertahadi, 2007. Pengertian sistem menurut para ahli. Diambil dari :
http://www.seputarilmu.com/2015/12/10-pengertian-sistem-informasi-
menurut.html.
Nash, John F. 1995. Pengertian Sistem Informasi. Jakarta : Informatika.
UU 12 tahun 2012. Pengertian rogram studi. Diambil dari :
https://www.jogloabang.com/pustaka/uu-12-2012-pendidikan-tinggi
Hidayat, Rahmat. (2010). Cara Praktis Membangun Website Gratis : Pengertian
Website. Jakarta : PT Elex Media Komputindo Kompas, Granedia
Dani Ainur Rivai. (2013). PEMBUATAN WEBSITE PROFIL SEKOLAH
MENENGAH KEJURUAN (SMK) MIFTAHUL HUDA NGADIROJO.
In IJNS-Indonesian Journal on Networking and Security-ijns.apmmi.org
IJNS (Vol. 2, Issue 3).
Ariyanto. (2018). Sistem Pakar Diganosa Penyakit Ginjal Berbasis Andorid.
Kustiyaningsih, Yeni. (2011) .Pemrograman Basis Data berbasis Web

73
 74

Menggunakan PHP dan MySQL. Yogyakarta: Graha Ilmu.

Hendrianto, Dani Eko. 2014. Pembuatan Sistem Informasi Perpustakaan Berbasis
Website Pada Sekolah Menengah Pertama Negeri 1 Donorojo Kabupaten
Pacitan. Volume 3 No 4 2014 – ijsn.org. ISSN : 2302-5700.
Nur Marlena, Dimas Sasongko, 2010, Pembuatan website profil sekolah menengah
pertama (SMP) Negeri 2 Kartasura. Fakultas Teknologi Informatika
Universitas Surakarta.
A.S., Rosa dan Shalahuddin, M. 2015. Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek.Bandung: Informatika Bandung.
Mustaqbal, M. S., Firdaus, R. F. & Rahmadi, H., 2015. Pengujian Aplikasi
Menggunakan Black Box Testing Boundary Value Analysis. Jurnal Ilmiah
Teknologi Informasi Terapan, Volume I.
Rivai, D. A., & Purnama, B. E. (2014). Pembangunan Sistem Informasi Pengolahan
Data Nilai Siswa Berbasis Web Pada Sekolah Menengah Kejuruan (SMK)
Miftahul Huda Ngadirojo. IJNS -Indonesian Journal on Networking, 3(3),
2302–5700. https://doi.org/10.1123/IJNS.V3I2.97
Khusnia, D., dan Riasti, B. K. (2014). Pembuatan website profil sekolah menengah
pertama negeri 1 kalitidu bojonegoro. IJNS-Indonesian Journal on
Network-ing and Security, 3(1).
Pressman, 2015. Pengertian Waterfall. Diambil dari :
http://www.kuliahkomputer.com/2018/09/metode-waterfall-menurut-
pressman-2015.html.
Jogiyanto. (1999). Pengertian Aplikasi. (p. 12).
https://definisimenurutparaahli.blogspot.co.id/2016/12/aplikasi-menurut
para-ahli.html
Pressman, R. (2002). Rekayasa Perangkat Lunak: Pendekatan Praktisi jilid
Dua.Yogyakarta: Andi Offset.