i
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
v 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”
vi
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.
vii 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.
ix 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
x
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 UseCaseDiagram ... 10
2.8 ClassDiagram ... 13
2.9 ActivityDiagram ... 14
2.10 SquenceDiagram ... 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.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
3.5 Software Requirement Specification (SRS) Aplikasi berbasis Android . 30 3.5.1 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
xi
3.6.1 Use Case Diagram ... 33
3.6.2 Skenario Use Case ... 35
3.6.2.1 Skenario Use CaseInput 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 CaseInput 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 CaseEdit Data Mahasiswa ... 45
3.6.2.12 Skenario Use Case Menampilkan Pegawai ... 46
3.6.2.13 Skenario Use CaseEdit Data Pegawai ... 47
3.6.2.14 Skenario Use CaseInput Kuesioner ... 48
3.6.2.15 Skenario Use Case Menampilkan Hasil Kuesioner ... 49
3.6.2.16 Skenario Use CaseInput Berita ... 50
3.6.2.17 Skenario Use CaseEdit Berita... 51
3.6.2.18 Skenario Use CaseInput Agenda ... 52
3.6.2.19 Skenario Use CaseEdit Agenda ... 53
3.6.2.20 Skenario Use CaseInput Informasi ... 54
3.6.2.21 Skenario Use CaseEdit Informasi ... 55
3.6.2.22 Skenario Use CaseDelete Informasi ... 56
3.6.2.23 Skenario Use CaseInput Kurikulum ... 57
3.6.2.24 Skenario Use CaseEdit Kurikulum ... 58
3.6.2.25 Skenario Use CaseDelete Kurikulum ... 59
3.6.2.26 Skenario Use CaseInput Soal ... 60
3.6.2.27 Skenario Use CaseEdit Soal ... 61
3.6.2.28 Skenario Use CaseDelete Soal ... 62
xii
3.6.2.30 Skenario Use CaseEditUser... 64
3.6.2.31 Skenario Use CaseImport 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 DiagramInput 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
xiii
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 DiagramDelete 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
3.7 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 ClassDiagram ... 99
3.9 Perancangan Basis Data ... 100
3.8.1 Entity Relationship Diagram (ERD) ... 101
3.8.2 Relasi Antar Tabel... 102
xiv
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
xv
4.1.1 Implementasi Interface Aplikasi Berbasis Web ... 133
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 Implementasi Interface Aplikasi Berbasis Android ... 150
4.2 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
xvi 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 CaseInput 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 CaseInput Komentar Berita... 42
Tabel 3.13. Use Case Menampilkan Kontak ... 43
Tabel 3.14. Use Case Menampilkan Mahasiswa... 44
Tabel 3.15. Use CaseEdit Data Mahasiswa... 45
Tabel 3.16. Use Case Menampilkan Pegawai ... 46
Tabel 3.17. Use CaseEdit Data Pegawai ... 47
Tabel 3.18. Use CaseInput Kuesioner ... 48
Tabel 3.19. Use Case Menampilkan Hasil Kuesioner ... 49
Tabel 3.20. Use CaseInput berita ... 50
Tabel 3.21. Use CaseEdit Berita ... 51
Tabel 3.22. Use CaseInput agenda ... 52
Tabel 3.23. Use CaseEdit Agenda ... 53
Tabel 3.24. Use CaseInput informasi ... 54
Tabel 3.25. Use CaseEdit Informasi... 55
Tabel 3.26. Use CaseDelete Informasi ... 56
xvii
Tabel 3.28. Use CaseEdit Kurikulum... 58
Tabel 3.29. Use CaseDelete Kurikulum ... 59
Tabel 3.30. Use CaseInput Soal ... 60
Tabel 3.31. Use CaseEdit Soal ... 61
Tabel 3.32. Use CaseDelete Soal ... 62
Tabel 3.33. Use CaseInput User ... 63
Tabel 3.34. Use CaseEditUser ... 64
Tabel 3.35. Use CaseImport 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
xviii
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
xix 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 DiagramInput Biodata Mahasiswa ... 70
Gambar 3.11. Squence DiagramEdit Biodata Mahasiswa ... 70
Gambar 3.12. Squence DiagramInput Biodata Pegawai ... 71
Gambar 3.13. Squence DiagramEdit Biodata Pegawai ... 71
Gambar 3.14. Squence DiagramInput 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 DiagramEdit Kurikulum ... 77
Gambar 3.25. Squence DiagramDelete Kurikulum... 77
xx
Gambar 3.27. Squence DiagramEdit Agenda ... 79
Gambar 3.28. Squence DiagramDelete Agenda ... 79
Gambar 3.29. Squence DiagramInput Informasi... 80
Gambar 3.30. Squence DiagramEdit Informasi ... 80
Gambar 3.31. Squence DiagramDelete Informasi... 81
Gambar 3.32. Squence Diagram Kirim Email Mahasiswa ... 81
Gambar 3.33. Squence Diagram Kirim Email Pegawai ... 82
Gambar 3.34. Squence DiagramInput Soal ... 82
Gambar 3.35. Squence DiagramEdit Soal ... 83
Gambar 3.36. Squence DiagramDelete Soal ... 83
Gambar 3.37. Squence DiagramInput Slider... 84
Gambar 3.38. Squence DiagramEdit Slider ... 84
Gambar 3.39. Squence DiagramDelete Slider... 85
Gambar 3.40. Squence DiagramInput User ... 85
Gambar 3.41. Squence DiagramEdit User ... 86
Gambar 3.42. Squence DiagramImport 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
xxi
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
xxii
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 UserAdmininstrator ... 146
Gambar 4.20. Implementasi Halaman ImportUser 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
xxiii
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
xxiv 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 casediagram, ERD, activitydiagram, 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
xxv 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