Prosiding Seminar Nasional Informatika ISSN 2549-4805

dan Sistem Informasi

PENGEMBANGAN APLIKASI WEB PENGAJUAN

JUDUL SKRIPSI DENGAN FRAMEWORK
CODEIGNITER DAN HTML5 PADA SEKOLAH TINGGI
TEKNOLOGI BANDUNG
Titi Widaretna1, Muchammad Naseer, S.Kom., M.T. 2, Irwin Supriadi, S.Kom., M.T.3
1,2,3
Sekolah Tinggi Teknologi Bandung
Jl. Soekarno-Hatta No. 378 – Bandung
E-Mail : 1widaretnatiti@gmail.com, 2naseer@sttbandung.ac.id, 3adhe_setya@yahoo.com

Abstrak
Aplikasi web pengajuan judul skripsi merupakan sebuah aplikasi web yang dibangun dengan
tujuan untuk mengganti proses pengajuan judul skripsi yang saat ini digunakan di Sekolah
Tinggi Teknologi Bandung. Aplikasi web ini memungkinkan mahasiswa untuk melakukan
proses pengajuan judul skripsi secara online, dari mulai mengajukan judul hingga memperoleh
informasi judul yang diajukan tersebut diterima atau ditolak. Selain itu, pihak lain yang terlibat
dalam proses pengajuan judul skripsi ini juga dapat melakukan tugasnya masing-masing tanpa
perlu bertatap muka secara langsung. Aplikasi web pengajuan judul skripsi ini dibangun dengan
menggunakan metode prototype dan bahasa pemrograman PHP dengan menggunakan
framework CodeIgniter dan HTML5. Antarmuka dari aplikasi web dirancang agar menjadi web
responsive, sehingga menjadi aplikasi yang user friendly dan dapat memaksimalkan
penyampaian informasi kepada pengguna meskipun diakses menggunakan device dengan ukuran
yang berbeda. Hasil akhir dari penelitian ini berupa aplikasi web pengajuan judul skripsi yang
dapat diakses secara online dengan menggunakan berbagai macam ukuran device yang berbeda
oleh semua pengguna yang terlibat dalam proses pengajuan judul skripsi di Sekolah Tinggi
Teknologi Bandung, karena dari hasil pengujian yang telah dilakukan dapat disimpulkan bahwa
hampir seluruh tampilan dari aplikasi web ini bersifat responsive dan tidak memperlihatkan
perbedaan yang terlalu besar.
Kata kunci :
Pengajuan judul skripsi, web responsive, aplikasi web.

Abstract
The web application for submission of thesis title is a web application built with the aim to
change the thesis titles submission process currently used in Sekolah Tinggi Teknologi Bandung.
This web application allows students to make the process of online submission of thesis titles,
ranging from submitting titles to obtaining the information of whether the titles submitted are
accepted or rejected. In addition, other parties involved in the process of the submission of thesis
title also can perform their tasks without direct contact. This application is built by using

200
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

prototype methods and programming languages PHP with CodeIgniter framework and HTML5.
The interface of the web application is designed to be a responsive web, so it is going to become
a user friendly application and can maximize the delivery of information to users and even can
be accessed by using devices with different sizes. The end result of this research is the web
application can be accessed online by using various sizes of different devices by all users
involved in the process of submission of thesis titles in Sekolah Tinggi Teknologi Bandung,
because the test results show that almost the entire features of the web application is responsive
and the differences are not too great.
Keywords :
submission of thesis titles, responsive web, web application.

1. PENDAHULUAN
Sekolah Tinggi Teknologi Bandung atau dikenal dengan STT Bandung merupakan
sebuah Perguruan Tinggi Swasta yang resmi berdiri pada 5 Oktober 1991. Sekolah Tinggi
Teknologi Bandung didirikan dengan tujuan untuk menghasilkan sarjana dan tenaga ahli yang
kompeten dibidangnya dan mampu menghadapi tantangan global, mampu memanfaatkan
berbagai peluang yang ada di sekelilingnya, dan memiliki jiwa kewirausahaan yang tinggi
dengan harapan dapat menjadi seorang pengusaha sukses serta dapat menciptakan kesempatan
kerja bagi lingkungannya [1].
Skripsi merupakan sebuah persyaratan bagi mahasiswa untuk mendapatkan gelar sarjana
(S1) disetiap Perguruan Tinggi, baik negeri maupun swasta. Tahap pembuatan skripsi sendiri
memerlukan waktu yang cukup lama dan proses yang panjang. Beberapa proses tersebut antara
lain pengajuan judul skripsi, penelitian dan bimbingan, seminar, dan sidang.
Pengajuan judul skripsi merupakan tahap awal dalam proses pembuatan skripsi, di
Sekolah Tinggi Teknologi Bandung sendiri proses pengajuan judul skripsi masih dilakukan
secara manual. Pengajuan judul skripsi masih menggunakan form kertas dan antara satu pihak
dengan pihak lain yang terlibat dalam proses ini harus bertatap muka secara langsung, sehingga
membutuhkan waktu untuk bisa menyelesaikan tahap pertama ini. Mahasiswa mengajukan judul
skripsi dengan menyerahkan proposal pengajuan untuk selanjutnya diproses dan ditentukan
hasilnya, baik diterima, ditolak, maupun diterima dengan perbaikan.
Pihak-pihak yang terlibat dalam proses ini yaitu mahasiswa, dosen pembimbing, tim
verifikasi, Ketua Program Studi (Kaprodi), dan pihak yang terkait lainnya. Selain kendala waktu,
Sekolah Tinggi Teknologi Bandung juga memiliki kendala lain yaitu tempat yang digunakan
untuk menyimpan berkas-berkas pengajuan judul skripsi, karena semakin banyak mahasiswa
yang mengajukan judul skripsi maka semakin banyak pula tempat yang harus disediakan untuk
menyimpan berkas-berkas tersebut, sehingga Sekolah Tinggi Teknologi Bandung memerlukan
sebuah media yang mampu membantu mengatasi permasalahan tersebut. Media tersebut harus
mampu memanfaatkan teknologi informasi yang semakin hari semakin berkembang.

201
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Internet adalah salah satu bentuk dari perkembangan teknologi informasi yang mampu
menjadi pusat dan sumber informasi bagi para penggunanya. Melalui berbagai perangkat
pendukung, pengguna dapat mengakses berbagai informasi yang ada pada halaman-halaman web
dengan cepat dan mudah. Kecepatan dan kemudahan inilah yang membuat pengguna internet
diseluruh dunia, termasuk di Indonesia semakin meningkat. Salah satu contohnya adalah
pemanfaatan internet pada bidang pendidikan. Penelitian menyimpulkan bahwa 55% mahasiswa
cenderung mengakses internet setiap hari [2]. Hal ini bisa dijadikan sebagai dasar bagi Perguruan
Tinggi untuk membangun sistem yang terkomputerisasi dengan memanfaatkan teknologi
internet. Tujuannya adalah untuk meningkatkan pelayanan dari Perguruan Tinggi terutama
dalam hal kecepatan dan kemudahan. Sistem terkomputerisasi dengan memanfaatkan internet ini
bisa dijadikan sebagai solusi bagi Sekolah Tinggi Teknologi Bandung yang memiliki kendala
dalam proses pengajuan judul skripsinya.
Berdasarkan hal tersebut, penulis akan membangun sebuah aplikasi dengan judul
“Pengembangan Aplikasi Web Pengajuan Judul Skripsi dengan CodeIgniter dan HTML5
pada Sekolah Tinggi Teknologi Bandung” yang diharapkan aplikasi ini dapat membantu
dalam mempermudah proses pengajuan judul skripsi dengan memanfaatkan fitur-fitur yang telah
disediakan.

2. KAJIAN LITERATUR
2.1 Aplikasi
Aplikasi merupakan perangkat lunak yang berbentuk software yang berisi kesatuan
perintah atau program yang dibuat untuk melaksanakan sebuah pekerjaan yang diinginkan.
Selain itu aplikasi juga mempunyai fungsi sebagai pelayanan kebutuhan beberapa aktivitas yang
dilakukan oleh manusia seperti sistem untuk software jual beli, permainan atau game online,
pelayanan masyarakat, dan hampir semua proses yang dilakukan oleh manusia dapat dibantu
dengan menggunakan suatu aplikasi [3].

2.2 Website
Website atau situs web adalah sejumlah halaman web yang memiliki topik saling terkait,
terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.
Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses
melalui jaringan seperti internet ataupun jaringan wilayah lokal melalui alamat internet yang
dikenali sebagai URL (Uniform Resource Locator). Gabungan atas semua situs yang dapat
diakses publik di internet disebut dengan singkatan WWW (World Wide Web) [4].

202
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

2.3 Aplikasi Web

Aplikasi web merupakan aplikasi yang diakses menggunakan web browser melalui
jaringan internet atau intranet. Aplikasi web juga merupakan suatu perangkat lunak komputer
yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web
seperti HTML, Javascript, Cascading Style Sheet (CSS), Ruby, Phyton, PHP Hypertext
Preprocessor (PHP), Java, dan bahasa pemrograman lainnya [5].

2.4 Pengajuan Judul Skripsi

Proses pertama yang dilakukan dalam pembuatan skripsi yaitu mengajukan judul skripsi.
Berikut adalah prosedur dari pengajuan judul skripsi [6].
1. berkonsultasi dengan calon pembimbing (dosen konsultasi),
2. mengambil dan mengisi form pengajuan judul / pra proposal di bagian akademik,
3. mengisi judul dan BAB I hasil dari konsultasi,
4. memasukkan nama dosen konsultasi,
5. meminta tanda tangan dosen konsultasi,
6. menunggu pengumuman penerimaan / penerimaan dengan saran / penolakan.

2.5 PHP
PHP Hypertext Preprocessor (PHP) adalah bahasa pemrograman web atau scripting
language yang didesain untuk web. Bahasa pemrograman PHP dapat digabungkan dengan
HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?)
kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>) [7].

2.6 Framework
Framework adalah sekumpulan perintah atau program dasar dimana perintah dasar
tersebut dapat digunakan lagi untuk menyelesaikan masalah yang lebih kompleks sehingga dapat
digunakan untuk membantu membuat aplikasi baru atau aplikasi kompleks tanpa harus membuat
program dari awal [8]. Framework sebagaimana arti dalam Bahasa Indonesia yaitu kerangka
kerja dapat diartikan sebagai kumpulan dari library (class) yang dapat diturunkan atau langsung
dipakai fungsinya oleh modul-modul atau fungsi yang akan dikembangkan [9].

2.7 CodeIgniter
CodeIgniter adalah aplikasi open source yang berupa framework dengan model MVC
untuk membangun web dinamis. Penggunaan PHP CodeIgniter akan memudahkan developer
untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuat dari awal
[9].

203
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

2.8 Responsive Web Design

Responsive web design adalah salah satu teknik yang dapat membuat proses perancangan
aplikasi dan situs web untuk berbagai jenis perangkat menjadi lebih mudah. Hal ini dikarenakan
bahwa dengan menggunakan responsive design, perancangan dimungkinkan untuk dapat
menerapkan solusi bagi berbagai resolusi layar, density, dan rasio aspek pada banyak jenis
perangkat serta memberikannya keunggulan untuk dapat diterapkan ke dalam perancangan situs
web sehingga situs dapat diakses melalui smartphone, tablet, desktop, ataupun smart TV tanpa
memperlihatkan perbedaan yang terlalu besar dalam hal penggunaan [10].

2.9 Bootstarp
Bootstrap adalah sebuah framework CSS dari Twitter yang menyediakan komponen-
komponen antarmuka siap pakai dan telah dirancang sedemikian rupa untuk keperluan desain
halaman web yang artistik. Selain komponen-komponen dasar untuk membangun antarmuka,
Bootstrap juga menyediakan grid 12 kolom yang dapat menunjang kinerja kita dalam mendesain
layout yang rapi [11].

2.10 HTML5
HTML merupakan sebuah bahasa standar yang digunakan secara luas untuk
menampilkan halaman web [12]. HTML5 adalah standar baru dari HTML. Versi HTML
sebelumnya yaitu HTML 4.01 muncul pada tahun 1999. HTML5 juga cros-platform. Itu artinya
kita dapat menjalankan di berbagai platform dan device seperti tablet, smartphone, netbook,
laptop, bahkan Smart TV [8].

2.11 CSS3
CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. CSS3 digunakan untuk membangun responsive atau
adaptif desain dari sebuah web, yang tidak tergantung kepada style atau aturan gaya pada sebuah
browser tetapi didasarkan porsi aturan ukuran viewport atau layar kerja sebuah perangkat atau
device [10].

2.12 Javascript
Javascript adalah bahasa script populer yang dipakai untuk menciptakan halaman web
yang dapat berinteraksi dengan pengguna dan dapat merespon event yang terjadi pada halaman
[13]. Javascript adalah bahasa yang berbentuk kumpulan script yang fungsinya digunakan untuk
menambahkan interaksi antara halaman web dengan pengunjung halaman web [12].

204
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

2.13 MYSQL
My Structured Query Language (MySQL) adalah salah satu aplikasi DBMS (Database
Management System) yang sudah sangat banyak digunakan pada pemrograman aplikasi web [8].
MySQL dan PHP dianggap sebagai pasangan software pengembangan aplikasi web yang ideal.
MySQL lebih sering digunakan untuk membangun aplikasi berbasis web, umumnya
pengembangan aplikasinya menggunakan bahasa pemrograman PHP [4].

3. ANALISIS DAN PERANCANGAN

3.1 Analisis Sistem Yang Sedang Berjalan
Adapun prosedur pengajuan judul skripsi seperti terlihat pada Gambar 3.1. Berikut adalah
proses-proses yang ada pada prosedur pengajuan judul skripsi.
1. Mahasiswa membuat draf proposal untuk pengajuan judul skripsi (hasil konsultasi dengan
dosen konsultasi / judul dari mahasiwa) lalu diserahkan ke bagian Administrasi Akademik
Kemahasiswaan (AAK).
2. Jika judul hasil konsultasi maka draf proposal diserahkan ke dosen konsultasi terlebih
dahulu yang bertugas untuk merevisi dan menyetujui draf proposal hasil konsultasi, jika
bukan hasil konsultasi draf proposal skripsi diserahkan ke bagian AAK.
3. Bagian AAK merekap data mahasiswa dan judul draf proposal skripsi.
4. Tim verifikasi memeriksa kelayakan draf proposal.
5. Kaprodi berdiskusi dengan Tim verifikasi dan membuat note (penerimaan / penolakan /
revisi).
6. Apabila draf proposal tidak lolos, maka hasilnya akan diserahkan ke bagian AAK untuk
dibuat pengumuman. Jika lolos, maka Kaprodi dan Pembantu Ketua 1 akan diskusi ploating
Dosen Pembimbing.
7. Pembantu Ketua 1 menentukan dosen pembimbing berdasarkan daftar calon dosen
pembimbing.
8. Kaprodi membuat pengumuman hasil ploating dosen pembimbing dan menyerahkan hasil
verifikasi ke bagian AAK untuk dibuat pengumuman.
9. Kaprodi melakukan sosialisasi SK Dosen Pembimbing ke dosen yang bersangkutan.
10. Kaprodi mengarsipkan SK Dosen Pembimbing.
11. Bagian AAK mengumumkan hasil verifikasi draf proposal.
12. Mahasiswa melakukan bimbingan proposal, mengisi daftar hadir pembimbing, melakukan
pendaftaran seminar proposal, dan melakukan seminar proposal bersama dosen
pembimbing.
13. Draf proposal hasil seminar diperiksa oleh Kaprodi.

205
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Pengajuan Judul Skripsi

Calon Dosen
Mahasiswa Tim Verifikasi Kaprodi Pembantu Ketua 1 Akademik
Pembimbing

Merevisi dan
Start menyetujui
draf proposal

Mahasiswa Merekap data

konsultasi dengan Draft Proposal mahasiswa
calon dosen Skripsi dan judul draf
pembimbing proposal
skrips

Memerikasa Memerikasa Draft Proposal

Mahasiswa kelayakan
kelayakan Skripsi
membuat draf draf Proposal
proposal skripsi draf Proposal

Draft Proposal Berdiskusi

Skripsi dengan Tim
verifikasi

Note
(penerimaan /
penolakan / revisi)

Hasil verifikasi
Tidak draf proposal
Jika Lolos?

Ya

Berdiskusi
ploting dosen Daftar calon
pembimbing dosen
dengan pembimbing
Pembantu Ketua
1

Pengumuman
Dosen
Pembimbing

Sosialisasi SK
dosen
pembimbing ke
dosen yang
bersangkutan

Arsip SK Dosen
Pembimbing

Pengumuman hasi
verifikasi draf
proposal

Melakukan
bimbingan, mengisi
daftar hadir Melakukan
pembimbing, seminar
mendaftar seminar proposal
proposal, melakukan
seminar proposal

Memeriksa
Draf proposal
draf
seminar
proposal
seminar

Gambar 3.1 Flowmap Pengajuan Judul Skripsi

206
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

3.2 Perancangan Sistem

Perancangan sistem adalah suatu struktur sistem dimana setiap elemen yang terpisah
diatur dalam kesatuan yang utuh dan bermanfaat. Perancangan ini dibuat dengan maksud untuk
memenuhi kebutuhan para pengguna sistem. Rancangan ini meliputi penggambaran dalam
bentuk Use Case, Scenario Use Case Diagram, Activity Diagram, Sequence Diagram, Class
Diagram, dan struktur rancangan tampilan web.
1. Use Case Mahasiswa
System

Edit Password Edit Data User

<<include>>
<<include>>

Lihat Biodata User

<<include>>
Lihat persyaratan
<<include>>

<<include>>
Input Pengajuan
<<include>> Login
Mahasiswa
Perbaiki pengajuan <<include>>

Lihat Status Pengajuan

<<include>>
<<include>>

Lihat Surat
Lihat Kartu Keterangan
Bimbingan

Gambar 3.2 Use Case Mahasiswa

2. Use Case Dosen Pembimbing
System
Edit Password Edit Data User

<<include>> <<include>>

<<include>>
Lihat Biodata User
<<include>>

Lihat Pengajuan Baru Login

Dosen Pembimbing
Dosen Pembimbing Konfirmasi
<<include>> <<include>> Pengajuan

Lihat Detail
Pengajuan

<<include>>
Lihat Pengajuan Revisi
Dosen Pembimbing Konfirmasi
Pengajuan
<<include>>
<<include>>

Lihat Detail Konfirmasi

Pengajuan Pengajuan
<<include>>

Gambar 3.3 Use Case Dosen Pembimbing

3. Use Case Tim Verifikasi

207
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

<<include>> <<include>> System

Lihat Pengajuan Revisi Tim Menerima
Verifikasi Lihat Detail Pengajuan
Pengajuan
<<include>> <<include>> Menerima
Pengajuan
dengan Saran
<<include>>
<<include>>
Lihat Detail Menolak
Pengajuan Konfirmasi Input Saran
Perbaikan Pengajuan
Pengajuan
<<include>> <<include>>

Konfirmasi
Pengajuan
Lihat Pengajuan Revisi
Dosen Pembimbing <<include>>
<<include>>

Tim Verifikasi Edit Password

Edit Data User
<<include>> <<include>> Login
<<include>>
Lihat Biodata User
<<include>>

Lihat Pengajuan Baru

Dosen Pembimbing
Konfirmasi
Pengajuan
<<include>>
<<include>>

Lihat Detail
Pengajuan

<<include>>

Lihat Pengajuan Baru

Tim Verifikasi

<<include>>
<<include>> Menerima
Lihat Detail Pengajuan Pengajuan
<<include>>

<<include>>
<<include>> Menerima
Pengajuan dengan
Saran
Input Saran
Perbaikan Menolak
Pengajuan

Gambar 3.4 Use Case Tim Verifikasi

4. Use Case Kaprodi
System
Edit Password Edit Data User
<<include>>
<<include>>

Lihat Biodata User

<<include>>

Lihat Pengajuan Baru

Dosen Pembimbing
<<include>>

<<include>>
<<include>>
Konfirmasi Pengajuan
Lihat Detail Login
Kaprodi
Pengajuan

<<include>>
Lihat Pengajuan
Kaprodi Edit Dosen Pembimbing
1 dan 2
<<include>>
<<include>>
Lihat Detail
Pengajuan
Lihat Detail <<include>>
<<include>> Pengajuan
<<include>>
Konfirmasi
Pengajuan
Lihat Pengajuan Revisi Konfirmasi
Dosen Pembimbing Pengajuan
<<include>>

Gambar 3.5 Use Case Kaprodi

208
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Use Case Pembantu Ketua 1

System
Edit Password Edit Data User

<<include>>
<<include>>

Lihat Biodata User

<<include>>
Lihat Pengajuan Baru
Dosen Pembimbing
<<include>>
<<include>>
<<include>>
Lihat Detail Pengajuan Konfirmasi Pengajuan
Login
<<include>>
Pembantu Ketua 1
Lihat Pengajuan Revisi
Dosen Pembimbing Konfirmasi
<<include>> Pengajuan
<<include>> <<include>>

Lihat Detail
Konfirmasi
Pengajuan
Pengajuan

Menerima Pengajuan
<<include>>

Lihat Pengajuan <<include>> Menerima Pengajuan

Pembantu Ketua 1 <<include>> dengan Saran

Lihat Detail <<include>>

Pengajuan
Input Saran Perbaikan
<<include>>

Gambar 3.6 Use Case Pembantu Ketua 1

6. Use Case Akademik
System
Edit Password Edit Data User

<<include>> <<include>>

Lihat Biodata User

<<include>>
Lihat Data Mahasiswa
<<include>>

<<include>>

Edit Persyaratan
Login
<<include>>
Akademik
Lihat Data Mahasiswa
<<include>>
Skripsi

Lihat Data Skripsi

<<include>> <<include>>
Cetak Kartu Bimbingan
Cetak Surat Keterangan

Gambar 3.7 Use Case Akademik

209
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

7. Class Diagram
<<entity>> <<control>> <<entity>>
mahasiswa mahasiswamodel skripsi
<<boundary>> <<entity>>
+kode_mahasiswa +key -kode_skripsi
mahasiswaview akademik
-nama_mhs +table +kode_mahasiswa
-alamat -judul <<entity>> <<entity>> <<entity>>
+input_kodepengguna_password() +kode_mahasiswa_password() +id_dosen
+kode_prodi -latar_belakang kaprodi pembantu ketua 1 timverifikasi
+input_passwordlama_passwordbaru() +get_data_user() <<control>> +id_jabatan
-tlp -rumusan_masalah
+editdata() +update_data_user() +id_dosen pembantuketua1model +id_dosen -nama_dosen
-hp -tujuan +id_dosen
+select_menu_home() +update_password() +id_jabatan +id_jabatan -alamat_1
-jk -manfaat +key +id_jabatan
+select_editdatauser() +get_data_persyaratan() -nama_dosen -nama_dosen -alamat_2
-agama -ruang_lingkup +table -nama_dosen
+select_editpassword() +insert_pengajuan() -alamat_1 -alamat_1 -no_telp
-tempat_lahir -dosenpembimbing1 -alamat_1
+select_menu_persyaratan() +get_data_statuspengajuan() -alamat_2 +username_password() -alamat_2 -hp
-tanggal_lahir -dosenpembimbing2 -alamat_2
+select_menu_pengajuan() +get_data_revisipengajuan() -no_telp +get_datauser() -no_telp -tempat_lahir
-sks_skripsi -tgl_submit_judul -no_telp
+select_revisi() +update_pengajuan() -hp +get_data_pengajuan() -hp -tanggal_lahir
-jumlah_ipk -tgl_seminar_proposal -hp
+select_lihatsuratketerangan() +get_data_suratketerangan() -tempat_lahir +get_data_detailpengajuan() -tempat_lahir -jk
-jumlah_sks -kode_ruangan_seminar_proposal -tempat_lahir
+select_lihatkartubimbingan() +get_data_kartubimbingan() -tanggal_lahir +update_pengajuan() -tanggal_lahir -goldar
-jumlah_seminar -kode_seminar_terbuka -tanggal_lahir
+display_datauser() +return_query() -jk +return_query() -jk -agama
-kode_kelas -id_ruangan_seminar_terbuka -jk
+display_editdatauser() -goldar -goldar -bid_keahlian
-kode_calon_mhs -id_sidang -goldar
+display_editpassword() -agama -agama -jabatan_fungsional
-status_tinggal -kode_ruang_sidang -agama
+display_persyaratan() -bid_keahlian -bid_keahlian -status_sipil
-status_sipil <<control>> -status -bid_keahlian
+display_inputpengajuan() -jabatan_fungsional -jabatan_fungsional -lokasi_foto
-status_aktif mahasiswaproses -pengajuan -jabatan_fungsional
+display_statuspengajuan() -status_sipil <<control>> -status_sipil -status_aktif
-lokasi_foto -no_sk -status_sipil
+display_revisipengajuan() -lokasi_foto pembantuketua1proses -lokasi_foto -status_dosen
-goldar -qrcode -lokasi_foto
+display_suratketerangan() +post() -status_aktif -status_aktif -jenis_identitas
-semsester -catatan -status_aktif
+display_kartubimbingan() +validasisukses() -status_dosen -status_dosen -no_identitas
-status_transfer +post() -status_dosen
+display_halaman_login() +datauser() -jenis_identitas -jenis_identitas -NIDN
+validasisukses() -jenis_identitas
+editpassword() -no_identitas -no_identitas -tanggal_masuk
+query() +datauser() -no_identitas
+editdata() -NIDN -NIDN -tanggal_keluar
+editpassword() -NIDN
<<boundary>> +persyaratan() <<entity>> -tanggal_masuk -tanggal_masuk -gelar_depan
+editdata() -tanggal_masuk
dosenpembimbingview +pengajuan() user -tanggal_keluar -tanggal_keluar -gelar_belakang
+pengajuan() -tanggal_keluar
+statuspengajuan() -gelar_depan -gelar_depan +kode_prodi
-id_user +detailpengajuan() -gelar_depan
+pengajuanrevisi() -gelar_belakang -gelar_belakang -no_rek
+input_kodepengguna_password() -tabel_ref +return_data() +gelar_belakang
+lihatsk() +kode_prodi +kode_prodi -kode_bank
<<entity>> +input_passwordlama_passwordbaru() -id_ref +kode_prodi
+lihatkartubimbingan() -no_rek -no_rek -no_sk_percobaan
dosen pembimbing +select_menu_home() -status_aktif -no_rek
+return_data() -kode_bank -kode_bank -tanggal_percobaan
+display_editdatauser() -username -kode_bank
+id_dosen -no_sk_percobaan -no_sk_percobaan -tanggal_pengangkatan
+display_editpassword() -password <<boundary>> -no_sk_percobaan
+id_jabatan -tanggal_percobaan -tanggal_percobaan -no_SK_pengangkatan
+select_menu_pengajuanbaru() pembantuketua1view -tanggal_percobaan
-nama_dosen -tanggal_pengangkatan -tanggal_pengangkatan -kewajiban_sks
+select_menu_pengajuanrevisi() -tanggal_pengangkatan
-alamat_1 -no_SK_pengangkatan -no_SK_pengangkatan -pendidikan_terakhir
+select_detail() <<control>> -no_SK_pengangkatan
-alamat_2 -kewajiban_sks +input_kode_pengguna_password() -kewajiban_sks -kode_propinsi
+select_konfirmasi() dosenpembimbingproses -kewajiban_sks
-no_telp -pendidikan_terakhir +input_passwordlama_passwordbaru() -pendidikan_terakhir -kode_kabupaten
+display_datauser() -pendidikan_terakhir
-hp -kode_propinsi +select_menu_home() -kode_propinsi -kode_kecamatan
+display_listpengajuanbaru() -kode_propinsi
-tempat_lahir +post() -kode_kabupaten +select_editdata() -kode_kabupaten -kode_pos
+display_listpengajuanrevisi() -kode_kabupaten
-tanggal_lahir +validasisukses() -kode_kecamatan +select_editpassword() -kode_kecamatan -email
+display_detailpengajuan() -kode_kecamatan
-jk +datauser() -kode_pos +select_menu_pengajuan() -kode_pos -kode_negara
+konfirmasi_pengajuan() -kode_pos
-goldar +editpassword() -email +select_detail() -email
+editdata() -email +query()
-agama +editdatauser() -kode_negara +select_pengajuanditerima() -kode_negara -kode_negara
-bid_keahlian +pengajuanbaru() +select_pengajuanditerimadengan saran()
-jabatan_fungsional +pengajuanrevisi() +query() +input_saranperbaikan() +query() +query()
<<control>>
-status_sipil +detailpengajuan() +display_datauser()
dosenpembimbingmodel
-lokasi_foto +konfirmasi_pengajuan() +display_editdata()
-status_aktif +key +display_editpassword()
-status_dosen +table +display_listpengajuan()
-jenis_identitas +display_detailpengajuan() <<boundary>>
-no_identitas +username_password() +editdata() timverifikasiview
-NIDN +get_data_user()
-tanggal_masuk +update_password() +input_kodepengguna_password()
-tanggal_keluar +update_data_user() +input_passwordlama_passwordbaru()
<<control>>
-gelar_depan +get_data_pengajuanbaru() +select_menu_home()
timverifikasiproses
-gelar_belakang +get_data_pengajuanrevisi() +select_editdatauser()
+get_data_detailpengajuan() <<control>>
+kode_prodi timverifikasimodel +select_editpassword()
-no_rek +update_pengajuan() +post() +select_menu_pengajuan_baru()
-kode_bank +return_query() +validasisukses() +selsect_menu_pengajuan_revisi()
+key
-tanggal_percobaan +datauser() +select_detail()
+table
-no_sk_percobaan +editpassword() +select_pengajuanditerima()
-tanggal_pengangkatan +username_password() +editdata() +select_pengajuanditerimadengansaran()
-no_SK_pengangkatan +get_datauser() +pengajuanbaru() +select_pengajuanditolak()
-kewajiban_sks +update_data_user() +pengajuanrevisi() +input_saranperbaikan()
<<boundary>>
-pendidikan_terakhir <<control>> <<control>> +update_password() +detailpengajuan() +display_datauser()
kaprodiview
-kode_propinsi kaprodiproses kaprodimodel +get_data_pengajuanbaru() +return_data() +display_editdatauser()
-kode_kabupaten +get_data_pengajuanrevisi() +edit_status_pengajuan() +display_editpassword()
+input_kodepengguna_password() +key +get_data_detailpengajuan() +pengajuanditerima()
-kode_kecamatan +post() +table +display_listpengajuanbaru()
+input_passwordlama_passwordbaru() +update_pengajuan() +pengajuanditerimadengansaran()
-kode_pos +validasisukses() +display_listpengajuanrevisi()
+select_menu_home() +return_query() +pengajuanditolak()
-email +datauser() +username_password() +display_detailpengajuan()
+select_editdatauser() +inputsaranperbaikan()
-kode_negara +editpassword() +get_datauser() +edit_status_pengajuan()
+select_editpassword()
+editdata() +update_data_user() +editdata()
+query() +select_menu_pengajuan()
+pengajuan() +update_password() <<boundary>>
+select_detail()
+detailpengajuan() +get_data_pengajuan() akademikview
+select_dosenpembimbing1()
+select_dosenpembimbing2() +get_data_detailpengajuan()
+display_datauser() +update_pengajuan() +input_kode_pengguna_password()
+display_editdatauser() +return_query() <<control>> +input_passwordlama_passwordbaru()
akademikmodel <<control>>
+display_editpassword() +select_menu_home()
akademikproses
+display_listpengajuan() +select_editdatauser()
+key +select_editpassword()
+display_detailpengajuan()
+table +post() +select_menu_datamahasiswa()
+editdata()
+username_password() +validasisukses() +select_edit()
+get_datauser() +datauser() +select_menu_dataskripsi()
+update_data_user() +editpassword() +select_cetak_suratketerangan()
+update_password() +editdata() +select_cetak_kartubimbingan()
+get_data_mahasiswa() +datamahasiswa() +select_menu_datamahasiswaskripsi()
+update_syarat() +editsyarat() +display_datauser()
+get_data_skripsi() +dataskripsi() +display_editdatauser()
+get_data_mahasiswaskripsi() +datamahasiswaskripsi() +display_editpassword()
+get_data_suratketerangan() +return_data() +display_listdatamahasiswa()
+get_data_kartubimbingan() +cetaksuratketerangan() +display_editpersyaratan()
+return_query() +cetakkartubimbingan() +display_listdataskripsi()
+display_suratketerangan()
+display_kartubimbingan()
+display_listdatamahasiswaskripsi()
+edit_persyaratan()
+editdata()

Gambar 3.8 Class Diagram

4. IMPLEMENTASI SISTEM
Tahapan ini dilakukan setelah selesai melakukan perancangan dan selanjutnya akan
diimplementasikan pada bahasa pemrograman yang akan digunakan.
1. Antarmuka Login
Form login adalah halaman yang pertama kali akan tampil ketika user mengakses aplikasi
web pengajuan judul skripsi. User harus mengisi kode pengguna dan kata sandi untuk dapat
masuk kedalam aplikasi web pengajuan judul skripsi.

210
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.1 Antarmuka Login

2. Antarmuka Input Pengajuan
Form ini berfungsi untuk melakukan input pengajuan yang hanya dapat diakses oleh
mahasiswa.

Gambar 4.2 Antarmuka Input Pengajuan

3. Antarmuka Pengajuan Baru Dosen Pembimbing

211
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Form ini berfungsi untuk menampilkan pengajuan judul dari mahasiswa yang sebelumnya
telah melakuka konsultasi dengan dosen yang bersangkutan. Form ini hanya menampilkan
data pengajuan dari mahasiswa yang baru pertama kali mengajukan judul dan hanya dapat
diakses oleh dosen pembimbing.

Gambar 4.3 Antarmuka Pengajuan Baru Dosen Pembimbing

4. Antarmuka Detail Pengajuan Dosen Pembimbing

Form ini berfungsi untuk menampilkan isi dari pengajuan judul yang mahasiswa secara
detail. Dosen pembimbing bertugas untuk mengkonfirmasi apakah judul yang diajukan
tersebut benar hasil konsultasi dengan dosen atau bukan. Form ini hanya dapat diakses oleh
dosen pembimbing.

212
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.4 Antarmuka Detail Pengajuan Dosen Pembimbing

5. Antarmuka Pengajuan Baru Tim Verifikasi

Form ini berfungsi untuk menampilkan pengajuan judul dari mahasiswa yang baru pertama
kali mengajukan judul skripsi, baik judul hasil konsultasi dengan dosen maupun judul bukan
hasil konsultasi. Form ini hanya dapat diakses oleh tim verifikasi.

213
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.5 Antarmuka Pengajuan Baru Tim Verifikasi

6. Antarmuka Detail Pengajuan Tim Verifikasi
Form ini menampilkan isi pengajuan judul secara keseluruhan yang hanya dapat diakses
oleh tim verifikasi. Pada form ini, tim verifikasi bertugas untuk memverifikasi pengajuan
dengan menentukan status dari pengajuan tersebut. Apakah pengajuan diterima, diterima
dengan saran, maupun ditolak. Tim verifikasi juga dapat menambahkan catatan jika
diperlukan.

Gambar 4.6 Antarmuka Detail Pengajuan Tim Verifikasi

7. Antarmuka Pengajuan Kaprodi

214
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Form ini berfungsi untuk menampilkan pengajuan yang telah diterima oleh tim verifikasi
yang hanya dapat diakses oleh kaprodi.

Gambar 4.7 Antarmuka Pengajuan Kaprodi

8. Antarmuka Detail Pengajuan Kaprodi

Form ini berfungsi untuk menampilkan isi pengajuan secara keseluruhan yang hanya dapat
diakses oleh kaprodi. Kaprodi bertugas untuk menentukan dosen pembimbing 1 dan dosen
pembimbing 2 bagi setiap mahasiswa yang pengajuannya telah diterima oleh tim verifikasi.

215
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.8 Antarmuka Detail Pengajuan Kaprodi

9. Antarmuka Pengajuan Pembantu Ketua 1

Form ini hanya dapat diakses oleh pembantu ketua 1 dan berisi pengajuan beserta nama
dosen pembimbing 1 dan dosen pembimbing 2 yang telah ditentukan oleh kaprodi
sebelumnya.

216
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.9 Antarmuka Pengajuan Pembantu Ketua 1

10. Antarmuka Detail Pengajuan Pembantu Ketua 1

Form ini hanya dapat diakses oleh pembantu ketua 1 dan berfungsi untuk menampilkan data
mahasiswa, judul skripsi, dan dosen pembimbing yang telah ditentukan oleh kaprodi.
Pembantu Ketua 1 bertugas untuk memeriksa kesesuaian dosen pembimbing dengan judul
yang diajukan dan menentukan status dari pengajuan (diterima atau diterima dengan saran
penggantian dosen pembimbing).

Gambar 4.10 Antarmuka Detail Pengajuan Pembantu Ketua 1

11. Antarmuka Data Mahasiswa

Form ini hanya dapat diakses oleh akademik dan berfungsi untuk menampilkan data
mahasiswa yang belum bisa mengajuakan judul skripsi karena persyaratan untuk
mengajukan judul skripsi belum terpenuhi.

217
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.11 Antarmuka Data Mahasiswa

12. Antarmuka Edit Persyaratan

Form ini hanya dapat diakses oleh akademik dan berfungsi untuk mengubah persyaratan
yang belum terpenuhi.

Gambar 4.12 Antarmuka Edit Persyaratan

13. Antarmuka Data Skripsi

Form ini hanya dapat diakses oleh akademik dan berfungsi untuk menampilkan judul skripsi
yang telah diajukan oleh semua mahasiswa. Apabila judul skripsi yang diajukan telah
diterima, maka akademik dapat mencetak kartu bimbingan dan surat keterangan bukti judul
diterima.

218
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.13 Antarmuka Data Skripsi

14. Antarmuka Surat Keterangan

File ini hanya dapat diunduh oleh akademik dan mahasiswa yang befungsi untuk mencetak
surat keterangan dari judul skripsi yang telah diterima.

Gambar 4.14 Antarmuka Surat Keterangan

15. Antarmuka Kartu Bimbingan

Form ini hanya dapat diakses oleh akademik dan befungsi untuk mencetak kartu bimbingan
dari judul skripsi yang telah diterima.

219
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

Gambar 4.15 Antarmuka Kartu Bimbingan

5. KESIMPULAN DAN SARAN

5.1 Kesimpulan
Adapun kesimpulan yang dapat diambil dari hasil penelitian ini adalah sebagai berikut.
1. Menghasilkan sebuah aplikasi web yang dapat digunakan untuk melakukan proses
pengajuan judul skripsi di Sekolah Tinggi Teknologi Bandung sehingga menjadi lebih cepat
dan mudah, karena proses pengajuan judul skripsi dapat dilakukan tanpa perlu adanya tatap
muka antara satu pihak dengan pihak yang lain.
2. Menghasilkan sebuah aplikasi web responsive dimana antarmuka dari aplikasi web
pengajuan judul skripsi ini dapat menyesuaikan tampilannya ketika diakses menggunakan
berbagai macam ukuran device yang berbeda. Sehingga memberikan kemudahan bagi
pengguna aplikasi untuk dapat mengaksesnya baik menggunakan laptop, mobile phone,
tablet, maupun jenis device lainnya.
5.2 Saran
Untuk pengembangan lebih lanjut pada aplikasi web pengajuan judul skripsi ini, maka
dapat disarankan:
1. Untuk pengembangan selanjutnya perlu dilakukan perbaikan pada tampilan aplikasi, karena
beberapa halaman pada aplikasi belum bisa menyesuaikan tampilannya terutama ketika
diakses menggunakan device dengan ukuran layar kurang dari 5”.
2. Dilengkapi dengan fitur yang mampu mendeteksi kemiripan judul skripsi yang diajukan oleh
mahasiswa.

220
Prosiding Seminar Nasional Informatika ISSN 2549-4805
dan Sistem Informasi

DAFTAR PUSTAKA

[1]Sekolah Tinggi Teknologi Bandung. Sejarah Berdirinya STT Bandung [Online]. Tersedia :
http://sttbandung.ac.id/sejarah/ [1 Agustus 2016].
[2] Susena Edy. Analisis Pengaruh Intensitas Penggunaan Internet Terhadap Kecerdasan
Mahasiswa Diploma Tiga Dengan Kreatifitas Sebagai Variabel Moderator. Jurnal Saintech
Politeknik Indonusa Surakarta. 2014; 1(1).
[3] Risnandar, Erdi. Pembuatan Aplikasi Sistem Informasi Monitoring Kegiatan Mahasiswa
Berbasis Web dan Android Client. Skripsi. Semarang: Universitas Negeri Semarang:
2015.
[4] Anggaeni PA, Sujatmiko B. Sistem Informasi Tugas Akhir Berbasis Web (Studi Kasus D3
Manajemen Informatika TE FT UNESA). Jurnal Manajemen Informatika. 2013; 2(2): 39.
[5] Arifin, M. Aplikasi Web dengan Simulasi Kredit Menggunakan CodeIgniter Framework pada
Toko Langgeng Elektronik. Jurnal. 2014; 1(1): 3.
[6] Tim Penyusun. Pedoman Penyusunan Penulisan Proposal dan Laporan Skripsi. Bandung:
Sekolah Tinggi Teknologi Bandung. 2015: 1-2.
[7] Sholeh AT, Gunadhi E, Supriatna AD. Mengamankan Skrip pada Bahasa Pemrograman PHP
dengan Menggunakan Kriptografi BASE64. Jurnal Algoritma Sekolah Tinggi Teknologi
Garut. 2013; 10(1): 2.
[8] Hidayatullah P, Kawistara JK. Pemrograman Web. Bandung: Informatika Bandung. 2014.
[9] Septian Gugun. Trik Pintar Menguasai CodeIgniter. Jakarta: PT. Elex Media Komputindo.
2011: 7-9.
[10] Syachbana, Akib Z. Perancangan Website Menggunakan Responsive Web Design. Jurnal
Sigmata. 2013; 2 (1): 24- 26.
[11] Wahana Komputer. Responsive Web Design With Bootstrap. Yogyakarta: Andi. 2016.
[12] Binarso YA, Sarwoko EA, Bahtiar N. Pembangunan Sistem Informasi Alumni Berbasis
Web pada Program Studi Teknik Informatika Universitas Diponegoro. Jurnal Teknologi
Informasi. 2012; 1(1): 76. [13] Sianipar RH. Pemrograman Javascript Teori dan Implementasi.
Bandung: Informatika Bandung. 2015.

221