RANCANG BANGUN SISTEM MANAJEMEN DATA SKR

RANCANG BANGUN SISTEM MANAJEMEN DATA SKRIPSI
PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA
HALAMAN JUDUL

LAPORAN KERJA MAGANG

Anastasia Ervina Haryono
12110110001

PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2016

HALAMAN PERSETUJUAN
Laporan Kerja Magang dengan Judul
RANCANG BANGUN SISTEM MANAJEMEN DATA SKRIPSI
PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA

oleh
Anastasia Ervina Haryono
12110110001

telah disetujui untuk diajukan pada
Sidang Kerja Magang Universitas Multimedia Nusantara

Tangerang, 18 Juli 2016
Menyetujui,
Dosen Pembimbing

Ranny, S.Kom., M.Kom.
Mengetahui,
Ketua Program Studi

Maria Irmina Prasetiyowati, S.Kom, M.T.
ii

LEMBAR PENGESAHAN LAPORAN KERJA MAGANG

RANCANG BANGUN SISTEM MANAJEMEN DATA SKRIPSI
PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA

Oleh
Nama

:Anastasia Ervina Haryono

NIM

:12110110001

Program Studi :Teknik Informatika
Fakultas

:Teknologi Informasi dan Komunikasi

Tangerang, 4 Agustus 2016
Dosen Pembimbing

Dosen Penguji

Ranny, S.Kom., M.Kom.

Marcel Bonar Kristanda, S.Kom., M.Sc.

Menyetujui,
Ketua Program Studi
Teknik Informatika

Maria Irmina Prasetiyowati, S.Kom, M.T.

iii

PERNYATAAN TIDAK MELAKUKAN PLAGIAT
Dengan ini saya,
Nama

:Anastasia Ervina Haryono

NIM

:12110110001

Program Studi

:Teknik Informatika

Fakultas

:Teknologi Informasi dan Komunikasi

menyatakan bahwa saya telah melaksanakan praktek kerja magang:
Nama Perusahaan

: UNIVERSITAS MULTIMEDIA
NUSANTARA

Divisi

: Programmer

Alamat

: Jalan Scientia Boulevard, Gading Serpong,
Tangerang, 15811

Periode Magang

: 1Juli 2015– 21 September 2015

Pembimbing Lapangan : Maria Irmina Prasetiyowati, S.Kom, M.T.

Laporan kerja magang merupakan hasil karya saya sendiri dan saya tidak
melakukan plagiat. Semua kutipan karya ilmiah orang lain atau lembaga lain yang
dirujuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya
serta saya cantumkan di Daftar Pustaka.
Jika di kemudian hari terbukti ditemukan kecurangan/ penyimpangan, baik
dalam pelaksanaan skripsi maupun dalam penulisan laporan skripsi, saya bersedia

menerima konsekuensi dinyatakan TIDAK LULUS untuk mata kuliah Skripsi
yang telah saya tempuh.
Tangerang, 18 Juli 2016

Anastasia Ervina Haryono

iv

RANCANG BANGUN SISTEM MANAJEMEN DATA SKRIPSI
PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA

ABSTRAKSI
Semakin banyak sarjana yang wisuda tiap tahun maka semakin banyak pula data
skripsi yang akan menumpuk. Untuk itu diperlukan sebuah sistem yang dapat
membantu manajemen data skripsi tersebut. Sehingga dirancang dan dibangun
sebuah website intranet Sistem Manajemen Data Skripsi Prodi Teknik Informatika.
Website ini digunakan ketua Program Studi untuk meng-input, mengedit, serta
melihat data skripsi dan data dosen yang telah ada pada prodi Teknik Informatika,
sedangkan dosen hanya akan dapat melihat data Skripsi dan mengubah profile

pribadi sehingga dapat memudahkan dosen pembimbing untuk mengusulkan judul
skripsi mahasiwa. Selain itu, website ini digunakan untuk membantu mahasiswa
dalam menyelesaikan administrasi KM untuk magang serta KM untuk skripsi.
Dalam pembuatan website ini digunakanlah CSS Foundation, HTML, Javascript,
dan PHP untuk membuat tampilan, perancangan, dan pembangunan website ini.

Kata kunci : CSS Foundation, HTML, Javascript, PHP, dan website

v

KATA PENGANTAR
Puji dan syukur saya ucapkan kepada Tuhan Yang Maha Pengasih dan
Pemurah. Dan berkat kasih setia-Nya penulis dapat menyelesaikan laporan kerja
magang ini dengan baik. Untuk itu penulis mengucapkan puji syukur karena telah
menyelesaikan laporan kerja magang yang berjudul “Rancang Bangun Sistem
Manajemen Data Skripsi Program Studi Teknik Informatika Universitas
Multimedia Nusantara”. Laporan kerja magang ini diajukan kepada Program Studi
Teknik Informatika, Fakultas Teknologi Informasi dan Komunikasi, Universitas
Multimedia Nusantara.
Penulis ingin mengucapkan terima kasih kepada Universitas Multimedia

Nusantara, terkhususnya program studi teknik informatika yang telah menerima
penulis untuk menyelesaikan kerja magang.
Penulis juga mengucapkan terima kasih kepada:
1. Dr. Ninok Leksono, Rektor Universitas Multimedia Nusantara,
2. Kanisius Karyono, S.T., M.T., Dekan Fakultas ICT di Universitas
Multimedia Nusantara,
3. Maria Irmina Prasetiyowati, S.Kom., M.T., Ketua Program Studi Teknik
informatika di Universitas Multimedia Nusantara, serta pembimbing
lapangan yang telah memberikan kesempatan magang dan ilmu kepada
penulis,
4. Ranny, S.Kom., M.Kom., yang membimbing dalam membuat laporan kerja
magang hingga selesai,
5. Seluruh teman-teman angkatan 2012 yang telah mengajari dan juga
membantu apabila penulis mengalami kendala / kesusahan,
vi

6. Seluruh karyawan dan dosen Teknologi Informasi dan Komunikasi
Universitas Multimedia Nusantara yang telah mendampingi kerja magang
ini, dan
7. Tidak lupa penulis mengucapkan terima kasih kepada kedua orang tua

beserta adik-adik tercinta yang selalu mendukung dan memberi masukan di
setiap keputusan yang penulis ambil. Penulis juga berterima kasih atas doa
dan motivasi yang telah di berikan.

Semoga laporan kerja magang ini dapat menjadi sumber informasi maupun
sumber inspirasi yang baik sehingga dapat bermanfaat bagi para pembaca.

Tangerang, 18 Juli 2016

Anastasia Ervina Haryono

vii

DAFTAR ISI
HALAMAN JUDUL................................................................................................ i
HALAMAN PERSETUJUAN ................................................................................ ii
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG ............................... iii
PERNYATAAN TIDAK MELAKUKAN PLAGIAT .......................................... iv
ABSTRAKSI .......................................................................................................... v
KATA PENGANTAR ........................................................................................... vi

DAFTAR ISI ........................................................................................................ viii
DAFTAR GAMBAR ............................................................................................. ix
DAFTAR TABEL .................................................................................................. xi
BAB I PENDAHULUAN .................................................................................... 1
1.1. Latar Belakang Masalah ........................................................................... 1
1.2. Maksud dan Tujuan Kerja Magang .......................................................... 2
1.3. Waktu dan Prosedur Pelaksanaan Kerja Magang..................................... 2
BAB II GAMBARAN UMUM PERUSAHAAN ................................................. 4
2.1. Sejarah Singkat Perusahaan...................................................................... 4
2.2. Visi dan Misi Program Studi Teknik Informatika .................................... 6
2.3. Struktur Organisasi Perusahaan................................................................ 7
BAB III PELAKSANAAN KERJA MAGANG..................................................... 9
3.1. Kedudukan dan Koordinasi ...................................................................... 9
3.2. Tugas yang Dilakukan .............................................................................. 9
3.3. Uraian Pelaksaan Kerja Magang ............................................................ 11
3.3.1. Deskripsi Umum Website ............................................................... 11
3.3.2. Rancangan Sistem ........................................................................... 16
3.3.3. Implementasi Website ..................................................................... 56
3.4. Kendala yang Ditemukan ....................................................................... 77
3.5. Solusi atas Kendala yang Ditemukan ..................................................... 77

BAB IV KESIMPULAN DAN SARAN............................................................... 78
4.1. Kesimpulan ............................................................................................. 78
4.2. Saran ....................................................................................................... 78
DAFTAR PUSTAKA ........................................................................................... 79
LAMPIRAN .......................................................................................................... 80
DAFTAR RIWAYAT HIDUP .............................................................................. 81

viii

DAFTAR GAMBAR
Gambar 2.1. Logo UMN ....................................................................................... 5
Gambar 2.2. Logo Program Studi Teknik Informatika ......................................... 5
Gambar 2.3. Struktur Organisasi UMN................................................................. 7
Gambar 2.4. Stuktur Organisasi Program Studi Teknik Informatika .................... 8
Gambar 3.1. Hierarki Menu Website Manajemen Data Skripsi (Home) ............. 16
Gambar 3.2. Hierarki Menu Website Manajemen Data Skripsi (Mahasiswa) .... 17
Gambar 3.3. Hierarki Menu Website Manajemen Data Skripsi (Dosen) ............ 18
Gambar 3.4. Hierarki Menu Website Manajemen Data Skripsi (Admin Prodi) .. 19
Gambar 3.5. Hierarki Menu Website Manajemen Data Skripsi (Kaprodi) ......... 20
Gambar 3.6. Flowchart Home Page .................................................................... 21
Gambar 3.7. Flowchart Home Page (Mahasiswa)............................................... 22
Gambar 3.8. Flowchart Halaman Edit Profile .................................................... 23
Gambar 3.9. Flowchart Halaman Lihat Data Dosen ........................................... 24
Gambar 3.10. Flowchart Halaman Form Perijinan Penelitian Skripsi ................. 24
Gambar 3.11. Flowchart Halaman Lihat Status Perijinan Penelitian ................... 25
Gambar 3.12. Flowchart Halaman Lihat Data Skripsi ......................................... 26
Gambar 3.13. Flowchart Halaman Form KM-01 ................................................. 26
Gambar 3.14. Flowchart Halaman Lihat Status KM-01(surat Kerja Magang) .... 27
Gambar 3.15. Flowchart Home Page (Dosen) ...................................................... 28
Gambar 3.16. Flowchart Home Page (Admin Prodi) ........................................... 29
Gambar 3.17. Flowchart Home Page (Kaprodi) ................................................... 30
Gambar 3.18. Flowchart Halaman Lihat Data Dosen(Kaprodi) ........................... 31
Gambar 3.19. Flowchart Halaman Lihat Data Mahasiwa .................................... 32
Gambar 3.20. Flowchart Halaman Lihat Data Mahasiwa (Kaprodi).................... 33
Gambar 3.21. Flowchart Halaman Lihat Data Skripsi(Kaprodi).......................... 34
Gambar 3.22. Flowchart Halaman Lihat Judul Usulan ........................................ 35
Gambar 3.23. Flowchart Halaman Usulkan Judul atau Topik.............................. 36
Gambar 3.24. Flowchart Halaman Upload File Pengumuman ............................ 37
Gambar 3.25. Flowchart Halaman Karya Mahasiswa .......................................... 38
Gambar 3.26. Flowchart Halaman Perijinan Penelitian Skripsi(Kaprodi dan
Admin Prodi) .................................................................................. 39
Gambar 3.27. Flowchart Halaman KM-01(surat Kerja Magang)(Kaprodi dan
Admin Prodi) .................................................................................. 41
Gambar 3.28. Flowchart Halaman Form Tambah Dosen ..................................... 42
Gambar 3.29. Flowchart Halaman Form Input Data Mahasiswa ......................... 43
Gambar 3.30. Flowchart Halaman Form Peminatan ............................................ 44
Gambar 3.31. Flowchart Halaman Form Input Data Skripsi ................................ 45
Gambar 3.32. Conceptual Data Model (CDM) ................................................... 46
Gambar 3.33. Physical Data Model (PDM) ......................................................... 47
Gambar 3.34. Entity Relationship Diagram (ERD) .............................................. 48
Gambar 3.35. Context Diagram Sistem Manajemen Data Skripsi Program Studi
Teknik Informatika ......................................................................... 49
Gambar 3.36. DFD Level 1 Sistem Manajemen Data Skripsi .............................. 50
Gambar 3.37. DFD Level 2 Pengumuman ............................................................ 51
Gambar 3.38. DFD Level 2 KM-01 ...................................................................... 52
ix

Gambar 3.39. DFD Level 2 Perijinan Penelitian Skripsi ...................................... 53
Gambar 3.40. DFD Level 2 Skripsi ...................................................................... 54
Gambar 3.41. DFD Level 2 Register .................................................................... 55
Gambar 3.42. DFD Level 2 Usul Topik / Judul .................................................... 55
Gambar 3.43. Tampilan Awal : Home .................................................................. 56
Gambar 3.44. Tampilan Awal : Form Perijinan Penelitian Skripsi ...................... 57
Gambar 3.45. Tampilan Awal : Lihat Status Perijinan Penelitian ........................ 58
Gambar 3.46. Tampilan Awal : Form KM-01(surat Kerja Magang) .................... 59
Gambar 3.47. Tampilan Awal Lihat Status KM-01(surat Kerja Magang) ........... 60
Gambar 3.48. Tampilan Mahasiswa : Home ......................................................... 60
Gambar 3.49. Tampilan Mahasiswa : Edit Profile................................................ 61
Gambar 3.50. Tampilan Mahasiswa : Lihat Data Dosen ...................................... 62
Gambar 3.51. Tampilan Mahasiswa : Form Perijinan Penelitian ......................... 63
Gambar 3.52. Tampilan Mahasiswa : Lihat Status Perijinan Penelitian ............... 64
Gambar 3.53. Tampilan Mahasiswa : Lihat Data Skripsi ..................................... 64
Gambar 3.54. Tampilan Mahasiswa : Form KM-01(surat Kerja Magang)........... 65
Gambar 3.55. Tampilan Mahasiswa : Lihat Status KM-01(surat Kerja Magang) 66
Gambar 3.56. Tampilan Dosen : Home ................................................................. 67
Gambar 3.57. Tampilan Dosen : Edit Profile ....................................................... 67
Gambar 3.58. Tampilan Dosen : Lihat Data Dosen .............................................. 68
Gambar 3.59. Tampilan Dosen : Lihat Data Mahasiwa ........................................ 69
Gambar 3.60. Tampilan Dosen : Lihat Data Skripsi ............................................. 69
Gambar 3.61. Tampilan Dosen : Lihat Judul Usulan ............................................ 70
Gambar 3.62. Tampilan Dosen : Usulkan Judul atau Topik ................................. 71
Gambar 3.63. Tampilan Dosen : Upload File Pengumuman ................................ 71
Gambar 3.64. Tampilan Dosen : Karya Mahasiswa ............................................. 72
Gambar 3.65. Tampilan Admin Prodi : Perijinan Penelitian Skripsi .................... 72
Gambar 3.66. Tampilan Admin Prodi : KM-01(surat Kerja Magang) ................. 73
Gambar 3.67. Tampilan Kaprodi : Form Tambah Dosen ..................................... 74
Gambar 3.68. Tampilan Kaprodi : Form Input Data Mahasiswa .......................... 75
Gambar 3.69. Tampilan Kaprodi : Form Peminatan ............................................. 75
Gambar 3.70. Tampilan Kaprodi : Form Input Data Skripsi ................................ 76

x

DAFTAR TABEL
Tabel 3.1. Laporan Realisasi Kerja Magang ......................................................... 10

xi

BAB I
PENDAHULUAN

1.1.

Latar Belakang Masalah
Semakin bertambahnya waktu maka sarjana yang dihasilkan oleh setiap

universitas di Indonesiapun bertambah jumlahnya semakin banyak. Begitu pula
dengan sarjana yang dihasilkan oleh Universitas Multimedia Nusantara bertambah
banyak tiap tahunnya. Dari wisuda perdananya tahun 2011 meluluskan 75
wisudawan. Hingga wisuda terbarunya yang meluluskan 314 wisudawan pada
wisuda ke IX yang diselenggarakan pada 4 Juni tahun 2016.
Menjadi seorang sarjana memiliki beberapa syarat terlebih dahulu, selain
menimba ilmu selama 3,5 tahun hingga 4 tahun di universitas, skripsi juga menjadi
syarat utama bagi seorang mahasiswa untuk mendapatkan gelar sarjana. Begitu pula
di UMN yang menjadikan skripsi sebagai syarat utama dalam mendapatkan gelar
sarjana.
Dengan banyaknya mahasiswa yang lulus dan syarat menjadi sarjana adalah
skripsi maka banyaknya data skripsi juga tidak terelakkan. Oleh karena itu
diperlukannya sebuah sistem untuk mengelola semua data skripsi yang ada.
Dalam magang yang diambil oleh Anastasia Ervina Haryono, ibu Maria
Irmina sebagai pembimbing lapangan sekaligus Ketua Program Studi Teknik
Informatika meminta untuk membuat sebuah website intranet yang dapat
digunakan untuk mengelola data skripsi.

1

1.2.

Maksud dan Tujuan Kerja Magang
Maksud dan tujuan dari kerja magang pada Prodi Teknik Informatika UMN

dibagi menjadi dua, yaitu tujuan khusus dan tujuan umum:
Tujuan Umum: Kerja magang dilaksanakan dengan maksud agar penulis
memiliki kemampuan secara profesional untuk:


Mengenal dunia kerja secara professional, beradaptasi, dan berbaur dengan
lingkungan kerja,



Menyelesaikan masalah-masalah yang dihadapi di dunia kerja dengan bekal
ilmu yang diperoleh di universitas,



Mengembangkan

pengetahuan

dan

kemampuan

mahasiswa

melalui

pengaplikasian ilmu, dan


Memberi pelatihan dan pengalaman kerja bagi mahasiswa.
Tujuan Khusus: Kerja magang dilaksanakan dengan tujuan khusus untuk

Merancang dan membangun sebuah website intranet manajemen data skripsi di
Program Studi Teknik Informatika Universitas Multimedia Nusantara.
1.3.

Waktu dan Prosedur Pelaksanaan Kerja Magang
Kerja magang dilaksanakan selama 40 hari, dimulai dari tanggal 01 Juli

2015 hingga 21 September 2015. Prosedur pelaksaaan kerja magang di PT Elitics
Teknologi Indonesia Nusantara adalah sebagai berikut.
1.

Kantor perusahaan yang bertempat di ruang Dosen Program Studi Teknik
Informatika Universitas Multimedia Nusantara yang berlokasi pada Gedung A,
lantai 6, Universitas Multimedia Nusantara, Jalan Scientia Boulevard, Gading
Serpong, Tangerang, Banten, Indonesia(15811).
2

2.

Jam kerja dari hari Senin sampai Jumat pada pukul 08.00 WIB hingga pukul
17.00 WIB.

3.

Kerja magang yang dilakukan dibimbing oleh Ibu Maria Irmina Prasetiyowati
selaku pembimbing lapangan dan Ibu Ranny selaku pembimbing dalam
pembuatan laporan kerja magang.

4.

Libur kerja tanggal 12 sampai dengan 25Juli 2015 sebagai libur Idul Fitri.

5.

Libur Hari Kemerdekaan RI tanggal 17 Agustus 2015.

6.

Ijin kerja dikarenakan menjadi panitia OMB 2015 sebagai medic tanggal 21,
25, 27 Agustus 2015.

7.

Ijin kerja dikarenakan jam kuliah tanggal 4, 11, 18 September 2015.

3

BAB II
GAMBARAN UMUM PERUSAHAAN

2.1.

Sejarah Singkat Perusahaan
UMN didirikan pada tanggal 25 November 2005 berdasarkan Surat

Keputusan Menteri Pendidikan Nasional No. 169/D/O/2005 yang operasionalnya
secara resmi dikelola oleh Yayasan Multimedia Nusantara. Yayasan ini didirikan
oleh Kompas Gramedia, sebuah kelompok usaha terkemuka yang bergerak di
bidang media massa, penerbitan, percetakan, toko buku, hotel dan jasa pendidikan
(Universitas Multimedia Nusantara, 2005).
UMN merupakan sebuah lembaga perguruan tinggi dengan teknologi
informasi dan komunikasi sebagai dasar dalam setiap proses belajar mengajar di
tiap mata kuliah yang diselenggarakannya. Didukung oleh keberadaan para tenaga
pengajar yang profesional dan berpengalaman di bidang pendidikan serta
penyelenggaraan program mata kuliah yang terarah dan terintegrasi akan
menghantar UMN menjadi universitas unggulan di tingkat nasional maupun
internasional. UMN disasarkan menjadi inspirasi bagi hadirnya paradigma
pendidikan baru bagi kaum muda Indonesia sehingga mampu menghasilkan lulusan
berkompetensi

tinggi

dan

berjiwa

wirausaha

berbasis

(technopreneurship) (Universitas Multimedia Nusantara, 2005).

4

teknologi

Gambar 2.1. Logo UMN
Pada Gambar 2.1 dapat dilihat logo dari Universitas Multimedia Nusantara.
UMN memiliki tujuh program studi yakni Teknik Informatika, Sistem
Komputer, Sistem Informasi, Ilmu Komunikasi, Desain Komunikasi Visual,
Manajemen dan Akuntansi. Program studi Teknik Informatika adalah program
studi yang cukup banyak diminati oleh pendaftar yang akan menjadi calon
mahasiswa. Dapat menjadi program studi yang cukup diminati dapat dikarenakan
beberapa hal, yaitu peminatan yang cukup banyak, fasilitas yang lengkap, dan
prospek karir yang bagus menjadi salah satunya.
Pada Gambar 2.2 dapat dilihat logo dari Program Studi Teknik Informatika.

Gambar 2.2. Logo Program Studi Teknik Informatika

5

2.2.

Visi dan Misi Program Studi Teknik Informatika

Visi
Menjadi Program Studi Strata Satu Teknik Informatika unggulan yang
menghasilkan lulusan berwawasan internasional yang kompeten di bidang rekayasa
piranti lunak (software engineering), berjiwa wirausaha dan berbudi pekerti luhur.
Misi
1.

Menyelenggarakan pembelajaran dengan teknologi dan kurikulum terbaik
serta didukung tenaga pengajar profesional.

2.

Melaksanakan kegiatan penelitian di bidang Teknik Informatika untuk
memajukan ilmu dan Teknologi Informatika.

3.

Melaksanakan kegiatan pengabdian kepada masyarakat berbasis ilmu dan
Teknologi Informatika dalam rangka mengamalkan ilmu dan Teknologi
Informatika.

6

2.3.

Struktur Organisasi Perusahaan
Pada Gambar 2.3 dapat dilihat susunan organisasi dari Universitas

Multimedia Nusantara. Susunan ini dimulai dari Rektor UMN sampai dengan setiap
Ketua Program Studi.

Rektor UMN

Wakil Rektor Bidang
Akademik

Wakil Rektor Bidang
Kemahasiswaan

Wakil Rektor Bidang
Administrasi Umum
dan Keuangan

Wakil Rektor Bidang
Hubungan dan
Kerjasama

Direktur Lembaga Penelitian dan
Pengabdian kepada Masyarakat

Dekan Fakultas ICT

Ketua Program Studi
Teknik Informatika
Ketua Program Studi
Sistem Komputer

Dekan Fakultas
Ekonomi

Ketua Program Studi
Manajemen

Dekan Fakultas
Ilmu Komunikasi

Ketua Program
Studi Ilmu
Komunikasi

Dekan Fakultas
Desain Komunikasi
Visual

Ketua Program
Studi Desain
Komunikasi Visual

Dekan Fakultas
Film dan Televisi

Ketua Program
Studi Film dan
Televisi

Ketua Program Studi
Akuntansi

Ketua Program Studi
Sistim Informasi

Gambar 2.3. Struktur Organisasi UMN

7

Dekan
Fakultas ICT
Ketua Program Studi
Teknik Informatika
Wakil Ketua Program
Studi Teknik Informatika
Dosen TI

Asisten
Dosen TI

Admin
ICT

Mahasiswa

Gambar 2.4. Stuktur Organisasi Program Studi Teknik Informatika
Pada Gambar 2.4 dapat dilihat susunan organisasi dari Teknik Informatika
Universitas Multimedia Nusantara.

8

BAB III
PELAKSANAAN KERJA MAGANG

3.1.

Kedudukan dan Koordinasi
Kedudukan yang diberikan oleh Ibu Maria Irmina Prasetiyowati selaku

Ketua Program Studi Teknik Informatika adalah sebagai programmer yang
bertanggung jawab dalam pembuatan website intranet manajemen data skripsi
dengan sebaik mungkin agar nantinya website tersebut dapat bermanfaat dalam
membantu sistem administrasi yang sudah ada.
Dalam pelaksanaan kerja magang, penulis mendapat koordinasi oleh Ibu
Maria Irmina Prasetiyowati dengan posisi Ketua Program Studi Teknik Informatika.
Ibu Maria Irmina Prasetiyowati selaku Pembimbing Lapangan memberikan
informasi tentang kriteria website yang ingin dibuat, memaparkan requirement,
memberikan desain, memaparkan kriteria kebutuhan dalam sistem yang ingin
dikembangkan secara bertahap. Selama proses magang berlangsung, Ibu Maria
merancang desain secara garis besar berupa User Interface, User Experience dan
kode standar lainnya lalu semuanya akan dijelaskan lebih lanjut.
3.2.

Tugas yang Dilakukan
Tugas utama yang dilakukan dalam kerja magang ini adalah melakukan

perancangan dan pembangunan website intranet untuk memudahkan dalam
manajemen data skripsi dan administrasi data magang dan skripsi (KM). Pada Tabel
3.1 dapat dilihat pekerjaan yang dilakukan selama kerja magang berlangsung.

9

Tabel 3.1. Laporan Realisasi Kerja Magang
Minggu
1

2
3
4

5
6

7

8

9

10

Kegiatan







Penjelasan sistem secara garis besar
Membuat halaman login (PHP&HTML)
Membuat halaman form Input data skripsi (PHP&HTML)
Membuat halaman view data skripsi (PHP&HTML)
Membuat halaman view dosen (PHP&HTML)
Membuat halaman view mahasiswa (PHP&HTML)

 Membuat tampilan menggunakan Bootstrap (CSS)

 Mengganti tampilan menggunakan Foundation (CSS)

 Membuat halaman form input topik/judul(PHP,HTML,
Javascrip)
 Memperbaiki tampilan(CSS)

 Memperbaiki tampilan view menggunakan datatabel (Javascrip)
 Membuat halaman view KM-01 (surat Kerja Magang) (surat
Kerja Magang)
 Membuat halaman view perijinan penelitian

 Membuat halaman serta tampilan form KM 01 untuk mahasiswa
 Membuat halaman serta tampilan form perijinan penelitian untuk
mahasiswa
 Membuat tampilan untuk view data dosen untuk mahasiswa
 Membuat tampilan untuk view data KM-01 (surat Kerja
Magang) untuk mahasiswa
 Membuat tampilan untuk view data perijinan penelitian untuk
mahasiswa
 Membuat tampilan untuk view data skripsi untuk mahasiswa
 Membuat edit skripsi
 Membuat delete data skripsi

 Memperbaiki tampilan
 Menambah form upload info
 Membuat halaman Home mahasiswa dan download info di
halaman Home mahasiswa





Upload web ke host online
Membuat halaman serta tampilan awal sebelum login
Menambah form KM-01 (surat kerja magang) di halaman awal
Menambah form perijinan penelitian di halaman awal

10

3.3.

Uraian Pelaksaan Kerja Magang
Dalam melaksanakan kerja magang ini, terdapat beberapa kegiatan, yaitu

sebagai berikut.
3.3.1. Deskripsi Umum Website
Website yang dibuat dalam kerja magang ini merupakan website yang
bersifat dinamis. Hal ini terlihat dari user Admin Prodi (Kaprodi, dosen, dan Admin
Prodi) yang akan masuk ke dalam tampilan website yang berbeda. Website ini
mempunyai 2 tampilan umum, untuk mahasiswa dan Admin Prodi, dan 1 tampilan
awal sebelum login. Pada halaman awal, terdapat beberapa fitur yaitu
1. Halaman Home
Berisi file-file informasi yang dapat di-download oleh mahasiswa.
2. Halaman Form Perijinan Penelitian Skripsi
Halaman ini digunakan untuk mendaftarkan perijinan jika mahasiswa ingin
melakukan penelitian ataupun skripsi.
3. Halaman Lihat Status Perijinan Penelitian
Halaman ini berguna untuk mengetahui status dari perijinan penelitian yg
diajukan mahasiswa.
4. Halaman Form KM-01(surat Kerja Magang)
Halaman ini digunakan untuk mendaftarkan KM-01 (surat Kerja Magang)
jika mahasiswa ingin melakukan praktek kerja magang.
5. Halaman Lihat Status KM-01(surat Kerja Magang)
Halaman ini berguna untuk mengetahui status dari KM-01 (surat Kerja
Magang) yg diajukan mahasiswa.

11

Setelah login maka user akan diberikan tampilan sesuai dengan id yang user
input-kan. Jika memasukkan NIM mahasiswa maka user akan diberikan tampilan
website untuk mahasiswa. Menu website bagi mahasiswa adalah sebagai berikut.
1. Halaman Home
Berisi file-file informasi yang dapat di-download oleh mahasiswa
2. Halaman Edit Profile
Halaman ini digunakan untuk mengedit data-data mahasiswa yang sudah
tidak valid. Misalnya no HP dan email.
3. Halaman Lihat Data Dosen
Halaman ini berisikan contact semua dosen serta topik yang diusulkan
dosen tersebut. Sehingga mahasiswa lebih mudah dalam mencari pembimbing serta
topik skripsi.
4. Halaman Form Perijinan Penelitian Skripsi
Halaman ini digunakan untuk mendaftarkan perijinan jika mahasiswa ingin
melakukan penelitian ataupun skripsi.
5. Halaman Lihat Status Perijinan Penelitian
Halaman ini berguna untuk mengetahui status dari perijinan penelitian yg
diajukan mahasiswa.
6. Halaman Lihat Data Skripsi
Halaman ini berguna untuk mengetahui status skripsi mahasiswa yang
bersangkutan. Jadwal bimbingan, jadwal sidang, dll.

12

7. Halaman Form KM-01(surat Kerja Magang)
Halaman ini digunakan untuk mendaftarkan KM-01 (surat Kerja Magang)
jika mahasiswa ingin melakukan praktek kerja magang.
8. Halaman Lihat Status KM-01(surat Kerja Magang)
Halaman ini berguna untuk mengetahui status dari KM-01 (surat Kerja
Magang) yg diajukan mahasiswa.
Tampilan user dengan id NIK dosen atau staff, ada 3 fitur yang berbeda.
Untuk karyawan dengan status dosen maka fitur yang ditampilkan sebagai berikut.
1. Halaman Home
Berisi kata sambutan serta NIK, Nama dosen, dan Kompetensi yang diampu
dosen tersebut.
2. Halaman Edit Profile
Halaman ini digunakan untuk mengedit data-data mahasiswa yang sudah
tidak valid. Misalnya no HP dan email.
3. Halaman Lihat Data Dosen
Halaman ini berisikan contact semua dosen serta staff. Sehingga dosen akan
lebih mudah dalam mencari contact serta dapat lebih mengenal rekan kerjanya.
4. Halaman Lihat Data Mahasiwa
Halaman ini berisikan contact mahasiswa yang dibimbing oleh dosen
tersebut. Sehingga dosen akan lebih mudah dalam mencari contact serta dapat lebih
mudah menghubungi mahasiswanya.
5. Halaman Lihat Data Skripsi

13

Halaman ini berguna untuk mengetahui status skripsi mahasiswa yang
dibimbing. Serta memudahkan untuk mengatur jadwal bimbingan, jadwal sidang,
dll.
6. Halaman Lihat Judul Usulan
Halaman ini berfungsi untuk melihat semua usulan judul atau topik yang
diusulkan dosen lain maupun usulan dari dosen yang bersangkutan itu sendiri.
7. Halaman Usulkan Judul atau Topik
Halaman ini berisikan form untuk mengusukan judul atau topik.
8. Halaman Upload File Pengumuman
Halaman ini berisikan form untuk meng-upload file pengumuman maupun
file yang ingin diberikan kepada mahasiswa.
9. Halaman Karya Mahasiswa
Halaman ini berisikan hasil karya mahasiswa.
Tampilan web untuk karyawan dengan status Admin Prodi maka ada
beberapa tambahan fitur administrasi dari fitur dosen yang telah ada, yaitu.
1. Halaman Perijinan Penelitian Skripsi
Halaman

ini

digunakan

untuk

melihat

serta

mengganti

status(Selesai/Diambil) form perijinan yang telah didaftarkan jika mahasiswa ingin
melakukan penelitian ataupun skripsi.
2. Halaman KM-01(surat Kerja Magang)
Halaman

ini

digunakan

untuk

melihat

serta

mengganti

status(Selesai/Diambil) form KM-01 (surat Kerja Magang) yang telah didaftarkan
jika mahasiswa ingin melakukan penelitian ataupun skripsi.

14

Tampilan web untuk Ketua Program Studi yang mengatur segala sesuatu
dalam kegiatan, acara, kompetensi serta administrative yang berhubungan dengan
Program Studi Teknik Informatika, maka fitur yang terdapat juga paling lengkap.
Dari fitur yang sudah dimiliki oleh Admin Prodi, terdapat beberapa tambahan lagi
yaitu.
1. Halaman Form Tambah Dosen
Halaman ini digunakan untuk membuat account baru bagi dosen atau staff
Program Studi Teknik Informatika baru yang akan mengajar atau bekerja di
Program Studi Teknik Informatika.
2. Halaman Form Input Data Mahasiswa
Halaman ini digunakan untuk membuat account baru bagi mahasiswa yang
akan menjalali praktek kerja magang maupun skripsi.
3. Halaman Form Peminatan
Halaman ini digunakan untuk memasukkan data peminatan baru yang akan
diadakan di Program Studi Teknik Informatika.
4. Halaman Form Input Data Skripsi
Halaman ini digunakan untuk memasukkan data skripsi baru bagi
mahasiswa Program Studi Teknik Informatika yang telah mengambil mata kuliah
skripsi.

15

3.3.2. Rancangan Sistem
Sebelum melakukan pembuatan website, sebelumnya telah dilakukan
analisis dan perancangan untuk website yang akan dibuat.
A.

Hierarki Menu Website
Website ini memiliki 7 menu utama, yaitu halaman HOME, halaman

PROFILE, halaman DOSEN, halaman MAHASISWA, halaman SKRIPSI,
halaman ADMINISTRASI, dan halaman KARYA MAHASISWA. Pada setiap
halaman terdapat menu dropdown yang akan menampilkan submenu, yang setiap
halaman memiliki jumlah sub menu yang berbeda tergantung dari fitur yang ada
dalam tampilan tersebut. Dan setiap submenu akan menampilkan isi dari
halamannya sendiri.
Website
Manajemen Data
Skripsi Prodi TI

Home (download
& login)

Skripsi

Magang

Form Perijinan
Skripsi

Form KM-01

Lihat Status
perijinan Skripsi

Lihat Status KM01

Gambar 3.1. Hierarki Menu Website Manajemen Data Skripsi (Home)
Pada Gambar 3.1 dapat dilihat susunan hierarki menu yang terdapat pada
halaman awal.

16

Website Manajemen
Data Skripsi Prodi TI
(Mahasiswa)
Home
(download)

Profile

Edit Profile

Dosen
Lihat Data
Dosen

Skripsi

Magang

Form Perijinan
Skripsi

Form KM-01

Lihat Status
perijinan
Skripsi

Lihat Status
KM-01

Lihat Data
Skripsi
Gambar 3.2. Hierarki Menu Website Manajemen Data Skripsi (Mahasiswa)
Pada Gambar 3.2 dapat dilihat susunan hierarki menu yang terdapat pada halaman mahasiswa.

17

Website Manajemen
Data Skripsi Prodi TI
(Dosen)
Home

Profile

Edit Profile

Dosen

Lihat Data
Dosen

Mahasiswa
Lihat Data
Mahasiswa

Skripsi

Administrasi

Lihat Data
Skripsi
Lihat Judul
Usulan
Usulkan Judul
Skripsi

Gambar 3.3. Hierarki Menu Website Manajemen Data Skripsi (Dosen)
Pada Gambar 3.3 dapat dilihat susunan hierarki menu yang terdapat pada halaman dosen.

18

Upload FIle
Pengumuman /
Form

Karya
Mahasiswa

Website Manajemen
Data Skripsi Prodi TI
(Admin Prodi)
Home

Profile

Edit Profile

Dosen

Lihat Data
Dosen

Mahasiswa
Lihat Data
Mahasiswa

Skripsi

Administrasi

Lihat Data
Skripsi

Magang KM-01

Lihat Judul
Usulan

Perijinan
Penelitian
Skripsi

Usulkan Judul
Skripsi

Upload FIle
Pengumuman /
Form

Gambar 3.4. Hierarki Menu Website Manajemen Data Skripsi (Admin Prodi)
Pada Gambar 3.4 dapat dilihat susunan hierarki menu yang terdapat pada halaman Admin Prodi.

19

Karya
Mahasiswa

Website Manajemen
Data Skripsi Prodi TI
(Kaprodi)
Home

Profile

Edit Profile

Dosen

Mahasiswa

Skripsi

Administrasi

Lihat Data
Dosen

Lihat Data
Mahasiswa

Lihat Data
Skripsi

Magang KM-01

Tambah Dosen

Input Data
Mahasiswa

Input Data
Skripsi

Perijinan
Penelitian Skripsi

Peminatan

Lihat Judul
Usulan

Upload FIle
Pengumuman /
Form

Usulkan Judul
Skripsi
Gambar 3.5. Hierarki Menu Website Manajemen Data Skripsi (Kaprodi)
Pada Gambar 3.5 dapat dilihat susunan hierarki menu yang terdapat pada halaman Kaprodi.
20

Karya
Mahasiswa

B.

Flowchart
Urutan urutan prosedur akan dijabarkan menggunakan flowchart agar alur

dapat terlihat lebih ringkas dan mudah dimengerti.
1. Flowchart halaman HOME
Flowchart pada Gambar 3.6 menjelaskan apabila web diakses pertama kali
atau user menekan tombol HOME, maka sistem akan menampilkan halaman
HOME pada layar monitor user.

Gambar 3.6. Flowchart Home Page

21

2. Flowchart Halaman Home(Mahasiswa)
Flowchart pada Gambar 3.7 menjelaskan apabila user login menggunakan
id Mahasiswa maka sistem akan menampilkan halaman Home mahasiswa pada
layar monitor user.

Gambar 3.7. Flowchart Home Page (Mahasiswa)
22

3. Flowchart Halaman Edit Profile
Flowchart pada Gambar 3.8 menjelaskan apabila user memilih menu Edit
Profile, maka sistem akan menampilkan halaman Edit Profile pada layar monitor
user.

Gambar 3.8. Flowchart Halaman Edit Profile
4. Flowchart Halaman Lihat Data Dosen
Flowchart pada Gambar 3.9 menjelaskan apabila user memilih menu Lihat
Data Dosen, maka sistem akan menampilkan halaman Lihat Data Dosen pada layar
monitor user.

23

Gambar 3.9. Flowchart Halaman Lihat Data Dosen
5. Flowchart Halaman Form Perijinan Penelitian Skripsi
Flowchart pada Gambar 3.10 menjelaskan apabila user memilih menu Form
Perijinan Penelitian Skripsi, maka sistem akan menampilkan halaman Form
Perijinan Penelitian Skripsi pada layar monitor user.

Gambar 3.10. Flowchart Halaman Form Perijinan Penelitian Skripsi

24

6. Flowchart Halaman Lihat Status Perijinan Penelitian
Flowchart pada Gambar 3.11 menjelaskan apabila user memilih menu Lihat
Status Perijinan Penelitian Skripsi, maka sistem akan menampilkan halaman Lihat
Status Perijinan Penelitian Skripsi pada layar monitor user.

Gambar 3.11. Flowchart Halaman Lihat Status Perijinan Penelitian
7. Flowchart Halaman Lihat Data Skripsi
Flowchart pada Gambar 3.12 menjelaskan apabila user memilih menu Lihat
Data Skripsi, maka sistem akan menampilkan halaman Lihat Data Skripsi pada
layar monitor user.

25

Gambar 3.12. Flowchart Halaman Lihat Data Skripsi
8. Flowchart Halaman Form KM-01(surat Kerja Magang)
Flowchart pada Gambar 3.13 menjelaskan apabila user memilih menu Form
KM-01, maka sistem akan menampilkan halaman Form KM-01 (surat Kerja
Magang) pada layar monitor user.

Gambar 3.13. Flowchart Halaman Form KM-01

26

9. Flowchart Halaman Lihat Status KM-01(surat Kerja Magang)
Flowchart pada Gambar 3.14 menjelaskan apabila user memilih menu Lihat
Status KM-01, maka sistem akan menampilkan halaman Lihat Status KM-01 (surat
Kerja Magang) pada layar monitor user.

Gambar 3.14. Flowchart Halaman Lihat Status KM-01(surat Kerja Magang)
10. Flowchart Halaman Home(Dosen)
Flowchart pada Gambar 3.15 menjelaskan apabila user login menggunakan
id Dosen maka sistem akan menampilkan halaman Home Dosen pada layar monitor
user.

27

Gambar 3.15. Flowchart Home Page (Dosen)
11. Flowchart Halaman Home(Admin Prodi)
Flowchart pada Gambar 3.16 menjelaskan apabila user login menggunakan
id Admin Prodi maka sistem akan menampilkan halaman Home Admin Prodi pada
layar monitor user.

28

Gambar 3.16. Flowchart Home Page (Admin Prodi)
12. Flowchart Halaman Home(Kaprodi)
Flowchart pada Gambar 3.17 menjelaskan apabila user login menggunakan
id Kaprodi maka sistem akan menampilkan halaman Home Kaprodi pada layar
monitor user.

29

Gambar 3.17. Flowchart Home Page (Kaprodi)
13. Flowchart Halaman Lihat Data Dosen(Kaprodi)
Flowchart pada Gambar 3.18 menjelaskan apabila user dengan id Kaprodi
memilih menu Lihat Data Dosen, maka sistem akan menampilkan halaman Lihat
Data Dosen beserta fitur edit pada tabel, sehingga user dapat mengedit atau
menghapus data Dosen yang ada.

30

Gambar 3.18. Flowchart Halaman Lihat Data Dosen(Kaprodi)
14. Flowchart Halaman Lihat Data Mahasiwa
Flowchart pada Gambar 3.19 menjelaskan apabila user memilih menu Lihat
Data Mahasiwa, maka sistem akan menampilkan halaman Lihat Data Mahasiwa
pada layar monitor user.
31

Gambar 3.19. Flowchart Halaman Lihat Data Mahasiwa
15. Flowchart Halaman Lihat Data Mahasiwa (Kaprodi)
Flowchart pada Gambar 3.20 menjelaskan apabila user dengan id Kaprodi
memilih menu Lihat Data Mahasiwa, maka sistem akan menampilkan halaman
Lihat Data Mahasiwa beserta fitur edit pada tabel, sehingga user dapat mengedit
atau menghapus data Mahasiswa yang ada.

32

Gambar 3.20. Flowchart Halaman Lihat Data Mahasiwa (Kaprodi)

33

16. Flowchart Halaman Lihat Data Skripsi(Kaprodi)
Flowchart pada Gambar 3.21 menjelaskan apabila user dengan id Kaprodi
memilih menu Lihat Data Skripsi, maka sistem akan menampilkan halaman Lihat
Data Skripsi beserta fitur edit pada tabel, sehingga user dapat mengedit atau
menghapus data Skripsi yang ada.

Gambar 3.21. Flowchart Halaman Lihat Data Skripsi(Kaprodi)
34

17. Flowchart Halaman Lihat Judul Usulan
Flowchart pada Gambar 3.22 menjelaskan apabila user memilih menu Lihat
Judul Usulan, maka sistem akan menampilkan halaman Lihat Judul Usulan pada
layar monitor user.

Gambar 3.22. Flowchart Halaman Lihat Judul Usulan
18. Flowchart Halaman Usulkan Judul atau Topik
Flowchart pada Gambar 3.23 menjelaskan apabila user memilih menu
Usulkan Judul atau Topik, maka sistem akan menampilkan halaman Usulkan Judul
atau Topik pada layar monitor user.

35

Gambar 3.23. Flowchart Halaman Usulkan Judul atau Topik
19. Flowchart Halaman Upload File Pengumuman
Flowchart pada Gambar 3.24 menjelaskan apabila user memilih menu
Upload File Pengumuman, maka sistem akan menampilkan halaman Upload File
Pengumuman pada layar monitor user.

36

Gambar 3.24. Flowchart Halaman Upload File Pengumuman

37

20. Flowchart Halaman Karya Mahasiswa
Flowchart pada Gambar 3.25 menjelaskan apabila user memilih menu
Karya Mahasiswa, maka sistem akan menampilkan halaman Karya Mahasiswa
pada layar monitor user.

Gambar 3.25. Flowchart Halaman Karya Mahasiswa
21. Flowchart Halaman Perijinan Penelitian Skripsi (Kaprodi dan Admin Prodi)
Flowchart pada Gambar 3.26 menjelaskan apabila user dengan id Kaprodi
atau Admin Prodi memilih menu Perijinan Penelitian Skripsi, maka sistem akan
menampilkan halaman Perijinan Penelitian Skripsi beserta fitur edit pada tabel,
sehingga user dapat mengedit, menghapus atau mengganti status data Perijinan
Penelitian Skripsi yang ada.

38

Gambar 3.26. Flowchart Halaman Perijinan Penelitian Skripsi(Kaprodi dan
Admin Prodi)

39

22. Flowchart Halaman KM-01(surat Kerja Magang) (Kaprodi dan Admin Prodi)
Flowchart pada Gambar 3.27 menjelaskan apabila user dengan id Kaprodi
atau Admin Prodi memilih menu KM-01, maka sistem akan menampilkan halaman
KM-01 (surat Kerja Magang) beserta fitur edit pada tabel, sehingga user dapat
mengedit, menghapus atau mengganti status data KM-01 (surat Kerja Magang)
yang ada.

40

Gambar 3.27. Flowchart Halaman KM-01(surat Kerja Magang)(Kaprodi
dan Admin Prodi)

41

23. Flowchart Halaman Form Tambah Dosen
Flowchart pada Gambar 3.28 menjelaskan apabila user memilih menu Form
Tambah Dosen, maka sistem akan menampilkan halaman Form Tambah Dosen
pada layar monitor user.

Gambar 3.28. Flowchart Halaman Form Tambah Dosen
24. Flowchart Halaman Form Input Data Mahasiswa
Flowchart pada Gambar 3.29 menjelaskan apabila user memilih menu Form
Input Data Mahasiswa, maka sistem akan menampilkan halaman Form Input Data
Mahasiswa pada layar monitor user.

42

Gambar 3.29. Flowchart Halaman Form Input Data Mahasiswa
25. Flowchart Halaman Form Peminatan
Flowchart pada Gambar 3.30 menjelaskan apabila user memilih menu Form
Peminatan, maka sistem akan menampilkan halaman Form Peminatan pada layar
monitor user.

43

Gambar 3.30. Flowchart Halaman Form Peminatan

44

26. Flowchart Halaman Form Input Data Skripsi
Flowchart pada Gambar 3.31 menjelaskan apabila user memilih menu Form
Input Data Skripsi, maka sistem akan menampilkan halaman Form Input Data
Skripsi pada layar monitor user.

Gambar 3.31. Flowchart Halaman Form Input Data Skripsi

45

C.

ERD

1. Conceptual Data Model (CDM)
CDM dipakai untuk menggambarkan secara detail struktur basis data dalam
bentuk logik. Pada Gambar 3.32 dapat dilihat relasi dan susunan tabel pada
Conceptual Data Model.

Gambar 3.32. Conceptual Data Model (CDM)

46

2. Physical Data Model (PDM)
PDM merupakan gambaran secara detail basis data dalam bentuk fisik. Pada
Gambar 3.33 dapat dilihat relasi dan susunan tabel pada Physical Data Model yang
diambil dari phpmyAdmin Prodi.

Gambar 3.33. Physical Data Model (PDM)
3. Entity Relationship Diagram (ERD)
ERD digunakan untuk memodelkan sebuah kebutuhan data dalam
pembangunan perangkat lunak yang memerlukan database, dalam hal ini adalah
sistem informasi. Pada Gambar 3.34 dapat dilihat relasi yang terbentuk pada Entity
Relationship Diagram yang menggambarkan relasi data yang terjadi dalam Sistem
Manajemen Data Skripsi.

47

Gambar 3.34. Entity Relationship Diagram (ERD)
A. Data Flow Diagram (DFD)
Pada aplikasi ini dibuat juga Data Flow Diagram yang dapat memudahkan
pemahaman terhadap aliran data dan juga sistemnya. Terdapat beberapa entitas di
dalam sistem yaitu Mahasiswa, Dosen, Admin Prodi dan juga Kaprodi.

48

Gambar 3.35. Context Diagram Sistem Manajemen Data Skripsi Program Studi Teknik Informatika
49

Gambar 3.36. DFD Level 1 Sistem Manajemen Data Skripsi

50

Pada Gambar 3.36. DFD Level 1 Sistem Manajemen Data Skripsi memiliki
beberapa storage yang akan mewakili beberapa tabel yaitu storage data staff
(mewakili tabel Dosen, tabel Email, tabel HP, tabel Kompetensi, dan tabel
Kompetensi Dosen) dan storage Data Mahasiswa (mewakili tabel mahasiswa, tabel
Email, tabel HP, dan tabel Status_mhs). DFD Level 1 dapat dibagi menjadi 9 proses
utama. Diantara proses utama tersebut ada 6 proses yang dapat diturunkan lagi
menjadi beberapa proses, yaitu.
1. Proses Pengumuman
Proses ini dapat diturunkan menjadi 2 proses lagi, yaitu proses Upload File
Pengumuman yang menerima masukan dari Dosen, Admin Prodi, atau Kaprodi
berupa File Pengumuman dan memasukkan File Upload ke storage Upload. Dan
proses download File Pengumuman yang mendapat masukan dari storage Upload
dan memberikan File Pengumuman ter-download kepada mahasiswa. Penurunan
dari proses ini dapat dilihat pada Gambar 3.37.

Gambar 3.37. DFD Level 2 Pengumuman

51

2. Proses KM-01
Proses ini dapat diturunkan menjadi 3 proses lagi, yaitu proses Edit Status
KM-01 (surat Kerja Magang) yang menerima masukan dari Admin Prodi atau
Kaprodi berupa Data Status KM-01 (surat Kerja Magang) dan mengganti Status
KM-01 (surat Kerja Magang) di storage Data KM-01. Proses kedua adalah Input
Data KM-01yang menerima inputan dari mahasiswa berupa Data KM-01 (surat
Kerja Magang) Baru dan memasukkan Detail KM-01 (surat Kerja Magang) ke
storage Data KM-01. Dan proses ketiga adalah Lihat Status KM-01 (surat Kerja
Magang) yang mengambil data dari storage Data KM-01 (surat Kerja Magang) dan
menampilkannya pada layar user yang me-request-nya. Penurunan dari proses ini
dapat dilihat pada Gambar 3.38.

Gambar 3.38. DFD Level 2 KM-01
3. Proses Perijinan Penelitian Skripsi
Proses ini dapat diturunkan menjadi 3 proses lagi, yaitu proses Edit Status
Perijinan Penelitian Skripsi yang menerima masukan dari Admin Prodi atau
Kaprodi berupa Data Status Perijinan Penelitian Skripsi dan mengganti Status
Perijinan Penelitian Skripsi di storage Data Perijinan Penelitian Skripsi. Proses
kedua adalah Input Data Perijinan Penelitian Skripsi yang menerima inputan dari
52

mahasiswa berupa Data Perijinan Penelitian Skripsi Baru dan memasukkan Detail
Perijinan Penelitian Skripsi ke storage Data Perijinan Penelitian Skripsi. Dan proses
ketiga adalah Lihat Data Perijinan Penelitian Skripsi yang mengambil data dari
storage Data Perijinan Penelitian Skripsi dan menampilkannya pada layar user
yang me-request-nya. Penurunan dari proses ini dapat dilihat pada Gambar 3.39.

Gambar 3.39. DFD Level 2 Perijinan Penelitian Skripsi
4. Proses Skripsi
Proses ini dapat diturunkan menjadi 3 proses lagi, yaitu proses Input Skripsi
Baru yang menerima masukan dari Kaprodi berupa Data Skripsi Baru dan
memasukkan Detail Skripsi ke storage Data Skripsi. Proses kedua adalah Edit
Skripsi yang mendapat masukan Kaprodi berupa Data Skripsi yang telah diedit dan
memasukkan Detail Skripsi ke storage Data Skripsi. Dan proses ketiga adalah Lihat
Data Skripsi yang mengambil data dari storage Data Skripsi dan menampilkannya
pada layar user yang me-request-nya. Penurunan dari proses ini dapat dilihat pada
Gambar 3.40.

53

Gambar 3.40. DFD Level 2 Skripsi
5. Proses Register
Proses ini dapat diturunkan menjadi 3 proses lagi, yaitu proses Input Dosen
Baru yang menerima masukan dari Kaprodi berupa Data Dosen Baru dan
memasukkan Detail Staff ke storage Data Staff. Proses kedua adalah Input
Mahasiswa Baru yang menerima masukan dari Kaprodi berupa Data Mahasiswa
Baru dan memasukkan Detail Mahasiswa ke storage Data Mahasiswa. Dan Proses
ketiga adalah Input Peminatan Baru yang menerima masukan dari Kaprodi berupa
Data Peminatan Baru dan memasukkan Detail Peminatan ke storage Data
Peminatan. Penurunan dari proses ini dapat dilihat pada Gambar 3.40.

54

Gambar 3.41. DFD Level 2 Register
6. Proses Usul Topik / Judul
Proses ini dapat diturunkan menjadi 2 proses lagi, yaitu proses Usul Topik
/ Judul Skripsi yang menerima masukan dari Dosen, Admin Prodi, atau Kaprodi
berupa Data Usul Topik / Judul dan memasukkan Data Topik / Judul Usulan ke
storage Topik / Judul Usulan. Dan proses kedua adalah Lihat Usulan Topik / Judul
mengambil data dari storage Topik / Judul Usulan dan menampilkannya pada layar
user yang me-request-nya. Penurunan dari proses ini dapat dilihat pada Gambar
3.40.

Gambar 3.42. DFD Level 2 Usul Topik / Judul

55

3.3.3. Implementasi Website
Implementasi website dibuat berdasarkan user requirement(permintaan dari
user), analisis, dan rancangan sistem. Impelementasi dan tampilan website dapat
dilihat pada screenshot berikut.
D.

Tampilan Awal
1. Halaman Home

Gambar 3.43. Tampilan Awal : Home
Gambar 3.43 merupakan tampilan halaman awal pada website. Halaman ini
berisi file-file informasi yang dapat di-download oleh mahasiswa. Di halaman
utama ini juga user dapat melakukan login.

56

2. Halaman Form Perijinan Penelitian Skripsi

Gambar 3.44. Tampilan Awal : Form Perijinan Penelitian Skripsi
Pada Gambar 3.44 dapat dilihat halaman form perijinan penelitian skripsi
yang dapat diisi oleh mahasiswa.

57

3. Halaman Lihat Status Perijinan Penelitian Skripsi

Gambar 3.45. Tampilan Awal : Lihat Status Perijinan Penelitian
Pada Gambar 3.45 dapat dilihat halaman tabel data perijinan penelitian
skripsi, sehingga mahasiswa dapat melihat status perijinan penelitian skripsi yang
telah diajukan.

58

4. Halaman Form KM-01(surat Kerja Magang)

Gambar 3.46. Tampilan Awal : Form KM-01(surat Kerja Magang)
Pada Gambar 3.46 dapat dilihat halaman form KM-01 (surat Kerja Magang)
yang dapat diisi oleh mahasiswa.

59

5. Halaman Lihat Status KM-01(surat Kerja Magang)

Gambar 3.47. Tampilan Awal Lihat Status KM-01(surat Kerja Magang)
Pada Gambar 3.47 dapat dilihat halaman tabel data surat KM-01, sehingga
mahasiswa dapat melihat status surat KM-01 (surat Kerja Magang) yang telah
diajukan.
E.

Tampilan Mahasiswa
1. Halaman Home

Gambar 3.48. Tampilan Mahasiswa : Home

60

Gambar 3.48 merupakan tampilan halaman Home untuk mahasiswa.
Halaman ini berisi file-file informasi yang dapat di-download oleh mahasiswa.
2. Halaman Edit Profile

Gambar 3.49. Tampilan Mahasiswa : Edit Profile
Gambar 3.49 merupakan tampilan halaman form edit Profile untuk
mahasiswa. Di halaman ini mahasiswa dapat mengganti informasi-informasi
pribadi yang dapat digunakan untuk menghubungi mahasiswa tersebut.

61

3. Halaman Lihat Data Dosen

Gambar 3.50. Tampilan Mahasiswa : Lihat Data Dosen
Gambar 3.5