Pembangunan Aplikasi Mobile Pengumuman Kampus (Unikom News) Berbasis Android Di Unikom

  Nama : Yugie Nugraha NIM : 10108646 Penguji 2 Ir. Taryana Suryana, M.Kom. Penguji 1 Andri Heryandi, S.T.,M.T

  Penguji 3 Eko Budi Setiawan, S.Kom.

  

» Tidak semua informasi pengumuman yang tersedia di

masing-masing website jurusan maupun website UNIKOM dapat dengan mudah diakses melalui mobile browser

  

» Pengumuman yang dipasang pada tiap jurusan masing-

masing maupun di dalam kampus hanya dapat dilihat oleh mahasiswa yang sedang berada di jurusan maupun kampus saja.

  

» Dosen, dan karyawan Unikom yang berkaitan dengan

akademik masih kesulitan dalam menyampaikan informasi penting kepada mahasiswa, seperti keterbatasan pada waktu dan tempat.

  

» Pengumuman yang memiliki tenggat waktu tertentu

masih sering terlewatkan oleh mahasiswa.

  

» Pengumuman yang akan disampaikan pada umumnya

masih menggunakan cara konvensional yaitu dengan cara diketik kemudian di Print.

  » TUJUAN

  » MAKSUD Unikom bermaksud untuk membangun aplikasi mobile Pengumuman Kampus (UNIKOM News) berbasis Android

• Memudahkan menyajikan informasi selain hanya dari website-website Unikom.
• Membantu komunikasi antara kampus dan mahasiswa dengan membuat informasi pengumuman dapat dilihat kapan saja dan dimana saja sehingga lebih cepat tersampaikan kepada para mahasiswa terutama informasi yang ada pada papan pengumuman.

  » TUJUAN

• •Memudahkan Dosen, dan Karyawan Unikom yang berkaitan

  dengan akademik dalam menyampaikan informasi

  pengumuman kepada mahasiswa, dengan dapat

  menyampaikan informasi yang tidak terbatas waktu dan

  tempat.

• •Mengurangi informasi tersampaikan melebihi batas

  berlakukanya pengumuman tersebut

• •Mendukung UNIKOM sebagai Universitas yang berbasis

  pada ICT (Information and Communication Technology)

  sehingga pengumuman yang disampaikan tidak hanya

  menggunakan cara konvensional melainkan juga

  memanfaatkan teknologi beserta perkembangannya.

  

» Data yang diolah adalah data informasi pengumuman

dari masing-masing jurusan maupun administrasi Unikom. yang dihasilkan berupa informasi » Keluaran pengumuman dari setiap jurusan, blog unikom, career unikom, unikom center, dan Unikom News.

  

» Proses yang ada terdiri dari melihat data pengumuman

setiap jurusan, blog unikom, career unikom, Channel Unikom dan mengolah data pengumuman.

  

» Aplikasi yang dibangun berbasis mobile dengan sistem

operasi Android 2.2.

  

» Aplikasi yang dibangun terbatas pada aplikasi back end

sebagai pengolahan data yang diimplementasikan pada sistem aplikasi berbasis web, dan front end sebagai pengirim data sekaligus pengambil data untuk disajikan sebagai informasi kepada client yang diimplementasikan pada sistem aplikasi berbasis mobile.

  

» Client yang dapat mengirimkan informasi melalui

aplikasi mobile Pengumuman Kampus (Unikom News) hanya Client yang berstatus sebagai Pegawai Unikom, dan memiliki akun SSO Unikom.

  

» Aplikasi yang dibangun mendukung Unikom Single Sign

On (USSO).

  

» Perangkat lunak yang digunakan untuk membangun

aplikasi ini adalah Eclipse Galileo 3.5 dan Dreamweaver CS3.

» Pemodelan dan perancangan sistem dalam pembuatan

tugas akhir ini menggunakan pemodelan berbasis objek dengan tools Star UML.

  » Pengguna aplikasi Pengumuman Kampus (UNIKOM News) dikhususkan bagi mahasiswa Civitas Akademika Unikom. » Aplikasi Pengumuman Kampus (UNIKOM News) yang dibangun merupakan aplikasi client yang berkomunikasi dengan server.

» Sistem yang dibangun untuk sisi beck end akan memilki

fitur tautan file baik berupa file dokumen, image, maupun kompresi yang untuk selanjutnya dapat diunggah pada sistem.

  » Analisis Deskriptif

• Teknik Pengumpulan Data

  •Tahap Pengembangan Perangkat Lunak

  » Studi Pustaka

» Studi Lapangan

• Wawancara • Observasi

  V-Model

  1Q11 1% 2%

  3% 13% Android 36% iOS Symbian Research InMotion 28% Bada Microsoft

  17% Others www.gartner.com

  1Q12 3% 2% 1% 7%

  8% Android iOS Symbian 56% Research InMotion 23% Bada Microsoft Others www.gartner.com

  

» Sekumpulan perintah, fungsi, dan protokol yang

dapat digunakan saat membangun perangkat

lunak untuk teknologi tertentu

» API memungkinkan untuk menggunakan fungsi

standar untuk berinteraksi dengan teknologi tertentu

  

» Kemudahan untuk user dalam melakukan login

» Mengintegrasikan account user ke dalam satu database » Pengembangan aplikasi tidak membuat basis data user baru

  

» Merupakan Application Interface atau Library

(pustaka) yang digunakan oleh pengembang aplikasi online berbasis web di Unikom agar dapat mengintegrasikan aplikasi yang dibuat dengan fasilitas Kampus API

» Kampus API dibuat dengan menggunakan

bahasa Pemrograman PHP (Hypertext Preprocessor)

  n

  » Aplikasi Info Unikom yang dibangun sebagian besar telah mewakili informasi-informasi pengumuman yang sebelumnya hanya dapat diakses melalui Informasi pengumuman yang ada di kampus

  » Aplikasi Info Unikom yang dibangun telah mempermudah civitas akademika Unikom dalam proses penyampaian informasi pengumuman baik menyampaikan informasi maupun menerima informasi.

  

» Aplikasi Info Unikom telah mendukung UNIKOM sebagai

Universitas yang dalam aktifitasnya berbasiskan pada

  ICT (Information and Communication Technology).

  

» Memberikan fitur-fitur tambahan pada aplikasi

mobile Info Unikom, yaitu seperti mengintegrasikan dengan Perwalian online, Autodebet Online, maupun Nilai Online.

  » Meningkatkan performansi aplikasi dengan memperhatikan penggunaan resource yang berlebih, algoritma pengiriman data dari mobile, penyederhanaan resource web service, algoritma parsing data, serta kecepatan pengaksesan data dari server.

  Nama : Yugie Nugraha NIM : 10108646 Penguji 2 Ir. Taryana Suryana, M.Kom. Penguji 1 Andri Heryandi, S.T., M.T.

  Penguji 3 Eko Budi Setiawan, S.Kom.

  Download Aplikasi: http://bit.ly/InfoUnikomAndroid

PEMBANGUNAN APLIKASI MOBILE PENGUMUMAN KAMPUS (UNIKOM NEWS) BERBASIS ANDROID DI UNIKOM SKRIPSI

  Diajukan Untuk Menempuh Ujian Akhir Sarjana Program Strata Satu Jurusan Teknik Informatika

  Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

YUGIE NUGRAHA 10108646

  

ABSTRAK

PEMBANGUNAN APLIKASI MOBILE PENGUMUMAN

KAMPUS (UNIKOM NEWS) BERBASIS ANDROID DI

UNIKOM

  

Oleh

Yugie Nugraha

10108646

  Kampus dan Mahasiswa adalah dua element yang saling berkaitan dimana ada kampus disana pun harus ada mahasiswa sebagai pelengkap elementnya. Antara mahasiswa dan kampus harus terjalin komunikasi yang baik, singkron, dan cepat. Dalam komunikasi tersebut baik yang berisi informasi maupun pemberitahuan harus dapat tersampaikan pada pihak mahasiswa secara merata dan keseluruhan. Namun seperti diketahui jumlah mahasiswa yang banyak tidak memungkinkan untuk pihak kampus menyampaikan informasi satu persatu secara

  

personal pada setiap mahasiswa. Untuk itu agar mendukung komunikasi yang

  baik, singkron, dan cepat tersebut pihak kampus memfasilitasi dengan menyampaikan informasi bagi mahasiswa melalui media pengumuman kampus. Melalui pendekatan teknologi akan memungkinkan komunikasi informasi yang lebih baik. Tidak hanya memudahkan pihak mahasiswa sebagai penerima informasi tapi juga memudahkan pihak kampus dalam memberikan informasi. Kondisi tersebut dapat dipenuhi dengan adanya sebuah solusi yaitu dengan membangun sebuah aplikasi Info UNIKOM yang berbasis mobile dan web.

  Aplikasi Info UNIKOM ini dibangun dengan menggunakan pemodelan berbasis Objek dengan tools Star UML. Pembangunan aplikasi ini hanya terbatas sebagai client bagi pengguna mahasiswa, sedangkan untuk pengolahan data pada server dapat dilakukan melalui perangkat mobile maupun web namun hanya terbatas untuk pegawai UNIKOM saja. Dalam prosesnya aplikasi Info UNIKOM menggunakan metode USSO (UNIKOM Single Sign On) dengan memanfaatkan API Kampus Online UNIKOM. Adapun untuk berkomunikasi dengan server, aplikasi menggunakan Web Service dalam format output Json dan XML. Pembangunan aplikasi Info UNIKOM menggunakan tools IDE Eclipse Galileo 3.5 untuk aplikasi mobile dan Dreamweaver CS3 untuk aplikasi web.

  Berdasarkan hasil pengujian aplikasi yang dibangun telah mencapai tujuan yaitu untuk memudahkan civitas akademika UNIKOM dalam memberikan informasi pengumuman maupun menerima informasi pengumuman.

  

ABSTRACT

DEVELOPMENT APPLICATION MOBILE CAMPUS

ANNOUNCEMENT (UNIKOM NEWS) BASED ON ANDROID

PLATFORM AT UNIKOM

by

Yugie Nugraha

  

10108646

Campus and students are two interrelated elements where there are campus

there are also student that should be a complementary element. Therefore

between students and campus have to established good communication, fast, and

synchronized. In such communication or notice are contain the information

should be conveyed to all students equally. But as is well known that a lot of

students make the staff of college cannot convey information in a personal one by

one on each student. In order to support good communication, synchronized, and

quick to students. College facilitates through campus media announcements. With

the approach is expected to support communications technology better

information. Not only facilitates the students as recipients of information but also

facilitate the college in providing information. These conditions can be met by the

existence of a solution is to build an application based UNIKOM Info mobile and

web.

  Application Info UNIKOM is built using object-based modeling with Star

UML tools. Development of these applications are limited as a client for users of

student, meanwhile for data processing on the server can be done through mobile

and web applications but is limited to employees UNIKOM only. The application

process of Info UNIKOM is using USSO (Single Sign On UNIKOM) by utilizing

API Kampus Online UNIKOM. As for communicating with the server, the

application using the Web Service on output format in Json and XML. Application

development of Info UNIKOM using tools Galileo Eclipse IDE 3.5 for mobile

applications and Dreamweaver CS3 for web applications.

  Based on the results of testing an application built has achieved the goal

which is to facilitate academic of UNIKOM to provide information and receive

information bulletin announcements Keyword: UNIKOM, UNIKOM Info, Kampus Onlie UNIKOM API, Android.

KATA PENGANTAR

  Assalamualaikum Wr. Wb Dengan memanjatkan puji syukur kehadirat Allah SWT, atas rahmat dan karunia-

  Nya tugas akhir dengan judul “Pembangunan Aplikasi Mobile Pengumuman Kampus (Unikom News) Berbasis Android di Unikom

  ” sebagai syarat untuk menyelesaikan program studi Strata I Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer pada Universitas Komputer Indonesia dapat selesai sebagaimana mestinya.

  Terima kasih yang sebesar-besarnya kepada:

  1. Ibu, Bapak, dan keluarga tersayang yang telah memberikan dukungan baik moril maupun materil yang tak terhingga selama ini.

  2. Ir. Taryana Suryana, M. Kom. selaku dosen wali IF-13 angkatan 2008 dan selaku dosen pembimbing yang telah membimbing dan memberikan pengarahan dalam tugas akhir ini.

  3. Andri Heryandi, S.T., M.T. selaku dosen reviewer yang telah memberikan masukan dan bimbingan.

  4. Eko Budi Setiawan, S.Kom. selaku dosen penguji tiga yang telah memberikan masukan dan bimbingan.

  5. Adam Mukharil Bachtiar, S.Kom selaku pembimbing di Codelabs UNIKOM.

  6. Robi Tanzil Ganefi sebagai kakak kelas sekaligus senior developer yang telah memberikan bimbingan dalam tugas akhir ini.

  7. Deden, Benny, Astri, Indra Wahyudi, Dani dan Iqbal yang telah membantu maupun sama-sama berjuang dalam tugas akhir ini.

  8. Seluruh Dosen dan staff pengajar jurusan Teknik Informatika Universitas Komputer Indonesia.

  9. Teman-teman kelas IF-16 dan rekan sejawat angkatan 2008 yang telah sama- sama melewati masa-masa kuliah selama 4 tahun.

  10. Anti Mutiara Miranti dan keluarga yang telah memberikan dukungan dan dorongan sehingga tugas akhir skripsi ini dapat terselesaikan.

  11. Semua pihak yang telah terlibat dan ikut membantu dalam tugas akhir ini baik secara langsung maupun tidak langsung.

  Sangat disadari bahwa dalam pelaksanaan dan penyusunan laporan tugas akhir skripsi ini masih banyak kekurangan dan jauh dari kesempurnaan.

  Oleh karena itu saran dan kritik yang membangun sangat diharapkan untuk pengembangan ke arah yang lebih baik.

  Bandung, Agustus 2012 Penulis

  

DAFTAR ISI

  LEMBAR JUDUL LEMBAR PENGESAHAN ABSTRAK ……………………………………………………………………. ..i ABSTRACT ………………………………………………………………….....ii KATA PENGANTAR ………………………………………………………….iii DAFTAR ISI…………………………………………………………………….v DAFTAR TABEL……………………………………………………………...xiii DAFTAR

  GAMBAR…………………………………………………………..xvi DAFTAR SIMBOL…………………………………………………………….xix DAFTAR LAMPIRAN………………………………………………………..xxii

  BAB 1 ..................................................................................................................... 1 PENDAHULUAN .................................................................................................. 1

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

  1.2 Identifikasi Masalah ..................................................................................... 4

  1.3 Maksud dan Tujuan ...................................................................................... 4

  1.4 Batasan Masalah........................................................................................... 5

  1.5 Metodologi Penelitian .................................................................................. 7

  1.6 Sistematika Penulisan ................................................................................ 11

  BAB 2 ................................................................................................................... 13 TINJAUAN PUSTAKA ....................................................................................... 13

  2.1 Profil Unikom ............................................................................................ 13

  2.1.1. Sejarah Unikom ...................................................................................... 13

  2.1.2 Visi, Misi, dan Tujuan Unikom .............................................................. 15

  2.1.2.1.Visi ............................................................................................................ 16

  2.1.2.3. Tujuan ...................................................................................................... 16

  2.1.3 Logo Unikom ......................................................................................... 16

  1. Bingkai Segi Lima ......................................................................................... 17

  2. Lingkaran Dalam Segi Lima Tempat Tulisan Berwarna Kuning .................. 17

  3. Bulatan dalam Berwarna Biru........................................................................ 17

  4. Komputer ....................................................................................................... 17

  5. Stasiun Relay ................................................................................................. 18

  6. Satelit ............................................................................................................. 18

  7. Cakrawala ...................................................................................................... 18

  8. Buku ............................................................................................................... 18

  2.1.4 Struktur Organisasi Unikom ................................................................... 18

  2.2 Landasan Teori ........................................................................................... 20

  2.2.1. Pengumuman Kampus ............................................................................ 20

  2.2.2. Sistem Informasi ..................................................................................... 21

  2.2.2.1. Pengertian Sistem [12] ............................................................................. 21

  2.2.2.2. Pengertian Data [18] ................................................................................ 21

  2.2.2.3. Pengertian Informasi ................................................................................ 22

  2.2.2.4. Pengertian Sistem Informasi .................................................................... 22

  2.2.3. Skala Pengukuran dan Instrument Penelitian [17] ...................................... 23

  2.2.3.1. Tipe Skala Pengukuran ....................................................................... 23

  2.2.3.2. Pengertian Kuesioner .......................................................................... 25

  2.2.4. Android ....................................................................................................... 25

  2.2.4.1 Sejarah ....................................................................................................... 26

  1. Produk Awal .................................................................................................. 26

  2. Android versi 1.1 ........................................................................................... 27

  3. Android versi 1.5 (Cupcake) .......................................................................... 27

  4. Android versi 1.6 (Donut) .............................................................................. 28

  5. Android versi 2.0/2.1 (Eclair) ........................................................................ 28

  6. Android versi 2.2 (Froyo: Frozen Yoghurt)................................................... 29

  7. Android versi 2.3 (Gingerbread) .................................................................... 29

  9. Android versi 4.0 (ICS: Ice Cream Sandwich) .............................................. 30

  2.2.4.2 Features ..................................................................................................... 30

  2.2.4.3 Arsitektur Android .................................................................................... 31

  1. Aplikasi .......................................................................................................... 32

  2. Framework Aplikasi ...................................................................................... 32

  3. Libraries ......................................................................................................... 33

  4. Android Runtime ........................................................................................... 34

  5. Kernel Linux .................................................................................................. 34

  2.2.5 Java ......................................................................................................... 35

  2.2.5.1 Sejarah Java ............................................................................................... 35

  1. Versi Awal ..................................................................................................... 37

  2. Kelebihan Java ............................................................................................... 38

  3. Kekurangan Java ............................................................................................ 39

  2.2.6 Unikom Single Sign On (SSO) ..................................................................... 40

  2.2.7 Aplication Programming Interface (API) .................................................... 41

  2.2.7.1 Unikom Single Sign On (USSO) API ....................................................... 41

  2.2.8 Web Service [1] ............................................................................................ 41

  2.2.8.1 Web Service Messaging ............................................................................ 42

  2.2.8.2. Simple Object Access Protocol (SOAP)[1] .............................................. 43

  2.2.8.3. Web Service Description Language (WSDL) [1] .................................... 43

  2.2.8.4. Universal Description, Discovery and Integration (UDDI) [9] ............... 45

  2.2.9. Hyper Text Processor (PHP) ....................................................................... 45

  2.2.10 MySql ......................................................................................................... 47

  2.2.11 CSS ............................................................................................................. 50

  2.2.11.1. Sejarah CSS [19] .................................................................................... 50

  2.2.11.2. Versi [19] ............................................................................................... 51

  2.2.11.3. Sifat CSS [19] ........................................................................................ 51

  2.2.11.4. Fakta Menggunakan CSS [19] ............................................................... 52

  2.2.12 HTML ........................................................................................................ 52

  2.2.13 JavaScript ................................................................................................... 53

  2.2.15 Diagram Konteks ....................................................................................... 54

  2.2.16 UML [16] ................................................................................................... 54

  2.2.16.1. Sejarah UML .......................................................................................... 55

  2.2.16.2. Diagram UML ........................................................................................ 56

  2.2.17 Tools Implementasi .................................................................................... 58

  2.2.17.1. JDK ........................................................................................................ 58

  2.2.17.2. Eclipse .................................................................................................... 58

  2.2.17.3. Adobe Dreamweaver .............................................................................. 59

  BAB III ................................................................................................................. 61 ANALISIS DAN PERANCANGAN .................................................................... 61

  3.1 Analisis ............................................................................................................ 61

  3.1.1. Analisis Masalah ......................................................................................... 61

  3.1.2 Analisis Sistem Operasi ............................................................................... 62

  1. Perbandingan Analisis Pengguna................................................................... 62

  2. Perbandingan Analisis Perkembangan Aplikasi ............................................ 64

  3.1.3 Analisis Perangkat Keras ........................................................................ 64

  1. Perbandingan Perangkat Keras Utama .......................................................... 64

  2. Perbandingan Perangkat Keras Pendukung ............................................... 65

  3. Perbandingan Harga Handphone ................................................................... 66

  3.1.3. Deskripsi Sistem ......................................................................................... 67

  3.1.3.3 Aplikasi Frontend ...................................................................................... 68

  3.1.3.4. Aplikasi Backend ..................................................................................... 69

  3.1.4 Analisis Alur Data Sistem ............................................................................ 70

  3.1.5 Analisis Kebutuhan Non Fungsional ........................................................... 71

  3.1.5.1. Analisis Kebutuhan Perangkat Keras ....................................................... 72

  3.1.5.2 Analisis Kebutuhan Perangkat Lunak ....................................................... 73

  3.1.5.3. Analisis Pengguna Sistem (User) ............................................................ 74

  3.1.6 Analisis Kebutuhan Fungsional ................................................................... 75

  3.1.6.1. Use Case Diagram .................................................................................... 76

  1. Definisi Aktor ................................................................................................ 76

  3.1.6.2. Use Case Scenario .................................................................................... 84

  3.1.6.3. Activity Diagram ................................................................................... 104

  1. Activity Diagram Login Staff (frontend) ................................................. 105

  2. Activity Diagram Login Pegawai (backend) ........................................... 106

  3. Activity Diagram Logout (frontend) ........................................................ 107

  4. Activity Diagram Logout (backend) ........................................................ 108

  5. Activity Diagram Kirim Info Pengumuman ............................................. 109

  6. Activity Diagram Melihat Data Info (frontend) ....................................... 110

  7. Melihat Detail Info ...................................................... 110

  Activity Diagram

  8. Activity Diagram Mem-bookmarks ......................................................... 111

  9. Activity Diagram Melihat Data Bookmarks ............................................ 113

  10. Activity Diagram Melihat Data Jurusan ............................................... 114

  11. Activity Diagram Melihat Berita Blog Unikom ................................... 115

  12. Activity Diagram Melihat Career Unikom ........................................... 116

  13. Activity Diagram Melihat Berita Unikom Center ................................ 117

  14. Activity Diagram Melihat Berita Unikom ............................................ 118

  15. Activity Diagram Update Berita Admin ............................................... 119

  16. Activity Diagram Ganti Data Admin ................................................... 120

  17. Activity Diagram Ganti Password Admin ........................................... 121

  18. Activity Diagram Cari Data Info .......................................................... 122

  19. Activity Diagram Tambah Data Info .................................................... 123

  20. Activity Diagram Ubah Data Info ........................................................ 124

  21. Activity Diagram Hapus Data Info....................................................... 125

  22. Activity Diagram Tambah Berita Admin .............................................. 126

  23. Activity Diagram Hapus Berita Admin................................................. 127

  3.1.6.4. Skema Relasi..................................................................................... 128

  3.1.6.4.1. Struktur Tabel ............................................................................ 129

  3.1.6.5. Class Diagram ........................................................................................ 131

  3.1.6.5.1. Daftar Kelas .................................................................................... 133

  3.1.6.6. Sequence Diagram ............................................................................ 137

  2. Diagram Kirim Info Pengumuman .......................................... 138

  Sequence

  3. Melihat Data Jurusan ................................................. 139

  Sequence Diagam

  4. Melihat Data Info Jurusan ........................................ 139

  Sequence Diagram

  5. Melihat Berita Blog Unikom .................................... 140

  Sequence Diagram

  6. Sequence Diagram Melihat Berita Career Unikom ................................ 141

  7. Sequence Diagram Melihat Berita Unikom Center ................................. 142

  8. Sequence Diagram Melihat Berita Unikom ............................................. 143

  9. Sequence Diagram Mem-bookmarks ....................................................... 144

  10. Sequence Diagram Melihat Data Info (frontend) ................................. 145

  11. Melihat Detail Info ................................................ 146

  Sequence Diagram

  12. Login Admin ......................................................... 147

  Sequence Diagram

  13. Sequence Diagram Mengolah Data Info (backend) ............................. 148

  14. Sequence Diagram Tambah Berita Admin .......................................... 149

  15. Sequence Diagram Update Berita Admin ............................................ 150

  16. Sequence Diagram Hapus Berita Admin ............................................. 151

  17. Sequence Diagram Cari Data Info ........................................................ 152

  18. Ganti Data Admin ................................................. 153

  Sequence Diagram

  19. Ganti Password Admin ......................................... 154

  Sequence Diagram

  20. Pegawai (Backend) ..................................... 155

  Sequence Diagram Login

  21. Sequence Diagram Tambah Data Info ................................................. 156

  22. Sequence Diagram Ubah Data Info ...................................................... 157

  23. Sequence Diagram Hapus Data Info .................................................... 158

  3.1.6.7. Deployment Diagram ........................................................................ 158

  3.1.6.8. Component Diagam .......................................................................... 159

  3.2. Perancangan Antarmuka .......................................................................... 160

  3.2.1. Perancangan Form ............................................................................ 160

  1. Perancangan Form Home ......................................................................... 161

  2. Perancangan Form List Boomarks ........................................................... 162

  3. Perancangan Form Channel ..................................................................... 163

  4. Perancangan Form Kategori Jurusan ....................................................... 164

  6. Perancangan Form Info Jurusan ............................................................... 166

  7. Perancangan Form Login Front ............................................................... 167

  8. Perancangan Form Kirim Info ................................................................. 168

  9. Perancangan Form Login User Backend.................................................. 169

  10. Perancangan Form Login Admin ......................................................... 170

  11. Perancangan Form Home Admin ......................................................... 171

  12. Perancangan Form Update Info System ............................................... 172

  13. Perancangan Form Data Info Admin .................................................... 173

  14. Perancangan Form Backup Restore ..................................................... 174

  15. Perancangan Form Data Admin ........................................................... 175

  16. Perancangan Form Edit Info Admin.................................................... 176

  17. Perancangan Form Home User ............................................................. 177

  18. Perancangan Form Add Info User ........................................................ 178

  19. Perancangan Form Data info User ....................................................... 179

  20. Perancangan Form Help ....................................................................... 180

  21. Perancangan Form Edit Info User ........................................................ 181

  3.2.2. Perancangan Pesan ............................................................................... 182

  1. Perancangan Pesan Konfirmasi Hapus Data Info .................................... 182

  2. Perancangan Pesan Tambah Data Berhasil .............................................. 183

  3.2.3. Jaringan Semantik ................................................................................ 184

  1. Jaringan Semantik Info Unikom Forntend .............................................. 184

  2. Jaringan Semantik Info Unikom Backend................................................ 185

  BAB 4 .............................................................................................................. 186 IMPLEMENTASI DAN PENGUJIAN ........................................................... 186

  4.1 Implementasi ................................................................................................. 186

  4.1.1 Perangkat Lunak Pembangun ..................................................................... 186

  4.1.2 Perangkat Keras Pembangun...................................................................... 187

  4.1.3 Implementasi Basis Data ............................................................................ 187

  4.1.4 Implementasi Antar Muka.......................................................................... 189

  4.1.4.1 Implementasi Antarmuka Frontend ........................................................ 190

  4.2 Pengujian Perangkat Lunak........................................................................... 205

  4.2.1 Pengujian Alpha ......................................................................................... 205

  4.2.1.1. Skenario Pengujian................................................................................. 206

  4.2.1.2. Kasus Dan Hasil Pengujian .................................................................... 207

  4.2.1.2.1. Pengujian Aplikasi Mobile .................................................................. 208

  1. Pengujian Login ........................................................................................... 208

  4.2.1.2.2. Pengujian Aplikasi Web ...................................................................... 209 4.2.1.2.2.1. Pengujian Aplikasi Web User ....................................................... 210

  1. Pengujian Login User .................................................................................. 210

  2. Pengujian Kirim Info Pengumuman ............................................................ 211

  3. Pengujian Pencarian Data Info Pengumuman ............................................. 213

  4. Pengujian Mengubah Data Info Pengumuman ............................................ 214

  5. Pengujian Menghapus Data Info Pengumuman........................................... 215 4.2.1.2.2.2. Pengujian Aplikasi Web Admin .................................................... 216

  1. Pengujian Login ........................................................................................... 216

  2. Pengujian Menambah Berita Admin............................................................ 217

  3. Pengujian Mengubah Berita Admin ............................................................. 219

  4. Pengujian Menghapus Berita Admin............................................................ 220

  5. Pengujian Menghapus Data Info Pengumuman (admin) ............................. 221

  6. Pengujian Mengubah Data Admin ............................................................... 221

  

7. Pengujian Mengubah Password Admin ....................................................... 222

  4.2.1.3. Kesimpulan Pengujian Alpha ................................................................. 224

  4.2.2. Pengujian Beta .......................................................................................... 224

  4.2.2.1. Kuesioner Pengujian Beta .................................................................. 224

  4.2.2.1.1. Kuesioner Aplikasi Mobile .............................................................. 225

  4.2.2.1.2. Kuesioner Aplikasi Web .................................................................. 234

  4.2.2.2. Kesimpulan Pengujian Beta ............................................................... 243

  BAB 5 .............................................................................................................. 244 KESIMPULAN DAN SARAN ....................................................................... 244

  5.1 Kesimpulan ................................................................................................... 244

  5.2 Saran .............................................................................................................. 244 DAFTAR PUSTAKA ......................................................................................... 246

BAB 1 PENDAHULUAN

1.1 Latar Belakang

  Kampus dan Mahasiswa adalah dua element yang saling terikat dimana ada kampus disana pun harus ada mahasiswa sebagai pelengkap elementnya. Antara mahasiswa dan kampus harus terjalin komunikasi yang baik, singkron, dan cepat. Dalam komunikasi tersebut baik yang berisi informasi maupun pemberitahuan harus dapat tersampaikan pada pihak mahasiswa secara merata dan keseluruhan.

  Namun seperti diketahui jumlah mahasiswa yang banyak tidak memungkinkan untuk pihak kampus menyampaikan informasi satu persatu secara personal pada setiap mahasiswa. Untuk itu agar mendukung komunikasi yang baik, singkron, dan cepat tersebut pihak kampus memfasilitasi dengan menyampaikan informasi bagi mahasiswa melalui media pengumuman kampus.

  Pengumuman kampus seperti yang dijelaskan sebelumnya juga diimplementasikan di Kampus UNIKOM, pengumuman yang ada di Kampus UNIKOM saat ini ditujukan untuk memberikan informasi terbaru kepada para mahasiswanya. Informasi yang disampaikan diantaranya berupa informasi akademik, lowongan pekerjaan, perlombaaan, seminar, dan informasi yang lainnya. Saat ini pengumuman kampus yang ada di kampus UNIKOM terbagi menjadi dua jenis yaitu berupa pengumuman fisik yang ditempel pada papan khusus untuk pengumuman dan juga pengumuman yang di upload pada masing- baik desktop browser maupun mobile browser. Namun

  web browser

  pengaksesandengan penggunaan browser masih memiliki keterbatasan, seperti diperlukannya koneksi internet yang cepat. Hal tersebut berarti kebutuhan dasar untuk jenis pengumuman yang kedua adalah jaringan internet.