3.4.8. View Profile
Diagram Sequence
mahasiswa :halamanutama
:viewprofile :viewprofilejs
moodleDB 1. memilih menu view profile
2. memanggil view profile 3. memanggil viewprofilejs
4. melakukan query view profile 5. mengirim data profile
6. mengirim data profile 7. menampilkan profile user
Gambar 3.35 Diagram Sequence View Profile
Diagram Kolaborasi
moodle database
1 2
3 4
5 6
7 halamanutama.java
viewprofile.java viewprofilejs.
php
mahasiswa
Gambar 3.36 Diagram Kolaborasi View Profile 3.4.9.
Logout
Diagram Sequence
mahasiswa : halaman utama
: login 1.menekan navigasi logout
2.menghapus history memanggil login 3. menampilkan halaman login
Gambar 3.37 Diagram Sequence Logout
Diagram Kolaborasi
1 2
halamanutama.java login.java
mahasiswa
3
Gambar 3.38 Diagram Kolaborasi Logout
3.4.10. Diagram Kelas
Kelas Android login.php
tampilcourse.php
tampiisilcoursejs2.php tampilcoursetugas.php
tampillisttugas.php tampilisitugas.php
viewprofilejs.php
webservicemoodle Moodle
Kelas PHP
login.java halamanutama.java
coursetugasjs.java listtugas.java
viewtugas.java course.java
coursedetailjs.java
viewprofile.java
Gambar 3.39 Diagram Kelas
62
BAB IV IMPLEMENTASI
Implementasi merupakan tahap perubahan dari perancangan system ke coding program.
4.1.Spesifikasi Perangkat Lunak dan Perangkat Keras yang Digunakan 4.1.1.
Perangkat Keras
Perangkat keras yang digunakan untuk mengimplementasikan aplikasi adalah :
a. Laptop
Processor : Intel® core ™ i3-2310M CPU -2.10 GHz 4CPUs ~2,1GHz
Memory : 4069 MB RAM Hardisk : 500GB
b. Handphone
Android processor : Arm Contex A 9 Dual Core Processor Ukuran layar : 4,27 Inch
4.1.2. Perangkat Lunak
Perangkat lunak yang digunakan untuk implementasi program -
OS Windows 7 -
Eclipse Luna -
Android version 4.1.2
4.2.Implementasi Aplikasi Antarmuka Userdengan Eclipse 4.2.1.
Implementasi Komponen Antarmuka
Antarmuka menggunakan high-level interface. Karena dalam membuat program ini penulis dapat menggunakan fungsi yang sudah
tersedia pada eclipse seperti textfield, textview, button, scroll, listview.
4.2.1.1. Header
Header menggambarkan logo dari aplikasi antarmuka.
Gambar 4.1 Header
Listing program untuk menampilkan header adalah sebagai berikut:
Gambar 4.2 Listing Header 4.2.1.2.
Background
Background merupakan gambar latar belakang setiap halaman antarmuka program.
Gambar 4.3 Background