• Tidak ada hasil yang ditemukan

RANCANG BANGUN SISTEM MANAJEMEN DATA SKR

N/A
N/A
Protected

Academic year: 2018

Membagikan "RANCANG BANGUN SISTEM MANAJEMEN DATA SKR"

Copied!
93
0
0

Teks penuh

(1)

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

(2)

ii

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

(3)

iii

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

(4)

iv

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

(5)

v

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.

(6)

vi

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,

(7)

vii

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

(8)

viii 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

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

(9)

ix

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. FlowchartHome Page ... 21

Gambar 3.7. FlowchartHome 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. FlowchartHome Page (Dosen) ... 28

Gambar 3.16. FlowchartHome Page (Admin Prodi) ... 29

Gambar 3.17. FlowchartHome 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 UploadFile 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

(10)

x

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 : UploadFile 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

(11)

xi

DAFTAR TABEL

(12)

1 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.

(13)

2 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.

(14)

3 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.

(15)

4 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).

(16)

5 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.

(17)

6 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.

(18)

7 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.

Gambar 2.3. Struktur Organisasi UMN

Rektor UMN

(19)

8 Gambar 2.4. Stuktur Organisasi Program Studi Teknik Informatika

Pada Gambar 2.4 dapat dilihat susunan organisasi dari Teknik Informatika Universitas Multimedia Nusantara.

Dekan Fakultas ICT

Ketua Program Studi Teknik Informatika

Dosen TI Asisten

Dosen TI Mahasiswa

Wakil Ketua Program Studi Teknik Informatika

(20)

9 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

(21)

10 Tabel 3.1. Laporan Realisasi Kerja Magang

Minggu Kegiatan

1  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) 2  Membuat tampilan menggunakan Bootstrap (CSS) 3  Mengganti tampilan menggunakan Foundation (CSS) 4  Membuat halaman form input topik/judul(PHP,HTML,

Javascrip)

 Memperbaiki tampilan(CSS)

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

Kerja Magang)

 Membuat halaman view perijinan penelitian

7  Membuat halaman serta tampilan form KM 01 untuk mahasiswa  Membuat halaman serta tampilan form perijinan penelitian untuk

mahasiswa

8  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 9  Memperbaiki tampilan

 Menambah form upload info

 Membuat halaman Home mahasiswa dan download info di halaman Home mahasiswa

10  Upload web ke host online

 Membuat halaman serta tampilan awal sebelum login

(22)

11 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)

(23)

12 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

(24)

13 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.

(25)

14 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 UploadFile 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)

(26)

15 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

(27)

16 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.

(28)

17

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

Website Manajemen

Data Skripsi Prodi TI

(29)

18

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

Website Manajemen

Data Skripsi Prodi TI

(30)

19

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.

Website Manajemen

Data Skripsi Prodi TI

(31)

20

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

Website Manajemen

Data Skripsi Prodi TI

(32)

21 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.

(33)

22 2. Flowchart Halaman Home(Mahasiswa)

Flowchart pada Gambar 3.7 menjelaskan apabila userlogin menggunakan id Mahasiswa maka sistem akan menampilkan halaman Home mahasiswa pada layar monitor user.

(34)

23 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

(35)

24 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.

(36)

25 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

(37)

26 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.

(38)

27 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 userlogin menggunakan id Dosen maka sistem akan menampilkan halaman Home Dosen pada layar monitor

(39)

28 Gambar 3.15. Flowchart Home Page (Dosen)

11. Flowchart Halaman Home(Admin Prodi)

(40)

29 Gambar 3.16. Flowchart Home Page (Admin Prodi)

12. Flowchart Halaman Home(Kaprodi)

(41)

30 Gambar 3.17. Flowchart Home Page (Kaprodi)

13. Flowchart Halaman Lihat Data Dosen(Kaprodi)

(42)

31 Gambar 3.18. Flowchart Halaman Lihat Data Dosen(Kaprodi)

14. Flowchart Halaman Lihat Data Mahasiwa

(43)

32 Gambar 3.19. Flowchart Halaman Lihat Data Mahasiwa

15. Flowchart Halaman Lihat Data Mahasiwa (Kaprodi)

(44)
(45)

34 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.

(46)

35 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

(47)

36 Gambar 3.23. Flowchart Halaman Usulkan Judul atau Topik

19. Flowchart Halaman UploadFile Pengumuman

Flowchart pada Gambar 3.24 menjelaskan apabila user memilih menu

Upload File Pengumuman, maka sistem akan menampilkan halaman Upload File

(48)
(49)

38 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)

(50)

39 Gambar 3.26. Flowchart Halaman Perijinan Penelitian Skripsi(Kaprodi dan

(51)

40 22. Flowchart Halaman KM-01(surat Kerja Magang) (Kaprodi dan Admin Prodi)

(52)

41 Gambar 3.27. Flowchart Halaman KM-01(surat Kerja Magang)(Kaprodi

(53)

42 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

(54)

43 Gambar 3.29. Flowchart Halaman Form Input Data Mahasiswa

25. Flowchart Halaman Form Peminatan

(55)
(56)

45 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.

(57)

46

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.

(58)

47 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)

(59)

48 Gambar 3.34. Entity Relationship Diagram (ERD)

A. Data Flow Diagram (DFD)

(60)

49

(61)
(62)

51 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. ProsesPengumuman

Proses ini dapat diturunkan menjadi 2 proses lagi, yaitu proses UploadFile

Pengumuman yang menerima masukan dari Dosen, Admin Prodi, atau Kaprodi berupa File Pengumuman dan memasukkan FileUpload ke storage Upload. Dan proses download File Pengumuman yang mendapat masukan dari storageUpload

dan memberikan File Pengumuman ter-download kepada mahasiswa. Penurunan dari proses ini dapat dilihat pada Gambar 3.37.

(63)

52 2. ProsesKM-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. ProsesPerijinan Penelitian Skripsi

(64)

53 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. ProsesSkripsi

(65)

54 Gambar 3.40. DFD Level 2 Skripsi

5. ProsesRegister

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

(66)

55 Gambar 3.41. DFD Level 2 Register

6. ProsesUsul 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.

(67)

56 3.3.3. Implementasi Website

Implementasi website dibuat berdasarkan userrequirement(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

(68)

57 2. Halaman Form Perijinan Penelitian Skripsi

(69)

58 3. Halaman Lihat Status Perijinan Penelitian Skripsi

(70)

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

(71)

60 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

(72)

61 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

(73)

62 3. Halaman Lihat Data Dosen

Gambar 3.50. Tampilan Mahasiswa : Lihat Data Dosen

(74)

63 4. Halaman Form Perijinan Penelitian Skripsi

Gambar 3.51. Tampilan Mahasiswa : Form Perijinan Penelitian

(75)

64 5. Halaman Lihat Status Perijinan Penelitian

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

6. Halaman Lihat Data Skripsi

(76)

65 Pada Gambar 3.53 dapat dilihat halaman tabel data skripsi mahasiswa yang bersangkutan. Dari awal bimbingan, proses bimbingan, status sidang, dll dapat mahasiswa lihat dalam tabel ini.

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

(77)

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

Gambar 3.55. Tampilan Mahasiswa : Lihat Status KM-01(surat Kerja Magang)

Pada Gambar 3.55 dapat dilihat halaman tabel data surat KM-01, sehingga mahasiswa dapat melihat status surat KM-01 (surat Kerja Magang) yang telah diajukan.

(78)

67 Gambar 3.56. Tampilan Dosen : Home

Gambar 3.56 merupakan tampilan halaman Home untuk Dosen. Halaman ini berisi informasi dasar dosen yang bersangkutan.

2. Halaman Edit Profile

Gambar 3.57. Tampilan Dosen : Edit Profile

(79)

68 3. Halaman Lihat Data Dosen

Gambar 3.58. Tampilan Dosen : Lihat Data Dosen

(80)

69 4. Halaman Lihat Data Mahasiwa

Gambar 3.59. Tampilan Dosen : Lihat Data Mahasiwa

Gambar 3.59 merupakan tampilan halaman data mahasiswa yang berada dalam bimbingan dosen yang bersangkutan yang dapat dilihat oleh dosen. Di halaman ini dosen dapat melihat informasi yang berkaitan dengan mahasiswa bimbingannya termasuk dengan contact yang dapat dilihat dan data tersebut dapat digunakan untuk menghubungi mahasiswa tersebut.

9. Halaman Lihat Data Skripsi

(81)

70 Pada Gambar 3.60 dapat dilihat halaman tabel data skripsi mahasiswa yang berada dalam bimbingan dosen yang bersangkutan yang dapat dilihat oleh dosen. Dari awal bimbingan, proses bimbingan, status sidang, dll dapat dosen pembimbing lihat dalam tabel ini.

10. Halaman Lihat Judul Usulan

Gambar 3.61. Tampilan Dosen : Lihat Judul Usulan

(82)

71 11. Halaman Usulkan Judul atau Topik

Gambar 3.62. Tampilan Dosen : Usulkan Judul atau Topik

Pada Gambar 3.62 dapat dilihat halaman form usulkan judul atau topik skripsi yang nantinya dapat diambil menjadi skripsi mahasiswa.

12. Halaman UploadFile Pengumuman

Gambar 3.63. Tampilan Dosen : Upload File Pengumuman

Pada Gambar 3.63 dapat dilihat halaman untuk meng-upload file-file

(83)

72 13. Halaman Karya Mahasiswa

Gambar 3.64. Tampilan Dosen : Karya Mahasiswa

Pada Gambar 3.64 dapat dilihat halamanyang berirsi hasil karya yang telah dibuat oleh mahasiswa.

G. Tampilan Admin Prodi

1. Halaman Perijinan Penelitian Skripsi

(84)

73 Pada Gambar 3.65 dapat dilihat halaman tabel data perijinan penelitian skripsi , sehingga Admin Prodi dapat melihat dan mengganti status perijinan penelitian skripsi yang telah diajukan.

2. Halaman KM-01(surat Kerja Magang)

(85)

74 H. Tampilan Ketua Program Studi

3. Halaman Form Tambah Dosen

Gambar 3.67. Tampilan Kaprodi : Form Tambah Dosen

(86)

75 4. Halaman Form Input Data Mahasiswa

Gambar 3.68. Tampilan Kaprodi : Form Input Data Mahasiswa

Pada Gambar 3.68 dapat dilihat halaman form tambah mahasiswa, sehingga kaprodi dapat menambah data mahasiswa baru.

5. Halaman Form Peminatan

(87)

76 Pada Gambar 3.69 dapat dilihat halaman form tambah peminatan, sehingga kaprodi dapat menambah data peminatan baru. Dan kaprodi dapat melihat data peminatan yang sudah ada.

6. Halaman Form Input Data Skripsi

Gambar 3.70. Tampilan Kaprodi : Form Input Data Skripsi

(88)

77 3.4. Kendala yang Ditemukan

Selama proses melaksanakan kerja magang, terdapat beberapa kendala. Berikut beberapa kendala yang ditemukan.

1. User requirement yang diberikan kurang begitu jelas.

2. Komunikasi dalam perancangan dan pembangunan website kurang lancar, karena kurangnya pemaham tentang website.

3. Pemberian tugas yang bertahap membuat kurangnya pemahaman tentang

website yang akan dibuat pada awal magang.

3.5. Solusi atas Kendala yang Ditemukan

Berdasarkan kendala-kendala yang ditemukan, berikut adalah cara-cara yang dilakukan untuk mengatasinya.

1. Mengadakan diskusi dan rapat dengan pembimbing dan anggota karyawan lainnya untuk merancang dan membangun website yang diinginkan. Lebih sering bertanya tentang website yang dibuat sudah memenuhi

requirement yang diminta.

2. Mencari beberapa contoh website yang sudah ada, agar mendapatkan pemahaman tentang website dan gambaran website yang diinginkan. Diberikan seminar tentang CSS Foundation.

(89)

78 BAB IV

KESIMPULAN DAN SARAN

4.1. Kesimpulan

Website intranet sistem manajemen data skripsi di program studi Teknik Informatika selesai dirancang dan dibangun. Website ini telah dapat digunakan meskipun masih ada beberapa bug. Adanya beberapa bug dikarenakan dalam proses pengerjaan website banyak menghabiskan waktu hanya untuk mengganti tampilan dari website ini. Website ini nantinya akan digunakan untuk manajemen data skripsi dan administrasi surat KM-01 (surat Kerja Magang) serta Surat perijinan penelitian.

4.2. Saran

Beberapa saran yang dapat digunakan dalam mengembangkan website yang telah dibuat ini agar lebih menarik dan dapat berjalan dengan baik adalah sebagai berikut.

1. Memperbaiki tampilan agar jauh lebih menarik lagi. 2. Memperbaiki bug yang ada.

(90)

79

DAFTAR PUSTAKA

Bootstrap. (2011, Agustus 19). Retrieved July 7, 2015, from Bootstrap: http://getbootstrap.com/

Foundation. (2011). Retrieved July 27, 2015, from Zurb Foundation: http://foundation.zurb.com/

SpryMedia ui development. (2013, Maret). Retrieved July 2015, from DataTables Table plug-in for jQuery: https://datatables.net/

(91)

80 LAMPIRAN

1. Form KM-03(copy) 2. Form KM-04(copy) 3. Form KM-05(copy) 4. Form KM-07(copy)

(92)

81

DAFTAR RIWAYAT HIDUP

DATA PRIBADI

 Nama : Anastasia Ervina Haryono

 NIM : 12110110001

 Prodi : Teknik Informatika

 Fakultas : ICT

 Tempat / Tgl Lahir : Salatiga, 17 November 1993

 Jenis Kelamin : Perempuan

 Agama : Kristen

 Pendidikan Terakhir : SMA

 Alamat Rumah : Jl. Raya Solo Km. 05 Tugu Bener, Salatiga

 Alamat Kost : Jl. Kelapa Gading Selatan Blok BH 10 No 33, Gading Serpong, Tangerang

 HP : 089638255771

 E-mail : [email protected] [email protected] PENDIDIKAN

 2012 – sekarang : Universitas Multimedia Nusantara, Gading Serpong, Tangerang

o Prodi : Teknik Informatika

o NIM : 12110110001

 2009 – 2012 : SMA Kristen 1, Salatiga, Jawa Tengah

(93)

82

 2000 – 2006 : SD Kristen 4, Salatiga, Jawa Tengah KEGIATAN EKSTRAKURIKULER

 Medical Center UMN 2015-2016

 Taekwondo 2012-2013

 Palang Merah Remaja (PMR) 2009-2012

 Kelompok Ilmiah Remaja (KIR) 2009-2012 PENGALAMAN BERORGANISASI

 Divisi Pelengkapan Konten Prodi 2013

 Divisi Pelengkapan TI Gath 2013

 Bendahara Konten Prodi 2014

 Divisi Pelengkapan Konten Prodi 2014

 Divisi Pelengkapan TI Gath 2014

 Asisten Laboratorium Pengantar Teknologi Multimedia 2014

 Asisten Laboratorium Pemrograman Berorientasi Object 2014

 Panitia Kesehatan Outbound TI 2015

 Panitia Kesehatan OMB 2015

 Anggota UMN Medical Center 2015

 Sekretaris ALIVE Medical Center 2015

 Asisten Laboratorium Pengantar Teknologi Multimedia 2015

Gambar

Gambar 2.2. Logo Program Studi Teknik Informatika
Gambar 2.3. Struktur Organisasi UMN
Gambar 2.4. Stuktur Organisasi Program Studi Teknik Informatika
Tabel 3.1. Laporan Realisasi Kerja Magang
+7

Referensi

Dokumen terkait

Uji coba halaman menu utama dilakukan untuk memastikan bahwa halaman ini menampilkan menu-menu akademik yang dapat diakses oleh pengguna serta sesuai dengan output

Di halaman admin,terdapat beberapa menu yaitu menu home untuk tampilan halaman awal, menu pengguna untuk mengentri data admin dan pemilih, menu mahasiswa yaitu untuk mengentri

Tampilan halaman web untuk menu utama admin, berisi menu Kategori, Produk, Member, pesanan dan penjualan, seperti pada Gambar 20. Tampilan Halaman Web untuk Menu

Gambar 3.9 Flowchart Insert Pada halaman Insert, pengguna dapat memasukkan data laptop baru ke dalam tabel laptop pada database.. Admin juga dapat kembali ke halaman Edit dengan

Di halaman admin,terdapat beberapa menu yaitu menu home untuk tampilan halaman awal, menu pengguna untuk mengentri data admin dan pemilih, menu mahasiswa yaitu untuk mengentri

Gambar 8 Antarmuka halaman manajemen relasi Halaman untuk user menampilkan menu-menu yang dapat diakses oleh user atau pengguna yang mencoba diagnosa gejala sapi ke

Dashboard Halaman Edit Akun Admin Halaman ini menampilkan edit akun, yang berisi username dan password admin halamansearch produk dapat dlihat pada Gambar 9.. Gambar 9 Edit Akun

No Skenario Hasil yang diharapkan Kesimpulan 6 Tombol Edit Pesanan Menampilkan form edit data transaksi pemesanan Sesuai 7 Halaman Data Admin Menampilkan informasi terkait