SKRIPSI

SISTEM INFORMASI MANAJEMEN DOKUMEN BERBASIS

WEB APLIKASI

(WEB-BASED DOCUMENT MANAGEMENT INFORMATION

SYSTEM)

Oleh :
VALENTINE MANDALA GAHUNG
18 024 077

POLITEKNIK NEGERI MANADO

JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI D-IV TEKNIK INFORMATIKA
2022
 HALAMAN JUDUL
SISTEM INFORMASI MANAJEMEN DOKUMEN BERBASIS
WEB APLIKASI

(WEB-BASED DOCUMENT MANAGEMENT INFORMATION

SYSTEM)

SKRIPSI
Disusun untuk melengkapi salah satu syarat kelulusan
program sarjana terapan (D-IV) Jurusan Teknik Elektro
di Politeknik Negeri Manado

Oleh :
VALENTINE MANDALA GAHUNG

18 024 077

POLITEKNIK NEGERI MANADO

JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI D-IV TEKNIK INFORMATIKA
2022

2
 HALAMAN PENGESAHAN

SISTEM INFORMASI MANAJEMEN DOKUMEN BERBASIS

WEB APLIKASI

(WEB-BASED DOCUMENT MANAGEMENT INFORMATION

SYSTEM)

SKRIPSI

Oleh :
VALENTINE MANDALA GAHUNG
18 024 077

Telah dipertahankan dalam seminar dan Ujian Skripsi di depan Tim Penguji Pada –
Juli 2022 dan dinyatakan telah memenuhi syarat sebagai Sarjana Terapan.

Disahkan Oleh :
Pembimbing 2,

Marson James Budiman, SST.,MT

NIP. 19750305 200312 1 002

Ketua Panitia Skripsi,

Ali A.S. Ramschie, S.ST., MT

NIP. 19730909 200312 1 001
Koordinator Program Studi Ketua Jurusan Teknik Elektro,
D-IV Teknik Informatika

Harson Kapoh, ST,MT Olga Engelien Melo, SST.,MT

NIP. 19710101 199903 1 004 NIP. 19641014 199303 2 001

3
 SURAT PERNYATAAN

KEASLIAN TULISAN SKRIPSI

Yang bertanda tangan di bawah ini

Nama : Valentine Mandala Gahung
NIM : 18-024-077
Jurusan : Teknik Elektro
Program Studi : Teknik Informatika
Judul Skripsi : Sistem Manajemen Dokumen Berbasis Web Aplikasi

Dengan ini menyatakan bahwa tulisan karya ilmiah berupa Skripsi ini adalah
asli karya penulis, tidak ada karya atau data orang lain yang telah dipublikasikan, dan
bukan karya orang lain dalam rangka mendapatkan gelar akademik di perguruan
tinggi, selain yang diacu dalam kutipan dan atau dalam daftar pustaka.

Demikian Surat Pernyataan ini saya buat, jika kemudian hari terbukti karya ini
merupakan karya orang lain, baik yang dipublikasi maupun dalam rangka
memperoleh gelar akademik di perguruan tinggi, saya bersedia ditindak sesuai
perundang-undangan yang berlaku.

Manado, July 2022

Membuat Pernyataan,

Valentine Mandala Gahung

4
 KATA PENGANTAR

Puji syukur patutlah dipanjatkan kepada Allah Subhanahu Wa Ta’ala, karena

berkat dan rahmat-Nya, penulis dapat menyelesaikan Skripsi ini dengan tepat waktu.
Maksud dari penyusunan Skripsi ini adalah untuk melengkapi salah satu syarat
kelulusan Program D4 Jurusan Teknik Elektro di Politeknik Negeri Manado.

Penulis menyadari bahwa tanpa bantuan dan bimbingan dari berbagai pihak
dari masa perkuliahan sampai pada penyusunan Skripsi ini, sangatlah sulit bagi
penulis untuk menyelesaikannya. Oleh karena itu, penulis memberikan penghargaan
setinggi tingginya dengan ucapan terima kasih kepada :

1. Dra. Maryke Alelo, MBA selaku Direktur Politeknik Negeri Manado.

2. Olga Engelien Melo, SST.,MT selaku Ketua Jurusan Teknik Elektro.
3. Harson Kapoh, ST.,MT selaku Koordinator Program Studi D-IV Teknik
Informatika.
4. Ali Akbar Steven Ramnschie, SST.MT selaku Ketua Panitia Skripsi.
5. Christopel H. Simanjuntak, ST, M.Eng selaku Dosen Pembimbing 1.
6. Marson James Budiman, SST.,MT selaku Dosen Pembimbing 2.
7. Orang Tua yang selalu mendukung dan terus mendoakan saya sehingga dapat
sampai ke titik ini.
8. Saudara dan Saudari yang selalu terus mendukung secara langsung maupun
tidak langsung.
9. Raza A. H. Katili Sebagai teman juga tuan kostan dalam membantu
pembuatan skripsi ini.
10. Taufiq M. Gobel, Irfan Hadji, Ahmad Syahfar, Aprianto, juga Florendo
Mitusala sebagai team support dalam pengerjaan skripsi ini.

5
 11. Teman-teman Teknik Informatika terlebih khusus kelas 8 TI 3 yang telah
membantu juga mendukung.
12. Serta semua pihak-pihak yang tidak dapat penulis sebutkan satu persatu.

Akhir kata, dengan segala keterbatasan, selaku penulis menyadari bahwa penulisan
Skripsi ini masih jauh dari sempurna, harapan penulis semoga Skripsi ini dapat
memperkaya referensi ilmiah dan menambah wawasan pengetahuan bagi pembaca.

Manado, …… September 2022

Penulis,

Valentine Mandala Gahung

6
 DAFTAR ISI

HALAMAN JUDUL......................................................................................................i

HALAMAN PENGESAHAN.......................................................................................ii

SURAT PERNYATAAN.............................................................................................iii

KEASLIAN TULISAN SKRIPSI................................................................................iii

KATA PENGANTAR..................................................................................................iv

DAFTAR ISI................................................................................................................vi

DAFTAR TABEL......................................................................................................viii

DAFTAR GAMBAR....................................................................................................ix

ABSTRAK.....................................................................................................................x

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

1.1 Latar Belakang................................................................................................1

1.2 Perumusan Masalah........................................................................................2

1.3 Batasan Masalah.............................................................................................2

1.4 Tujuan Penelitian............................................................................................2

1.5 Manfaat Penelitian..........................................................................................2

1.6 Sistimatika Penulisan......................................................................................3

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI......................................4

2.1 Tinjauan Pustaka.............................................................................................4

2.2 Landasan Teori................................................................................................5

2.2.1 Sistem Informasi......................................................................................5

2.2.2 Bahasa Pemograman...................................................................................6

7
 2.2.3 Sejarah Bahasa Pemograman...................................................................6

2.2.4 Contoh-Contoh Bahasa Pemograman......................................................8

2.2.5 Database.................................................................................................10

2.2.6 Website...................................................................................................12

2.2.7 Text Editor..............................................................................................15

2.2.8 Frame Work...........................................................................................18

BAB III METODOLOGI............................................................................................20

3.1 Tempat dan Waktu Penelitian.......................................................................20

3.2 Bahan dan Alat..............................................................................................20

3.3 Prosedur Penelitian.......................................................................................20

3.3.1. Metode dan Jenis Penelitian..................................................................20

3.3.2. Metode Pengembangan Sistem..............................................................20

3.3.3. Kerangka Konseptual Rancangan..........................................................22

3.3.4. Rencana Pengujian................................................................................33

3.3.5. Analisis Data..........................................................................................33

BAB IV HASIL DAN PEMBAHASAN.....................................................................41

4.1. Hasil..............................................................................................................41

BAB V PENUTUP......................................................................................................55

5.1. Kesimpulan...................................................................................................55

5.2. Saran.............................................................................................................55

DAFTAR PUSTAKA..................................................................................................56

LAMPIRAN.................................................................Error! Bookmark not defined.

8
 DAFTAR TABEL

Tabel 3. 1 Pendefinisian Aktor....................................................................................25

Tabel 3. 2 Pendefinisian Use Case..............................................................................26
Tabel 4. 1 Testing Pengujian menggunakan Black box..............................................54

9
 DAFTAR GAMBAR

Gambar 3. 1 Method Waterfall Source by : Wikipedia.org....................................................21

Gambar 3. 2 Kerangka Konseptual..............................................................................22
Gambar 3. 3 Use Case Diagram..................................................................................23
Gambar 3. 4 Activity Diagram Menambah User.........................................................27
Gambar 3. 5 Activity Diagram Login..........................................................................28
Gambar 3. 6 Activity Diagram Buat Daftar Keterangan.............................................29
Gambar 3. 7 Activity Diagram Buat Daftar Request...................................................29
Gambar 3. 8 Activity Diagram Buat Posisi.................................................................30
Gambar 3. 9 Activity Diagram Buat Request..............................................................31
Gambar 3. 10 ERD......................................................................................................32
Gambar 3. 11 Flow chart Pengumpulan data..............................................................34
Gambar 3. 12 Desain Tampilan Login........................................................................35
Gambar 3. 13 Desain Tampilan User..........................................................................36
Gambar 3. 14 Desain Tampilan request awal..............................................................37
Gambar 3. 15 Desain Tampilan Request mahasiswa..................................................38
Gambar 3. 16 Tampilan Progress Berkas Mahasiswa.................................................39
Gambar 4. 1 Tampilan Halaman Login.....................................................................41
Gambar 4. 2 Tampilan Halaman User.........................................................................42
Gambar 4. 3 Tampilan Halaman Menu User Admin...................................................42
Gambar 4. 4 Tampilan Halaman Create User baru.....................................................43
Gambar 4. 5 Tampilan Halaman Menu Update user...................................................43
Gambar 4. 6 Tampilan Halaman Daftar Keterangan...................................................44
Gambar 4. 7 Tampilan Halaman Menambahkan daftar keterangan............................44
Gambar 4. 8 Tampilan Halaman Menu Daftar Request..............................................45
Gambar 4. 9 Tampilaln Halaman Menambahkan Daftar Request...............................45
Gambar 4. 10 Tampilan Halaman Menu Posisi...........................................................46

10
Gambar 4. 11 Tampilan Halaman Menu Create Posisi...............................................46
Gambar 4. 12 Tampilan Halaman Request Berkas Admin.........................................47
Gambar 4. 13 Tampilan Menu User Profile dari Mahasiswa......................................47
Gambar 4. 14 Tampilan Halaman Menu Request Berkas...........................................48
Gambar 4. 15 Tampilan Halaman Pembuatan Request Mahasiswa............................48
Gambar 4. 16 Tampilan Halaman Progres Beekkas Mahasiswa.................................49
Gambar 4. 17 Tampilan Halaman User Petugas..........................................................49
Gambar 4. 18 Tampilan request berkas dari petugas...................................................50
Gambar 4. 19 Tampilan Progres Berkas dari Petugas................................................50
Gambar 4. 20 Tampilan Halaman Progres Berkas dari petugas.................................51
Gambar 4. 21 Tampilan Halaman tracking yang sudah disiap di terima mahasiswa.. 51
Gambar 4. 22 Tampilan Halaman Progres berkas yang siap dikonfirmasi.................52
Gambar 4. 23 Tampilan Penyelesaian progres............................................................52
Gambar 4. 24 Tampilan progres berkas yang sudah selesai........................................53
Gambar 4. 25 Tampilan Mobile dari aplikasi.............................................................53

11
 ABSTRAK

Sistem informasi dalam era digital sangatlah penting dikarenakan permintaan

terhadapnya membutuhkan efisiensi waktu seminim mungkin. Hal tersebut terjadi di
Politeknik Negeri Manado sebagai instansi Pendidikan dimana kebutuhan informasi
dalam manajemen dokumen sangat diperlukan sebagai media dalam memobilisasikan
pengurusan dokumen juga memonitoring agar dapat menjadi lebih efektif dan
transparan. Meninjau dari permasalahan Penelitian ini menggunakan metode
pendekatan melalui Studi Kasus (Case Study) dengan pengumpulan data yang terjadi,
melalui observasi, wawancara, dan pengimplementasian dengan ini diharapkan
kesalahan dalam progres kepengurusan dokumen menjadi terminimalisir juga dalam
tahap perancangan dimana metode waterfall sebagai landasan pembuatan sistem.
Dikarenakan Metode ini memiliki tahapan-tahapan seperti analisa kebutuhan, desain
sistem, implementasi, pengujian, dan pemeliharaan. dengan metode waterfall ini
memiliki fase yang terurut dan sistematis. Hasil akhir dari penelitian ini adalah
terbentuknya aplikasi sistem informasi manajemen dokumen yang mempermudah
dalam memberikan informasi yang transparan dan realtime .

Kata Kunci : Sistem Informasi, Web responsif, Aplikasi Web, Pengurusan Berkas
Mahasiswa.

12
 ABSTRACT

Information systems in the digital era are very important because the demand for
them requires minimum time efficiency. This happened at the Manado State
Polytechnic as an educational institution where the need for information in document
management is very necessary as a medium in mobilizing document management as
well as monitoring so that it can be more effective and transparent. Reviewing the
problem, this research uses an approach method through a Case Study with data
collection that occurs, through observation, interviews, and implementation, it is
hoped that errors in the progress of document management will be minimized also in
the design stage where the waterfall method is the basis for making the system.
Because this method has stages such as requirements analysis, system design,
implementation, testing, and maintenance. with the waterfall method has a sequential
and systematic phase. The final result of the research is the formation of a document
management information system application that makes it easier to provide
transparent and real-time information.

Keywords: Information Systems, Responsive Web, Web Applications, Student File

Management.

13
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Diera saat ini mobilitas dalam bekerja sangatlah penting dikarenakan
permintaan terhadapnya membutuhkan efisiensi waktu, Teknologi hadir sebagai
solusi dalam hal mempermudah pekerjaan dimana hal tersebut melibatkan
kegiatan robot maka dari itu sistem informasi ini dibuat. Dikarenakan sistem ini
berhubungan dengan kegiatan robot pengantar berkas maka mobilitas antara
software dan perangkat keras (hardware) juga diperhatikan untuk mendapatkan
keseimbangan antara keduanya.
Sedangkan Analisis Pelacak (Tracker Analysis) yang ada didalam sistem
informasi ini didefinisikan sebagai sebuah proses monitoring, yang bisa
digunakan untuk memantau suatu objek, dimana objek tersebut bergerak sesuai
tujuan, namun didalam alur tujuan tersebut pastinya memiliki hambatan dalam
proses, maka dari itu pentingnya Sistem Informasi ini untuk memberitahukan apa
saja hambatan yang dialami, Melihat dari kepengurusan dokumen yang tidak
luput akan adanya peran teknologi yang ada saat pandemi Covid-19, pihak di
instansi pendidikan berlomba-lomba memanfaatkan teknologi yang dapat
memobilisasikan pekerjaan,

Maksud dari Judul “Sistem Informasi Manajemen Dokumen Berbasis Web

Aplikasi” yang didalamnya terbalutkan analisis tracking sebagai bentuk pemikiran
akan adanya permasalahan informasi antara Mahasiswa dan Pegawai, juga
mempermudah berkas agar dapat termanajemen lebih baik dalam kepengurusan
sehingga timbulnya kesenjangan dalam produktifitas akan terminimalisir, karena
sistem ini berbasis web sehingga akses mahasiswa dengan pegawai yang
cenderung memakai komputer (Personal Computer), akan saling terhubung
dikarenakan Multi device yang dimilikinya.

1
1.2 Perumusan Masalah
Dari latar belakang di atas dapat menarik rumusan masalah :
1 Bagaimana membuat sistem yang dapat mempermudah dalam kepengurusan
untuk mengelolah juga memobilisasikan berkas mahasiswa secara transparan
dan realtime ?
2 Bagaimana Membuat sistem yang memliliki responsibilitas juga kompatibel
dengan berbagai perangkat (device) ?

1.3 Batasan Masalah

1. Dikarenakan dalam tahap progresnya mengaitkan kinerja robot yang
memerlukan pengisian daya dan batasan beban maka sistem ini mem
punyai settingan waktu untuk pekerjaan robot.
2. Pelayanan bergantung dengan jam kerja pegawai.
3. Hanya untuk pengurusan berkas-berkas kemahasiswaan Politeknik Negeri
Manado.

1.4 Tujuan Penelitian

1. Terciptanya sistem yang dapat memudahkan dalam memanjemen dokumen
juga menampilkan alur percepatan dokumen mahasiswa yang transparan dan
realtime.
2. Terciptanya sistem yang memiliki responsibilitas juga kompatibel dengan
berbagai perangkat (device).

1.5 Manfaat Penelitian

1. Sehingga kesalahan dalam progres kepengurusan pegawai pada saat
mengelolah berkas mahasiswa menjadi terminimalisir ataupun berkurang.
2. Mempermudah mahasiswa pada proses kepengurusan dan jadwal pengambilan
berkas. Serta juga dapat mempermudah pegawai dalam menginformasikan
jadwal pengambilan berkas .
3. Meminimalisir kontak fisik dalam pandemi Covid – 19

2
1.6 Sistimatika Penulisan
Adapun Sistematika penulisan dalam pembuatan Skripsi ini adalah sebagai
berikut :

1. BAB I : Pendahuluan
Dalam bab ini akan dijelaskan mengenai latar belakang, rumusan masalah,
batasan masalah, tujuan penelitian, manfaat penelitian dan sistematika
penulisan.
2. BAB II : Tinjauan Pustaka dan Landasan Teori
Pada Bab ini membahas teori-teori dasar mengenai permasalahan yang
berhubungan dengan penelitian.
3. BAB III : Metode Penelitian
Bab ini membahas tentang tempat penelitian dan waktu, alat dan bahan,
prosedur dan metode penelitian, kerangka konseptual rancangan, rancangan
pengujian dan analisa data.
4. BAB IV : Hasil Pengujian
Pada bab ini membahas tentang hasil dan pengujian yang dilakukan dengan
menganalisa alur kerja sistem.
5. BAB V : Penutup
Berisi tentang kesimpulan dari pembahasan bab-bab sebelumnya serta saran-
saran yang di harapkan dapat memberi pengembangan dan penyempurnaan
skripsi ini.
6. DAFTAR PUSTAKA
Berisi tentang semua buku atau tulisan ilmiah yang menjadi rujukan dalam
melakukan penelitian.

3
 BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI
2.1 Tinjauan Pustaka
Dalam penyusunan skripsi ini dapat digali informasi mengenai penelitian
sebelumnya sebagai bahan uji pembanding, baik mengenai kekurangan maupun
kelebihan yang ada, selain dari pada itu juga informasi didapatkan dari jurnal,
buku maupun skripsi yang sudah ada dalam rangka menemukan informasi yang
ada sebelumnya tentang teori yang berkaitan dengan judul yang digunakan untuk
memperoleh landasan teori.
Sebelumnya sistem manajemen dokumen sudah pernah dibuat dan ada
juga sudah digunakan tetapi dengan tahapan pembuatan aplikasi yang berbeda,
Adapun beberapa sistem yang pernah dibuat antara lain :
Yuneti, A., Marianita, dkk (2020). Membuat sebuah Sistem Informasi
Dokumen Mutu di Stkip Pgri Lubuklinggau yang dibuat menggunakan metode
waterfall dengan tujuan menjamin pemenuhan standar pedidikan tinggi secara
sistemik dan berkelanjutan, sehingga tumbuh dan berkembang budaya mutu.
Sistem penjaminan mutu pendidikan tinggi berfungsi mengendalikan
penyelenggaraan pendidikan tinggi oleh perguruan tinggi untuk mewujudkan
pendidikan tinggi yang bermutu.
Suri, M. I., & Puspaningrum, A. S. (2020). Membuat Sebuah Sistem
Informasi Manajemen Berita Berbasis Web yang dibuat menggunakan metode
prototype dengan tujuan untuk mengumpulkan dan mengelola data dengan
memanfaatkan beragam sumber daya yang dimiliki organisasi redaksi (news
department) menjadi suatu berita yang berguna bagi setiap tingkatan manajerial
dan masyarakat.
Aryani, R., dkk. (2019). Membuat Sebuah Sistem Informasi Manajemen
Arsip Di Fakultas Sains dan Teknologi Universitas Jambi yang dibuat dengan
menggunakan metode SDLC dengan tujuan sistem dapat digunakan secara
langsung untuk penyimpanan data atau dokumen, serta dapat meningkatkan
efektifitas dalam pengolahan data. Dengan adanya sistem ini juga dapat

4
 meningkatkan kegiatan penghematan kertas dengan menerapkan konsep
paperless dan green computing.

Berdasarkan beberapa tinjauan Pustaka di atas peneliti menjadikan tolak

ukur dalam pembuatan sistem informasi yang dijalankan dengan base web
aplikasi agar lebih kompatibel ke semua perangkat (device), juga dengan
mengunakan metode yang umum dimana sangat mudah digunakan yaitu metode
waterfall dengan konsep dasar yang menggunakan Bahasa pemograman php,
dapat membantu juga adanya plugin framework, dimana sistem ini bertujuan agar
dapat membantu juga memudahkan kegiatan pencarian informasi dalam
kepengurusan berkas antara pegawai dan mahasiswa.
2.2 Landasan Teori

2.2.1 Sistem Informasi

Informasi adalah sekumpulan data yang memiliki tujuan serta dapat
memberikan keterangan akurat yang diperlukan dalam pengambilan keputusan.
Ditinjau dari sisi Komputer, informasi adalah suatu hasil pengolahan data dari
sistem computer yang dibutuhkan pengguna yang memiliki manfaat bagi
penggunaanya. Hasil pengelolaan dari kumpulan-kumpulan informasi yang
saling terkait antara satu dan lainnya disebut sistem informasi

Menurut (McLeod, 2004) informasi adalah data yang diolah menjadi

bentuk lebih berguna dan lebih berarti bagi yang menerimanya. Informasi juga
disebut data yang diproses atau data yang memiliki arti. Informasi merupakan
data yang telah diproses sedemikian rupa sehingga meningkatkan pengetahuan
seseorang yang menggunakan. Para pembuat keputusan memahami bahwa
informasi menjadi faktor kritis dalam menentukan kesuksesan atau kegagalan
dalam suatu bidang usaha. Sistem apapun tanpa ada informasi tidak akan
berguna, karena sistem tersebut akan mengalami kemacetan dan akhirnya
berhenti. Informasi dapat berupa data mentah, data tersusun, kapasitas sebuah
saluran informasi, dan sebagainya.

5
 Sistem Informasi didefinisikan “Suatu sistem didalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung
operasi, bersifat manejerial dan kegiatan strategi dari suatu organisasi dan
menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.
2.2.2 Bahasa Pemograman
Bahasa pemrograman tingkat rendah berisi instruksi untuk komputer yang
menggunakan kode biner. Kode-kode ini diterjemahkan langsung oleh
komputer tanpa harus melakukan proses kompilasi. Namun, level rendah ini
memiliki banyak kekurangan sehingga pembuatan bahasa tingkat menengah
dimungkinkan.
Bahasa pemrograman tingkat lanjut didefinisikan sebagai instruksi yang
diberikan dalam bentuk kode mnemonik, seperti ADD, SUB, DIV, STOLOD,
JMP, dan sebagainya. Bahasa tingkat menengah adalah jenis bahasa
pemrograman yang menjadi penghubung antara bahasa tingkat rendah dan
bahasa tingkat tinggi. Makanya, bahasa ini sering disebut dengan pseudo-
language atau bahasa semu.

Namun, tingkat menengah ini memiliki banyak kekurangan. Salah satunya

harus terlebih dahulu diterjemahkan ke dalam bahasa mesin karena komputer
hanya memahami penggunaan bahasa mesin. Assembler adalah istilah untuk
bahasa assembler dari penerjemah dalam bahasa mesin.

Untuk mengatasi banyak kekurangan bahasa pemrograman tingkat

menengah, bahasa pemrograman tingkat tinggi pun telah dibuat. Bahasa
pemrograman tingkat tinggi ini berisi instruksi dalam bahasa alami, yang
dipahami manusia seperti Bahasa Inggris atau Matematik.

2.2.3 Sejarah Bahasa Pemograman

Seiring dengan perkembangan teknologi komputer, bahasa yang digunakan

untuk merakit sistem dalam komputer pun berkembang setiap tahunnya.
Bahasa pemrograman yang dikenal pada saat ini pada dasarnya berasal dari

6
bahasa mesin yang dimodifikasi sintaksnya, sehingga bisa lebih mudah
dipahami manusia.Bahasa pemrograman tingkat tinggi yang dikenal saat ini
dapat dipahami oleh komputer dengant erlebih dahulu mengubah perintah-
perintah yang diberikan pemrogram melalui compiler ataupun interpreter .
Proses tersebut tentu tidak ditemukan begitu saja, pasti terdapat sejarah dari
Bahasa pemrograman sehingga dapat berevolusi menjadi bahasa tingkat tinggi
yang kita kenal saat ini.

Sejarah bahasa pemrograman tingkat tinggi dimulai dengan munculnya

pseudocode pada tahun 1949 yang mulai menggantikan pemrograman
menggunakan bahasa mesin yang dirasa terlalu rumit. Dengan ditemukannya
sistem penulisan yang mendekati Bahasa manusia tersebut, mulailah muncul
bahasa-bahasa tingkat tinggi pertama seperti FORTRAN (1957), LISP
(1960),ALGOL (1958), COBOL (1960), dan BASIC (1964). Bahasa-bahasa
tersebut pada dasarnya diciptakan atas semangat yang sama, yaitu bahasa yang
digunakan diharapkan tidak hanya bisa mendekati bahasa manusia, namun juga
bisa dimengerti oleh komputer dengan terlebih dahulu melalui proses
compiling.
Orang pertama yang menemukan compiler (penerjemah bahasa
pemrograman tingkat tinggi kebahasa mesin) adalah Grace Murray Hopper
[Wexelbat,1981]. Beliau pula yang menemukan istilah debugging dalam
mengatasi glitch pada Bahasa pemrograman. Bahasa pemrograman yang telah
adasaat itu terus berkembang dan bahasa-bahasa baru terus
bermunculan.Perkembangan bahasa pemrogramanyang pesat ini menarik
perhatian lembaga ACM Special Interest Groupon Programming Languages
(SIGPLAN) dalam mengadakan konferensi untuk mendokumentasikan sejarah
bahasa pemrograman hingga titik waktu tersebut, yang dinamakan Conference
on the History of Programming Languages (HOPL).Konferensi dilaksanakan
sebanyak duakali. Konferensi pertama (HOPL) pada tahun 1978 memilih tiga
belas Bahasa pemrograman yang memenuhi kriteria sebagai berikut:

7
 1. Telah digunakan selama setidaknya sepuluh tahun
2. Memiliki pengaruh yang signifikan terhadap bidang programming
3. Masih digunakan hingga saat konferensi diadakan.
2.2.4 Contoh-Contoh Bahasa Pemograman

a. Java

Harumy, T. H. F. (2018).Bahasa pemprograman Java merupakan salah

satu dari sekian banyak bahasa pemprograman yang dapat dijalankan di
berbagai sistem operasi termasuk telepon gengam. Bahasa pemprograman
ini pertama kali dibuat oleh James Gosling saat masih bergabung Sun
Microsystem. Bahasa pemprograman ini merupakan pengembangan C++,
saat ini Java merupakan bahasa pemprograman yang paling populer
digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai
jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.

b. Java Script

(Henderson, 2009:256). JavaScript adalah bahasa pemrograman web yang

bersifat Client Side Programming Language. Client Side Programming
Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan
oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti
Google Chrome, Mozilla Firefox, Opera Mini dan sebagainya. JavaScript
pertama kali dikembangkan pada pertengahan dekade 90’an. Meskipun
memiliki nama yang hampir serupa, JavaScript berbeda dengan bahasa
pemrograman Java. Untuk penulisannya, JavaScript dapat disisipkan di dalam
dokumen HTML ataupun dijadikan dokumen tersendiri yang kemudian
diasosiasikan dengan dokumen lain yang dituju. JavaScript
mengimplementasikan fitur yang dirancang untuk mengendalikan bagaimana
sebuah halaman web berinteraksi dengan penggunanya

8
c. Python

Bahasa Python sering disebut sebagai bahasa multiguna karena dapat

digunakan untuk berbagai jenis sistem. Namun, Python banyak digunakan
untuk membangun Machine Learning, Artificial Intelligence, Big Data, dan
Robotika.Bahasa Python sering disebut sebagai bahasa multiguna karena dapat
digunakan untuk berbagai jenis sistem. Namun, Python banyak digunakan
untuk membangun Machine Learning, Artificial Intelligence, Big Data, dan
Robotika..

d. C#

C# (diucapkan C sharp) adalah bahasa pemrograman berorientasi objek

modern. Bahasa ini menggunakan layanan web berbasis XML dan berjalan
pada platform .NET Microsoft. C# adalah bahasa untuk kebutuhan
pengembangan umum. Namun, ini banyak digunakan untuk membangun
aplikasi berbasis Web. Bahasa ini agak sulit dipelajari sehingga kurang cocok
untuk anda yang masih pemula.

e. Html (Hyper Text Mark Up Language)

HTML (Hyper Text Mark Up Language) merupakan bahasa yang

digunakan untuk mendeskripsikan struktur sebuah halaman web. HTML
berfungsi untuk mempublikasi dokumen online. Statement dasar dari HTML
disebut tags. Sebuah tag dinyatakan dalam sebuah kurung siku (<>).

Tags yang ditujukan untuk sebuah dokumen atau bagian dari suatu
dokumen haruslah dibuat berupa pasangan. Terdiri dari tag pembuka dan tag
penutup. Dimana tag penutup menggunakan tambahan tanda garis miring (/) di
awal nama tag (Henderson, 2009:232).

9
 f. Php

Menurut Tim EMS (2012:61) PHP adalah bahasa pelengkap HTML yang
memungkinkan dibuatnya aplikasi dinamis yang memungkinkan adanya
pengolahan data dan pemrosesan data. Semua sintax yang diberikan akan
sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser
hanya hasilnya saja. Kemudian merupakan bahasa berbentuk script yang
ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke
client, tempat pemakai menggunakan browser. PHP dikenal sebagai sebuah
bahasa scripting, yang menyatu dengan tag-tag HTML, dieksekusi di server,
dan digunakan untuk membuat halaman web yang dinamis seperti halnya
Active Server Pages (ASP) atau Java Server Pages (JSP). PHP merupakan
sebuah software Open Source.

Bahasa pemrograman PHP merupakan salah satu bahasa pemrograman

yang paling populer saat ini. Bahasa PHP juga dianggap veteran karena
dikembangkan sejak tahun 1994 oleh Rasmus Laird.

Bahasa yang cocok dan cocok digunakan dengan bahasa lain, seperti
JavaScript, HTML, CSS, bahkan SQL. Nah, PHP paling sering digunakan
untuk membangun website dan aplikasi berbasis web.

2.2.5 Database
Database adalah sebuah tempat penyimpanan yang besar dimana
terdapatkumpulan data yang tidak hanya berisi data operasional tetapi juga
deskripsi data. Seperti yang disampaikan oleh Connolly dan Begg (2015:63),
bahwa database adalah kumpulan data yang saling terhubung secara logis dan
deskripsi dari data tersebut, dirancang untuk menemukan informasi yang
dibutuhkan oleh sebuah organisasi. Dalam merancang database, salah satu hal
yang perlu diperhatikan adalah efisiensi.

10
a. Sistem Basis Data

Menurut Pamungkas (2017:6), “Sistem Basis Data merupakan basis data

dengan para pemakai yang menggunakan basis data secara bersama-sama,
personil yang merancang dan mengelola basis data, Teknikteknik untuk
merancang dan mengelola basis data, serta sistem computer yang
mendukungnya”.

Menurut Nurhadi dkk (2019:6), “Sistem Basis Data adalah suatu sistem
menyusun dan mengelola record-record menggunakan computer untuk
menyimpan atau merekam serta memelihara data operasional lengkap sebuah
organisasi/perusahaan sehingga mampu menyediakan informasi yang optimal
yang diperlukan pemakai untuk proses mengambil keputusan”. Berdasarkan di
atas, dapat disimpulkan bahwa Sistem Basis Data merupakan penggunaan basis
data yang dimana sistem dapat menyusun dan mengola record secara
komputerisasi yang dapat memudahkan sebuah perusahaan/organisasi untuk
proses pengambilan keputusan.

Dalam Sistem Basis data memiliki beberapa komponen yaitu:

1. Perangkat Keras (Hardware) Perangkat keras yang biasanya terdapat

dalam sistem basis data adalah memori sekunder hardisk.
2. Sistem Operasi (Operating System) merupakan program yang
mengaktifkan atau mengfungsikan sistem komputer, mengendalikan
seluruh sumber daya (resource) dan melakukan operasi-operasi dalam
komputer. Sistem Operasi yang banyak digunakan. Basis data
(Database) Sebuah basis data (Database) dapat memiliki sekumpulan
data yang terorganisir dengan baik sehingga data tersebut mudah
disimpan, diakses, dan juga dapat dimanipulasi. Setiap basis data
dapat berisi atau memiliki sejumlah objek basis data seperi file atau
tabel.
3. Database Management System (DBMS) Pengolahan basis data secara
fisik tidak dilakukan oleh pemakai secara langsung, tetapi ditangani

11
 oleh sebuah perangkat lunak yang disebut DBMS yang menentukan
bagaimana data disimpan, diubah dan diambil kembali.
4. Pemakai (User) Bagi pemakai dapat berinteraksi dengan basis data
dan memanipulasi data dalam program yang ditulis dalam bahasa
pemograman.
5. Aplikasi atau Perangkat Lain Aplikasi ini tergantung kebutuhan,
pemakai basis data bisa dibuatkan program khusus untuk melakukan
pengisian, pengubahan atau pengambilan data yang mudah dalam
pemakaianya. Progra m tersebut ada yang tersedia langsung dalam
DBMS atau dibuat menggunakan Bahasa pemrograman.

b. Normalisasi DataBase
Normalisasi adalah suatu proses memperbaiki / membangun dengan model
data relasional, dan secara umum lebih tepat dikoneksikan dengan model data
logika. Proses normalisasi adalah proses pengelompokan data elemen menjadi
tabel-tabel yang menunjukkan entity dan relasinya. Pada proses normalisasi
dilakukan pengujian pada beberapa kondisi apakah ada kesulitan pada saat
menambah/menyisipkan, menghapus, mengubah dan mengakses pada suatu
basis data. Bila terdapat kesulitan pada pengujian tersebut maka perlu
dipecahkan relasi pada beberapa tabel lagi atau dengan kata lain perancangan
basis data belum optimal

Ada beberapa tujuan dari normalisasi ini:

1. Untuk menghilangkan kerangkapan data

2. Untuk mengurangi kompleksitas

3. Untuk mempermudah pemodifikasian data.

2.2.6 Website
Situs web ( website) adalah sekumpulan halaman web yang saling
berhubungan yang umumnya berada pada peladen yang sama berisikan kumpulan
informasi yang disediakan secara perorangan, kelompok, atau organisasi Sebuah

12
situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat
diakses melalui jaringan seperti internet ataupun jaringan are lokal (LAN) melalui
alamat Internet yang dikenali sebagai URL. Gabungan atas semua situs yang
dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih
dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs
Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua
situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web
mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau
bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses
isi yang terdapat dalam situs web tersebut, misalnya situs-situs berita, layanan
surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan
karena alasan keamanan, menghormati privasi, atau karena tujuan komersial
tertentu.
Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa
(plain text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-
instruksi berbasis HTML atau XHTML, kadang-kadang pula disisipi dengan
sekelumit Bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban
web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer.
Halaman-halaman web tersebut diakses oleh pengguna melalui protokol
komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk
meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat
pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.

a. Sejarah Web
Penemu situs web adalah Sir Timothy John "Tim" Berners-Lee, sedangkan
situs web yang tersambung dengan jaringan pertamakali muncul pada tahun
1991. Maksud dari Tim ketika merancang situs web adalah untuk memudahkan
tukar menukar dan memperbarui informasi pada sesama peneliti di tempat ia
bekerja. Pada tanggal 30 April 1993, CERN (tempat di mana Tim bekerja)
mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

13
 Sebuah situs web bisa berupa hasil kerja dari perorangan atau individu,
atau menunjukkan kepemilikan dari suatu organisasi, perusahaan. biasanya
pembahasan dalam sebuah situs web merujuk pada sebuah ataupun beberapa
topik khusus, atau kepentingan tertentu. Sebuah situs web bisa berisi pranala
yang menghubungkan ke situs web lain, demikian pula dengan situs web
lainnya. Hal ini terkadang membuat perbedaan antara situs web yang dibuat
oleh individu ataupun perseorangan dengan situs web yang dibuat oleh
organisasi bisnis menjadi tidak begitu jelas.
Situs web biasanya ditempatkan pada server web. Sebuah server web
umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk
menangani pengaturan nama ranah, serta menangani layanan atas protokol
HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server)
seperti Apache HTTP Server, atau Internet Information Services (IIS).

b. Web Aplikasi
Menurut Murach (2008, p4) aplikasi web adalah sebuah kumpulan
halaman web yang dihasilkan dalam bentuk respon permintaan pengguna.
Menurut Laine, Shestakov, Litvinova, & Vuorimaa (2011, p1)
pengembangan aplikasi web menggunakan proses pengembangan secara
potensial dengan arsitektur three-tier yang terdiri dari presentasi (user
interface) untuk client, logika (server), dan data (manajemen data). Komponen
dari aplikasi web disimpan pada komputer client atau komputer server karena
aplikasi web merupakan tipe aplikasi client/server. Web browser dapat
digunakan untuk mengakses aplikasi web yang dijalankan pada komputer
client. Salah satu contoh web browser adalah Mozilla Firefox. Untuk
penyimpanan aplikasi web terletak pada komputer server. Komputer ini
menjalankan piranti lunak aplikasi web yang akan mengirimkan halaman web
ke web browser. Salah satu aplikasi web server yang terpopuler adalah Apache
Software Foundation’s Apache HTTP Server yang biasa dikenal dengan
Apache. Sebagian besar aplikasi web beroperasi dengan menggunakan data
yang disimpan pada sebuah database. Kebanyakan server menjalankan sebuah

14
 Database Management System (DBMS) dimana salah satu nya dengan
menggunakan MySQL.

Di bawah ini merupakan penghubung antara komputer client dan komputer

server :

a. Menurut Williams & Sawyer (2011,18) Internet adalah jaringan komputer

diseluruh dunia yang menghubungkan ratusan bahkan ribuan jaringan yang
lebih kecil .
b. World Wide Web Menurut Williams & Sawyer (2011,18) World Wide
Web merupakan bagian multimedia dari internet. Sebuah sistem yang
tersambung oleh internet komputer disebut server yang terutaama
mendukung document dalam format multimedia.

2.2.7 Text Editor

Text Editor adalah suatu software aplikasi atau suatu program komputer
yang memungkinkan kalian sebagai penggunanya untuk membuat, mengubah
atau mengedit file teks yang ada berupa text biasa. Text editor ini sebenarnya
bisa digunakan untuk membuat program komputer dan mengedit source code
dari bahasa pemograman. Selain itu, text editor juga bisa dimanfaatkan untuk
membuat halaman web atau template web design dan juga membuat aplikasi
tertentu. Software aplikasi satu ini memang secara umum ditujukan untuk
mempermudah aktivitas pemrograman.
Text Editor memiliki fitur-fitur sangat kecil dan sederhana. Namun ada
juga beberapa text editor kini sudah menawarkan fungsi luas dan kompleks.
Apa saja contohnya? Unix dan Linux adalah contohnya. Dalam sistem
operasinya sudah tersedia Editor VI (atau varian), tapi banyak juga yang
mencakup editor Emacs. Sementara sistem operasi dari Windows itu sendiri
menyediakan Notepad standar. Walaupun sudah tersedia secara bawaan,
banyak programmer lebih menyukai text editor lainnya yang memang fiturnya
lebih banyak atau lengkap.

15
a. Fungsi Text Editor
1. Menulis Kode Program
Text editor digunakan untuk membuat atau mengedit file salinan
sederhana, misalnya daftar pekerjaan hari ini atau catatan singkat lainnya.
Untuk programer text editor juga dapat digunakan sebagai penulisan
kode program.
2. Mencari Kata Pada Sebuah File Ataupun Folder
Dalam mengolah banyaknya teks, fitur find/ search merupakan fitur
wajib bagi sebuah text editor. Tentu saja mudah untuk membuka sebuah
file pada text editor dan mencari sebuah kata yang diinginkan dengan
fungsi find/search, namun bagaimana jika kalian ingin mencari file mana
saja yang mengandung makna tertentu? Membuka satu persatu file tentu
merupakan pekerjaan merepotkan, padahal kasus seperti ini sering terjadi
dalam aktivitas sehari hari. Dengan text editor dapat dengan mudah
dilakukan, yaitu melalui menu search
3. Mengurutkan Data yang Ada
Pada umumnya mengurutkan data bagi programmer yaitu berkaitan
dengan angka atau numerik, semacam mengurutkan angka dari yang
terbesar hingga terkecil atau sebaliknya. Tetapi memang adakalanya
Anda sebagai programmer juga ingin mengurutkan data teks sesuai
keperluan pribadi dengan urutan khusus. Disinilah text editor tingkat
advanced juga dapat berfungsi untuk mempermudah pekerjaan Anda.
4. Membandingkan Satu File dengan yang Lainnya
Fungsi text editor terkahir adalah membandingkan dua file. Misalkan
Anda punya dua file yang sekilas tampaknya sama saja, namun terdapat
perbedaan konten dari kedua file tersebut yang sulit untuk dilacak secara
manual. Nah, dengan begitu Anda tentu perlu bantuan dari sebuah tool
untuk membandingkan dan menunjukan apa perbedaan dari kedua file
tersebut. Ini juga merupakan peranan text editor.

16
b. Contoh-Contoh Text Editor
1. Notepad ++
Notepad adalah editor asli bawaan dari windows/Microsoft. Bagi
pengguna Operating System windows pasti sudah terbiasa melihat atau
menggunakan applikasi ini. Biasanya untuk pemula direkomendasikan
menggunakan notepad ++ ini. memiliki fitur pewarnaan pada kode-
kode tertentu sehingga akan sedikit memudahkan penggunanya.
2. Sublime-Text
Sublime Text adalah aplikasi editornya para programer web,
mendukung berbagai bahasa pemrograman dan mampu menyajikan
fitur syntax highlight hampir di semua bahasa pemrogramman
didukung oleh sublime text ini Memiliki banyak fitur untuk
mempermudah penggunanya seperti eye catching yaitu tampilan yang
menarik dan juga merupkan aplikasi yang ringan.
3. Atom
Atom merupakan text editor open source tersedia untuk platform OS
X, Linux, dan Windows. Atom ini dibuat oleh GitHub dan diklaim
sebagai text editor yang bisa di-custom dengan mengubah file
konfigurasinya. Atom ini mirip dengan Sublime Text, karena memang
dibuat dengan menggunakan Sublime Text sebagai referensinya. Atom
ini bersifat modular, jadi kamu bisa menginstal plugins tambahan.
4. Visual Studio Code

Visual Studio Code merupakan penyunting kode-sumber yang dapat

digunakan untuk beragam bahasa pemrograman,termasuk Java,
JavaScript, Go, Node.js, Python dan C++. Visual Studio Code
memperkerjakan komponen penyunting yang sama (namakode
"Monaco") yang digunakan di Azure DevOps (awalnya dippangil
Visual Studio Online dan Visual Studio Team Services).

Sebagai ganti dari sistem proyek, VSCode memungkinkan

pengguna untuk membuka satu atau lebih banyak direktori, yang dapat

17
 disimpan di ruang kerja untuk digunakan ulang nanti. Ini
memungkinkan untuk beroperasi sebagai penyunting kode languange-
agnostic untuk semua bahasa. VSCode mendukung banyak bahasa
pemrograman dan sekumpulan fitur yang berbeda dari setiap bahasa.
Berkas dan map yang tidak diingikan dapat di kecualikan dari pohon
proyek melalui pengaturan proyek tersebut. Kebanyakan fitur VSCode
tidak di terekspos melalui menu atau tampilan pengguna tetapi dapat
diakses melalui command palette.

Visual Studio Code dapat diperluas melalui ekstensi, tersedia

melalui repositori pusat VSCode. Ini mencakup penambahan ke
penyunting dan dukungan bahasa. Salah satu fitur terkemuka dari
VSCode adalah kemampuan untuk membuat ekstensi yang
menambahkan dukungan untuk bahasa baru, tema, dan pengawakutuan,
melalukan analisis kode statis, dan menambahkan linter kode
menggunakan Protokol Server Bahasa.

Visual Studio Code memilki beberapa ekstensi untuk FTP,

memungkinkan VSCode untuk digunakan sebagai perangkat lunak
gratis alternatif untuk pengembangan web. Kode dapat disinkronkan
antara penyunting dan server, tanpa harus mengunduh perangkat lunak
tambahan.

2.2.8 Frame Work

Menjadi salah satu alasan mengapa orang menggunakan framework
dalam membangun sebuah sistem aplikasi dikarenakan kemudahan yang
diberikan. Di dalam sebuah framework biasanya tersediah struktur aplikasi
yang baik, standard coding, best practice, design pattern, dan common
function.
Menurut Hakim (2010:3) menjelaskan bahwa, Framework adalah koleksi
atau kumpulan potongan-potongan program yang disusun atau
diorganisasikan sedemikian rupa, sehingga dapat digunakan untuk membantu
membuat aplikasi utuh tanpa harus membuat semua kodenya dari awal.

18
 Sedangkan menurut Raharjo (2015:2), Framework adalah suatu
kumpulan kode berupa pustaka (library) dan alat (tool) yang dipadukan
sedemikian rupa menjadi satu kerangka kerja (framework) guna memudahkan
dan mempercepat proses pengembangan aplikasi web.
Jadi Framework adalah sebuah kumpulan potongan program dengan
menggunakan metode praktis baik pengujian pemeliharaan yang digunakan
dalam pembuatan sebuah aplikasi.

4.5.1.

19
 BAB III
METODOLOGI

3.1 Tempat dan Waktu Penelitian

Waktu pembuatan skripsi ini dilakukan sejak penyusunan proposal dan
disetujui oleh penguji dan juga pembimbing. Lokasi ini dilakukan di rumah dan
pengambilan data dilakukan di kampus Politeknik Negeri Manado.

3.2 Bahan dan Alat

Adapun alat dan bahan yang digunakan adalah IDE untuk digunakan sebagai
tempat menulis coding, domain dan hosting untuk tempat menyimpan file dan
database dari sistem yang dibuat.
3.3 Prosedur Penelitian

Tahap Penelitian meliputi aktivitas atau kegiatan yang dilaksanakan antara

lain mempelajari setiap sumber data dari buku dan sumber informasi yang terkait
dengan kegiatan dan kebutuhan penelitian ini

3.3.1 Metode dan Jenis Penelitian

Dalam penelitian ini, metode deskriptif kualitatif digunakan karena
penelitian ini meliputi pengumpulan data, analisis data dan kesimpulan yang
mengacu pada analisis tersebut. Data yang didapat berupa deskripsi mengenai
fakta-fakta dilapangan.

3.3.2 Metode Pengembangan Sistem

Dengan menggunakan metode waterfall sebagai landasan pembuatan
sistem. Metode ini memiliki tahapan-tahapan seperti analisa kebutuhan, desain
sistem, implementasi, pengujian, dan pemeliharaan. dengan metode waterfall ini
memiliki fase yang terurut dan sistematis memungkin Sistem Informasi
Manajemen Dokumen Berbasis Web Aplikasi lebih terobjek dan Untuk model
pengembangannya, seperti air terjun, setiap tahap dikerjakan secara berurutan
mulai dari atas hingga ke bawah.

20
 Gambar 3. 1 Method Waterfall Source by : Wikipedia.org

Tahapan yang akan dilakukan dalam pembuatan aplikasi web yaitu,

1. Requirement
Pada Tahapan ini pengambilan data yang dibutuhkan disaat
penggurusan berkas, berupa mebuat form online, wawancara dari pihak
kampus, mengumpulkan data-data dari website resmi dan juga mahasiswa
yang pernah mengurus berkas-berkas
2. Design System
Tahapan pembuatan struktur serta desain aplikasi web, disini akan
menggunakan aplikasi draw io dalam mendesain user interface aplikasi
3. Implementation
Tahapan pengerjaan atau pembuatan aplikasi web menggunakan
Bahasa pemrograman yang dibutuhkan. Dengan menggunakan aplikasi
Visual Studio Code untuk text editornya untuk frameworknya
menggunakan Code Igniter dalam pengerjaan.

21
 4. Verification
Tahapan dimana akan melakukan percobaan atau melakukan demo
pada aplikasi.
5. Maintenance

Tahapan dimana akan dilakukan evaluasi, pengembangan juga

perbaikan dimana kendala yang ada agar memastikan aplikasi berjalan
sesuai yang diharapkan.

3.3.4 Kerangka Konseptual Rancangan

Kerangka konseptual rancangan adalah suatu bentuk kerangka dalam
berpikir yang dapat digunakan dalam memecahkan masalah. Dalam proses
analisisnya, kerangka penelitian ini biasanya menggunakan pendekatan ilmiah dan
memperlihatkan hubungan antar variabel. Berikut gambar 3.2 kerangka berpikir
dalam penelitian ini :

Gambar 3. 2 Kerangka Konseptual

1. Pengumpulan Data
Dilakukanya pengumpulan data dengan studi literatur yaitu studi yang
dilakukan dengan cara mempelajari, meneliti dan menelaah sebagai
literatur dari perpustakaan yang bersumber daru buku-buku, jurnal ilmiah,

22
 dan bacaan lainnya yang ada kaitannya dengan topik penelitian serta
mengenai web yang berkaitan dengan masalah yang diangkat.

2. Perancangan Sistem
Perancangan yang dimaksud merupakan rancang bangun sistem yang
akan dibuat. Perancangan sistem dimodelkan menjadi beberapa bagian,
meliputi use case diagram, activity diagram, perancangan database dan
sketsa konsep desain dari sistem.

1. Use Case Diagram

Gambar 3. 3 Use Case Diagram

Pada gambar 3.3 dijelaskan bahwa mahasiswa dapat membuat request,

membuat log, melihat log, melihat data user, dan melihat request tetapi
sebelum melakukan itu mahasiswa harus login terlebih dahulu.
Untuk petugas dapat membuat log, melihat log, melihat request, dan
melihat data user tetapi sebelum melakukan itu petugas harus login
terlebih dahulu.

23
 Untuk pengawas dapat melihat user, melihat log, dan melihat user
tetapi sebelum melakukan itu pengawas harus login terlebih dahulu.
Untuk admin dapat melihat, membuat, mengupdate, dan menghapus
user, melihat, membuat, mengupdate, dan menghapus daftar request,
melihat, membuat, mengupdate, dan menghapus daftar keterangan,
melihat, membuat, mengupdate, dan menghapus daftar posisi, melihat log,
dan melihat request tetapi sebelum melakukan itu admin harus login
terlebih dahulu.
Perbedaan dari keempat user di atas adalah untuk use case melihat
user admin bisa melihat data semua user, sedangkan user yang lain hanya
bisa melihat datanya sendiri. Untuk use case request dan log, mahasiswa
hanya bisa melihat data request dan lognya sendiri sedangkan untuk user
yang lain bisa melihat semua data request dan log.

Berikut adalah hasil pendefinisian aktor pada sistem ini.

No. Actor Description

Pengguna sistem yang dapat membuat request, membuat

1. Mahasiswa log, melihat log, melihat data user, dan melihat request
tetapi sebelum melakukan itu harus login terlebih dahulu.

Pegguna sistem yang dapat membuat log, melihat log,

2. Petugas melihat request, dan melihat data user tetapi sebelum
melakukan itu harus login terlebih dahulu.

Pengguna sistem yang dapat melihat user, melihat log, dan

3. Pengawas melihat user tetapi sebelum melakukan itu harus login
terlebih dahulu

4. Admin Pengguna sistem yang dapat melihat, membuat,

mengupdate, dan menghapus user, melihat, membuat,
mengupdate, dan menghapus daftar request, melihat,
membuat, mengupdate, dan menghapus daftar keterangan,

24
 melihat, membuat, mengupdate, dan menghapus daftar
posisi, melihat log, dan melihat request tetapi sebelum
melakukan itu harus login terlebih dahulu

Tabel 3. 1 Pendefinisian Aktor

Berikut adalah hasil pendefinisian use case pada sistem ini.

No. Use Case Name Description Actor

Kegiatan untuk memasukkan username Mahasiswa, Petugas,

1. Login
dan password yang sudah terdaftar. Pengawas Admin

Kegiatan untuk membuat request

2. Buat request Mahasiswa
pengurusan berkas

Kegiatan untuk membuat log proses

3. Buat log Mahasiswa, Petugas
pengurusan berkas

Kegiatan untuk melihat log proses Mahasiswa, Petugas,

4. Lihat log
pengurusan berkas Pengawas, Admin

Kegiatan untuk melihat request Mahasiswa, Petugas,

5. Lihat Request
pengurusan berkas Pengawas, Admin

Mahasiswa, Petugas,
6. Lihat User Kegiatan untuk melihat data user
Pengawas, Admin

Buat, Update, Hapus Kegiatan untuk membuat, mengupdate,

7. Admin
User menghapus data user

Lihat, Buat, Update, Kegiatan untuk membuat, mengupdate,

8. Admin
Hapus Daftar Request menghapus data daftar request

Lihat, Buat, Update,

Kegiatan untuk membuat, mengupdate,
9. Hapus Daftar Admin
menghapus data daftar keterangan
Keterangan

10. Lihat, Buat, Update, Kegiatan untuk membuat, mengupdate, Admin

Hapus Daftar

25
 Keterangan menghapus data posisi

Kegiatan untuk melihat rekam Hasil

request. Perbedaan antara lihat rekam
request berkas petugas dan mahasiswa
Lihat Rekam Hasil
11. Request adalah mahasiswa hanya bisa melihat Petugas, Mahasiswa
rekam request sendiri sedangkan petugas
bisa melihat rekam request berkas semua
user

Tabel 3. 2 Pendefinisian Use Case

26
 2. Diagram Aktifitas ( Activity Diagram )

Gambar 3. 4 Activity Diagram Menambah User

Pada gambar 3.4 ini adalah diagram aktivitas untuk menambah data user,
form data user diisi oleh admin lalu di submit, sebelum data ditambahkan ke
database userid di cek dulu jika sudah ada terdaftar atau belum, kalau belum
terdaftar data ditambahkan.

27
 Gambar 3. 5 Activity Diagram Login

Pada gambar 3.5 ini adalah diagram aktivitas untuk login, sebelum masuk
user harus mengisi form login, setelah disubmit data akan dicek apakah userid dan
password sudah sesuai, jika sudah sesuai maka akan diteruskan ke halaman data
pribadi user.

28
 Gambar 3. 6 Activity Diagram Buat Daftar Keterangan

Pada gambar 3.6 ini adalah diagram aktivitas untuk membuat daftar
keterangan, pertama admin mengisi form data daftar keterangan kemudian
disubmit setelah disubmit data akan ditambahkan ke database.

Gambar 3. 7 Activity Diagram Buat Daftar Request

29
 Pada gambar 3.7 ini adalah diagram aktivitas untuk membuat daftar
request, pertama admin mengisi form data daftar request kemudian disubmit
setelah disubmit data akan ditambahkan ke database.

Gambar 3. 8 Activity Diagram Buat Posisi

Pada gambar 3.8 ini adalah diagram aktivitas untuk membuat posisi,
pertama admin mengisi form data posisi kemudian disubmit setelah disubmit data
akan ditambahkan ke database.

30
 Gambar 3. 9 Activity Diagram Buat Request

Pada gambar 3.9 ini adalah diagram aktivitas untuk membuat request,
pertama mahasiswa mengisi form request kemudian disubmit setelah disubmit
data request akan ditambahkan ke database, setelah data request ditambahkan data
log juga akan ditambahkan ke database berdasarkan data request.

31
 3. ERD ( Entity Relationship Diagram )

Gambar 3. 10 ERD

Berikut ini merupakan penjelasan-penjelasan tabelnya :

1. Tabel user

Untuk menampung semua data dari user yang terdaftar dalam sistem
dimana tabel ini menampung input id_user sebagai primary key, nama_user,
jenis_user dengan (‘mahasiswa’,’admin’,’petugas’,’pengawas’), jurusan
_user, status_user, dan password dari tabel user.

2. Tabel request_update

Untuk menampung data dari tabel request_update mulai dari input

tahap, update, dan date

3. Tabel daftar_request

Untuk menampung semua data daftar request yang terdaftar dalam sistem,
dengan id_daftar_request sebagai primary key, sebagai input
nama_daftar_request, dan status_daftar_request

4. Tabel request

Untuk menampung data request yang terdaftar dalam sistem. Tabel ini
memliki 1 primary key yaitu : id_request, dengan foreign key dari id_user,

32
 id_daftar_request dan juga memiliki form input yaitu foto_request,
foto_selesai, keterangan_request, estimasi, progres, dan status_request

3.3.4 Rencana Pengujian

Pengujian yang akan digunakan adalah model pengujian Black Box
untuk mengetahui berhasil tidaknya program ketika diuji.

3.3.5 Analisis Data

Dalam penganalisaan Data yang didapatkan melalui wawancara, studi
kasus, studi literasi sehingga pembuatan akan menjadi lebih mudah dengan
bahan yang di miliki juga terbantunya penganalisaan dengan metode water
fall yang secara umum membantu dalam melakukan skema awal sampai
dengan akhir secara berurutan.

33
1. Pengumpulan Data ( Requirements )

Gambar 3. 11 Flow chart Pengumpulan data.

Perancangan base disusul dengan Pengumpulan data dengan tahapan

wawancara dan study literatur lalu melakukan Analisa data apa saja yang
sesuai dengan kebutuhan dalam pengimplementasian.
2. Perancangan Sistem ( Design System )
a. Desain tampilan awal login
Tampilan login di bawah ini adalah tampilan awal dari aplikasi
Sistem manajemen Dokumen.
- Gambar Logo akan di isi logo politeknik sebagai logo untuk saat ini.
- Form username di buat dengan fungsi sebagai form pengisian wajib
untuk masuk kedalam id user.
- Form Password berfungsi untuk memasukan kata sandi user id.
- Tombol Login dibuat untuk konfirmasi id user jika terdaftar atau
tidak.

34
 Gambar 3. 12 Desain Tampilan Login

b. Desain awal tampilan user

Tampilan di bawah ini merupak tampilan user ketika user berhasil
login didalm terdapat beberapa bagian antara lain :
- Bagian logo berfungsi menampilkan gambar politeknik
- Bagian text Manajemen Dokumen adalah tampilan nama aplikasi
juga berfungsi sebagai hyperlink ke dalam beranda.
- Tombol strip tiga berfungsi agar tampilan menjadi lebih sederhan
dengan menggunakan icon.
- Bagian User di isi dengan nama user dari id akun terdaftar dan
berfungsi untuk mendirect ke tampilan profil User seperti di gambar,
- Format Nama User untuk menampilkan Nama dari Admin, Petugas,
Pengawas, dan Mahasiswa dari 4 entity di atas mempunyai format
urutan tampilan yang sama.
- Untuk Bagian Uid mahasiswa memiliki perbedaan yaitu mahasiswa
mempunyai id user dengan memasukan Nomor Induk Mahasiswa
sebaliknya untuk pegawai/petugas, pengawas Uid menggunakan
Nomor Induk Pegawai yang di daftarkan.
- Form Jenis User ini menampilkan status user sebagai admin,
petugas, pengawas, atau Mahasisswa.

35
 - Jurusan User berfungsi menampilkan status jurusan mahasiswa yang
terdaftar form ini hanya ada ditampilan Mahasiswa saja.
- Bagian Request Berkas berfungsi untuk mendirect tampilan dari
tampilan user ke tampilan request dan sesuai dengan jenis user
antara Mahasiswa, petugas juga pengawas mempunyai perbedaan.
- Bagian Whatsaspp memiliki fungsi sebagai hyperlink ke no admin
untuk memberitahukan kendala yang terjadi dalam pengisisan
ataupun pengoprasian aplikasi.
- Dan bagian logut berfungsi untuk keluar dari id akun.

Gambar 3. 13 Desain Tampilan User

c. Desain Tampilan Request awal Mahasiswa

Tampilan dibawa adalah tampilan awal request dimana ada beberapa
tombol juga beberapa kolom tabel yang di tampilkan antara lain :
- Tombol create di pojok atas kiri yang berfungsi sebagai tombol
pembuatan request baru untuk mahasiswa .
- Kolom search berfungsi untuk mempermudah pencarian daftar
request yang sudah tertumpuk.
- Tabel request berfungsi untuk menampilkan status dari berkas yang
diurus mahasiswa dengan beberapa kolom pemberitahuan.

36
 - Di dalam kolom action memiliki hyper link berupa text “lihat
progress” untuk melihat tampilan tracking berkas yang diurus
secara lebih detail.
- Tombol Previous dan Next berfungsi untuk berpindah halaman
sebelum dan selanjutnya tergantung halaman yang akan dibuat.
- Text “show entires” berfungsi untuk meberitahukan seberapa
banyak request yang di tampung dalam satu halaman atau tabel.

Gambar 3. 14 Desain Tampilan request awal.

d. Desain Tampilan Request advanced.

Tampilan di bawah merupakan tampilan dimana request menjadi
lebih advanced diantaranya menampilkan beberapa bagian antara lain:
- Kolom Daftar request berfungsi sebagai input berkas yang akan di
urus mahasiswa di kolom ini bersifat optionanl hanya bisa memilih
pilihan berkas yang biasa di urus di bagian sub bagian
kemahasiswaan.
- Kolom Keterangan merupakan inputan untuk memperjelas berkas
yang akan di request agar tidak ada kekeliruan penyampain maka
pentingnya Keterangan Request .

37
 - Bagian foto memiliki fungsi sebagai aktivasi selanjutnya dengan
memilih file berformat png, jpeg, dan jpeg.
- Tombol Create berfungsi untuk menyelesaikan syarat yang sudah
terisi mulai dari daftar request, keterangan request, juga foto bukti
berkas.
- Tombol Cancel berfungsisebagai tombol kembali ke halaman
sebelumnya.

Gambar 3. 15 Desain Tampilan Request mahasiswa

e. Desain Tampilan Progress Berkas Mahasiswa.

Tampilan design di bawah mempunyai kesamaan tata letak dengan
tampilan request tetapi mempunyai perbedaan dari isi tabel yang di
tampilkan untuk memantau progress aplikasi.

38
 Gambar 3. 16 Tampilan Progress Berkas Mahasiswa

3. Penerapan ( Implementasi )
Dalam aplikasi ini di terapkan beberapa bagian penting saja yang sengaja
di pisahkan mulai dari bahasa pemograman, framework yang digunakan,
database, juga hosting
- Penggunaan Bahasa PHP sebagai Bahasa pemograman dengan kombinasi
dengan javascript, html juga css untuk melakukan codingan akan
menjadikan hasil yang lebih cocok dalam pembuatan aplikasi berbasis web
ini.
- Pemilihan framework dapat membantu dalam pengerjaan dengan metode
mvc yang dimiliki code ignither menjadikan termudahkanya pemograman.
- Tidak lupa setiap aplikasi berbasis web harus memiliki database yang
berfungsi untuk menyimpan data login, akun, dll. Maka dalam penerepanya
menggunakan database server MariaDB di karenakan open sourcenya juga
kemudahaanya.
- Dan terakhir dalam penerapan melakukan hosting untuk mengaktifkan
aplikasi dengan cara memasukan source code ke web server agar digunakan
secara online di internet.

39
4. Uji coba ( Testing )
Metode pengujian seperti yang di jelaskan di bagian rencana pengujian di
atas yaitu dengan metode blackbox
5. Pemeliharaan ( Maintenance )
Ketika Aplikasi selesai pemeliharaan, pengechekan bug yang terjadi akan
di lakukan kembali, dan juga dilakukan update sesuai prosedur dikarenakan
kemungkinan bisa terjadi error disaat aplikasi digunakan karena aplikasi
bersifat dalam pengembangan.

40
 BAB IV

HASIL DAN PEMBAHASAN

4.1 Hasil.
4.1.1. Tampilan Login
Tampilan login merupakan tampilan awal dari Sistem Informasi
Manajemen Dokumen Berbasis Web Aplikasi, disini hanya ada kolom
untuk memasukan id yang terdaftar untuk mahasiswa, pegawai,
pengawas juga admin.

Gambar 4. 1 Tampilan Halaman Login.

4.1.2. Tampilan Admin

Padahal halaman beranda admin pertama akan menampilkan tampilan
Profil User dari admin. Dan beberapa Shortcut di bagian kiri halaman
dimana ada menu, User, Daftar Keterangan, Daftar Request, Posisi,
Request Berkas, Whatsapp, Strip 3 beranda untuk menjadi tampilan
simpel dan Tombol logout.

41
 Gambar 4. 2 Tampilan Halaman User.

4.1.3. Tampilan Menu dalam Admin

Tampilan Halaman yang menampilkakn daftar user atau pengguna yang
terdaftar dimana pada kolom action memilki fungsi update dan delete user .

Gambar 4. 3 Tampilan Halaman Menu User Admin

4.1.4. Tampilan Ketika Create User baru

Halaman dimana pembuatan user mulali dari pengisian form Nama,
Nim/Uid, Jenis User, Password, dan pemilihan Jurusan.

42
 Gambar 4. 4 Tampilan Halaman Create User baru.

4.1.5. Tampilan Update User

Pada halaman ini menampilkan daftar user yang di edit kembali dengan
tampilan tidak jauh berbeda dengan pembuatan user baru.

Gambar 4. 5 Tampilan Halaman Menu Update user.

4.1.6. Tampilan Daftar Keterangan.

Pada halaman ini menampilkan daftar keterangan yang dapat di
tambahkan baru ataupun di update juga di delete, daftar keterangan berfungsi
sebagai status pada berkas yang akan diuruskan.

43
 Gambar 4. 6 Tampilan Halaman Daftar Keterangan

4.1.7. Tampilan Ketika menambahkan daftar keterangan.

Gambar ini menampilkan bagaimana proses menambahkan Keterangan
baru pada aplikasi.

Gambar 4. 7 Tampilan Halaman Menambahkan daftar keterangan.

4.1.8. Tampilan daftar Request

Gambar di bawah ini menampilkan daftar request yang di tambahkan,
daftar request ini adalah data yang diambil dari seberapa sering mahasiswa
melakukan kepengurusan berkas dan bersifat optional tergantung kebijakan
bisa saja bertambah juga bisa berkurang, maka di buatkan opsi create, update
dan delete.

44
 Gambar 4. 8 Tampilan Halaman Menu Daftar Request

4.1.9. Tampilan untuk menambahkan daftar request baru.

Gambar di bawah merupakan proses menambahkan daftar request baru.

Gambar 4. 9 Tampilaln Halaman Menambahkan Daftar Request

4.1.10. Tampilan dari menu Posisi

Tampilan dari menu Posisi menampilkan daftar bidang yang bersangkutan
dalam kepengurusan berkas mahasiswa didalamnya bisa menambahkan
bidang, update juga delete.

45
 Gambar 4. 10 Tampilan Halaman Menu Posisi

4.1.11. Tampilan dari create posisi

Gambar di bawah ini merupak proses penambahan data bidang untuk
ditampilkan kedalam tabel nama posisi sebelumnya.

Gambar 4. 11 Tampilan Halaman Menu Create Posisi

4.1.12. Tampilan request berkas pada admin

Gambar di bawah ini menampilkan semua request berkas yang dilakukan
user, disini admin hanya bisa melihat saja tanpa melakukan Perubahan
apapun.

46
 Gambar 4. 12 Tampilan Halaman Request Berkas Admin

4.1.13. Tampilan Halaman User Mahasiswa.

Gambar di bawah ini menampilkan profil user dari menu user hanya ada
beberapa form yang automatis terisi sesuai data yang di daftarkan, juga
Profil yang ada tidak bisa di rubah.

Gambar 4. 13 Tampilan Menu User Profile dari Mahasiswa

4.1.14. Tampiln request pada user mahasiswa.

Gambar di bawah merupakan tampilan awal menu request dimana
halaman tersebut menampilkan Riwayat request yang sementara di proses
ataupun pernah dibuat mahasiswa.

47
 Gambar 4. 14 Tampilan Halaman Menu Request Berkas.

4.1.15. Tampilan Ketika Menambahkan request

Tampilan halaman pembuatan Request dimana ada kolom optional Daftar
Request dan Kolom input juga button input foto untuk konfirmasi.

Gambar 4. 15 Tampilan Halaman Pembuatan Request Mahasiswa.

4.1.16. Tampilan Detail Progres

Tampilan di bawah ini merupakan tampilan informasi tracking berkas
yang telah di proses dari awal sampai balik lagi ke mahasiswa.

48
 Gambar 4. 16 Tampilan Halaman Progres Berkas Mahasiswa

4.1.17. Tampilan User Petugas

Gambar di bawah merupakan Tampilan profile petugas atau pegawai.

Gambar 4. 17 Tampilan Halaman User Petugas

4.1.18. Tampilan Request Berkas dari Petugas

Gambar di bawah merupakan tampilan dari menu request berkas petugas
terlihat sama seperti tampilan menu request Admin.

49
 Gambar 4. 18 Tampilan request berkas dari petugas

4.1.19. Tampilan Permintaan Mendalam (Request advanced Progres) dari

petugas
Berikut adalah tampilan progres berkas, sama seperti tampilan admin
tetapi pada petugas memliki action update terhadap berkas.

Gambar 4. 19 Tampilan Progres Berkas dari Petugas

50
4.1.20. Tampilan update progres dari petugas
Gambar di bawah merupakan tampilan progres berkas yang akan diupdate
petugas dengan pilihan optional.

Gambar 4. 20 Tampilan Halaman Progres Berkas dari petugas

4.1.21. Tampilan Ketika berkas telah siap di ambil mahasiswa.

Gambar 4. 21 Tampilan Halaman tracking yang sudah disiap di terima mahasiswa.

51
4.1.22. Tampilan Progres yang akan siap di konfirmasi
Gambar di bawah adalah tampilan Progres dari Mahasiswa yang tingal di
konfirmasi pengambilanya.

Gambar 4. 22 Tampilan Halaman Progres berkas yang siap dikonfirmasi

4.1.23. Tampilan Konfirmasi penyelesaian progres

Tampilan penyelesaian dimana adal kolom komentar dan input foto.

Gambar 4. 23 Tampilan Penyelesaian progres.

52
4.1.24. Tampilan Pelacakan (Tracking) telah di konfirmasi mahasiswa

Gambar 4. 24 Tampilan progres berkas yang sudah selesai

4.1.25. Tampilan Seluler (Mobile)

Gambar di bawah merupakan tampilan Sistem Informasi Manajemen
Berkas secara seluler (mobile) dari smartphone yang terlihat lebih responsif

Gambar 4. 25 Tampilan Mobile dari aplikasi.

53
4.2 Pembahasan
Dari hasil di atas dapat dilakukan pengujian dengan metode black
box agar lebih terstruktur hasil yang sudah di capai.

Skenario Kasus Hasil Yang Hasil

Kesimpulan
Pengujian Pengujian diharapkan pengujian
Masukan User Masuk Ke
Login name dan Sesuai Normal
Halaman Utama
Password
Request Berkas
Reaquest Membuat
Berhasil di Sesuai Normal
Berkas Request Berkas
Masukan
Progress
Update Menginput
Request
Request Update progres Sesuai Normal
Berhasil
Berkas Request berkas
Terupdate
Mendapatkan
Real Time Berkas berhasil
Informasi
Tracking dilihat Tracking Sesuai Normal
Tracking
Informasi progress
berkas
Memasukan
Foto
Konfirmasi Request Berkas
Konfirmasi Sesuai Normal
Pengambilan Sukses
Pengambilan
Berkas
Tabel 4. 1 Testing Pengujian menggunakan Black box

54
 BAB V
PENUTUP

5.1. Kesimpulan
Kesimpulan yang bisa ditarik dari pengerjaan “Sistem Informasi Manajemen
Dokumen Berbasis Web aplikasi” antara lain :
1. Dengan adanya Sistem Informasi Manajemen Dokumen Berbasis Web
aplikasi, Informasi akan menjadi lebih transparan juga realtime dengan
basis sistem analisis yang menampilkan percepatan pengelolaan
kepengurusan berkas antara pegawai dan mahasiswa.

2. Dengan website yang responsifnya ini akan menjadi lebih kompatibel

digunakan dengan berbagai macam device baik pengguna desktop ataupun
pengguna mobile akan sangat memudahkan pengguna untuk
mengaksesnya.

5.2. Saran

Berdasarkan kesimpulan dan Analisa yang telah dilakukan maka

diberikan saran atas sistem ini antara lain :

1. Menyarankan ketika sistem ini dapat dikembangkan lagi oleh peneliti lain,
diharapkan mampu meperoleh ide baru, dikarenakan penambahan fitur
kedepanya, akan menjadikan sistem ini memiliki nilai mutu jauh lebih baik,

55
 DAFTAR PUSTAKA

Henderson, H. 2009. Encyclopedia of Computer Science and Technology.

(RevisedEditionEdition). New York: Facts on File, Inc

Nurhadi, Slamet, dkk. 2019. Sistem Basis Data: Mysql di Ubuntu. Jakarta :
Yayasan Manajemen dan Teknologi Nasional.

Pamungkas, Canggih Ajika 2017. Pengantar dan Implementasi Basis Data.

Yogyakarta: CV BUDI UTAMA

Muhammad Fikry, 2019, Basis Data, Banda Aceh: Unimal Press

Taufiq, P. (2014). Evolusi Bahasa Pemrograman: Jurnal Computech & Bisnis,

8(1), 36.

Wikipedia. “Bahasa Pemograman”, id.wikipedia.org/wiki/Bahasa_pemrograman

Diakses 6 september 2022, 16:21 Wita.

Murach. 2008. Murach Visual Basic 2008. Mike Murach & Associates

Laine, Shestakov, Litvinova, & Vuorimaa 2011. Toward unified web application
development

SCourse Outline Williams, B.K. and Sawyer, S.C. 2011. “Using Information
Technology: A Practical Introduction to Computers & Communications. (9th
edition)”. New York: McGraw-Hill.

EMS, Tim. (2012) Berjudul “Pengantar PHP dan MySQL”. Yaitu pembuatan
website menggunakan Bahasa PHP dan MySQL.

R. McLeod, 2004. Sistem Informasi Manajemen, Jakarta: PT. Prenhallind,

Robert A. Leitch dan K. Roscoe Davis,2001. Sistem Informasi , PT. Prenhallindo,

Jakarta.

Wikipedia. “Situs Web”, id.wikipedia.org/wiki/Situs_web, Diakses 7 September

2022, pukul 19:12 Wita.

56
Wikipedia. “Model Waterfall”, id.wikipedia.org/wiki/Model_air_terjun, Diakses 10
september 2022, pukul 12:28 Wita.

Raharjo, Budi. 2015. Belajar Otodidak Framework Code Igniter. Bandung :

Informatika

Hakim, Lukmanul. Membangun Web Berbasis PHP dengan Framework

Codeigniter. 2010. Yogyakarta : Lokomedia.

Yuneti, A., Marianita, M., Prananosa, A. G., Pestalozi, D., & Putra, M. R. E.
(2020). Pengembangan Model Sistem Informasi Manajemen Dokumen Mutu
STKIP PGRI Lubuklinggau. Journal Of Administration and Educational
Management (ALIGNMENT), 3(2), 222-232.

Suri, M. I., & Puspaningrum, A. S. (2020). Sistem Informasi Manajemen Berita

Berbasis Web. Jurnal Teknologi Dan Sistem Informasi, 1(1), 8-14

Aryani, R., Suratno, T., Mauladi, M., & Utomo, P. E. P. (2019). Implementasi
Sistem Informasi Manajemen Arsip Di Fakultas Sains dan Teknologi
Universitas Jambi. Jurnal Ilmiah Media Sisfo, 13(2), 146-159.

Harumy, T. H. F. (2018). Sistem Informasi Absensi Pada Pt. Cospar Sentosa Jaya
Menggunakan Bahasa Pemprograman Java. Jurnal Teknik dan
Informatika, 5(1), 63-70.

Connolly, Thomas & Carolyn Begg. 2015. Database Systems A Practical Approach
to Design, Implementation, and Management 6th Edition-Global Edition.
Harlow: Pearson Education Limited

Universitas Stekom.ac.id. ”Bahasa Pemograman: Pengertian, Fungsi, Jenis, dan

15
contohnya”.sistemkomputers1.stekom.ac.id/informasi/baca/BahasaPemrogra
man-Pengertian-Fungsi-Jenis-dan-15-Contohnya/ Diakses 17 september
2022, Pukul 05.32.

57
Hakim, Lukmanul.2010.Membangun Web Berbasis PHP dengan Framework
Codeigniter.Yogyakarta : Lokomedia.

Raharjo, Budi. 2015. Belajar Otodidak Framework Code Igniter. Bandung :

Informatika

58
1. Coding Tampilan Halaman Login.
1. <!DOCTYPE html>
2. <html lang="en">
3.
4. <head>
5. <meta charset="utf-8">
6. <meta name="viewport" content="width=device-width, initial-scale=1">
7. <link rel="icon" type="image/x-icon" href="<?php echo
base_url('assets/img/polimdo.png') ?>">
8. <title>Tracking Berkas Polimdo</title>
9.
10. <!-- Google Font: Source Sans Pro -->
11. <link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,400i,700&display=fallback">
12. <!-- Font Awesome -->
13. <link rel="stylesheet" href="<?php echo
base_url("assets/plugins/fontawesome-free/css/all.min.css") ?>">
14. <!-- icheck bootstrap -->
15. <link rel="stylesheet" href="<?php echo base_url("assets/plugins/icheck-
bootstrap/icheck-bootstrap.min.css") ?>">
16. <!-- Theme style -->
17. <link rel="stylesheet" href="<?php echo
base_url("assets/dist/css/adminlte.min.css") ?>">
18. </head>
19.
20. <body class="hold-transition login-page">
21. <div class="login-box">
22. <div class="">
23.
24. </div>
25. <!-- /.login-logo -->
26. <div class="card">
27. <div class="card-body login-card-body">
28. <div class="row justify-content-center mb-3">
29. <div class="col-6">
30.
31. <img class="img-thumbnail rounded" src="<?php echo
base_url("assets/img/polimdo.png") ?>" alt="Posyandu">
32. </div>
33. <div style="margin-top: 8px" id="message">
34. <?php echo $this->session->userdata('message') <> '' ? $this->session-
>userdata('message') : ''; ?>
35. </div>
36. </div>
37.
38. <form action="<?php echo base_url('welcome/login') ?>"
 method="post">
39. <div class="input-group mb-3">
40. <input name="uid_user" type="text" class="form-control"
placeholder="NIM/Userid">
41. <div class="input-group-append">
42. <div class="input-group-text">
43. <span class="fas fa-address-card"></span>
44. </div>
45. </div>
46. </div>
47. <div class="input-group mb-3">
48. <input name="password_user" type="password" class="form-control"
placeholder="Password">
49. <div class="input-group-append">
50. <div class="input-group-text">
51. <span class="fas fa-lock"></span>
52. </div>
53. </div>
54. </div>
55. <div class="row">
56.
57. <!-- /.col -->
58. <div class="col-12">
59. <button type="submit" class="btn btn-primary btn-block">Sign
In</button>
60. </div>
61. <!-- /.col -->
62. </div>
63. </form>
64.
65.
66. <!-- /.login-card-body -->
67. </div>
68. </div>
69. <!-- /.login-box -->
70.
71. <!-- jQuery -->
72. <script src="<?php echo base_url("assets/plugins/jquery/jquery.min.js") ?
>"></script>
73. <!-- Bootstrap 4 -->
74. <script src="<?php echo
base_url("assets/plugins/bootstrap/js/bootstrap.bundle.min.js") ?>"></script>
75. <!-- AdminLTE App -->
76. <script src="<?php echo base_url("assets/dist/js/adminlte.min.js")
?>"></script>
77. </body>
 78.
79. </html>

2. Coding Tampilan Halaman User

1. <!-- Content Wrapper. Contains page content -->
2. <div class="content-wrapper">
3. <!-- Content Header (Page header) -->
4. <div class="content-header">
5. <div class="container-fluid">
6. <div class="row mb-2">
7. <div class="col-sm-6 mb-3">
8. <h1 class="m-0">Mahasiswa</h1>
9. </div><!-- /.col -->
10. <div class="col-sm-6">
11. </div><!-- /.col -->
12. <div class="col-sm-12">
13. <!-- ISI DISINI -->
14.
15. <div class="row" style="margin-bottom: 10px">
16. <div class="col-md-4">
17. <?php echo anchor(site_url('user_mahasiswa/create'),
'Create', 'class="btn btn-primary"'); ?>
18. </div>
19. <div class="col-md-4 text-center">
20. <div style="margin-top: 8px" id="message">
21. <?php echo $this->session->userdata('message') <> '' ?
$this->session->userdata('message') : ''; ?>
22. </div>
23. </div>
24. <div class="col-md-1 text-right">
25. </div>
26. </div>
27. <table id="datatables" class="table table-bordered"
style="margin-bottom: 10px">
28. <thead>
29.
30. <tr>
31. <th>No</th>
32. <th>Nama Mahasiswa</th>
33. <th>Nim</th>
34. <th>Jurusan</th>
35. <th>Action</th>
36. </tr>
37. </thead>
38. <tbody>
 39.
40. <?php
41. foreach ($user_mahasiswa_data as $user_mahasiswa) {
42. ?>
43. <tr>
44. <td width="80px"><?php echo ++$start ?></td>
45. <td class="text-capitalize"><?php echo
$user_mahasiswa->nama_user_mahasiswa ?></td>
46. <td><?php echo $user_mahasiswa->nim ?></td>
47. <td class="text-capitalize"><?php echo
$user_mahasiswa->jurusan ?></td>
48. <td style="text-align:center" width="200px">
49. <?php
50. echo anchor(site_url('user_mahasiswa/update/' .
$user_mahasiswa->id_user_mahasiswa), 'Update');
51. echo ' | ';
52. echo anchor(site_url('user_mahasiswa/delete/' .
$user_mahasiswa->id_user_mahasiswa), 'Delete', 'onclick="javasciprt: return
confirm(\'Are You Sure ?\')"');
53. ?>
54. </td>
55. </tr>
56. <?php
57. }
58. ?>
59. </tbody>
60. </table>
61. </div>
62. </div><!-- /.row -->
63. </div><!-- /.container-fluid -->
64. </div>
65. <!-- /.content-header -->

3. Coding Tampilan Halaman Pengisian Request.

1. <!-- Content Wrapper. Contains page content -->
2. <div class="content-wrapper">
3. <!-- Content Header (Page header) -->
4. <div class="content-header">
5. <div class="container-fluid">
6. <div class="row mb-2">
7. <div class="col-sm-6 mb-3">
8. <h1 class="m-0">Daftar Request</h1>
9. </div><!-- /.col -->
10. <div class="col-sm-6">
11. </div><!-- /.col -->
 12. <div class="col-sm-12">
13. <!-- ISI DISINI -->
14. <form action="<?php echo $action; ?>" method="post">
15. <div class="form-group">
16. <label for="varchar">Nama Daftar Request <?php echo
form_error('nama_daftar_request') ?></label>
17. <input type="text" class="form-control"
name="nama_daftar_request" id="nama_daftar_request" placeholder="Nama
Daftar Request" value="<?php echo $nama_daftar_request; ?>" />
18. </div>
19.
20. <input hidden type="text" class="form-control"
name="status_daftar_request" id="status_daftar_request" placeholder="Status
Daftar Request" value="1" />
21. <input type="hidden" name="id_daftar_request" value="<?
php echo $id_daftar_request; ?>" />
22. <button type="submit" class="btn btn-primary"><?php echo
$button ?></button>
23. <a href="<?php echo site_url('daftar_request') ?>" class="btn
btn-default">Cancel</a>
24. </form>
25. </div>
26. </div><!-- /.row -->
27. </div><!-- /.container-fluid -->
28. </div>
29. <!-- /.content-header -->

4. Coding Tampilan Halaman Daftar Request.

1. <!-- Content Wrapper. Contains page content -->
2. <div class="content-wrapper">
3. <!-- Content Header (Page header) -->
4. <div class="content-header">
5. <div class="container-fluid">
6. <div class="row mb-2">
7. <div class="col-sm-6 mb-3">
8. <h1 class="m-0">Daftar Request</h1>
9. </div><!-- /.col -->
10. <div class="col-sm-6">
11. </div><!-- /.col -->
12. <div class="col-sm-12">
13. <!-- ISI DISINI -->
14.
15. <div class="row" style="margin-bottom: 10px">
16. <div class="col-md-4">
17. <?php echo anchor(site_url('daftar_request/create'), 'Create',
 'class="btn btn-primary"'); ?>
18. </div>
19. <div class="col-md-4 text-center">
20. <div style="margin-top: 8px" id="message">
21. <?php echo $this->session->userdata('message') <> '' ?
$this->session->userdata('message') : ''; ?>
22. </div>
23. </div>
24. <div class="col-md-1 text-right">
25. </div>
26. <div class="col-md-3 text-right">
27.
28. </div>
29. </div>
30. <table id="datatables" class="table table-bordered"
style="margin-bottom: 10px">
31. <thead>
32.
33. <tr>
34. <th>No</th>
35. <th>Nama Daftar Request</th>
36. <th>Action</th>
37. </tr>
38. </thead>
39. <tbody>
40.
41. <?php
42. foreach ($daftar_request_data as $daftar_request) {
43. ?>
44. <tr>
45. <td width="80px"><?php echo ++$start ?></td>
46. <td><?php echo $daftar_request->nama_daftar_request
?></td>
47. <td style="text-align:center" width="200px">
48. <?php
49. if ($daftar_request->id_daftar_request == 1) {
50. echo 'Data Tidak Bisa di Update/Hapus';
51. } else {
52. echo anchor(site_url('daftar_request/update/' .
$daftar_request->id_daftar_request), 'Update');
53. echo ' | ';
54. echo anchor(site_url('daftar_request/delete/' .
$daftar_request->id_daftar_request), 'Delete', 'onclick="javasciprt: return
confirm(\'Are You Sure ?\')"');
55. }
56. ?>
57. </td>
58. </tr>
59. <?php
60. }
61. ?>
62. </tbody>
63. </table>
64. </div>
65. </div><!-- /.row -->
66. </div><!-- /.container-fluid -->
67. </div>
68. <!-- /.content-header -->