i

RANCANG BANGUN APLIKASI PROGRAM

PEMBENTUKAN KEPRIBADIAN DAN KEPEMIMPINAN

(P2KK) UMM MENGGUNAKAN TEKNOLOGI MOBILE

MULTIPLATFORM

Tugas Akhir

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I

Teknik Informatika Universitas Muhammadiyah Malang

Oleh :

Mohamad Mansur

09560486

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

ii

LEMBAR PERSETUJUAN

RANCANG BANGUN APLIKASI PROGRAM

PEMBENTUKAN KEPRIBADIAN DAN KEPEMIMPINAN

(P2KK) UMM MENGGUNAKAN TEKNOLOGI MOBILE

MULTIPLATFORM

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I

Teknik Informatika Universitas Muhammadiyah Malang

Disusun oleh :

Mohamad Mansur

09560486

Menyetujui,

Dosen I

Hariyady, S.Kom., M.T

NIP:101.9406.0262

Dosen II

Ilyas Nuryasin, S.Kom.,M.Kom

NIDN:0723118601

iii

LEMBAR PENGESAHAN

RANCANG BANGUN APLIKASI PROGRAM

PEMBENTUKAN KEPRIBADIAN DAN KEPEMIMPINAN

(P2KK) UMM MENGGUNAKAN TEKNOLOGI MOBILE

MULTIPLATFORM

Tugas Akhir

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata I

Teknik Informatika Universitas Muhammadiyah Malang

Disusun oleh :

Mohamad Mansur

09560486

Tugas Akhir ini telah diuji dan dinyatakan lulus oleh tim penguji pada

tanggal :24 April 2015

Menyetujui,

Penguji I

Eko Budi Cahyono, S.Kom., M.T

NIDN:0711027001

Penguji II

Maskur, S.Kom., M.Kom

NIDN:0711098402

Mengetahui,

Ketua Jurusan Teknik Informatika

(Yuda Munarko S.Kom., M.Sc )

NIDN:0706077902

iv

LEMBAR PERNYATAAN

Yang bertanda tangan di bawah ini:

NAMA : MOHAMAD MANSUR

NIM : 09560486

FAK. / JUR. : TEKNIK / TEKNIK INFORMATIKA

Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul “RANCANG

BANGUN APLIKASI PROGRAM PEMBENTUKAN KEPRIBADIAN DAN

KEPEMIMPINAN (P2KK) UMM MENGGUNAKAN TEKNOLOGI

MOBILE MULTIPLATFORM” beserta seluruh isinya adalah karya saya sendiri

dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya,

kecuali dalam bentuk kutipan yang telah disebutkan sumbernya.

Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila

kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya

saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya

siap menanggung segala bentuk resiko/sanksi yang berlaku.

Mengetahui

Dosen Pembimbing

Hariyady, S.Kom., M.T

NIP:101.9406.0262

Malang, 16 April 2015

Yang Membuat Pernyataan

Mohamad Mansur

NIM : 09560486

v

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan

rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir yang

berjudul “Rancang Bangun Aplikasi Program Pembentukan Kepribadian

Dan Kepemimpinan (P2KK) UMM Menggunakan Teknologi Mobile

Multiplatform”

Dengan menyadari adanya keterbatasan kemampuan, pengetahuan,

referensi dan pengalaman, Tugas Akhir ini masih jauh dari sempurna. Untuk itu

saran dan masukkan untuk kesempurnaan sangat penulis harapkan.

Akhir kata penulis berharap semoga Tugas Akhir ini dapat bermanfaat dan

menjadi tambahan ilmu pengetahuan.

Malang,16 April 2015

Penulis

vi

LEMBAR PERSEMBAHAN

Penulis mengucapkan puji syukur Alhamdulliah kepada Allah SWT yang

telah memberikan rahmat–Nya, sehingga penulis dapat menyelesaikan tugas akhir

ini.Tulisan ini merupakan buah karya yang tercipta dalam segala keterbatasan,

hambatan, dan kesulitan yang penulis hadapi.

Banyak pihak yang telah mendukung, mendampingi, membantu dan memberi

semangat kepada penulis dalam menyelesaikan tugas akhir ini, yang tidak dapat

disebutkan semuanya di sini.Terima kasih penulis ucapkan kepada:

1. Kedua orang tuaku yang tercinta (Syamsul Hadi dan Musrifah), terima

kasih untuk doa tulusnya, pengorbanan, motivasi, kesabaran, ketabahan,

dukungan moral , materi dan tetes air mata yang terlalu mustahil untuk

dinilai.Berkat kalianlah penulis bisa menyelesaikan tugas akhir ini.

2. Mbak Anis Nur Laili, Kakak Abdullah Khoirul Huda, Kakak Ahmad Yani,

Adik Iffah Nur Hamidah, Adik Qonik Zuliatin, terima kasih atas dukungan

doanya, motivasi, dan kasih sayang yang telah kalian berikan.

3. Ponakanku yang kecil-kecil, lucu, dan menggemaskan, Mohammad

Syaiful Arif dan Mutiara Hikmah yang telah memberikan semangat

sehingga penulis tidak menyerah dalam mengerjakannnya.

4. Bapak Hariyadi, S.Kom.,M.T selaku dosen pembimbing I atas bimbingan,

motivasi, dan arahannya dalam membantu menyelesaikan tugas akhir ini.

5. Bapak Ilyas Nuryasin, S.Kom.,M.Kom selaku dosen pembimbing II atas

kesabarannya dalam membimbing serta nasihat yang sangat berharga

dalam membantu menyelesaikan tugas akhir ini.

6. Teman-teman Asslab IT (Asisten Laboratorium Teknik informatika) yang

telah memberikan masukan, saran kepada penulis untuk menyelesaikan

tugas akhir ini.

7. Teman-teman IT UMM seangkatan dan teman-teman lainnya yang tidak

bisa penulis sebutkan satu-persatu.

Semoga Allah SWT senantiasa melimpahkan karunia dan hidayah-Nya kepada

semua pihak yang telah membantu terselesaikannya skripsi ini.Amin.

vii

ABSTRAK

Perkembangan teknologi saat ini telah memberikan pengaruh yang sangat besar

bagi dunia teknologi informasi dan telekomunikasi, termasuk telpon pintar.

Pesatnya pertumbuhan smartphone menjadi fenomena yang tidak bisa dihindari,

karena masyarakat membutuhkan informasi yang bersifat realtime, baik untuk

bisnis, hiburan maupun pendidikan. Sementara itu, banyak kegiatan kampus yang

dirasa perlu untuk didigitalisasi agar memudahkan para mahasiswa mendapatkan

informasi, salah satunya adalah Program Pembentukan Kepribadian dan

Kepemimpinan (P2KK) yang di selenggarakan oleh Universitas Muhammadiyah

Malang (UMM).Oleh karena itu, diperlukan sebuah aplikasi untuk memudahkan

proses administasi yang berkaitan dengan kegiatan P2KK UMM. Dengan

pemanfaatan teknologi mobile, maka informasi yang berkaitan dengan hal tersebut

akan lebih mudah untuk diketahui, sehingga peserta mahasiswa baru P2KK bisa

melakukan pengecekan data mereka tanpa harus repot-repot menuju lokasi yang

dituju. Salah satunya bentuk arsitektur / metode pemberian informasi adalah

Client Server, yakni client adalah perangkat yang menerima data, menampilkan

dan menjalankan aplikasi yang sudah jadi(native application) dan server adalah

perangkat yang menyediakan dan bertindak sebagai pengelola aplikasi, data, dan

keamanannya. Metode yang digunakan untuk pertukaran data dari server ke client

adalah JSON. Pemilihan JSON sebagai pertukaran data karna mudah dipahami

oleh manusia dan mesin. Client menggunakan mobile berbasis android dan

blackberry, sedangkan server menggunakan web. Berdasarkan dari hasil

pengujian fungsionalitas membuktikan bahwa, aplikasi dapat berjalan dengan

baik. Sedangkan, pengujian penggunaan respoden menunjukkan hasil 70%.

Kata Kunci : Client Server, P2KK, mobile, web, JSON.

viii

ABSTRACT

Current technological developments have a huge impact to the world of

information technology and telecommunications, including smart phones. The

rapid growth of the smartphone becomes a phenomenon that can not be avoided,

because people need information that is real-time, whether for business,

entertainment and education. Meanwhile, many campus activities are necessary

to be digitized in order to make it easier for students to get information, one of

them is Personality and Leadership Formation Program (P2KK) organized by the

University of Muhammadiyah Malang (UMM) .Therefore, needed an application

to facilitate the process administration relating to the activities P2KK UMM. With

the use of mobile technology, the information relating to it will be easier to be

known, so that new students P2KK participants can check their data without

having to bother toward the intended location. One of these architectural forms /

methods of providing information is Client Server, the client is a device that

receives data, display and run applications that are already finished (native

application) and the server is a device that provides and acts as the manager of

applications, data, and security. The method used for the exchange of data from

the server to the client is JSON. Selection of JSON as a data exchange because

easily understood by humans and machines. Client use android based mobile and

blackberry, while using the web server. Based on the test results prove that

functionality, applications can run well. Meanwhile, the use of respondents

indicate testing results of 70%.

Keywords: Client Server, P2KK, mobile, web. JSON

ix

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

LEMBAR PERSETUJUAN............................................................................. ii

LEMBAR PENGESAHAN ............................................................................. iii

LEMBAR PERNYATAAN ............................................................................. iv

KATA PENGANTAR ..................................................................................... v

LEMBAR PERSEMBAHAN ......................................................................... vi

ABSTRAK ....................................................................................................... vii

ABSTRACT ....................................................................................................... viii

DAFTAR ISI .................................................................................................... x

DAFTAR GAMBAR ....................................................................................... xii

DAFTAR TABEL ............................................................................................ xiv

BAB I PENDAHULUAN

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

1.2. Rumusan Masalah .................................................................. 2

1.3. Tujuan .................................................................................... 2

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

1.5. Metodologi ............................................................................ 3

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

BAB II LANDASAN TEORI

2.1. Pembinaan Kemahasiswaan (P2KK) ...................................... 5

2.2. Pengertian Rancang Bangun................................................... 6

2.3. Sistem Informasi ..................................................................... 6

2.3.1 Pengertian Sistem ...................................................... 6

2.3.2 Karakteristik Sistem ..................................................... 7

2.3.3 Pengertian Informasi .................................................... 8

2.3.4 Pengertian Sistem Informasi ......................................... 9

2.4. Layanan Administrasi ............................................................. 9

2.5. Teknologi Mobile Smartphone ............................................... 9

2.6. Pengenalan JSON ............................................................................ 10

2.7. Pengertian Android ................................................................. 12

2.7.1 Komponen aplikasi android ........................................ 13

x

2.7.2 Macam –macam aplikasi android ......................................... 15

2.7.3 The Dalvik Virtual Machine (DVM) ..................................... 15

2.7.4 Android SDK dan (ADT) ...................................................... 16

2.8. PHP ......................................................................................... 16

2.9. Apache .................................................................................... 16

2.10. MySQL ............................................................................... 17

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1. Analisa Sistem ........................................................................ 18

3.1.1 Analisa Masalah ........................................................... 18

3.1.2 Deskripsi Sistem .......................................................... 18

3.1.3 Analisa Kebutuhan ....................................................... 19

3.1.4 Use Case Diagram ............................................................. 20

3.2 Perancangan Sistem Admin/Sever .......................................... 22

3.2.1 Flowchart Admin/Server .............................................. 22

3.3 Perancangan Sistem Mobile .................................................... 24

3.3.1 Activity Diagram ............................................................ 24

3.3.1.a Activity diagram daftar/register. ......................... 24

3.3.1.b Activity diagram login.. ...................................... 24

3.3.1.c Activity Diagram Melihat tampilkan data.. ........ 25

3.3.1.d Activity Diagram Melihat jadwal.. ..................... 25

3.3.1.e Activity Diagram Melihat informasi terbaru. ..... 26

3.3.1.f Activity Diagram Mengisi kuisioner. .................... 26

3.3.2 Sequence Diagram ........................................................ 27

3.3.2.a Register .............................................................. 27

3.3.2.b Login.. ................................................................ 28

3.3.2.c Melihat tampilkan data. ..................................... 28

3.3.2.d Melihat jadwal P2KK. ....................................... 28

3.3.2.e Informasi P2KK. ................................................ 29

3.3.2.f Mengisi Kuisiner P2KK. ................................... 29

3.3.3 Class Diagram .............................................................. 30

3.3.4 Perancangan interface .................................................. 31

3.3.5 Perancangan interface home ......................................... 31

xi

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1. Implementasi Sistem .............................................................. 33

4.1.1. Implementasi Pengembangan Perangkat lunak .......... 33

4.1.2. Implementasi Pengembangan Perangkat keras .......... 33

4.2. Implementasi kode program ................................................... 34

4.2.1. Implementasi web server ............................................ 34

4.2.2. Konfigurasi Database Server ...................................... 34

4.2.3. Implementasi kode ..................................................... 34

4.3 Pengujian Fungsionalitas .................................................... 52

4.4 Pengujian Penggunaan ........................................................ 54

BAB V KESIMPULAN DAN SARAN

5.1. Kesimpulan ............................................................................. 57

5.2 Saran ........................................................................................ 57

DAFTAR PUSTAKA ..................................................................................... 58

xii

DAFTAR GAMBAR

Gambar 2.1 Object JSON ................................................................................. 11

Gambar 2.2 Larik JSON ................................................................................... 11

Gambar 2.3 String JSON ................................................................................. 11

Gambar 2.4 Angka JSON ................................................................................. 12

Gambar 2.5 Arsitektur Android ....................................................................... 13

Gambar 3.1 Use Case Diagram Pada User Mobile ......................................... 20

Gambar 3.2 Use Case Diagram Pada admin web ........................................... 20

Gambar 3.3 Flowchart Diagram Admin .......................................................... 23

Gambar 3.4 Activity Diagram register ............................................................. 24

Gambar 3.5 Activity Diagram login ................................................................. 25

Gambar 3.6 Activity Diagram Melihat tampilkan data. ................................... 26

Gambar 3.7 Activity Diagram melihat jadwal ................................................. 26

Gambar 3.8 Activity Diagram Melihat informasi terbaru.. .............................. 26

Gambar 3.9 Activity Diagram Mengisi kuisioner ............................................... 27

Gambar 3.10 Sequence Diagram tampilkan data ............................................. 27

Gambar 3.11 Sequence Diagram login ............................................................ 28

Gambar 3.12 Sequence Diagram tampilkan data ............................................. 28

Gambar 3.13 Sequence Diagram Jadwal P2KK .............................................. 29

Gambar 3.14 Sequence Diagram Informasi P2KK .......................................... 29

Gambar 3.15 Sequence Diagram Mengisi kuisioner P2KK ............................ 30

Gambar 3.16 Class Diagram user / client ........................................................ 31

Gambar 3.17 Tampilan awal (login, register) di mobile android ..................... 31

Gambar 3.18 Tampilan Halaman Menu di mobile android .............................. 32

Gambar 3.19 Tampilan awal (login) di dekstop admin ................................... 32

Gambar 3.20 Tampilan Halaman Utama di admin .......................................... 32

Gambar 4.1 Kode MainActivity........................................................................ 35

Gambar 4.2 Tampilan MainActivity ................................................................. 35

Gambar 4.3 Kode Register Activity .................................................................. 36

Gambar 4.4 Tampilan registrasi di mobile android ......................................... 36

Gambar 4.5 Kode Main menu .......................................................................... 37

Gambar 4.6 Tampilan menu di mobile android ............................................... 38

xiii

Gambar 4.7 Kode JSONActivity ....................................................................... 39

Gambar 4.8 Tampilan data diri peserta ............................................................ 39

Gambar 4.9 Kode Jadwal ................................................................................. 40

Gambar 4.10 Tampilan jadwal ......................................................................... 40

Gambar 4.11 Kode Informasi ........................................................................... 41

Gambar 4.12 Tampilan jadwal ......................................................................... 41

Gambar 4.13 Kode Informasi ........................................................................... 42

Gambar 4.14 Tampilan jadwal ....................................................................... 42

Gambar 4.15 Tampilan Pendaftaran di Blackberry.......................................... 43

Gambar 4.16 Tampilan Menu di Blackberry ................................................... 43

Gambar 4.17 Tampilan daftar peserta P2KK di Blackberry ............................ 44

Gambar 4.18 Tampilan angkatan di Blackberry .............................................. 44

Gambar 4.19 Tampilan kuisioner di Blackberry .............................................. 45

Gambar 4.20 Tampilan informasi di Blackberry ............................................. 45

Gambar 4.21 Kode registrasi dengan JSON encode ........................................ 46

Gambar 4.22 Kode daftar informasi dengan JSON encode ............................. 46

Gambar 4.23 Kode login dengan JSON encode............................................... 47

Gambar 4.24 Kode daftar mahasiswa .............................................................. 47

Gambar 4.25 Kode login admin ....................................................................... 48

Gambar 4.26 Tampilan login di server (admin)............................................... 48

Gambar 4.27 Tampilan menu di server (admin) .............................................. 48

Gambar 4.28 Kode koneksi admin ................................................................... 49

Gambar 4.29 Kode halaman index admin. ....................................................... 49

Gambar 4.30 Kode untuk update ..................................................................... 50

Gambar 4.31 Kode untuk delete ...................................................................... 50

Gambar 4.32 Tampilan salah satu menu di server (admin). ............................ 50

Gambar 4.33 Tampilan menu di server (admin) .............................................. 51

Gambar 4.34 kode kuisioner dengan JSON encode ......................................... 51

xiv

DAFTAR TABEL

Tabel 3.1 Skenario ........................................................................................... 21

Tabel 4.1 Implementasi Pengembangan Perangkat Lunak Pada Server .......... 33

Tabel 4.1.2 Implementasi Pengembangan Perangkat Lunak Pada Client ........ 33

Tabel 4.1.3 Implementasi Pengembangan Perangkat Keras Pada Server ........ 33

Tabel 4.1.4 Implementasi Pengembangan Perangkat Keras Pada Client......... 33

Tabel 4.3.1 Pengujian Registrasi ...................................................................... 52

Tabel 4.3.2 Pengujian Login ............................................................................ 52

Tabel 4.3.3 Pengujian Tampilkan Data ............................................................ 53

Tabel 4.3.4 Pengujian Jadwal P2KK................................................................ 53

Tabel 4.3.5 Pengujian Informasi Terbaru ........................................................ 54

Tabel 4.3.6 Pengujian Kuisioner ...................................................................... 54

Tabel 4.4.1 Pengujian Pengguna ...................................................................... 55

Tabel 4.4.2 Hasil Kuisioner ............................................................................. 55

xv

DAFTAR PUSTAKA

1) Amrullah, A. (2014, Juni 6). Indonesia Terbesar di Dunia Pengguna

Ponsel Pintar. Dipetik Juni 22, 2014, dari techno.okezne.com:

http://techno.okezone.com/read/2014/06/05/57/994499/indonesia-terbesar-

di-dunia-pengguna-ponsel-pintar

2). Apache http:// www.apache.org, diakses pada 24, 2, 2015

3).Jogionto. (2005). Pengertian Sistem Informasi. Yogyakarta: Andi.

4).JSON http://www.json.org/json-id.html, diakses pada 28,3, 2015

5).Kadir, A. (2003). Pengenalan Teknologi Informasi. Yogyakarta: Andi

Offset.

6).Ladjamudin. (2005). Karakteristik Sistem dan Informasi. Yogyakarta: Gava

Media.

7).Pressman RS. 2002. Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku

Satu). Yogyakarta: Andi.

8).Safaat, N. (2012). Pemrograman Aplikasi Mobile Smartphone dan Tablet

PC Berbasis Android. Bandung: Informatika.

9).Setyawan, E. (2010). PHP dan MySQL Apache. Jakarta: Komputindo.

10). Siagian, Sondang P. Filsafat Administrasi, Gunung Agung, Jakarta. 2006.

11).Syarif, M. (2013). Membentuk Pribadi Yang Unggul Membangun

Peradabn Utama. Malang: Aditya Media Publishing.

12).Whitten JL, Bentley LD, Dittman KC. 2004. System Analysis and Design

Methods. Diterjemahkan oleh: Tim Penerjemah Andi. Yogyakarta: Andi.

13).Zaki, A. (2008). Pemrograman Aplikasi Mobile Smartphone Berbasis

Android. Surabaya: Media utama.