Perancangan Dan Pembuatan Aplikasi D3 Teknik Informatika UNS Berbasis Web Dan Android.

PERANCANGAN DAN PEMBUATAN APLIKASI D3 TEKNIK
INFORMATIKA UNS BERBASIS WEB DAN ANDROID

Tugas Akhir
Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar
Ahli Madya pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret.

Diajukan Oleh
DIMAS SADEWO JUMPA NOVA
M3113044

PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
2016

i

ii


iii

iv

HALAMAN MOTTO

“Banyak kegagalan dalam hidup ini dikarenakan orang-orang tidak menyadari
betapa dekatnya mereka dengan keberhasilan saat mereka menyerah”
(Thomas Alva Edison)
“Lakukan yang terbaik maka kamu akan mendapatkan yang terbaik pula”
(Dimas Sadewo J.N.)

v

HALAMAN PERSEMBAHAN

Sebuah karya tulisan ini saya persembahkan untuk :
1. Allah SWT yang selalu memberikan kemudahan, Rahmat serta Hidayah-Nya
2. Bapak dan Ibu tercinta yang selalu memberikan semangat, kasih sayang,
pengorbanan serta doa.

3. Kakak tercinta yang selalu memberikan motivasi serta doa.
4. Dosen dan Staf Pengajar Program studi D3 Teknik Informatika UNS khususnya
Bapak Yudha selaku pembimbing yang telah meluangkan waktu, ide serta
masukkan selama proses pengerjaan tugas akhir.
5. Mahasiswa D3 Teknik Informatika angkatan 2013 khususnya TIA yang telah
menemani langkah saya sampai untuk menggapai cita-cita.
6. Pembaca yang budiman.

vi

KATA PENGANTAR

Puji syukur kehadirat Tuhan YME yang telah melimpahkan segenap rahmat dan
karunia-Nya, sehingga penyusunan Tugas Akhir dengan judul “PERANCANGAN
DAN PEMBUATAN APLIKASI D3 TEKNIK INFORMATIKA UNS BERBASIS
WEB DAN ANDROID” ini dapat terselesaikan pada waktunya tanpa halangan
berarti. Penyusunan laporan ini bertujuan untuk memenuhi persyaratan dalam
memperoleh gelar Amd. Program Diploma III Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Dalam melakukan penelitian dan penyusunan Laporan Tugas Akhir ini penulis

mendapatkan bantuan dan dukungan dari berbagai pihak. Oleh sebab itu pada
kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah
memberikan bantuan dan dukungannya, terutama kepada:
1.

Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan Fakultas
Matematika dan Ilmu Pengetahuan Universitas Sebelas Maret yang
memberikan kesempatan kepada penulis untuk belajar.

2.

Bapak Abdul Aziz, S.Kom., M.Cs. selaku Ketua Program Studi Diploma III
Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sebelas Maret Surakarta yang memberikan kesempatan kepada
penulis untuk belajar.

3.

Bapak Yudho Yudhanto., S.Kom selaku Dosen Pembimbing Tugas Akhir yang
telah memberikan bimbingan, waktu, saran serta dukungan kepada penulis.


4.

Keluarga yang tercinta yang telah banyak memberikan dukungan serta doa.

5.

Mahasiswa D3 Teknik Informatika 2013 yang selalu memberikan semangat
lebih dalam memotivasi penulis dalam menggapai cita-cita.

6.

Sahabat-sahabat saya Bang Faldi, Swandanu, Chamdani, Santos, Alit, Alifa
yang memberikan motivasi lebih pada penulis.

7.

Keluarga besar BEM MIPA UNS Serta ORKES FMIPA UNS mengajarkan
tentang arti kekeluargaan.


vii

viii

DAFTAR ISI

HALAMAN PERSETUJUAN ................................................................................ ii
HALAMAN PENGESAHAN ................................................................................ iii
HALAMAN MOTTO ............................................................................................. v
HALAMAN PERSEMBAHAN ............................................................................ vi
KATA PENGANTAR .......................................................................................... vii
DAFTAR ISI .......................................................................................................... ix
DAFTAR TABEL ................................................................................................ xvi
DAFTAR GAMBAR ........................................................................................... xix
INTISARI........................................................................................................... xxiv
ABSTRACT ........................................................................................................ xxv
BAB I PENDAHULUAN ..................................................................................... 1
1.1

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


1.2

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

1.3

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

1.4

Tujuan ....................................................................................................... 2

1.5

Manfaat ..................................................................................................... 2

1.6

Metodologi Penelitian .............................................................................. 3


1.6.1 Pengumpulan Data ................................................................................. 3
1.6.2 Analisa Data ........................................................................................... 3
1.6.3 Desain dan Perancangan ........................................................................ 3
1.6.4.1 Desain Proses Sistem ...................................................................... 3
1.6.4.2 Desain Model Database................................................................... 4
1.6.4.3 Desain User Interface ...................................................................... 4
1.6.5 Implementasi .......................................................................................... 4
1.6.6 Pengujian Aplikasi ................................................................................. 4
1.7

Sistematika Penulisan ............................................................................... 4

BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI .............................. 6
2.1

Tinjauan Pustaka ...................................................................................... 6

2.2


HyperText Preprocessor (PHP)................................................................ 7

ix

2.3

Aplikasi Web ............................................................................................ 7

Model View Controller (MVC) .......................................................................... 7
2.4

CodeIngniter Framework ......................................................................... 8

2.5

Aplikasi Android ...................................................................................... 8

2.6

Unified Modellin Language (UML) ....................................................... 10


2.7

Use Case Diagram ................................................................................. 10

2.8

Class Diagram ........................................................................................ 13

2.9

Activity Diagram .................................................................................... 14

2.10

Squence Diagram ................................................................................ 14

2.11

Basis Data ........................................................................................... 15


2.12

Entity Relationsip Diagram (ERD)..................................................... 16

2.13

MySQL ............................................................................................... 19

2.14

Android Studio.................................................................................... 19

2.15

Java Script Object Notation (JSON) ................................................... 20

2.2.3

Model Waterfall .............................................................................. 20


BAB III ANALISIS DAN RANCANGAN SISTEM ........................................... 23
3.1

Jalannya Penelitian ................................................................................. 23

3.2

Gambaran Umum Aplikasi ..................................................................... 23

3.3

Proses Bisnis Aplikasi ............................................................................ 24

3.4

Software Requirement Specification (SRS) Aplikasi berbasis Web ....... 25

3.4.1

Kebutuhan Fungsional Aplikasi berbasis Web ............................... 25

3.4.2

Kebutuhan Non-Fungsional Aplikasi berbasis Web ....................... 29

3.5

3.4.2.1

Kebutuhan Non-Fungsional Sistem ......................................... 29

3.4.2.2

Kebutuhan Non-Fungsional Perangkat Lunak (Software) ....... 29

3.4.2.3

Kebutuhan Non-Fungsional Perangkat Keras (Hardware)...... 30

Software Requirement Specification (SRS) Aplikasi berbasis Android . 30

3.5.1

3.6

Kebutuhan Fungsional Aplikasi Berbasis Android ......................... 30

3.5.2.1

Kebutuhan Non-Fungsional Sistem ......................................... 32

3.5.2.2

Kebutuhan Non-Fungsional Perangkat Lunak (Software) ....... 33

3.5.2.3

Kebutuhan Non-Fungsional Perangkat Keras (Hardware)...... 33

Perancangan Aplikasi berbasis Web ...................................................... 33

x

3.6.1

Use Case Diagram ........................................................................... 33

3.6.2

Skenario Use Case .......................................................................... 35

3.6.2.1

Skenario Use Case Input Biodata ............................................ 35

3.6.2.2

Skenario Use Case Menampilkan Berita ................................. 36

3.6.2.3

Skenario Use Case Menampilkan Visi-Misi ........................... 37

3.6.2.4

Skenario Use Case Menampilkan Kurikulum ......................... 38

3.6.2.5

Skenario Use Case Menampilkan Informasi ........................... 39

3.6.2.6

Skenario Use Case Menampilkan Struktur.............................. 40

3.6.2.7

Skenario Use Case Menampilkan Agenda .............................. 41

3.6.2.8

Skenario Use Case Input Komentar Berita .............................. 42

3.6.2.9

Skenario Use Case Menampilkan Kontak ............................... 43

3.6.2.10

Skenario Use Case Menampilkan Mahasiswa ......................... 44

3.6.2.11

Skenario Use Case Edit Data Mahasiswa ................................ 45

3.6.2.12

Skenario Use Case Menampilkan Pegawai ............................. 46

3.6.2.13

Skenario Use Case Edit Data Pegawai .................................... 47

3.6.2.14

Skenario Use Case Input Kuesioner ........................................ 48

3.6.2.15

Skenario Use Case Menampilkan Hasil Kuesioner ................. 49

3.6.2.16

Skenario Use Case Input Berita ............................................... 50

3.6.2.17

Skenario Use Case Edit Berita................................................. 51

3.6.2.18

Skenario Use Case Input Agenda ............................................ 52

3.6.2.19

Skenario Use Case Edit Agenda .............................................. 53

3.6.2.20

Skenario Use Case Input Informasi ......................................... 54

3.6.2.21

Skenario Use Case Edit Informasi ........................................... 55

3.6.2.22

Skenario Use Case Delete Informasi ....................................... 56

3.6.2.23

Skenario Use Case Input Kurikulum ....................................... 57

3.6.2.24

Skenario Use Case Edit Kurikulum ......................................... 58

3.6.2.25

Skenario Use Case Delete Kurikulum ..................................... 59

3.6.2.26

Skenario Use Case Input Soal ................................................. 60

3.6.2.27

Skenario Use Case Edit Soal ................................................... 61

3.6.2.28

Skenario Use Case Delete Soal ............................................... 62

3.6.2.29

Skenario Use Case Input User ................................................. 63
xi

3.6.2.30

Skenario Use Case Edit User................................................... 64

3.6.2.31

Skenario Use Case Import user ............................................... 65

3.6.2.32

Skenario Use Case Kirim Email .............................................. 66

3.6.3

Squence Diagram ............................................................................ 67

3.6.3.1

Squence Diagram Menampilkan Berita ................................... 67

3.6.3.2

Squence Diagram Menampilkan Visi-Misi ............................. 67

3.6.3.3

Squence Diagram Menampilkan Kurikulum ........................... 68

3.6.3.4

Squence Diagram Menampilkan Agenda ................................ 68

3.6.3.5

Squence Diagram Menampilkan Informasi ............................. 69

3.6.3.6

Squence Diagram Menampilkan Kontak ................................. 69

3.6.3.7

Squence Diagram Input Biodata Mahasiswa ........................... 70

3.6.3.8

Squence Diagram Menampilkan Edit Biodata Mahasiswa ..... 70

3.6.3.9

Squence Diagram Menampilkan Input Biodata Pegawai ........ 71

3.6.3.10

Squence Diagram Menampilkan Edit Biodata Pegawai .......... 71

3.6.3.11

Squence Diagram Menampilkan Input Komentar Berita ........ 72

3.6.3.12

Squence Diagram Menampilkan Mahasiswa .......................... 72

3.6.3.13

Squence Diagram Cari Mahasiswa .......................................... 73

3.6.3.14

Squence Diagram Menampilkan Pegawai ............................... 73

3.6.3.15

Squence Diagram Cari Pegawai .............................................. 73

3.6.3.16

Squence Diagram Menampilkan Hasil Kuesioner................... 74

3.6.3.17

Squence Diagram Input Berita ................................................ 74

3.6.3.18

Squence Diagram Edit Berita .................................................. 75

3.6.3.19

Squence Diagram Delete Berita .............................................. 75

3.6.3.20

Squence Diagram Input Kurikulum ......................................... 76

3.6.3.21

Squence Diagram Edit Kurikulum .......................................... 77

3.6.3.22

Squence Diagram Delete Kurikulum ....................................... 77

3.6.3.23

Squence Diagram Input Agenda .............................................. 78

3.6.3.24

Squence Diagram Edit Agenda................................................ 79

3.6.3.25

Squence Diagram Delete Agenda ............................................ 79

3.6.3.26

Squence Diagram Input Informasi ........................................... 80

3.6.3.27

Squence Diagram Edit Informasi ............................................ 80
xii

3.7

3.6.3.28

Squence Diagram Delete Informasi ......................................... 81

3.6.3.29

Squence Diagram Kirim Email Mahasiswa............................. 81

3.6.3.30

Squence Diagram Kirim Email Pegawai ................................. 82

3.6.3.31

Squence Diagram Input Soal ................................................... 82

3.6.3.32

Squence Diagram Edit Soal ..................................................... 83

3.6.3.33

Squence Diagram Delete Soal ................................................. 83

3.6.3.34

Squence Diagram Input Slider ................................................. 84

3.6.3.35

Squence Diagram Edit Slider .................................................. 84

3.6.3.36

Squence Diagram Delete Slider ............................................... 85

3.6.3.37

Squence Diagram Input User .................................................. 85

3.6.3.38

Squence Diagram Edit User .................................................... 86

3.6.3.39

Squence Diagram Import User ................................................ 86

Perancangan Aplikasi berbasis Android ................................................. 87

3.7.1

Use Case Diagram .......................................................................... 87

3.7.2

Skenario Use Case .......................................................................... 88

3.7.2.1

Skenario Use case Menampilkan Berita .................................. 88

3.7.2.2

Skenario Use Case Menampilkan Visi-Misi ........................... 89

3.7.2.3

Skenario Use Case Menampilkan Kurikulum ......................... 90

3.7.2.4

Skenario Use Case Menampilkan Informasi ........................... 91

3.7.2.5

Skenario Use Case Menampilkan Agenda .............................. 92

3.7.2.6

Skenario Use Case Menampilkan Sejarah ............................... 93

3.7.2.7

Skenario Use Case Menampilkan Kontak ............................... 94

3.7.2.8

Skenario Use Case Menampilkan Tentang .............................. 95

3.7.2.9

Skenario Use Case Menampilkan Pegawai ............................. 96

3.7.2.10

Skenario Use Case Menampilkan Maps .................................. 97

3.7.2.11

Skenario Use Case Menampilkan Fasilitas ............................. 98

3.8

Class Diagram ........................................................................................ 99

3.9

Perancangan Basis Data ....................................................................... 100

3.8.1

Entity Relationship Diagram (ERD) ............................................. 101

3.8.2

Relasi Antar Tabel......................................................................... 102

3.10

Perancangan Tabel ............................................................................ 103
xiii

3.10.1

Tabel user ...................................................................................... 103

3.10.2

Tabel pegawai ............................................................................... 103

3.10.3

Tabel mahasiswa ........................................................................... 104

3.10.4

Tabel statusp.................................................................................. 105

3.10.5

Tabel berita.................................................................................... 105

3.10.6

Tabel komentar_berita .................................................................. 105

3.10.7

Tabel agenda ................................................................................. 106

3.10.8

Tabel informasi ............................................................................. 106

3.10.9

Tabel kategori_info ....................................................................... 107

3.10.10

Tabel makul ............................................................................... 107

3.10.11

Tabel kuesioner ......................................................................... 107

3.10.12

Tabel detail_jawaban ................................................................. 108

3.10.13

Tabel soal .................................................................................. 108

3.10.14

Tabel visimisi ............................................................................ 108

3.10.15

Tabel kontak .............................................................................. 109

3.10.16

Tabel slider ................................................................................ 109

3.10.17

Tabel kategori_f ........................................................................ 109

3.10.18

Tabel fasilitas ............................................................................ 110

3.10.19

Tabel mengajar .......................................................................... 110

3.10.20

Tabel tahun_akademik .............................................................. 110

3.11

Perancangan Struktur Menu.............................................................. 111

3.12

Perancangan Desain User Interface .................................................. 111

3.12.1

User Interface Aplikasi berbasis Web ........................................... 111

3.12.1.1

Desain Halaman Pengunjung (Umum) .................................. 112

3.12.1.2

Desain Halaman user Register ............................................... 116

3.12.1.3

Desain Halaman Administrator ............................................. 119

3.12.2

User Interface Aplikasi berbasis Android..................................... 125

3.12.2.1

Desain User Interface............................................................. 125

3.11.2.2 Desain User Interface ............................................................... 129
BAB IV IMPLEMENTASI DAN PENGUJIAN ............................................... 133
4.1

Implementasi ........................................................................................ 133

xiv

4.1.1

4.1.1.1

Implementasi Interface Halaman Pengunjung ....................... 133

4.1.1.2

Implementasi Interface Halaman User Register .................... 140

4.1.1.3

Implementasi Interface Halaman Administrator.................... 143

4.1.2
4.2

Implementasi Interface Aplikasi Berbasis Web ............................ 133

Implementasi Interface Aplikasi Berbasis Android ...................... 150

Pengujian Sistem .................................................................................. 161

4.2.1

Pengujian Black Box ..................................................................... 161

4.2.1.1

Aplikasi Web ......................................................................... 161

4.2.1.2

Aplikasi Android.................................................................... 169

4.2.2

Pengujian Hardware ...................................................................... 172

4.3

Kuisioner Aplikasi ................................................................................ 173

4.4

Release Aplikasi ................................................................................... 176

BAB V KESIMPULAN DAN SARAN ............................................................. 177
a.

Kesimpulan ............................................................................................. 177

b.

Saran ........................................................................................................ 177

Daftar Pustaka ..................................................................................................... 178

xv

DAFTAR TABEL

Tabel 2.1. Simbol Komponen Use Case .............................................................. 11
Tabel 2.2. Notasi Class Diagram ......................................................................... 13
Tabel 2.3. Simbol Activity Diagram .................................................................... 14
Tabel 2.4. Simbol Sequence Diagram .................................................................. 15
Tabel 2.5. Simbol Entity Relationsip Diagram (ERD)......................................... 16
Tabel 3.1. Kebutuhan Fungsional Sistem ............................................................. 25
Tabel 3.2. Kebutuhan Non-Fungsional Sistem Aplikasi Bebasis Web ................ 29
Tabel 3.3. Kebutuhan Fungsional Aplikasi berbasis Android .............................. 30
Tabel 3.4. Kebutuhan Non-Fungsional Aplikasi berbasis Android ...................... 32
Tabel 3.5. Use Case Input Biodata ....................................................................... 35
Tabel 3.6. Use Case Menampilkan Berita ............................................................ 36
Tabel 3.7. Use Case Menampilkan Visi-Misi ...................................................... 37
Tabel 3.8. Use Case Menampilkan Kurikulum .................................................... 38
Tabel 3.9. Use Case Menampilkan Informasi ...................................................... 39
Tabel 3.10. Use Case Menampilkan Struktur ...................................................... 40
Tabel 3.11. Use Case Menampilkan Agenda ....................................................... 41
Tabel 3.12. Use Case Input Komentar Berita....................................................... 42
Tabel 3.13. Use Case Menampilkan Kontak ........................................................ 43
Tabel 3.14. Use Case Menampilkan Mahasiswa.................................................. 44
Tabel 3.15. Use Case Edit Data Mahasiswa......................................................... 45
Tabel 3.16. Use Case Menampilkan Pegawai ...................................................... 46
Tabel 3.17. Use Case Edit Data Pegawai ............................................................. 47
Tabel 3.18. Use Case Input Kuesioner ................................................................. 48
Tabel 3.19. Use Case Menampilkan Hasil Kuesioner .......................................... 49
Tabel 3.20. Use Case Input berita ........................................................................ 50
Tabel 3.21. Use Case Edit Berita ......................................................................... 51
Tabel 3.22. Use Case Input agenda ...................................................................... 52
Tabel 3.23. Use Case Edit Agenda....................................................................... 53
Tabel 3.24. Use Case Input informasi .................................................................. 54
Tabel 3.25. Use Case Edit Informasi.................................................................... 55
Tabel 3.26. Use Case Delete Informasi ................................................................ 56
Tabel 3.27. Use Case Input Kurikulum ................................................................ 57
xvi

Tabel 3.28. Use Case Edit Kurikulum.................................................................. 58
Tabel 3.29. Use Case Delete Kurikulum .............................................................. 59
Tabel 3.30. Use Case Input Soal .......................................................................... 60
Tabel 3.31. Use Case Edit Soal ............................................................................ 61
Tabel 3.32. Use Case Delete Soal ........................................................................ 62
Tabel 3.33. Use Case Input User .......................................................................... 63
Tabel 3.34. Use Case Edit User ........................................................................... 64
Tabel 3.35. Use Case Import User ....................................................................... 65
Tabel 3.36. Use Case Kirim Email....................................................................... 66
Tabel 3.37. Use Case Menampilkan Berita .......................................................... 88
Tabel 3.38. Use Case Menampilkan Visi-Misi .................................................... 89
Tabel 3.39. Use Case Menampilkan Kurikulum .................................................. 90
Tabel 3.40. Use Case Menampilkan Informasi .................................................... 91
Tabel 3.41. Use Case Menampilkan Agenda ....................................................... 92
Tabel 3.42. Use Case Menampilkan Sejarah........................................................ 93
Tabel 3.43. Use Case Menampilkan Kontak ........................................................ 94
Tabel 3.44. Use Case Menampilkan Tentang ...................................................... 95
Tabel 3.45. Use Case Menampilkan Pegawai ...................................................... 96
Tabel 3.46. Use Case Menampilkan Maps ........................................................... 97
Tabel 3.47. Use Case Menampilkan Fasilitas ...................................................... 98
Tabel 3.48. Tabel tbl_user .................................................................................. 103
Tabel 3.49. Tabel tbl_pegawai ........................................................................... 103
Tabel 3.50. Tabel tbl_mahasiswa ....................................................................... 104
Tabel 3.51. Tabel tbl_statusp ............................................................................. 105
Tabel 3.52. Tabel tbl_berita................................................................................ 105
Tabel 3.53. Tabel tbl_komentar_berita .............................................................. 105
Tabel 3.54. Tabel tbl_agenda ............................................................................. 106
Tabel 3.55. Tabel tbl_informasi ......................................................................... 106
Tabel 3.56. Tabel tbl_kategori_info ................................................................... 107
Tabel 3.57. Tabel tbl_makul............................................................................... 107
Tabel 3.58. Tabel tbl_kuesioner ......................................................................... 107
Tabel 3.59. Tabel tbl_detail_jawaban ................................................................ 108
Tabel 3.60. Tabel tbl_soal .................................................................................. 108
Tabel 3.61. Tabel tbl_visimisi ............................................................................ 108

xvii

Tabel 3.62. Tabel tbl_kontak .............................................................................. 109
Tabel 3.63. Tabel tbl_slider ................................................................................ 109
Tabel 3.64. Tabel tbl_kategori_f ........................................................................ 109
Tabel 3.65. Tabel tbl_fasilitas ............................................................................ 110
Tabel 3.66. Tabel tbl_mengajar .......................................................................... 110
Tabel 3.67. Tabel tbl_tahun_akademik .............................................................. 110
Tabel 3.68. Tabel Desain User Interface............................................................ 129
Tabel 3.69. Black Box Testing pada Pengujian Mahasiswa ............................... 161
Tabel 3.70. Black Box Testing pada Pengujian Pegawai .................................... 162
Tabel 3.71. Black Box Testing pada Pengujian Komentar Berita....................... 162
Tabel 3.72. Black Box Testing pada Pengujian Kuisioner.................................. 163
Tabel 3.73. Black Box Testing pada Pengujian Informasi .................................. 163
Tabel 3.74. Black Box Testing pada Pengujian Berita........................................ 164
Tabel 3.75. Black Box Testing pada Pengujian Agenda ..................................... 165
Tabel 3.76. Black Box Testing pada Pengujian Manajemen User ...................... 166
Tabel 3.77. Black Box Testing pada Pengujian Manajemen Slider .................... 166
Tabel 3.78. Black Box Testing pada Pengujian Manajemen Soal Kuesioner ..... 167
Tabel 3.79. Black Box Testing pada Pengujian Jawaban Kuisoner .................... 168
Tabel 3.80. Black Box Testing pada Pengujian Kirim Email ............................. 168
Tabel 3.81. Black Box Testing pada Pengujian Import User .............................. 168
Tabel 3.82. Black Box Testing pada Pengujian Manajemen Makul ................... 169
Tabel 3.83. Black Box Testing pada Pengujian Berita........................................ 169
Tabel 3.84. Black Box Testing pada Pengujian Mata Kuliah ............................. 170
Tabel 3.85. Black Box Testing pada Pengujian Agenda ..................................... 170
Tabel 3.86. Black Box Testing pada Pengujian Informasi .................................. 171
Tabel 3.87. Black Box Testing pada Pengujian Pegawai .................................... 171

xviii

DAFTAR GAMBAR

Gambar 2.1. Arsitektur Sistem Operasi Android .................................................. 9
Gambar 2.2. Satu ke satu ..................................................................................... 17
Gambar 2.3. Satu ke banyak ................................................................................ 18
Gambar 2.4. Banyak ke satu ................................................................................ 18
Gambar 2.5. Banyak ke banyak ........................................................................... 19
Gambar 2.6. Contoh Representasi JSON pada sebuah Object ............................ 20
Gambar 3.1. Gambaran Umum Aplikasi ............................................................ 23
Gambar 3.2. Gambaran Proses Bisnis ................................................................ 25
Gambar 3.3. Use Case Diagram Aplikasi berbasis Web .................................... 34
Gambar 3.4. Squence Diagram Menampilkan Berita.......................................... 67
Gambar 3.5. Squence Diagram Menampilkan Visi-Misi .................................... 67
Gambar 3.6. Squence Diagram Menampilkan Mata Kuliah ............................... 68
Gambar 3.7. Squence Diagram Menampilkan Agenda ....................................... 68
Gambar 3.8. Squence Diagram Menampilkan Informasi .................................... 69
Gambar 3.9. Squence Diagram Menampilkan Kontak........................................ 69
Gambar 3.10. Squence Diagram Input Biodata Mahasiswa ................................ 70
Gambar 3.11. Squence Diagram Edit Biodata Mahasiswa ................................. 70
Gambar 3.12. Squence Diagram Input Biodata Pegawai .................................... 71
Gambar 3.13. Squence Diagram Edit Biodata Pegawai ...................................... 71
Gambar 3.14. Squence Diagram Input Komentar Berita .................................... 72
Gambar 3.15. Squence Diagram Menampilkan Mahasiswa ............................... 72
Gambar 3.16. Squence Diagram Cari Mahasiswa ............................................... 73
Gambar 3.17. Squence Diagram Menampilkan Pegawai .................................... 73
Gambar 3.18. Squence Diagram Cari Pegawai ................................................... 73
Gambar 3.19. Squence Diagram Menampilkan Hasil Kuesioner ....................... 74
Gambar 3.20. Squence Diagram Menampilkan Input Berita .............................. 74
Gambar 3.21. Squence Diagram Menampilkan Edit Berita ................................ 75
Gambar 3.22. Squence Diagram Menampilkan Delete Berita ............................ 75
Gambar 3.23. Squence Diagram Menampilkan Input Kurikulum ...................... 76
Gambar 3.24. Squence Diagram Edit Kurikulum ............................................... 77
Gambar 3.25. Squence Diagram Delete Kurikulum............................................ 77
Gambar 3.26. Squence Diagram Input Agenda ................................................... 78
xix

Gambar 3.27. Squence Diagram Edit Agenda .................................................... 79
Gambar 3.28. Squence Diagram Delete Agenda ................................................ 79
Gambar 3.29. Squence Diagram Input Informasi................................................ 80
Gambar 3.30. Squence Diagram Edit Informasi ................................................. 80
Gambar 3.31. Squence Diagram Delete Informasi.............................................. 81
Gambar 3.32. Squence Diagram Kirim Email Mahasiswa ................................. 81
Gambar 3.33. Squence Diagram Kirim Email Pegawai ...................................... 82
Gambar 3.34. Squence Diagram Input Soal ........................................................ 82
Gambar 3.35. Squence Diagram Edit Soal .......................................................... 83
Gambar 3.36. Squence Diagram Delete Soal ...................................................... 83
Gambar 3.37. Squence Diagram Input Slider...................................................... 84
Gambar 3.38. Squence Diagram Edit Slider ....................................................... 84
Gambar 3.39. Squence Diagram Delete Slider.................................................... 85
Gambar 3.40. Squence Diagram Input User ....................................................... 85
Gambar 3.41. Squence Diagram Edit User ......................................................... 86
Gambar 3.42. Squence Diagram Import User ..................................................... 86
Gambar 3.43. Use Case Diagram Aplikasi Berbasis Android ............................ 87
Gambar 3.44. Class Diagram ............................................................................... 99
Gambar 3.45. Entity Relationship Diagram (ERD) .......................................... 101
Gambar 3.46. Relasi Antar Tabel ...................................................................... 102
Gambar 3.47. Struktur Menu ............................................................................. 111
Gambar 3.48. Desain Halaman Beranda ........................................................... 112
Gambar 3.49. Desain Halaman Visi-Misi ......................................................... 113
Gambar 3.50. Desain Halaman Kurikulum ....................................................... 113
Gambar 3.51. Desain Halaman Mata Kuliah ..................................................... 114
Gambar 3.52. Desain Halaman Struktur Organisasi.......................................... 114
Gambar 3.53. Desain Halaman Berita ............................................................... 115
Gambar 3.54. Desain Halaman Berita ............................................................... 115
Gambar 3.55. Desain Halaman Kontak ............................................................. 116
Gambar 3.56. Desain Halaman Login ............................................................... 116
Gambar 3.57. Desain Halaman Isidata .............................................................. 117
Gambar 3.58. Desain Halaman Beranda Register ............................................. 117
Gambar 3.59. Desain Halaman Mahasiswa ....................................................... 118
Gambar 3.60. Desain Halaman Pegawai ........................................................... 118

xx

Gambar 3.61. Desain Halaman Profil Saya ....................................................... 119
Gambar 3.62. Desain Halaman Beranda Admin ................................................ 119
Gambar 3.63. Desain Halaman Mahasiswa Admintrator .................................. 120
Gambar 3.64. Desain Halaman Pegawai Admintrator ...................................... 121
Gambar 3.65. Desain Halaman Kirim Email ..................................................... 121
Gambar 3.66. Desain Halaman Berita Administrator ....................................... 122
Gambar 3.67. Desain Halaman Informasi Administrator .................................. 123
Gambar 3.68. Desain Halaman Agenda Administrator ..................................... 123
Gambar 3.69. Desain Halaman Agenda Administrator ..................................... 124
Gambar 3.70. Desain Halaman Mata Kuliah Administrator ............................. 125
Gambar 3.71. Splash Screen Aplikasi ............................................................... 125
Gambar 3.72. Slider Menu ................................................................................ 125
Gambar 3.73. Halaman Beranda........................................................................ 126
Gambar 3.74. Halaman Agenda ........................................................................ 126
Gambar 3.75. Halaman Agenda Detail .............................................................. 126
Gambar 3.76. Halaman Agenda Cari................................................................. 126
Gambar 3.77. Halaman Maps ............................................................................ 127
Gambar 3.78. Halaman Kontak ......................................................................... 127
Gambar 3.79. Halaman Sejarah ......................................................................... 127
Gambar 3.80. Halaman Visi-Misi...................................................................... 127
Gambar 3.81. Halaman Tentang ........................................................................ 128
Gambar 3.82. Halaman Kurikulum ................................................................... 128
Gambar 3.83. Halaman Kurikulum Detail......................................................... 128
Gambar 3.84. Halaman Pegawai ....................................................................... 128
Gambar 3.85. Halaman Pegawai Detail............................................................. 129
Gambar 4.1. Implementasi Halaman Beranda ................................................... 134
Gambar 4.2. Implementasi Halaman Berita ...................................................... 135
Gambar 4.3. Implementasi Halaman Visi-Misi ................................................. 136
Gambar 4.4. Implementasi Halaman Struktur ................................................... 136
Gambar 4.5. Implementasi Halaman Kontak .................................................... 137
Gambar 4.6. Implementasi Halaman Kurikulum............................................... 137
Gambar 4.7. Implementasi Halaman Agenda .................................................... 138
Gambar 4.8. Implementasi Halaman Informasi................................................. 139
Gambar 4.9. Implementasi Halaman Login ....................................................... 139

xxi

Gambar 4.10. Implementasi Halaman Beranda Register .................................. 140
Gambar 4.11. Implementasi Halaman Mahasiswa ............................................ 141
Gambar 4.12. Implementasi Halaman Pegawai ................................................ 141
Gambar 4.13. Implementasi Halaman Profil Saya ............................................ 142
Gambar 4.14. Implementasi Halaman Kuesioner Mahasiswa ........................... 143
Gambar 4.15. Implementasi Halaman Beranda Admininstrator ....................... 144
Gambar 4.16. Implementasi Halaman Agenda Admininstrator ........................ 144
Gambar 4.17. Implementasi Halaman Berita Admininstrator ........................... 145
Gambar 4.18. Implementasi Halaman Informasi Admininstrator ..................... 145
Gambar 4.19. Implementasi Halaman User Admininstrator ............................. 146
Gambar 4.20. Implementasi Halaman Import User Admininstrator ................. 146
Gambar 4.21. Implementasi Halaman Mahasiswa Admininstrator................... 147
Gambar 4.22. Implementasi Halaman Pegawai Admininstrator ....................... 147
Gambar 4.23. Implementasi Halaman Kirim Email .......................................... 148
Gambar 4.24. Implementasi Halaman Soal ....................................................... 149
Gambar 4.25. Implementasi Halaman Makul Administrator ............................ 149
Gambar 4.26. Implementasi Halaman Slider Administrator ............................. 150
Gambar 4.27. Implementasi Halaman Visi-misi Administrator ........................ 150
Gambar 4.28. Splash Screen Aplikasi ............................................................... 151
Gambar 4.29. Slider Menu ................................................................................ 151
Gambar 4.30. Halaman Beranda....................................................................... 152
Gambar 4.31. Halaman Agenda ....................................................................... 152
Gambar 4.32. Halaman Agenda Detail ............................................................. 153
Gambar 4.33. Halaman Agenda Cari................................................................ 153
Gambar 4.34. Halaman Berita .......................................................................... 154
Gambar 4.35. Halaman Berita Detail ............................................................... 154
Gambar 4.36. Halaman Berita Cari .................................................................. 155
Gambar 4.37. Halaman Informasi .................................................................... 155
Gambar 4.38. Halaman Informasi Cari ............................................................ 156
Gambar 4.39. Halaman Maps ........................................................................... 156
Gambar 4.40. Halaman Kontak ........................................................................ 157
Gambar 4.41. Halaman Kurikulum .................................................................. 157
Gambar 4.42. Pengujian kompatibilitas layar 4 inc.......................................... 172
Gambar 4.43. Pengujian kompatibilitas layar 5 in ............................................ 172

xxii

Gambar 4.44. Pengujian kompatibilitas layar 5,5 inc........................................ 173
Gambar 4.45. Grafik hasil kuisioner pertama ................................................... 173
Gambar 4.46. Grafik hasil kuisioner kedua ....................................................... 174
Gambar 4.47. Grafik hasil kuisioner ketiga ....................................................... 174
Gambar 4.48. Grafik hasil kuisioner keempat ................................................... 175
Gambar 4.49. Grafik hasil kuisioner kelima ..................................................... 175
Gambar 4.50. Proses Release Aplikasi .............................................................. 176

xxiii

INTISARI

Program studi D3 Teknik Informatika UNS merupakan salah satu program
studi yang berdiri di Fakultas Matematika Dan Ilmu Pengetahuan Alam UNS. Tentu
tidak semua orang mengetahui program studi ini. Maka dari itu dibuatlah aplikasi
D3 Teknik

Informatika berbasis web dan android.

Digunakan untuk

mempublikasikan informasi tentang program studi D3 Teknik Informatika UNS.
Sistem dan Aplikasi D3TIUNS dibuat menggunakan metode waterfall,
Aplikasi D3TIUNS berbasis web dibuat dengan mengunakan bahasa pemrograman
php dengan Framework Codeigniter. Dan Aplikasi D3TI berbasis Android dibuat
dengan menggunakan bahasa pemrograman java dengan tool Android Studio
dengan bahasa pemrograman php, java dan menggunakan Framework Codeigniter.
Perancangan yang digunakan dalam pembuatan aplikasi ini antara lain: tabel
kebutuhan fungsional, use case diagram, ERD, activity diagram, Sequence diagram
dan desain interface. Untuk pengujian aplikasi menggunakan metode blackbox.
Hasil dari tugas akhir ini adalah terciptanya sitem informasi D3 Teknik
Informatika UNS berbasis web dan aplikasi D3TI berbasis android
Kata kunci : Sistem Informasi, Codeigniter , Android, Android Studio,

xxiv

ABSTRACT

The study program UNS D3 Informatics Engineering is one of the courses that
stood in the Faculty of Mathematics and Natural Sciences UNS. Of course not
everyone knows this course. Thus the application made D3 Informatics Web-based
and android. Used to publish information about the study program D3 Informatics
Engineering UNS.
System and Application D3TIUNS created using waterfall method, D3TIUNS web
based applications created using programming language PHP with CodeIgniter
Framework. And Android-based applications D3TI created using the Java
programming language with the tool Android Studio with programming language
php, java and using CodeIgniter Framework. The design used in the making of this
application include: table of functional requirements, use case diagram, ERD,
activity diagrams, Sequence diagrams and interface design. For application testing
using methods blackbox.
The results of this thesis is the creation of information system D3 Informatics
Engineering UNS web-based and application-based android D3TI
Keywords: Information systems, CodeIgniter, Android, Android Studio,

xxv