perpustakaan.uns.ac.id digilib.uns.ac.id aplikasi mobile ... · perpustakaan.uns.ac.id...

67
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user APLIKASI MOBILE KHS BERBASIS J2ME MENGGUNAKAN GPRS TUGAS AKHIR Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Ilmu Komputer Disusun Oleh : ENDRA PURWANTI NIM. M3208051 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2011

Upload: donguyet

Post on 16-Jun-2019

242 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

APLIKASI MOBILE KHS BERBASIS J2ME

MENGGUNAKAN GPRS

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya

Program Diploma III Ilmu Komputer

Disusun Oleh :

ENDRA PURWANTI

NIM. M3208051

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2011

Page 2: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user ii

HALAMAN PERSETUJUAN

APLIKASI MOBILE KHS BERBASIS J2ME

MENGGUNAKAN GPRS

Disusun Oleh :

ENDRA PURWANTI

NIM. M3208051

Tugas Akhir ini telah disetujui untuk dipertahankan di hadapan

dewan penguji pada tanggal

Pembimbing Utama

Abdul Aziz, S.Kom, M.Sc

NIP. 19810413 200501 1 001

Page 3: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user iii

HALAMAN PENGESAHAN

APLIKASI MOBILE KHS BERBASIS J2ME

MENGGUNAKAN GPRS

Disusun Oleh :

ENDRA PURWANTI

NIM. M3208051

Dibimbing oleh:

Pembimbing Utama

Abdul Aziz, S.Kom, M.Sc

NIP. 19810413 200501 1 001

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Ilmu Komputer

pada hari Tanggal

Dewan Penguji

1. Penguji 1 Abdul Aziz, S.Kom, M.Sc ( )

NIP. 19810413 200501 1 001

2. Penguji 2 Muhammad Asri Safi’ie, S.Si ( )

NIDN. 0603118103

3. Penguji 3 Tutut Maitanti, S.Si ( )

NIDN. 0625058501

Disahkan Oleh:

Dekan Fakultas MIPA Ketua Program Diploma III Ilmu Komputer

Universitas Sebelas Maret FMIPA UNS

Ir. Ari Handono Ramelan, M.Sc.(Hons), Ph.D. Drs. Y.S Palgunadi, M.Sc.

NIP. 19610223 198601 1 001 NIP. 19560407 198303 1 004

Page 4: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user iv

ABSTRACT

Endra Purwanti. 2011. MOBILE APPLICATION OF GRADES

TRANSCRIPT BASED ON J2ME USING GPRS NETWORK. Computer

Science Diploma Program. Information Management, Mathematic and Science

Faculty. Sebelas Maret University.

Mobile communication devices or mobile phones are an effective means

of communication and multifunctional with advanced features in them. This

sophistication can be used to create applications to access the grade of course

students.

This application was built using the Java programming language (Java2

Micro Edition) to display of the user interface, whereas to display the admin using

PHP language with MySql database. The system was designed by UML Design.

Facilities at this application, among others, are viewing the grade of the

course, viewing of the grade, and viewing of searching the grade point average

(GPA). Accessing the facilities, the program is utilized GPRS network.

Keywords : Mobile Phone, Mobile Application Of Grades Transcript, Java 2

Micro Edition (J2ME).

Page 5: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user v

ABSTRAK

Endra Purwanti. 2011. APLIKASI MOBILE KHS BERBASIS J2ME

MENGGUNAKAN GPRS. Program DIII Ilmu Komputer. Manajemen

Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas

Sebelas Maret Surakarta.

Alat komunikasi seluler atau telepon genggam merupakan sarana

komunikasi yang efektif dan multifungsi dengan fitur-fitur canggih didalamnya.

Kecanggihan inilah dapat digunakan untuk membuat aplikasi untuk mengakses

nilai matakuliah mahasiswa.

Pembuatan aplikasi ini dibangun dengan menggunakan bahasa

pemrograman Java ( Java2 Micro Edition ) pada tampilan pengguna sedangkan

untuk tampilan admin menggunakan bahasa pemrogramamn PHP dengan

database MySql. Sistem ini dirancang dengan diagram UML.

Fasilitas pada aplikasi ini antara lain, melihat nilai matakuliah, melihat

Indeks Prestasi (IP), dan Indeks Prestasi Kumulatif (IPK). Pengaksesan fasilitas

tersebut menggunkan jaringan GPRS.

Kata kunci : Telepon genggam, Aplikasi Mobile KHS, Java 2 Micro Edition

(J2ME).

Page 6: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user vi

HALAMAN MOTTO

Hasil bukanlah yang terpenting dalam sebuah usaha.

Terus berusaha dan pasrahkan hasil akhirnya.

Page 7: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user vii

PERSEMBAHAN

Tugas Akhir ini dipersembahkan untuk :

Suami dan anak penulis yang selalu memotivasi dan memberikan

dukungan

sehingga dapat menyelesaikan Tugas Akhir ini

Kedua orang tua yang yang selalu memberi dukungan dan doa

Keempat saudara penulis yang selalu memberikan semangat

Teman-teman Manajemen Informatika 2008 yang memberikan

Page 8: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user viii

dukungan dan ilmu

KATA PENGANTAR

Assalamu’alaikum Warohmatullohi Wabarokatuh.

Bismillahirrohmanirrohim, Puji dan rasa syukur selalu penulis panjatkan

kepada Allah subhanahu wa ta’ala yang telah melimpahkan segala

kemudahannya hingga akhirnya penulis mampu menyelesaikan Tugas Akhir dan

menuliskan laporannya tepat waktu. Shalawat serta salam semoga selalu

tercurahkan kepada Rasulullah Muhammad shalallahu alaihi wasalam, beserta

keluarga beliau dan seluruh para sahabatnya.

Laporan tugas akhir ini disusun untuk memenuhi sebagian persyaratan

memenuhi kelulusan Program Diploma III Manajemen Informatika Fakultas

Matematika dan Pengetahuan Alam Universitas Sebelas Maret Surakarta. Selama

pelaksanaan Tugas Akhir dan dalam penyusunan laporan ini, penulis

mendapatkan banyak bantuan dan bimbingan dari berbagai pihak. Tidak lupa rasa

hormat dan terima kasih penulis sampaikan kepada :

1. Drs. YS. Palgunadi, M.Sc selaku kepala program DIII Ilmu Komputer

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas

Maret Surakarta.

2. Abdul Aziz, S.Kom, M.Sc selaku dosen pembimbing tugas akhir,

yang telah banyak membimbing, memberi petunjuk, dan masukan

selama pembuatan tugas akhir.

3. Wiharto, S.T, M.Kom, M.Si selaku dosen pembimbing akademik,

yang telah banyak memberi masukan dan bimbingan akademik selama

menjadi mahasiswa DIII Manajemen Informatika.

Page 9: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user ix

4. Keluarga kecil penulis, kedua orang tua, keempat saudara penulis

yang teleh memberikan dukungan dan doa selama pembuatan tugas

akhir.

5. Semua mahasiswa Diploma III Manajemen Informatika angkatan

2008 yang telah menyediakan waktu luang untuk membagi ilmu yang

tak bias disebutkan satu per satu.

Akhir kata penulis berharap dengan adanya laporan ini dapat memberikan

manfaat bagi pembaca, memohon kelapangan hati untuk menerima kekurangan

dalam penyusunan laporan Tugas Akhir ini.

Wassalamu’alaikum Warohmatullohi Wabarokatuh.

Surakarta, 01 Juni 2011

Penulis

Page 10: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user x

DAFTAR ISI

Halaman

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

HALAMAN PERSETUJUAN ............................................................................ ii

HALAMAN PENGESAHAN ............................................................................. iii

ABSTRACT ........................................................................................................ iv

HALAMAN INTISARI ...................................................................................... v

HALAMAN MOTTO ......................................................................................... vi

HALAMAN PERSEMBAHAN ......................................................................... vii

KATA PENGANTAR ........................................................................................ viii

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

DAFTAR TABEL ............................................................................................... xiii

DAFTAR GAMBAR .......................................................................................... xiv

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

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

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

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

1.4 Tujuan dan Manfaat ......................................................................... 2

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

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

BAB II LANDASAN TEORI ....................................................................... 6

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

2.1.1 Aplikasi Mobile .................................................................... 6

2.1.2 Java ....................................................................................... 6

2.1.3 Java 2 Micro Edition (J2ME) ............................................... 7

2.1.4 Connected Limited Device Configuration (CLCD) .............. 8

2.1.5 Connected Devoce Configuration (CDC) ............................ 8

2.1.6 Kilobyte Virtual Machine(KVM) ......................................... 9

2.1.7 Mobile Information Device Pofile (MIDP) .......................... 9

Page 11: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xi

2.1.8 MIDlet .................................................................................. 10

2.1.9 Ticker .................................................................................... 11

2.1.9 PHP dan HTML ...................................................................... 11

2.1.10 MySQL ................................................................................... 11

2.1.11 General Packet Radio Service (GPRS) .................................. 11

2.1.12 Macromedia Dreamweaver .................................................... 12

2.1.13 Unfield Modeling Language (UML) ...................................... 12

2.1.14 Use Case Diagram ................................................................. 12

2.1.15 Class Diagram ........................................................................ 14

2.1.16 Sequence Diagram ................................................................. 14

2.1.17 Activity Diagram .................................................................... 15

BAB III ANALISA DAN PERANCANGAN SISTEM .................................. 16

3.1 Perancangan Sistem............................................................................ 16

3.1.1 Deskripsi Sistem ..................................................................... 16

3.1.2 Gambaran Kerja Sistem .......................................................... 16

3.2 Analisa Sistem .................................................................................... 17

3.2.1 Spesifikasi Sistem ................................................................... 17

3.2.2 Kebutuhan Sistem ................................................................... 17

3.3 Pemodelan Sistem .............................................................................. 18

3.3.1 Use Case Diagram ................................................................. 18

3.3.2 Activity Diagram Login .......................................................... 19

3.3.3 Activity Diagram Pendataan Mahasiswa ................................ 20

3.3.4 Activity Diagram Pendataan Matakuliah ................................ 21

3.3.5 Activity Diagram Pendataan Nilai .......................................... 21

3.3.6 Activity Diagram KHS oleh Mahasiswa ................................ 22

3.3.7 Sequence Diagram Login ....................................................... 24

3.3.8 Sequence Diagram Mahasiswa .............................................. 25

3.3.9 Sequence Diagram Matakuliah .............................................. 26

3.3.10 Sequence Diagram Pendataan Nilai oleh Admin ................... 27

3.3.11 Sequence Diagram Mobile KHS oleh Mahasiswa ................. 28

Page 12: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xii

3.3.12 Class Diagram ........................................................................ 29

3.3.13 Relasi Antar Tabel .................................................................. 29

3.4 Perancangan Database ........................................................................ 30

3.5 Desain Rancangan Program ............................................................... 33

3.5.1 Desain Form Splash Screen .................................................... 33

3.5.2 Desain Menu List ................................................................... 34

3.5.3 Desain Form Login ................................................................. 34

3.5.4 Desain Form Login Gagal ...................................................... 35

3.5.5 Desain Form Utama ................................................................ 36

3.5.6 Desain Form Tampil Nilai ...................................................... 36

3.5.7 Desain Form Tampil IPK ....................................................... 37

BAB IV IMPLEMENTASI DAN ANALISIS ................................................. 38

4.1 HIPO ( Hierarki Input Proses Output)................................................ 38

4.2 Spesifikasi Sistem .............................................................................. 38

4.3 Langkah Pembuatan Aplikasi............................................................. 39

4.3.1 Tampilan Aplikasi Interface Client ........................................ 39

4.3.2 Tampilan Web Server ............................................................. 44

BAB V PENUTUP ............................................................................................ 52

4.1 Kesimpulan......................................................................................... 52

4.2 Saran ................................................................................................ 52

Page 13: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xiii

DAFTAR TABEL

Halaman

Tabel 2.1 Perbandingan CLCD dan CDC ............................................................. 9

Tabel 2.2 Komponen Pembantuk Use Case .......................................................... 13

Tabel 2.3 Tabel Notasi Class Diagram ................................................................. 14

Tabel 2.4 Tabel Notasi Activity Diagram ............................................................. 15

Tabel 3.1 Tabel Deskripsi Use Case Diagram Aplikasi CiMobile KHS .............. 19

Tabel 3.2 Tabel Admin ......................................................................................... 30

Tabel 3.3 Tabel Mahasiswa .................................................................................. 31

Tabel 3.4 Tabel Matakuliah .................................................................................. 31

Tabel 3.5 Tabel ambilMK ..................................................................................... 32

Tabel 3.6 Tabel Dosen .......................................................................................... 33

Page 14: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xiv

DAFTAR GAMBAR

Halaman

Gambar 2.1 Arsitektur J2ME ................................................................................ 7

Gambar 2.2 Posisi CLDC pada Arsitektur J2ME ................................................. 8

Gambar 2.3 Alur Hidup MIDlet ............................................................................ 10

Gambar 2.4 Contoh Gambar Penggunaan Diagram Use Case ............................. 13

Gambar 3.1 Gambaran Kerja Sistem .................................................................... 16

Gambar 3.2 Use Case Diagram Aplikasi Mobile KHS ........................................ 18

Gambar 3.3 Activity Diagram Login ..................................................................... 19

Gambar 3.4 Activity Diagram Pendataan Mahasiswa ........................................... 20

Gambar 3.5 Activity Diagram Pendataan Matakuliah........................................... 21

Gambar 3.6 Activity Diagram Pendataan Nilai ..................................................... 22

Gambar 3.7 Activity Diagram KHS oleh Mahasiswa ........................................... 23

Gambar 3.8 Sequence Diagram Login .................................................................. 24

Gambar 3.9 Sequence Diagram Mahasiswa ......................................................... 25

Gambar 3.10 Gambar Sequence Diagram Matakuliah ......................................... 26

Gambar 3.11 Sequence Diagram Pendataan Nilai Oleh Admin ........................... 27

Gambar 3.12 Sequence Diagram Mobile KHS oleh Mahasiswa .......................... 28

Gambar 3.13 Class Diagram................................................................................. 29

Gambar 3.14 Relasi Antar Tabel ........................................................................... 30

Gambar 3.15 Desain Form Splash Screen ............................................................ 34

Gambar 3.16 Desain Form Menu List .................................................................. 34

Gambar 3.17 Desain Form Login ......................................................................... 35

Gambar 3.18 Desain Form Login Gagal ............................................................... 35

Gambar 3.19 Desain Form Utama ........................................................................ 36

Gambar 3.20 Desain Form Tampil Nilai .............................................................. 37

Gambar 3.21 Desain Form Tampil IPK ................................................................ 37

Gambar 4.1 Tampilan Awal Aplikasi Mobile KHS .............................................. 39

Page 15: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user xv

Gambar 4.2 Tampilan Splash Screen .................................................................... 40

Gambar 4.3 Form Menu List ................................................................................. 40

Gambar 4.4 Form Login ........................................................................................ 41

Gambar 4.5 Form Pesan Gagal ............................................................................. 42

Gambar 4.6 Form Menu Utama ............................................................................ 42

Gambar 4.7 Form Lihat Nilai ................................................................................ 43

Gambar 4.8 Form Hasil Studi ............................................................................... 43

Gambar 4.9 Form Ganti Password ........................................................................ 44

Gambar 4.10 Form Login Admin ......................................................................... 45

Gambar 4.11 Form Data User ............................................................................... 45

Gambar 4.12 Form Input Data Mahasiswa ........................................................... 46

Gambar 4.13 Form Input Data Matakuliah ........................................................... 47

Gambar 4.14 Form Input Data Mahasiswa Berdasarkan Matakuliah ................... 48

Gambar 4.15 Form Update Nilai ........................................................................... 49

Gambar 4.16 Form Transkip Nilai ........................................................................ 49

Gambar 4.17 Form IPK ......................................................................................... 50

Gambar 4.18 Form Logout .................................................................................... 51

Page 16: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Alat komunikasi seluler yang disebut handphone atau telepon genggam

merupakan sebuah sarana telekomunikasi yang efektif. Seiring dengan dengan

perkembangan teknologi informasi, handphone dengan tidak menghilangkan

fungsi utamanya berkembang menjadi perangkat multifungsi dengan fitur-fitur

canggih didalamnya. Tidak kalah pamornya dengan internet, handphone yang

kian digemari masyarakat sudah menjadi kebutuhan sehari-hari dalam

berkomunikasi.

Perkembangan pesat ini memancing para penyedia layanan telekomunikasi

dalam menarik para vendor yang bergerak dalam dunia teknologi informasi yaitu

seluler. Ditunjukkan dengan adanya penyedia layanan telekomunikasi yang

menyediakan layanan jaringan langsung ke internet dengan akses GPRS (General

Packet Radio Service ).

Dengan adanya layanan jaringan GPRS ini membuka peluang para penyedia

untuk membuat ataupun mengembangkan software handphone yang fleksibel

yang dapat diakses dimanapun. Kecanggihan inilah dapat digunakan untuk mecari

tentang informasi perkuliahan bagi para mahasiswa.

Berbagai keuntungan relatif yang dirasakan dari handphone karena mobilitas

dan efisiensi-nya yang begitu besar. Salah satunya bagi mahasiswa yang

memberikan keuntungan dalam menjalankan aktivitas perkuliahannya. Dengan

adanya fasilitas komunikasi ini dapat membantu mahasiswa dalam pengaksesan

hasil nilai perkuliahan atau disebut Kartu Hasil Studi (KHS).

Dari aspek diatas, tercetus untuk membuat sebuah aplikasi pengaksesan nilai

matakuliah atau sering disebut KHS (Kartu Hasil Studi). KHS merupakan laporan

hasil nilai mahasiswa selama satu semester yang menjadi tolok ukur kemampuan

Page 17: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

mahasiswa dalam menyerap ilmu selama perkuliahan. Aplikasi ini akan dibuat

menggunakan bahasa pemrograman Java (Java 2 Micro Edition).

1.2 Perumusan Masalah

Dari pembahasan latar belakang diatas, penulis merumuskan masalah yaitu “

Bagaimana membuat sebuah Aplikasi Mobile KHS Berbasis J2ME Menggunakan

Jaringan GPRS ? “.

1.3 Batasan Masalah

Batasan masalah yang diberikan dalam laporan ini berfungsi agar

permasalahan yang dibahas tidak menyimpang ke permasalahan lainnya. Batasan

masalah dalam pembuatan sistem mobile KHS ini meliputi :

1. Tidak membahas tentang jaringan GPRS lebih luas pada program ini.

2. Penggunaan hardware pada mobile menggunakan seri

3. Menggunakan bahasa pemrograman PHP dan HTML sebagai web server

yang berfungsi sebagai adminnya.

4. Menggunakan Database Server MySQL dan untuk mengelola database

server tersebut menggunakan PhpMyAdmin.

1.4 Tujuan dan Manfaat

1.4.1 Tujuan Penelitian

Adanya penelitian ini bertujuan untuk membuat suatu aplikasi mobile

KHS yang dapat digunakan untuk mengakses transkip nilai matakuliah

mahasiswa selama dibangku perkuliahan. Aplikasi ini nantinya menggunakan

jaringan GPRS untuk mengakses nilai matakuliah. Menggunakan bahasa

pemrograman berorientasikan objek yaitu Java 2 Micro Editon dalam pembuatan

user interface.

Page 18: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

1.4.2 Manfaat Penelitian

Dengan adanya penelitian ini memberikan manfaat bagi mahasiswa

dalam mengakses informasi hasil studi matakuliah. Didalam aplikasi ini juga bias

mengetahui tentang perkembangan mahasiswa selama menuntut ilmu dibangku

perkuliahan.

1.5 Metodologi Penelitian

Metodologi penelitian dalam membuat proposal tugas akhir ini yaitu :

1.5.1 Tahap awal meliputi:

Dalam tahap ini terjadi proses pengumpulan data terdiri dari :

1. Observasi

Metode observasi yaitu dengan cara mencari, mengumpulkan data-

data yang dibutuhkan kemudian mencatatnya.

2. Wawancara

Wawancara merupakan metode yang paling akurat karena mencari

dan bertanya langsung dengan pihak yang terkait yang lebih paham

tentang informasi yang dibutuhkan. Dalam wawancara penulis sudah

mempersiapkan pertanyaan yang akan diajukan kepada pihak yang

diwawancarai sehingga di lapangan penulis tinggal mencatat jawaban

dari narasumber.

3. Studi Pustaka

Studi pustaka dalam penyusunan tugas akhir ini dengan mencari buku-

buku referensi yang membahas tentang pembuatan aplikasi ini

4. Browsing

Metode ini dilakukan dengan cara mencari data melalui koneksi

internet dengan mencari tutorial tentang data-data yang dibutuhkan

dalam pembuatan aplikasi ini.

1.5.2 Tahap Analisis Sistem

1. Perancangan basis data

Page 19: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

Perancangan basis data menjelaskan tentang tabel yang

dibutuhkan serta type data masing-masing tabel.

2. Perancangan Sistem

Yaitu requirement analysis atau menganalisis data-data yang ada

kemudian dibuat sebuah rancangan atau desain. Perancangan

sistem digunakan unutk mengetahui alur dari suatu sistem dibuat.

3. Pembuatan aplikasi untuk admin

Tahap ini merupakan proses pembuatan aplikasi untuk admin

menggunakan bahas pemrograman PHP dan HTML serta

MySQL untuk pengelolaan database server.

4. Pembuatan aplikasi untuk mahasiswa

Tahap ini merupakan proses pembuatan aplikasi untuk user yaitu

mahasiswa menggunakan bahas pemrograman Java yaitu Java 2

Micro Edition (J2ME).

2.5.1 Sistematika Penulisan

Dalam pembuatan tugas akhir ini, penulis menggunakan sistematika

penulisan sebagai berikut :

BAB I : PENDAHULUAN

Pada bab ini menjelaskan tentang latar belakang masalah,

perumusan masalah, batasan masalah, tujuan dan manfaat,

metodologi penulisan, dan sistematika penulisan.

BAB II : LANDASAN TEORI

Pada bab ini menjelaskan tentang semua tinjauan pustaka

yang membantu menunjang permasalahan penelitian

sebagai referensi dalam proses pembuatan aplikasi ini.

Page 20: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

BAB III : ANALISA DAN PERANCANGAN SISTEM

Dalam bab ini menjelaskan tentang analisa dan

perancangan sistem dari aplikasi mobile KHS. Perancangan

ini meliputi use case diagram, activity diagram, class

diagram, sequence diagram, perancangan database, dan

perancangan desain interface untuk mahasiswa

BAB IV : IMPLEMENTASI DAN ANALISA

Dalam bab ini menjelaskan tentang implementasi mengenai

Hierarki Input Proses Output (HIPO) dan realisasi aplikasi.

BAB V : PENUTUP

Dalam bab terakhir ini memuat tentang kesimpulan dari

aplikasi secara keseluruhan yang telah dilakukan uji coba

serta memuat saran yang yang diperlukan untuk

perkembangan aplikasi ini dimasa mendatang.

DAFTAR PUSTAKA

Page 21: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

BAB II

LANDASAN TEORI

2.1 Tinjauan Pustaka

2.1.1 Aplikasi Mobile

Aplikasi mobile merupakan aplikasi yang dapat digunakan walaupun

pengguna berpindah dengan mudah dari satu tempat ketempat lain tanpa terjadi

pemutusan atau terputusnya komunikasi. Aplikasi ini dapat diakses melalui

perangkat nirkabel seperti pager, seperti telepon seluler dan PDA. (Romdoni,

2010)

2.1.2 Java

Java menurut definisi dari Sun adalah nama untuk sekumpulan teknologi

untuk membuat dan menjalankan perangkat lunak pada komputer standalone

ataupun pada lingkungan jaringan. Java2 adalah generasi kedua dari Java

platform (generasi awalnya adalah Java Development Kit). Java berdiri diatas

sebuah mesin interpreter yang diberi nama Java Virtual Machine (JVM). JVM

inilah yang akan membaca bytecode dalam file .class dari suatu program yang

berisi bahasa mesin. Oleh karena itu, bahasa Java disebut sebagai bahasa

pemrograman yang portable karena dapat dijalankan pada berbagai sistem

operasi, asalkan pada sistem operasi tersebut terdapat JVM.

Platform Java terdiri dari kumpulan library, JVM, kelas-kelas loader

yang dipaket dalam sebuah lingkungan rutin Java, dan sebuah kompiler, debuger

dan kakas lain yang dipaket dalam Java Development Kit (JDK). Java2 adalah

generasi yang sekarang sedang berkembang dari platform Java. Agar sebuah

program Java dapat dijalankan, maka file dengan ekstensi .java harus dikopilasi

menjadi file bytecode. Untuk menjalankan bytecode tersebut dibutuhkan JRE

(Java Runtime Environment) yang memungkinkan memakai untuk menjalankan

program Java, hanya menjalankan, tidak untuk membuat kode baru lagi. JRE

Page 22: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

berisi JVM dan library Java yang digunakan. Platform Java memiliki tiga buah

edisi yang berbeda, yaitu J2EE (Java2 Enterprise Edition), J2ME (Java2 Micro

Edition), dan J2SE (Java2 Second Edition). (Shalahudin dan Rosa, 2010)

2.1.3 Java 2 Micro Edition (J2ME)

Java2 Micro Edition atau yang biasa disebut J2ME adalah lingkungan

pengembangan yang didesain untuk meletakkan perangkat lunak Java pada barang

elektronik beserta perangkat pendukungnya. Pada J2ME, jika perangkat lunak

berfungsi baik pada sebuah perangkat maka belum tentu juga berfungsi baik pada

perangkat yang lainnya. J2ME membawa Java ke dunia informasi, komunikasi,

dan perangkat komputasi selain perangkat desktop yang biasanya lebih kecil

dibandingkan perangkat komputer desktop. J2ME biasanya digunakan pada

telepon selular, pager, personal digital assistants (PDA’s) dan sejenisnya.

J2ME adalah bagian dari J2SE, karena itu tidak semua library yang ada

pada J2SE dapat digunakan pada J2ME. Tetapi J2ME mempunyai beberapa

library khusus yang tidak dimiliki J2SE. arsitektur J2ME dapat dilihat pada

Gambar 2.1:

Gambar 2.1 Arsitektur J2ME

Teknologi J2ME juga memiliki keterbatasan, terutama jika diaplikasikan

pada ponsel. J2ME sangat tergantung pada perangkat (device) yang digunakan,

bias dari segi merk ponsel,maupun kemampuan ponsel, dan dukungannya

terhadap teknologi J2ME. ( Shalahudin dan Rosa, 2010)

Page 23: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

2.1.4 Connected Limited Device Configuration (CLDC)

CLCD atau Connected Limited Device Configuration adalah perangkat

dasar dari J2ME,spesifikasi dasar yang berupa library dan API yang

diimplementasikan pada J2ME, seperti yang digunakan pada telepon seluler,

pager, dan PDA. Perangkat tersebut dibatasi dengan keterbatasan memori, sumber

daya dan kemampuan memproses. Spesifikasi CLDC pada J2ME adalah

spesifikasi minimal dari package, kelas, dan sebagian fungsi Java Virtual

Machine yang dikurangi agar dapat diimplementasikan dengan keterbatsan

sumber daya pada alat-alat tersebut, JVM yang digunakan disebut KVM (Kilobyte

Virtual Machine). Posisi CLDC pada arsitektur J2ME dapat dilihat pada Gambar

2.2 (Shalahudin dan Rosa, 2010)

Gambar 2.2 Posisi CLDC pada Arsitektur J2ME

2.1.5 Connected Device Configuration (CDC)

CDC atau Connected Device Configuration adalah spesifikasi dari

konfigurasi J2ME. CDC merupakan komunitas proses pada Java yang memiliki

standarisasi. CDC terdiri dari virtual machine dan kumpulan library dasar untuk

dipergunakan pada profile industri. Implementasi CDC pada J2ME adalah sourcr

code yang menyediakan sambungan dengan macam-macam platform. (Shalahudin

dan Rosa, 2010)

Saat ini telah didefinisikan dua buah configuration yaitu CDC

(Connected Device Configuration) dan CLCD (Connected Limited Device

Configuration) dengan perbandingan yaitu :

Page 24: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

Table 2.1 Perbandingan CLCD dan CDC

CLCD (Connected Limited Device

Configuration)

CDC (Connected Device

Configuration)

Mengimplementasi subset dari J2SE Mengimplementasi seluruh fitur dari

J2SE

JVM yang digunakan adalah KVM JVM yang digunakan adalah CVM

Digunakan pada perangkat handled

(handphone, PDA, two way pager)

dengan memori terbatas (160-512)

Digunakan pada perangkat handled

(internet TV, Nokia Communicator, car

TV) dengan memori minimal 2 Mb.

Prosesor : 16/32 bit Prosesor : 32 bit

2.1.6 Kilobyte Virtual Machine (KVM)

KVM adalah paket JVM yang di desain untuk perangkat yang kecil.

KVM mendukung sebagian fitur-fitur JVM, seperti misalnya KVM tidak

mendukung operasi floating-point dan finalisasi objek. KVM diimplementasikan

dengan menggunakan C sehingga sangat mudah beradaptasi pada tipe platform

yang berbeda. (Shalahudin dan Rosa, 2010).

2.1.7 Mobile Information Device Profile (MIDP)

MIDP atau Mobile Information Device Profile adalah spesifikasi unutk

sebuah profil J2ME. MIDP memiliki lapisan di atas CLDC, API tambahan untuk

daur hidup aplikasi, antarmuka, dan penyimpanan persisten. Pada saat ini terdapat

MIDP 1.0 dan MIDP 2.0. Fitur tambahan MIDP 2.0 dibanding MIDO 1.0 adalah

API untuk multimedia. Pada MIDP 2.0 terdapat dukungan untuk memainkan tone,

tone sequence, dan file WAV walaupun tanpa adanya Mobile Media API

(MMAPI). (Shalahudin dan Rosa, 2010).

Page 25: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

2.1.8 MIDlet

MIDlet adalah aplikasi yang ditulis untuk MIDP. Aplikasi MIDlet adalah

bagian dari kelas javax.micoedition.midlet. MIDlet berupa sebuah kelas abstrak

yang merupkan subkelas dari bentuk dasar aplikasi sehingga antarmuka antara

aplikasi J2ME dan aplikasi manajemen pada perangkat dapat terbentuk. Alur

hidup MIDlet dapat dilihat pada Gambar 2.3:

konstruktor

jedah

terminasi

aktif

MIDlet memanggil

pauseApp()

MIDlet memanggil

startApp()

MIDlet memanggil

destroyApp() untuk

terminasi

Gambar 2.3 Alur Hidup MIDlet

Ketika MIDlet dijalankan maka akan diinisialisasi dengan kondisi pause

dan dijalankan pauseApp(), kondisi berikutnya adalah fungsi MIDlet dijalankan,

yaitu pada startApp(). Metode yang ada tersebut diimplementasikan sebagai

protected, hal ini dimaksudkan agar MIDlet lain tidak dapat memanggil method

tersebut. Pada saat pemakai keluar dari MIDlet, maka method destroyApp() akan

dijalankan sebelum MIDlet benar-benar tidak berjalan lagi. Method

notifyDestroyed() akan dipanggil sebelum MIDlet benar-benar tidak berjalan lagi,

DestroyApp() akan memanggil notifyDestroyed(), dan notifyDestroyed() akan

memberi tahu platform untuk menterminasi MIDlet dan membersihkan semua

sember daya yang mengacu pada MIDlet. (Shalahudin dan Rosa, 2010)

Page 26: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

2.1.9 Ticker

Ticker merupakan objek yang berupa tulisan berjalan. Objek ticker dapat

berasosiasi dengan objek subkelas dari Screen. Arah dan kecepatan dari ticker

tidak dapat diatur secara manual, karena telah diatur oleh sistem dan ticker yang

sedang berjalan tidak dapat dihentikan oleh aplikasi. (Shalahudin dan Rosa, 2010)

2.1.10 PHP dan HTML

HTML (HyperText Markup Language) adalah bahasa standar untuk

membuat halaman-halaman web, sedangkan PHP (PHP Hypertext Preprocessor)

berkedudukan sebagai tag dalam bahasa HTML. Model kerja HTML diawali

dengan permintaan suatu halaman web oleh browser, dari browser permintaan

dilanjutkan ke webserver yang kemudian mencarikan file yang diminta dan

memberikan isinya ke browser. Perbedaannya jika menggunakan kode atau tag

PHP adalah ketika berkas PHP yang diminta oleh browser didapatkan oleh

webserver, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang

memproses dan memberikan hasilnya (berupa kode HTML) yang kemudian akan

dikirim ke browser oleh webserver. Secara khusus, PHP dirancang untuk

membentuk aplikasi web dinamis (Kadir, 2008).

2.1.11 MySQL

MySQL adalah salah satu jenis server basis data yang sangat terkenal.

Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar

untuk mengakses basis datanya. Selain itu ia bersifat Open Source pada berbagai

platform. MySQL termasuk jenis RDBMS (Relational Database Management

System). Pada MySQL, sebuah basis data mengandung satu atau sejumlah tabel.

Tabel sendiri terdiri atas sejumlah baris dan setiap baris mengandung satu atau

beberapa kolom (Kadir, 2008).

2.1.12 General Packet Radio Service (GPRS)

GPRS adalah suatu teknologi yang memungkinkan pengiriman data lebih

cepat dibandingkan dengan penggunaan teknologi Circuit Switch Data atau CSD.

Page 27: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

Penggabungan layanan telepon selular dengan GPRS (General Packet Radio

Service) menghasilkan generasi baru yang disebut 2.5G. Sistem GPRS dapat

digunakan untuk trasnfer data dalam bentuk paket data yang berkaitan dengan e-

mail data gambar (MMS), Wireless Application Protocol (WAP), dan World Wide

Web (WWW). Dalam teorinya GPRS menjanjikan kecepatan mulai dari 56 kbps

sampai 115 kbps, sehingga memungkinkan akses internet, pengiriman data multi

media ke komputer, notebook dan handheld komputer. (Dzikrillah, 2011)

2.1.13 Macromedia Dreamweaver

Macromedia Dreamweaver merupakan sebuah HTML editor

professional untuk mendesaim secara visual dan mengelola situs web maupun

halaman web. Perangkat lunak ini digunakan sebagai editor script dalam

pembuatan website dengan menggunakan bahasa pemrograman web yaitu PHP

dan HTML. (Andi, 2006)

2.1.14 Unifield Modeling Language (UML)

Menyediakan beberapa diagram visual yang menunjukkan berbagai

aspek dalam sistem informasi yang akan dibangun. Notasi UML dibuat sebagai

kolaborasi dari Grady Booch, DR.James Rumbourgh, Ivar Jacobson, Rebecca

Wirfs-Brock, Peter Yourdon, dll. (Sholiq, 2006)

2.1.15 Use Case Diagram

Diagram use case atau use case diagram menyajikan interaksi antara use

case dan aktor. Dimana, aktor dapat berupa orang, peralatan, atau sistem lain yang

berinteraksi dengan system yang sedang dibangun. Use case menggambarkan

fungsionalitas sistem atau persyaratan-persyaratan yang harus dipenuhi sistem

dari pandangan pemakai.

Dalam sebuah sistem dimungkinkan mempunyai diagram use case lebih

dari satu yang merupakan kelompok-kelompok diagram use case yang

diorganisasikan dengan tujuan tertntu. Kelompok –kelompok diagram use case

dapat dilakukan dengan membuat paket-paket, misalkan paket-paket yang disusun

Page 28: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

berdasarkan proses bisnisnya, dimana satu proses bisnis yang digambarkan

dengan use case bisnis. Komponen pembentuk use case dapat dilihat pada Tabel

2.2 dan contoh penggunaan diagram use case pada gambar 2.4. (Sholiq, 2006)

Tabel 2.2 Komponen Pembentuk Use case

Simbol Nama Simbol Keterangan

Notasi use case Use case adalah bagian tingkat tinggi

dari fungsionalitas yang disediakan

oleh system.

«extends»

Relasi extend Relasi extends memungkinkan satu use

case secara opsional menggunakan

fungsionalitas yang disediakan oleh use

case laininya.

<<include>>

Relasi include Memungkinkan satu use case

menggunakan fungsionalitas yang

disediakan oleh use case laininya.

Gambar 2.4 Contoh Gambar Penggunaan Diagram Use Case

Page 29: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

2.1.16 Class Diagram

Diagram kelas atau Class diagram digunakan untuk menampilkan kelas-

kelas atau paket-paket di dalam sistem dan relasi antar mereka. Class Diagram

memberikan gambaran sistem secara statis. Biasanya, dibuat beberapa diagram

kelas untuk sistem. Satu diagram kelas menampilkan subset dari kelas-kelas dan

relasinya. Yang lainnya, mungkin menampilkan kelas-kelas termasuk atribut dan

operasi dalam kelas-kelas. Data yang lainnya lagi, mungkin menampilkan paket-

paket kelas dan relasi antar paket-paket.

Diagram kelas adalah alat perancangan terbaik untuk tim pengembang

perangkat lunak. Diagram tersebut membantu pengembang mendapatkan struktur

sistem sebelum menuliskan kode program, membantu untuk memastikan bahwa

sistem adalah rancangan terbaik. Notasi class diagram dapat dilihat pada Tabel

2.3. (Sholiq, 2006)

Tabel 2.3 Notasi Class Diagram

Bentuk Komponen Keterangan

+DaftarOperasi()()

--DaftarAtribut

Class

kelas

sebuah kategori yang membungkus informasi dan

perilaku

Generalisasi

hubungan antara yang lebih umum dan elemen yang

lebih spesifik

Depedensi

Menunjukkan sebuah kelas megacu ke kelas lain.

2.1.17 Sequence Diagram

Sequence Diagram merupakan diagram interaksi yang disusun

berdasarkan waktu. Terdiri dari obyek-obyek dan masing-masing dari obyek

mempunyai lifeline yaitu digambarkan dengan garis putus-putus secara vertikal

kebawah obyek. Lifeline dimulai saat sebuah obyek diinstanisasi dan berakhir

pada saat obyek dimusnahkan. Sebuah pesan digambarkan antar lifeline dari dua

Page 30: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

obyek untuk menunjukkan bahwa obyek tersebut berkomunikasi. Setiap pesan

menggambarkan satu obyek memanggil fungsi tertentu (fungsi panggil) dari

obyek lainnya. (Sholiq, 2006)

2.1.17 Activity Diagram

Diagram aktivitas atau Activity diagram menggambarkan aliran

fungsionalitas sistem. Diagram aktivitas adalah cara lainnya untuk memodelkan

aliran kejadian yang menunjukkan informasi yang sama sebagaimana aliran

kejadian dengan teks. Pada tahap pemodelan bisnis, diagram aktivitas dapat

digunakan untuk menunjukkan aliran kerja bisnis (business work-flow). Dapat

juga digunakan untuk menggambarkan aliran kejadian (flow of events) dalam use

case. Notasi activity diagram dapat dlihat pada Tabel 2.3. (Sholiq, 2006)

Tabel 2.4 Notasi Activity Diagram

Komponen Keterangan

Start state

menunjukkan dimulainya suatu workflow pada sebuah

activity diagram.

End state

menggambarkan akhir dari pada sebuah activity diagram.

State

State

menggambarkan sebuah pekerjaan/tugas dalam workflow.

State transition

menunjukkan kegiatan apa berikutnya setelah suatu kegiatan

sebelumnya.

Decision

suatu titik/point pada activity diagram yang

mengindikasikan suatu kondisi dimana ada kemungkinan

perbedaan transisi

Page 31: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 16

BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1 Perancangan Sistem

3.1.1 Deskripsi Sistem

Dalam pembuatan aplikasi mobile KHS ini sistem dirancang dan dibuat

dengan tujuan untuk pengaksesan nilai hasil studi selama dibangku perkuliahan.

Aplikasi yang dirancang berbasis mobile dengan bahasa pemrograman Java yaitu

J2ME (Java 2 Micro Edition). Aplikasi ini menampilkan nilai hasil studi

mahasiswa berdasar pada menu yang dipilih yaitu melihat nilai matakuliah dan

melihat transkip nilai.

3.1.2 Gambaran Kerja Sistem

Gambaran umum kerja aplikasi mobile dapat dilihat pada Gambar 3.1.

Gambar 3.1 Gambaran Kerja Sistem

Pada Gambar 3.1 menjelaskan urutan kerja aplikasi sebagai berikut :

1. Mahasiswa mengaktifkan aplikasi mobile KHS pada handphone

dengan mencari informasi KHS.

Request

Page 32: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

2. Kemudian aplikasi membuka http connection ke web server melalui

jaringan GPRS.

3. Melalui script PHP yang terdapat pada web server mengambil data

dari database MySql berdasarkan permintaan dari aplikasi.

4. Kemudian data diambil oleh aplikasi data akan diload pada aplikasi

berupa text string.

3.2 Analisa Sistem

3.2.1 Spesifikasi Sistem

Dalam pembuatan aplikasi mobile KHS ini dirancang dan dibuat dengan

tujuan para mahasiswa dalam mengakses atau mengetahui nilai hasil studi.

Aplikasi yang dibuat memiliki kemampuan sebagai berikut:

1. Menampilkan nilai hasil studi mahasiswa.

2. Menampilkan IP (Indeks Prestasi) per-semester dan IPK (Indeks

Prestasi Kumulatif).

3.2.2 Kebutuhan Sistem

Untuk pembuatan aplikasi ini diperlukan perangkat keras (hardware) dan

perangkat lunak (software), adapun keperluan tersebut yaitu :

1. Perangkat Keras (hardware)

Spesifikasi komputer yang digunakan :

a. Processor : Intel Dual Core

b. RAM : Memory 512 Mb

c. Harddisk : 80 Gb

d. Ponsel : Ponsel yang digunakan memiliki spesifikasi

memory 10 Mb dan dijalankan pada ponsel yang mendukung Java

MIDP 2.0.

2. Perangkat Lunak (Softwware)

a. Netbeans

Page 33: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

Merupakan software yang digunakan untuk mengolah skrip bahasa

premograman Java dan untuk menjalankan program yang dibuat.

b. Macromedia Dreamweaver

Digunakan untuk mengolah script bahasa pemrograman bahasa

PHP yang digunakan pada web server.

c. MySQL

Digunakan untuk mengolah dan menyimpan data pada database

server.

3.3 Pemodelan Sistem

3.3.1 Use Case Diagram

Dalam aplikasi yang dibuat memiliki rancangan berupa use case diagram,

dapat dilihat pada Gambar 3.2.

Login

Admin

Mendata mahasiswa

Mahasiswa

Mendata Matakuliah

Mendata KHS

Logout

Melihat data hasil

studi

Melihat nilai

Melihat IP,IPK

Ganti password

«extends»

«extends»

«extends»

Gambar 3.2 Use Case Diagram Aplikasi Mobile KHS

Page 34: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

Use Case mendefinisikan fitur umum yang dimiliki oleh sistem. Gambar 3.1

menunjukkan adanya interaksi antara aktor dan sistem. Aktor yang berperan

adalah admin dan mahasiswa sedangkan sistem adalah Mobile KHS.

Tabel 3.1 Tabel Deskripsi Use Case Diagram Aplikasi Mobile KHS

Tabel deskripsi use case diagram menjelaskan tentang deskripsi alur program

yang dilakukan oleh aktor, yaitu :

Aktor: Admin

Deskripsi: Use Case

Mendata mahasiswa, mendata matakuliah,

mendata KHS

Aktor Admin

- Admin mendata mahasiswa

- Admin mendata matakuliah

- Admin mendata nilai hasil sudi (KHS)

- Admin menampilkan laporan nilai hasil

studi

Aktor: Mahasiswa Melihat Data hasil studi

Deskripsi:

Use Case

- Mahasiswa melakukan proses login

- Mahasiswa dapat mengubah password

- Mahasiswa dapat melihat nilai matakuliah

- Mahasiswa dapat melihat Indeks Prestasi

(IP) dan Indeks Prestasi Kumulatif (IPK)

3.3.2 Activity Diagram Login

Pada aplikasi mobile KHS ini memiliki activity diagram proses login,

dapat dilihat pada Gambar 3.3 yaitu:

Page 35: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

Gambar 3.3 Activity Diagram Login

Activity diagram login diatas menjelaskan tentang alur proses login pada

sistem admin. Untuk masuk kedalam sistem diperlukan login yang memasukkan

username dan password. Setelah berhasil maka admin berhak mengakses data

didalam sistem. Setelah itu dilakukan proses logout untuk keluar dari program.

3.3.3 Activity Diagram Pendataan Mahasiswa

Pada aplikasi ini memiliki activity diagram pendataan mahasiswa yang

dapat dilihat pada Gambar 3.4.

Gambar 3.4 Activity Diagram Pendataan Mahasiswa

Page 36: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

Aksi yang dilakukan yaitu melihat data matakuliah yang sebelumnya

sudah dimasukkan. Aksi kedua yaitu yaitu menginputkan data matakuliah.

Kemudian aksi ketiga memilih data matakuliah, yang dimaksud adalah melakukan

penghapusan data matakuliah maupun mengedit data matakuliah.

3.3.4 Activity Diagram Pendataan Matakuliah

Activity diagram pendataam matakuliah pada aplikasi mobile KHS dapat

dilihat pada Gambar 3.5.

Gambar 3.5 Activity Diagram Pendataan Matakuliah

Proses pendataan matakuliah sama dengan proses pendataan mahasiswa,

terdapat tiga aksi yaitu menginputkan data matakuliah, melihat data kuliah yang

telah diinputkan, dan proses ketiga yaitu memilih data matakuliah. Yang dapat

dilakukan pada aksi memilih data matakuliah yaitu dapat melakukan pengeditan

data dan menghapus data matakuliah. Ketika mengedit data yang berada di

database, maka sistem memberikan validasi terhadap data yang di edit.

3.3.5 Activity Diagram Pendataan Nilai

Activity diagram pendataan nilai dari aplikasi mobile KHS dapat dilihat

pada Gambar 3.6.

Page 37: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

Gambar 3.6 Activity Diagram Pendataan Nilai

Dalam activity diagram proses pendataan nilai diatas, terdapat tiga aksi

yaitu menginputkan data nilai mahasiswa. Dalam menginputkan data nilai

mahasiswa berdasarkan matakuliah jurusan. Proses kedua yaitu melihat data nilai

mahasiswa yang telah diinputkan dan tersimpan di database. Proses ketiga yaitu

memilih data nilai, aksi yang dapat dilakukan yaitu menghapus data nilai yang

sudah ada dan mengedit data nilai. Setelah itu data nilai mahasiswa ter-update

kedalam database.

3.3.6 Actifity Diagram KHS oleh Mahasiswa

Activity diagram KHS oleh mahasiswa dapat dilihat pada Gambar 3.7.

Page 38: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

Jalankan MIDlet

Splash Screen

Login

Validasi Data Error Message

Pilihan Menu Logout

Kirim pilihan

Ambil data

Hasil pilihan

Salah

Benar

Melihat nilai Ganti Password

Melihat IP, IPK

Gambar 3.7 Activity Diagram KHS oleh Mahasiswa

Langkah awal mahasiswa untuk memasuki aplikasi ini dimulai dengan

menjalankan MIDlet pada apllikasi mobile KHS kemudian muncul tampilan

splash screen dari aplikasi ini. Tahap selanjutnya muncul form login yang

memasukkan username dan password. Dalam tahap ini terjadi proses validasi

data, jika data yang dimasukkan salah maka muncul pesan error tapi jika data

yang dimasukkan benar maka kan lanjut ke proses menu utama. Dalam menu

utama terdapat beberapa pilihan menu. Jika tidak ingin melanjutkan ke proses

selanjutnya maka mahasiswa memilih menu logout. Jika ingin melanjutkan

pencarian data maka pilih dari menu utama. Data yang dipilih lalu dikirim dan

Page 39: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

ditangkap oleh database. Selanjutnya databse mengirim data yang dipilih

kemudian data ditampilkan pada form utama.

3.3.7 Sequence Diagram Login

Gambar 3.8 menjelaskan tentang sequence diagram login.

Gambar 3.8 Sequence Diagram Login

Pada gambar Sequnce Diagram login diatas menerangkan bahwa admin

dan mahasiswa diharuskan login pada form login dengan memasukkan username

dan password. Kemudian username dan password tersebut dicek validasi data

yang dimasukkan. Data harus sesuai pada tabel admin dan mahasiswa.

Page 40: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

3.3.8 Sequence Diagram Mahasiswa

Gambar 3.9 menjelaskan tentang sequence diagram mahasiswa.

Gambar 3.9 Sequence Diagram Mahasiswa

Proses awal menjelaskan bahwa admin memasukkan data mahasiswa pada

form mahasiswa kemudian terjadi proses validasi data yang dimasukkan. Setelah

validasi data kemudian data berhasil disimpan kedalam tabel mahasiswa. Proses

kedua, admin meng-update data mahsaiswa yang tersimpan dalam tabel

mahasiswa pada database. Dalam meng-update data terjadi proses validasi

terhadap data yang dimasukkan. Proses ketiga, admin menghapus data yang telah

tersimpan dalam tabel mahasiswa pada database. Setelah data berhasil dihapus

maka akan muncul pesan berhasil terhapus.

Page 41: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

3.3.9 Sequence Diagram Matakuliah

Gambar 3.10 menjelaskan tentang sequence diagram matakuliah.

Gambar 3.10 Sequence Diagram Matakuliah

Seperti halnya pada sequence diagram mahasiswa yang dijelaskan

sebelumnya. Proses dari sequence diagram matakuliah hampir sama, dimulai dari

admin memasukkan data matakuliah pada form matakuliah kemudian data dicek

validasinya pada accountKHS. Setelah data benar kemudian disimpan alam tabel

matakuliah pada database. Proses kedua, admin meng-update data matakuliah

yang tersimpan dalam tabel matakuliah. Proses ini juga terjadi validasi data

kebenarannya. Proses ketiga yaitu menghapus data yang telah tersimpan dalam

tabel. Ketika berhasil menghapus data maka akan muncul pesan berhasil.

Page 42: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

3.3.10 Sequence Diagram Pendataan Nilai Oleh Admin

Gambar 3.11 menjelaskan tentang sequence diagram pendataan nilai oleh

admin.

Gambar 3.11 Sequence Diagram Pendataan Nilai oleh admin

Proses awal admin melakukan pendataan nilai mahasiswa dengn

menginputkan data nilai pada form nilai. Setelah data diinputkan kemudian akan

tersimpan pada tabel nilai. Admin juga dapat melakukan proses mengedit data

dalam tabel dan juga dapat menghapus data dalam tabel.

Page 43: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

3.3.11 Sequence Diagram Mobile KHS oleh Mahasiswa

Gambar 3.12 menjelaskan tentang sequence diagram mobile KHS oleh

mahasiswa.

Gambar 3.12 Sequence Diagram Mobile KHS oleh Mahasiswa

Dalam sequence diagram diatas menjelaskan bahwa aktor yaitu

mahasiswa membuka aplikasi mobile KHS. Muncul tampilan awal formMobile

yaitu form login dengan memasukkan username dan password. Ketika mahasiswa

melakukan proses login maka data akan melalui proses verifikasi data apakah data

username dan password valid. Jika username dan password salah maka akan

muncul pesan salah bahwa data yang dimasukkan salah. Sebaliknya, jika data

yang dimasukkan benar maka akn muncul pesan login berhasil dan masuk ke form

selanjutnya yaitu form utama. Form utama terdapat dua pilihan yaitu melihat nilai

matakuliah tertentu dan melihat hasil studi (KHS). Jika mahasiswa memilih salah

satu dari menu pilihan maka data akan disesuaikan dengan data di database. Jika

Page 44: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

data yang dimasukkan ada maka data tersebut akan ditampilkan. Terdapat pilihan

menu exit untuk keluar dari aplikasi tersebut.

3.3.12 Class Diagram

Gambar 3.13 menjelaskan tentang Class Diagram dari sistem, yaitu:

+setUsername()

+setaPass()

+getUsername()

+getPass()

+displayMsg()

<<boundary>>FormLogin

+getUsername()

+getPass()

+SelectUser()

<<entity>> DataMhs

+cek user,pass()

-username : string

-password : string

<<controller>> Login

+setPilihanMenu()

+getPilihanMenu()

<<boundary>>FormMobile

+cekDataPilihan()

+selectDataPilihan()

<<controller>>FormMobile

+gettPilihan()

+selectDataPilihan()

+displayDataPilihan()

<<entity>>FormMobile

+cekDataUsername()

+cekDataPass()

<<controller>> GantiPass

+setDataUsername()

+getDataUsername()

+setDataPass()

+getDataPass()

<<boundary>>GantiPass

+getUsername()

+getPass()

+updatePass()

+selectUsername()

<<entity>>GantiPass

Gambar 3.13 Class Diagram User Interface

3.3.13 Relasi Antar Tabel

Relasi antar tabel dari program ini dapat dilihat pada Gambar 3.14, yaitu:

Page 45: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

tb_admin

PK username

password

tb_mahasiswa

PK NIM

namamhs

alamat

sex

jurusan

pass

akses

tahun

tb_mk

PK kodemk

NIP

namamk

sks

smt

nama_dosen

jurusan

tahun

tb_dosen

PK NIP

nama_dosen

alamat

tb_ambilMK

PK NIM

kodemk

namamk

sks

nilai

smt

tahun

Gambar 3.14 Relasi Antar Tabel

3.4 Perancangan Database

Untuk aplikasi mobile KHS ini menggunakan database MySQL yang terdiri

dari 6 tabel data yaitu tabel yang berfungsi sebagai penyimpan data admin,

mahasiswa, matakuliah, ambilMK, dosen, dan IPK. Untuk rancangan jelasnya

dapat dilihat pada rancangan database berikut ini:

3.4.1 Tabel Admin

Tabel admin berfungsi untuk menyimpan data-data tentang admin.

Tabel 3.2 Tabel Admin

Nama Field Tipe Data Keterangan

Username Varchar(10) Sebagai primary key yang berisi

data keterangan username admin

Password Varchar(8) Digunakan untuk password

login

Page 46: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

3.4.2 Tabel Mahasiswa

Tabel mahasiswa berfungsi unruk menyimpan data-data tentang

mahasiswa yang dibutuhkan dalam sistem ini.

Tabel 3.3 Tabel Mahasiswa

Nama Field Tipe Data Keterangan

c NIM Varchar(8) Sebagai primary key dan sebagai

identitas mahasiswa

Nama_Mahasiswa Varchar(40) Digunakan untuk menyimpan

data nama mahasiswa

Alamat Varchar(50) Digunakan untuk menyimpan

data alamat mahasiswa

JenisKelamin Varchar(12) Digunakan untuk menyimpan

data jenis kelamin mahasiswa

Jurusan Varchar(21) Digunakan untuk menyimpan

data jurusan mahasiswa

Password Varchar(8) Berisi data password mahasiswa

3.4.3 Tabel Matakuliah

Tabel Matakuliah digunakan untuk menyimpan data-data matakuliah.

Tabel 3.4 Tabel Matakuliah

Nama Field Tipe Data Keterangan

Kode_MK Integer Digunakan untuk menyimpan

data kode matakuliah, Primary

Key

Nama_MK Varchar(35) Digunakan unutk menyimpan

nama matakuliah

NIP Integer Digunakan untuk menyimpan

data NIP dan sebagai Foreign

Page 47: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

Key

SKS Integer Digunakan untuk menyimpan

data jumlah SKS

Semester Integer Digunakan untuk menyimpan

data semester

Jurusan Varchar(21) Digunakan untuk menyimpan

data jurusan

3.4.4 Tabel AmbilMK

Tabel ambilMK digunakan untuk menyimpan data mahasiswa dan

matakuliah.

Tabel 3.5 Tabel ambilMK

Nama Field Tipe Data Keterangan

NIM Varchar(8) Digunakan untuk menyimpan

data NIM dan sebagai Foreign

Key

Kode_MK Integer Digunakan untuk menyimpan

data kode matakuliah

SKS Integer Digunakan untuk menyimpan

data jumlah SKS

Semester Integer Digunakan untuk menyimpan

data semester

Nilai Integer Digunakan untuk menyimpan

data nilai

Tahun Integer Digunakan untuk menyimpan

data tahun

Page 48: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

3.4.5 Tabel Dosen

Tabel dosen berfungsi untuk menyimpan data-data tentang dosen.

Tabel 3.6 Tabel Dosen

Nama Field Tipe Data Keterangan

NIP Integer Digunakan untuk menyimpan

data NIP dan sebagai Primary

Key

Nama_dosen Varchar(40) Digunakan untuk menyimpan

data nama dosen

Alamat Varchar(50) Digunakan untuk menyimpan

data alamat dosen

3.5 Desain Rancangan Program

Aplikasi mobile KHS ini mempunyai desain rancangan programnya, sebagai

berikut :

3.5.1 Desain Form Splash Screen

Form splash screen berisi tampilan awal yang terdiri dari ticker dan

gambar untuk memvisualisasikan dari program ini, digambarkan pada Gambar

3.15.

Page 49: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

Gambar 3.15 Desain Form Splash Screen

3.5.2 Desain Menu List

Gambar 3.16 adalah form list digunakan untuk masuk kedalam aplikasi.

Gambar 3.16 Desain Menu List

3.5.3 Desain Form Login

Terdapat form login untuk masuk kedalam program yang berfungsi

sebagai keamanan data.

Page 50: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

Gambar 3.17 Desain Form Login

3.5.4 Desain Form Login Gagal

Desain form login ketika gagal dapat dilihat pada Gambar 3.18.

Gambar 3.18 Desain Form Login gagal

3.5.5 Desain Form Utama

Desain form utama dapat dilihat pada Gambar 3.19.

Page 51: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

36

Gambar 3.20 Desain Form Utama

Desain form utama pada gambar diatas terdiri dari tiga menu yaitu melihat

nilai dan melihat hasil studi atau KHS. Untuk memilih salah satu menu dengan

klik command OK. Menu yang ketiga, ganti password yaitu mahasiswa mengganti

password.

3.5.6 Desain Form Tampil Nilai

Desain untuk form menampilkan nilai mahasiswa dapat dilihat pada

Gambar 3.21.

Gambar 3.21 Desain Form Tampil Nilai

Page 52: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

37

Pada desain form tampil nilai menampilkan nilai matakuliah mahasiswa.

3.5.7 Desain Form Tampil IPK

Desain untuk form menampilkan IPK mahasiswa dapat dilihat pada

Gambar 3.22.

Gambar 3.22 Desain Form Tampil Nilai

Page 53: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 38

BAB IV

IMPLEMENTASI DAN ANALISA

4.1 HIPO ( Hierarki Input Proses Output )

1. Hierarki

Sistem dalam program yang dibuat ini merupakan aplikasi yang bersifat

secara stand alone.

2. Input

Pengguna yaitu mahasiswa melakukan proses login untuk memasuki

aplikasi ini dengan memasukkan username dan password.

3. Proses

Proses ketika memilih data yang dibutuhkan kemudian dikirimkan ke web

server, web server lalu memproses data yang dibutuhkan yang kemudian

dikirimkan kembali pada pengguna.

4. Output

Hasil keluaran berupa data yang dipilih oleh mahasiswa.

4.2 Spesifikasi Sistem

Aplikasi mobile KHS ditujukan bagi para mahasiswa yang menuntut ilmu

dibangku perkuliahan pada suatu instansi. Dibuat untuk mengakses nilai mata kuliah

yang telah diambil. Dengan perangkat mobile yang memiliki fitur-fitur yang

bestandart atau mendukung program ini. Langkah awal mahasiswa melakukan proses

login dengan memasukkam username dan password. Password dapat diubah oleh

mahasiswa setelah melakukan proses login dan dapat diubah pada menu utama.

Aplikasi ini menampilkan nilai matakuliah dan menampilkan IP serta IPK.

Page 54: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

39

4.3 Langkah Pembuatan Aplikasi

4.3.1 Tampilan Aplikasi Interface Client

Tampilan dari aplikasi ini terdiri dari interface untuk user yaitu mahasiswa

dan web server dalam pengolahan database.

1. Tampilan Menu Awal

Tampilan awal dari aplikasi mobile KHS dapat dilihat pada Gambar 4.1

Gambar 4.1 Tampilan Awal Aplikasi Mobile KHS

2. Tampilan Splash Screen

Setelah menjalankan tampilan MIDlet diatas kemudian akan menampilkan

layar splash screen, dapat dilihat pada Gambar 4.2.

Page 55: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

40

Gambar 4.2 Tampilan Splash Screen

Tampilan ketika pertama kali aplikasi dibuka, terdapat ticker yang

bertuliskan nama dari judul aplikasi ini. Kemudian akan dilanjutkan kedalam

halaman login.

3. Tampilan Menu List Form Masuk

Menu list digunakan untuk masuk kedalam aplikasi. Menu list dapat dilihat

pada Gambar 4.3.

Gambar 4.3 Gambar Menu List

Page 56: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

41

4. Tampilan Menu Login

Dalam aplikasi ini mempunyai menu login yang digunakan bagi para

mahasiswa untuk masuk melakukan pengaksesan nilai, dapat dilihat pada

Gambar 4.4.

Gambar 4.4 Menu Login

Form login terdiri dari dua textfield yaitu username dan password. Data dari

username dan password diambil dari data yang ada di database. Untuk

melakukan login dengan menekan tombol Login.

5. Tampilan Form Login Gagal

Dalam aplikasi ini jika salah memasukkan data login maka akan muncul

pesan gagal, dapat dilihat pada Gambar 4.5.

Page 57: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

42

Gambar 4.5 Form Login Gagal

6. Tampilan Menu Utama

Dalam aplikasi ini mempunyai menu utama yang terdiri dari tiga list menu

yang dapat dilihat pada Gambar 4.6.

Gambar 4.6 Menu Utama

Aplikasi ini terdiri dari tiga menu yang dapat dipilih oleh mahasiswa yaitu

melihat nilai matakuliah, melihat hasil studi, dan ganti password.

Page 58: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

43

7. Tampilan Form Lihat Nilai

Dibawah ini adalah tampilan lihat nilai matakuliah, dapat dilihat pada

Gambar 4.7.

Gambar 4.7 Form Lihat Nilai

8. Tampilan Form Hasil Studi

Gambar dibawah ini menampilkan hasil Indeks Prestasi mahasiswa yang

melakukan login, dapat dilihat pada Gambar 4.8.

Gambar 4.8 Form Hasil Studi

Page 59: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

44

9. Tampilan Form Ganti Password

Dibawah ini merupakan tampilan form utnuk mengganti password baru,

dapat dilihat pada Gambar 4.9 :

Gambar 4.9 Form Ganti Password

Pada aplikasi ini terdapat form untuk mengganti password mahasiswa karena

password mahasiswa sama dengan username yaitu NIM. Dengan memasukkan data

password lama kemudian memasukkan data password baru.

4.3.2 Tampilan Web Server

1. Form Login Admin

Pertama kali akan muncul form login sebelum melakukan pendataan

maupun hanya melihat data yang telah ada, dengan memasukkan username

dan password. Form login dapat dilihat pada Gambar 4.10.

Page 60: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

45

Gambar 4.10 Form Login

2. Form Data User

Form ini menampilkan seluruh data mahasiswa yang terdiri dari username

dan password sebagai identitas untuk masuk pada aplikasi mobile KHS.

Terdapat aksi untuk mengedit data dan mengahapus data user. Tampilan form

dapat dilihat pada Gambar 4.11.

Gambar 4.11 Form Data User

3. Form Input Data Mahasiswa

Form Data Mahasiswa digunakan untuk menginputkan data mahasiswa.

Dijelaskan pada Gambar 4.12.

Page 61: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

46

Gambar 4.12 Form Input Data Mahasiswa

Pada form ini berfungsi untuk menginputkan data mahasiswa.

Memiliki empat aksi yaitu menambah data, mengedit data, menghapus data,

dan menginputkan matakuliah. Pada form ini berfungsi untuk menginputkan

matakuliah yang diambil dari mahasiswa.

4. Form Input Data Matakuliah

Form input matakuliah yang diambil oleh mahasiswa dapat dilihat pada

Gambar 4.13.

Page 62: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

47

Gambar 4.13 Form Input Matakuliah

Untuk menginputkan data matakuliah dengan cara memilih tombol

“Tambah” paling bawah maka akan muncul form input matakuliah dengan

posisi paling atas. Terdapat empat aksi lainnya yaitu mengedit data,

menghapus data, menginputkan data mahasiswa yang mengambil matakuliah

dan memasukkan nilai mahasiswa berdasarkan matakuliah tersebut.

5. Form Input Data Mahasiswa Berdasarkan Matakuliah

Form input data mahasiswa berdasarkan matakuliah yang diambil dapat

dilihat pada Gambar 4.14.

Page 63: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

48

Gambar 4.14 Form Input Data Mahasiswa Berdasarkan Matakuliah

Dengan memilih tombol “mhs” akan muncul data mahasiswa yang

mengambil matakuliah tersebut. Terdapat tombol comboBox yang berfungsi

untum memudahkan data mahasiswa yang memilih matakuliah lalu kita klik

tombol “simpan” untuk menyimpan atau klik “batal” untuk membatalkan.

6. Form Update Nilai

Form update nilai berfungsi untuk menginputkan nilai mahasiswa. Pilih

data mahasiswa dengan cara klik comboBox pada form input data mahasiswa

berdasarkan matakuliah dapat pada Gambar 4.15 untuk mengupdate nilai.

Nilai diupdate karena nilai sebelum diupdate bernilai default yaitu 0. Klik

tombol “update” untuk menyimpan nilai.

Page 64: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

49

Gambar 4.15 Form Update Nilai

7. Form Transkip Nilai

Form transkip nilai berfungsi untuk menampilkan data nilai mahasiswa

yang dimasukkan berdasarkan matakuliah yang diambil. Form transkip nilai

dari sistem ini dapat dilihat pada Gambar 4.16.

Page 65: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

50

Gambar 4.16 Form Transkip Nilai

8. Form IPK (Indeks Prestasi Kumulatif)

Form IPK (Indeks Prestasi Kumulatif) digunakan untuk menampilkan

nilai IPK dari salah satu mahasiswa dapat dilihat pada Gambar 4.17.

Gambar 4.17 Form IPK

Page 66: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

51

9. Form Logout

Form logout digunakan untuk keluar dari program, form ini berfungsi

untuk keamanan data. Form logout dapat dilihat pada Gambar 4.18.

Gambar 4.18 Form Logout

Page 67: perpustakaan.uns.ac.id digilib.uns.ac.id APLIKASI MOBILE ... · perpustakaan.uns.ac.id digilib.uns.ac.id ... 3.3.7 Sequence Diagram Login ... Gambar 2.4 Contoh Gambar Penggunaan Diagram

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user 52

BAB V

PENUTUP

5.1 Kesimpulan

Kesimpulan yang dapat diambil dari pembahasan diatas yaitu dibangun sebuah

aplikasi mobile KHS yang dapat mengakses nilai matakuliah selama duduk dibangku

kuliah. Selain itu dapat mengakses nilai Indeks Prestasi (IP) dan Indeks Prestasi

Kumulatif (IPK). Aplikasi mobile KHS ini dibangun berbasis mobile, menggunakan

bahasa pemrograman Java yaitu ( Java 2 Micro Edition) dengan database MySQL

dengan layanan jaringan GPRS.

5.2 Saran

Berdasarkan kesimpulan dari aplikasi mobile KHS ini masih jauh dari

sempurna, sehingga penulis memberikan saran-saran sebagai berikut :

1. Database pada aplikasi ini nantinya bisa terintegrasikan dengan database

pada Sistem Informasi Akademik untuk konsistensi data.

2. Aplikasi ini dapat tampil dengan layar penuh pada semua tipe ponsel dengan

adanya perangkat lunak yaitu Opera Mini