BAB III ANALISIS DAN PERANCANGAN. Analisis bertujuan untuk mengidentifikasi permasalahan-permasalahan yang

BAB III ANALISIS DAN PERANCANGAN

3.1

Analisis Analisis bertujuan untuk mengidentifikasi permasalahan-permasalahan yang

terdapat pada sistem serta menentukan kebutuhan-kebutuhan dari sistem yang dibangun. Analisis tersebut meliputi analisis masalah, analisis sistem operasi, analisis pengguna di Jurusan Teknik Informatika UIN Sunan Gunung Djati Bandung, dan analisis fitur yang dibutuhkan, & analisis sistem.

3.1.1

Analisis Masalah Pengumuman kampus merupakan informasi yang sangat diperlukan bagi

mahasiswa, saat ini di Jurusan Teknik Informatika UIN Sunan Gunung Djati Bandung ada dua jenis pengumuman yang sering digunakan untuk menyampaikan informasi kepada mahasiswa. Yang pertama melalui website dan yang kedua melalui papan pengumuman. Untuk mengakses informasi yang yang disampaikan melalui website jurusan hanya dapat diakses dengan menggunakan browser baik desktop browser maupun mobile browser. Dan untuk informasi yang disampaikan melalui papan pengumuman mahasiswa harus datang ketempat papan pengumuman untuk melihat informasi terbaru dari jurusan. Dari sisi yang memberikan pengumuman baik

58

dosen maupun pihak jurusan masih menggunakan kertas yang di-printout maupun ditulis tangan untuk menyampaikan informasi bahkan tidak jarang memanfaatkan media jejaring sosial pribadi untuk menyampaikan informasi pengumuman kampus. Selain itu pihak jurusan terkadang harus melakukan fotocopy maupun mengetik ulang informasi sebelum dipublikasikan, karena informasi yang diberikan sudah dalam bentuk media fisik yang di printout. Namun, cara-cara yang digunakan tersebut kurang efektif mengingat informasi yang diberikan harus sesegera mungkin dapat tersampaikan kepada mahasiswa. Oleh karena itu dibutuhkan sebuah sistem yang efektif, cepat, dan mudah digunakan dalam memberikan dan menyampaikan informasi tersebut yaitu dalam sebuah aplikasi mobile. Karena dengan aplikasi yang diimplementasikan pada perangkat mobile dapat digunakan kapan saja dan dimana saja asalkan terintegrasi dengan jaringan internet.

3.1.2

Analisis Sistem Operasi Analisis sistem operasi menjelaskan perbandingan antara sistem operasi

Android dengan sistem operasi mobile lain. Perbandingan sistem operasi dilakukan dari segi pengguna dan perkembangan aplikasi pendukung.

A. Perbandingan Analisis Pengguna Dunia Pada analisis perbandingan pengguna ini data yang digunakan sebagai perbandingan adalah data pengguna yang ada diseluruh dunia. Sumber data yang 59

digunakan sebagai analisis perbandingan diambil dari www.idc.com, IDC (International Data Corporation ) adalah penyedia utama intelejen pasar global, jasa konsultasi , dan peristiwa untuk teknologi , telekomunikasi dan konsumen pasar teknologi informasi . Gambar 3.1 adalah data Worldwide Smartphone OS Share yang dirilis oleh IDN pada Mei 2013.

Gambar 3.1 Grafik Worldwide Smartphone OS Share Tahun 2012 – 2013

Seperti yang terlihat pada grafik diatas sistem operasi mobile Android banyak digunakan oleh pengguna smartphone di dunia. Peningkatan juga terlihat pada presentasi rata-rata tahun 2012 sebesar 67.3% meningkat menjadi 74.93% di tahun 2013.

60

B. Analisis Pengguna Di Jurusan Teknik Informatika UIN Bandung Berdasarkan Quisioner yang dibagikan pada bulan Juni 2013, diperoleh hasil seperti grafik pada gambar 3.2. Pengguna OS Smartphone di Jurusan Teknik Informatika UIN SGD Bandung

14%

Android 45%

14%

iOS Blackberry Windows

14%

Symbian

13%

Gambar 3.2 Grafik Pengguna OS Smartphone Jurusan Teknik Informatika UIN SGD Bandung

Dari 368 mahasiswa yang mengisi quisioner terdapat 166 mahasiswa tercatat sebagai pengguna android. Dengan rumus persentase sebagai berikut : Persentase

= Nilai yang dicari presentasenya x 100 % Jumlah keseluruhan = 166 x 100% 368 = 45.11%

Dari perhitungan diatas didapatkan persentase dari pengguna android sebesar 45.11% atau dibulatkan menjadi 45% mahasiswa adalah pengguna OS Android, Jumlah OS Smartphone yang lebih dari 7 jenis yang diantaranya yaitu Android, iOS, Blackberry, Windows, Symbian, Linux, Palm, dll sudah menjadi bukti,

61

dengan jumlah presentase 45% OS Android merupakan OS dengan pengguna terbesar di jurusan teknik informatika UIN Bandung. 3.2

Deskripsi Umum Aplikasi yang dibangun pada tugas akhir ini adalah aplikasi mobile yang

digunakan unutk menjembatani pengguna yang ingin mengakses website tersebut dengan lebih cepat menggunakan telepon genggam berbasis android. 3.3

Arsitektur Sistem Pada gambar 3.3 merupakan arsitektur sistem informasi teknik informatika

UIN Sunan Gunung Djati Bandung. Proses yang dilakukan, pengguna mengakses website yang terdapat pada web server. Jika terjadi request untuk mengakses database, maka web server akan meneruskannya kepada server database yang menggunakan MySql dan menampilkan hasilnya pada website yang diakses oleh pengguna.

Gambar 3.3 Arsitektur Sistem

62

Sedangkan bentuk arsitektur Aplikasi Informasi teknik informatika UIN Sunan Gunung Djati Bandung pada telepon genggam, dapat dilihat pada Gambar 3.4. pada telepon genggam berbasis android, telah diinstal aplikasi klien untuk menampilkan data-data yang terdapat pada database. Sebagai penjembatan antara aplikasi klien dan database maka dibuat perantara berupa file.php yang terdapat pada web server.

Gambar 3.4 Arsitektur Aplikasi

Di dalam web server dibedakan menjadi dua folder, yaitu folder pertama berisi file-file html dan php yang berfungsi utuk menampilkan website. Folder kedua berisi file-file php yang berfungsi untuk menangkap request dari aplikasi java dan berfungsi untuk memberikan respon kepada aplikasi java. Selain itu file php tersebut merupakan penjembatan antara database MySql dengan aplikasi java. Untuk request dan response data yang cukup banyak, maka digunakanlah komunikasi data JSON. Data dari web server diolah ke dalam php sehingga

63

membentuk suatu obyek, kemudian obyek tersebut diencode dan dikirimkan kepada aplikasi java. Oleh aplikasi java, response yang diberikan oleh web server didecode menjadi suatu obyek yang nantinya dapat diproses ke dalam aplikasi 3.4

Perancangan 3.4.1

Perancangan Sistem A. Use Case Diagram Berikut adalah gambar use case diagram yang disajikan untuk Aplikasi Informasi Jurusan Teknik informatika UIN Sunan Gunung Djati Bandung Berbasis Android. Lihat gambar 3.5 sebagai berikut :

System <> Melihat Info Kampus

Detail Kampus

<> Melihat Info Berita

<<extend>> Detail Berita <<extend>>

TabHost

<> Melihat Info Pengumuman

Bookmark

<<extend>> Detail Pengumuman

User

<<extend>>

<> Melihat Gallery Detail Gallery

About

Registrasi Notifikasi

Gambar 3.5 Usecase Diagram

64

<<extend>>

Hapus Bookmark

B. Skenario Use Case Skenario Use Case Diagram merupakan deskripsi urutan langkah-langkah dalam proses bisnis baik yang dilakukan aktor terhadap sistem maupun yang dilakukan oleh sistem terhadap aktor. Skenario use case ini dibuat berdasarkan use case diagram pada Gambar 3.5. berikut ini penjelasan dari masing-masing skenario use case pada tabel dibawah ini.

Tabel 3.1 Skenario Use Case Registrasi Nama Tujuan Aktor Kondisi Awal

Identifikasi Registrasi Memastikan pengguna mendaftarkan device untuk mendapatkan notifikasi User Menampilkan form notifikasi Skenario Utama

Skenario Normal Aksi Aktor

Reaksi Sistem 1. Menampilkan pesan “Apakah Kamu

Mau Menerima Notifikasi?” 2. Menekan tombol “Ya” untuk menyetujui menerima notifikasi 3. Menyimpan ID device pada database Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Menampilkan pesan “Apakah Kamu

Mau Menerima Notifikasi?” 2. Menekan tombol “Ya” untuk menyetujui menerima notifikasi 3. Mengecek ketersediaan koneksi internet 4. Tidak dapat melakukan koneksi internet 5. Menampilkan Pesan “Please connect

to working internet connection?” 6. Mengatur koneksi internet

Kondisi Akhir

7. Mengecek ketersediaan koneksi internet 8. Menyimpan ID device pada database Menyimpan ID device pada database

65

Tabel 3.2 Skenario Use Case Tab Menu Nama Tujuan Aktor Kondisi Awal

Identifikasi Tab Menu Melihat tabmenu User Skenario Utama

Skenario Normal Aksi Aktor 1. Pengguna masuk ke dalam aplikasi

Reaksi Sistem

2. Mengambil data tab menu 3. Menampilkan pilihan tab menu Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna masuk ke dalam aplikasi 2. Mengecek ketersediaan koneksi internet 3. Tidak dapat melakukan koneksi internet 4. Menampilkan pilihan tab menu Kondisi Akhir Menampilkan tabmenu

Tabel 3.3 Skenario Use Case List Menu Kampus Nama Tujuan Aktor Kondisi Awal

Identifikasi List Menu Kampus Melihat seluruh list menu kampus User Halaman utama tabmenu Skenario Utama

Skenario Normal Aksi Aktor 1. Pengguna masuk ke halaman menu utama

Reaksi Sistem

2. Mengambil data info kampus 3. Menampilkan list judul menu kampus Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna masuk ke halaman menu utama 2. Mengecek ketersediaan koneksi internet 3. Tidak dapat melakukan koneksi internet 4. Tidak menampilkan list judul dari menu kampus 5. Mengatur koneksi internet

66

Kondisi Akhir

6. Menampilkan list judul menu kampus Menampilkan list judul menu kampus

Tabel 3.4 Skenario Use Case List Menu Berita Nama Tujuan Aktor Kondisi Awal

Identifikasi List Menu Berita Melihat seluruh list menu berita User Halaman utama tabmenu Skenario Utama


Reaksi Sistem

2. Mengambil data info berita 3. Menampilkan list judul menu berita Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna masuk ke halaman menu utama 2. Mengecek ketersediaan koneksi internet 3. Tidak dapat melakukan koneksi internet 4. Tidak menampilkan list judul dari menu berita 5. Mengatur koneksi internet 6. Menampilkan list judul menu berita Kondisi Akhir Menampilkan list judul menu berita

Tabel 3.5 Skenario Use Case List Menu Pengumuman Nama Tujuan Aktor Kondisi Awal

Identifikasi List Menu Berita Melihat seluruh list menu pengumuman User Halaman utama tabmenu Skenario Utama


Reaksi Sistem

2. Mengambil data info pengumuman 3. Menampilkan list judul menu pengumuman Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna masuk ke halaman menu

67

utama 2. Mengecek ketersediaan koneksi internet 3. Tidak dapat melakukan koneksi internet 4. Tidak menampilkan list judul dari menu pengumuman 5. Mengatur koneksi internet Kondisi Akhir

6. Menampilkan list judul menu berita Menampilkan list judul menu pengumuman

Tabel 3.6 Skenario Use Case List Menu Galeri Nama Tujuan Aktor Kondisi Awal

Identifikasi List Menu Galeri Melihat seluruh list menu galeri User Halaman utama tabmenu Skenario Utama


Reaksi Sistem

2. Mengambil data info galeri 3. Menampilkan list judul menu galeri Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna masuk ke halaman menu utama 2. Mengecek ketersediaan koneksi internet 3. Tidak dapat melakukan koneksi internet 4. Tidak menampilkan list judul dari menu galeri 5. Mengatur koneksi internet 6. Menampilkan list judul menu berita Kondisi Akhir Menampilkan list judul menu galeri

Tabel 3.7 Skenario Use Case Detail Menu Kampus Nama Tujuan Aktor Kondisi Awal

Identifikasi Detail Menu kampus Melihat seluruh detail menu kampus User Menampilkan list judul menu kampus Skenario Utama


Reaksi Sistem

68

4. Menampilkan list judul menu kampus 5. Memilih judul dari menu kampus 6. Menampilkan detail berdasarkan judul yang dipilih dari menu kampus Skenario Alternatif : Tidak Tersedia Koneksi Internet 5. Menampilkan list judul menu kampus 6. Memilih judul dari menu kampus 9. Mengecek ketersediaan koneksi internet 10. Tidak dapat melakukan koneksi internet 11. Tidak menampilkan list judul dari menu galeri 12. Mengatur koneksi internet 7. Menampilkan detail menu kampus Kondisi Akhir Menampilkan detail menu kampus

Tabel 3.8 Skenario Use Case Detail Menu Berita Nama Tujuan Aktor Kondisi Awal

Identifikasi Detail Menu berita Melihat seluruh detail menu berita User Menampilkan list judul menu berita Skenario Utama


Reaksi Sistem 7. Menampilkan list judul menu berita

8. Memilih judul dari menu berita 9. Menampilkan detail berdasarkan judul yang dipilih dari menu berita Skenario Alternatif : Tidak Tersedia Koneksi Internet 8. Menampilkan list judul menu berita 9. Memilih judul dari menu berita 13. Mengecek ketersediaan koneksi internet 14. Tidak dapat melakukan koneksi internet 15. Tidak menampilkan list judul dari menu galeri 16. Mengatur koneksi internet 10. Menampilkan detail menu berita Kondisi Akhir Menampilkan detail menu berita

69

Tabel 3.9 Skenario Use Case Detail Menu Pengumuman Nama Tujuan Aktor Kondisi Awal

Identifikasi Detail Menu Pengumuman Melihat seluruh detail menu pengumuman User Menampilkan list judul menu pengumuman Skenario Utama


11. Memilih judul pengumuman

Reaksi Sistem 10. Menampilkan list judul pengumuman dari

menu

menu

12. Menampilkan detail berdasarkan judul yang dipilih dari menu pengumuman Skenario Alternatif : Tidak Tersedia Koneksi Internet 11. Menampilkan list judul menu pengumuman 12. Memilih judul dari menu pengumuman 17. Mengecek ketersediaan koneksi internet 18. Tidak dapat melakukan koneksi internet 19. Tidak menampilkan list judul dari menu galeri 20. Mengatur koneksi internet 13. Menampilkan detail menu pengumuman Kondisi Akhir Menampilkan detail menu pengumuman

Tabel 3.10 Skenario Use Case Detail Menu Galeri Nama Tujuan Aktor Kondisi Awal

Identifikasi Detail Menu Galeri Melihat seluruh detail menu galeri User Menampilkan list judul menu galeri Skenario Utama


Reaksi Sistem 13. Menampilkan list judul menu galeri

14. Memilih judul dari menu galeri 15. Menampilkan detail berdasarkan judul yang dipilih dari menu galeri Skenario Alternatif : Tidak Tersedia Koneksi Internet

70

14. Menampilkan list judul menu galeri 15. Memilih judul dari menu galeri 21. Mengecek ketersediaan koneksi internet 22. Tidak dapat melakukan koneksi internet 23. Tidak menampilkan list judul dari menu galeri 24. Mengatur koneksi internet Kondisi Akhir

16. Menampilkan detail menu galeri Menampilkan detail menu galeri

Tabel 3.11 Skenario Use Case Tambah Bookmark Nama Tujuan Aktor Kondisi Awal

Identifikasi Tambah Bookmark Menambah bookmark User Menampilkan detail dari judul yang sudah dipilih Skenario Utama


Reaksi Sistem 16. Menampilkan detail dari judul terpilih.

17. Menekan icon bookmark 18. Menampilkan pesan “Bookmark Disimpan” Skenario Alternatif : Tidak Tersedia Koneksi Internet 17. Menampilkan list judul menu galeri 18. Menekan icon bookmark 19. Menampilkan pesan “Bookmark Disimpan” Kondisi Akhir Menyimpan data bookmark

Tabel 3.12 Skenario Use Case Detail Bookmark Nama Tujuan Aktor Kondisi Awal

Identifikasi Detail Bookmark Menampilkan detail dari judul menu bookmark User Halaman Utama Skenario Utama

Skenario Normal Aksi Aktor 20. Menekan bookmark

pilihan

Reaksi Sistem 19. Menampilkan halaman utama lalu

icon 21. Mengambil data bookmark 22. Menampilkan data list bookmark

71

23. Memilih berdasarkan judul 24. Menampilkan detail berdasarkan judul terpilih Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Menampilkan halaman utama 2. Menekan pilihan lalu icon bookmark 3. Mengambil data bookmark 4. Menampilkan data list bookmark 5. Memilih berdasarkan judul 6. Menampilkan detail berdasarkan judul terpilih Kondisi Akhir Menampilkan detail berdasarkan judul terpilih pada menu bookmark

Tabel 3.13 Skenario Use Case Hapus Bookmark Nama Tujuan Aktor Kondisi Awal

Identifikasi Hapus Bookmark Menghapus detail dari judul menu bookmark User Halaman Utama Skenario Utama

Skenario Normal Aksi Aktor 1. Pengguna menekan tombol option lalu bookmark

Reaksi Sistem

2. Menampilkan list menu bookmark 3. Memilih judul dari list bookmark 4. Menampilkan detail menu yang dipilih 5. Menekan tombol hapus bookmark 6. Menghapus judul pada database dan menampilkan pesan “Bookmark Dihapus” Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna menekan tombol option lalu bookmark 2. Menampilkan list menu bookmark 3. Memilih judul dari list bookmark 4. Menampilkan detail menu yang dipilih 5. Menekan tombol hapus bookmark 6. Menghapus judul pada database dan menampilkan pesan “Bookmark Dihapus” Kondisi Akhir Menghapus detail berdasarkan judul pada menu bookmark

72

Tabel 3.14 Skenario Use Case About Nama Tujuan Aktor Kondisi Awal

Identifikasi About Menampilkan detail dari about User Halaman Utama Skenario Utama

Skenario Normal Aksi Aktor 1. Pengguna menekan tombol option lalu About

Reaksi Sistem

2. Menampilkan info tentang aplikasi. Skenario Alternatif : Tidak Tersedia Koneksi Internet 1. Pengguna menekan tombol option lalu About 2. Menampilkan info tentang aplikasi. Kondisi Akhir Menampilkan detail menu About

C. Activity Diagram Activity Diagram merupakan diagram yang memodelkan aliran kerja atau workflow dari urutan aktifitas dalam suatu proses yang mengacu pada use case diagram yang ada.

73

1. Activity Diagram Melihat Info Kampus Activity Diagram Melihat Info Kampus menjelaskan alir kerja aktor untuk melakukan proses Melihat List dari Info Kampus. Gambar 3.6 akan menggambarkan alir kerja proses Melihat List dari Info Kampus User

System

Menampilkan Tab Menu

Memilih Tab menu Kampus

Menampilkan List Menu Kampus

Gambar 3.6 Activity Diagram Melihat Info Kampus 2. Activity Diagram Melihat Info Berita Gambar 3.7 merupakan Activity Diagram Melihat Info Berita menjelaskan alir kerja aktor untuk melakukan proses Melihat List dari Info Berita. User

System


Memilih Tab menu Berita

Menampilkan List Menu Berita

Gambar 3.7 Activity Diagram Melihat Info Berita 74

3. Activity Diagram Melihat Info Pengumuman Gambar 3.8 merupakan

Activity Diagram

Melihat

Info Pengumuman

menjelaskan alir kerja actor untuk melakukan proses Melihat List dari Info Pengumuman. User

System


Memilih Tab menu Pengumuman

Menampilkan List Menu Pengumuman

Gambar 3.8 Activity Diagram Melihat Info Pengumuman 4. Activity Diagram Melihat Galeri Gambar 3.9 merupakan Activity Diagram Melihat Galeri menjelaskan alir kerja aktor untuk melakukan proses Melihat List dari Galeri. User

System


Memilih Tab menu Gallery

Menampilkan List Menu Gallery

Gambar 3.9 Activity Diagram Melihat Galeri 75

5. Activity Diagram Melihat Detail Kampus Gambar 3.10 merupakan Activity Diagram Melihat Detail Kampus menjelaskan alir kerja actor untuk melakukan proses Melihat Detail dari Info Kampus berdasarkan judul dari menu kampus yang dipilih. User

System

Menampilkan List Kampus

Memilih Judul Pada List

Menampilkan Detail Dari Judul Berita

Gambar 3.10 Activity Diagram Melihat Detail Kampus 6. Activity Diagram Melihat Detail Berita Gambar 3.11 merupakanActivity Diagram Melihat Detail Berita menjelaskan alir kerja aktor untuk melakukan proses Melihat Detail dari Info Beritaberdasarkan judul dari menu berita yang dipilih. User

System

Menampilkan List Berita


Menampilkan Detail Dari Judul Berita

Gambar 3.11 Activity Diagram Melihat Detail Berita 76

7. Activity Diagram Melihat Detail Pengumuman Gambar 3.12 merupakan Activity Diagram Melihat Detail Pengumuman menjelaskan alir kerja actor untuk melakukan proses Melihat Detail dari Info Pengumuman berdasarkan judul dari menu pengumuman yang dipilih. User

System

Menampilkan List Pengumuman


Menampilkan Detail Dari Judul Pengumuman

Gambar 3.12 Activity Diagram Melihat Detail Pengumuman 8. Activity Diagram Melihat Detail Galeri Gambar 3.13 merupakan Activity Diagram Melihat Detail Galeri menjelaskan alir kerja actor untuk melakukan proses Melihat Detail dari Info Galeri berdasarkan judul dari menu Galeri yang dipilih. User

System

Menampilkan List Judul Gallery


Menampilkan Detail Dari Judul Yang Dipilih

Gambar 3.13 Activity Diagram Melihat Detail Galeri 77

9. Activity Diagram Melakukan Bookmark Gambar 3.14 merupakanActivity Diagram Melakukan Bookmark menjelaskan alir kerja actor untuk melakukan proses Bookmark pada detail dari menu dan judul yang dipilih. User

Sistem

Menampilkan Menu

Memilih Menu Menampilkan List Menu yang Dipilih

Memilih Judul dari List

Menampilkan Detail dari Judul yang Dipilih

Menekan Tombol Bookmark

Melakukan Penyimpanan Pada Database

Gambar 3.14 Activity Diagram Melakukan Bookmark 10. Activity Diagram Melihat Bookmark Gambar 3.15 merupakan Activity Diagram MelihatBookmark menjelaskan alir kerja actor untuk melakukan proses Melihat Bookmark dari menu dan judul yang dipilih pada menu Bookmark. User

Sistem

Menampilkan Menu

Menekan Tombol Option Menampilkan Menu Bookmark dan Info

Memilih Menu Bookmark

Menampilkan List Pada Menu Bookmark

Memilih Judul Pada Menu Bookmark

Menampilkan Detail Pada Judul Yang Dipilih

Gambar 3.15 Activity Diagram Melihat Bookmark 78

11. Activity Diagram Hapus Bookmark Gambar 3.16 merupakan Activity Diagram Melakukan Hapus Bookmark menjelaskan alir kerja actor untuk melakukan proses Hapus Bookmark pada list dari menu Bookmark. User

Sistem

Menampilkan Menu

Memilih Menu Menampilkan List Menu yang Dipilih

Memilih Judul dari List

Menampilkan Detail dari Judul yang Dipilih

Menekan Tombol Hapus Bookmark

Menghapus Pada Database

Gambar 3.16 Activity Diagram Hapus Bookmark 12. Activity Diagram Register Gambar 3.17 merupakan Activity Diagram Register menjelaskan alir kerja actor untuk melakukan proses pendaftaran untuk mendapatkan notifikasi. Pengguna

Sistem

start Menampilkan Form Register

Mengisi Data Registrasi

Menekan Tombol Register Here

Menampilkan Halaman Utama

Gambar 3.17 Activity Diagram Register 79

D. Entity Relationship Diagram (ERD) Gambar 3.18 merupakan gambaran ERD dari Aplikasi Informasi Jurusan Teknik Informatika UIN Sunan Gunung Djati Bandung.

Gambar 3.18 Entity Relationship Diagram (ERD)

E. Struktur Tabel Sebuah struktur file dapat digunakan untuk suatu perancangan sistem yang di buat karena data yang di buat ini dapat menentukan struktur database yang ada yang menunjukan dari struktur data yang dapat diketahui size atau jenisnya. Agar dapat mempermudah dalam pembuatan program maka dibuatnya struktur database, dan dapat dilihat seperti di bawah ini :

80

1) wp_users Nama Tabel

: wp_users

Media Penyimpanan

: Harddisk

Primary key

: ID

Foreign Key

: Tabel 3.15 Struktur wp_users

No 1 2 3 4 5 6 7 8 9 10

Nama Field

Key

ID user_login user_pass user_nicename user_email user_url user_registered user_activation_key user_status display_name

Primary Key Key Key

Tipe Data

bigint(20) varchar(60) varchar(64) varchar(50) varchar(100) varchar(100) datetime varchar(60) int(11) varchar(250)

Keterangan

ID User Username Password Email URL waktu registrasi status aktif Tampilan Nama

2) wp_term_relationship Nama Tabel

: wp_term_relationship

Media Penyimpanan

: Harddisk

Primary key

: object_id

Foreign Key

: Tabel 3.16 Struktur File wp_term_relationship

No Nama Field 1 object_id 2 3

Key

Tipe Data

Keterangan

Primary Key

bigint(20)

Kode Isi Postingan

Key

bigint(20) Int(11)

ID Menu

term_taxonomy_id term_order

81

3) wp_posts Nama Tabel

: wp_posts

Media Penyimpanan

: Harddisk

Primary key

: ID

Foreign Key

: Tabel 3.17 Struktur File wp_posts

No Nama Field 1 ID 2 post_author 3 4 5 6 8 9

Key

Primary Key Key

Tipe Data

bigint(20) varchar(60)

post_date post_content post_name post_guid post_status_date post_parent

varchar(64) varchar(50) varchar(100) varchar(100) varchar(60) int(11)

Key Key

Keterangan

ID Postingan ID Author Waktu Pemostingan Isi Postingan Judul Postingan URL Status Postingan

4) wp_terms Nama Tabel

: wp_terms

Media Penyimpanan

: Harddisk

Primary Key

: term_id

Foreign Key

:Tabel 3.18 Struktur File wp_terms

No Nama Field 1 term_id 2 name 3 slug

Key primary key Key Unique Key

82

Tipe Data bigint(20) varchar(200) varchar(200)

Keterangan ID Menu Nama Menu Kategori

F. Class Diagram Class Diagram merupakan gambaran dari struktur dan hubungan pada setiap objek-objek yang berjalan pada sistem. Pada diagram ini digambarkan atributatribut dan metode-metode yang ada pada masing-masing kelas. Adapun gambaran class diagram dari Aplikasi Informasi Jurusan Teknik Informatika UIN Sunan Gunung Djati Bandung yang dibangun dapat dilihat pada gambar 3.19.

83

84

+context +inflater +data +getCount() +getItem() +getItemId() +getView() +onClick()

+context +inflater +data +getCount() +getItem() +getItemId() +getView()

+mCtx +mDbHelper +TAG +COLUMN_FIRST +COLUMN_SECOND +COLUMNT_THIRD

+onCreate() +onPreExecute() +doInBackground() +onPostExecute() +checkInternetConnection()

+pDialog +beritaList +berita +listview +adapter +jsonobject +TAG_INFO +ID +POST_TITLE +POST_CONTENT +POST_DATE

BeritaActivity

+getId() +setId() +getIdpost() +setIdpost() +getPosttitle() +setPosttitle() +getPostcontent() +setPostcontent()

+id +id_post +post_title +post_content

Data

+onCreate() +openBookmark() +onItemClick()

+newDB +lv +tableName +post_title +id_post +post_content +_post_title +_id_post +_post_content +arAdapter +list +listData +data +tv

BookmarkActivity

+getJSONfromURL()

JSONParser



KegiatanActivity +pDialog +kegiatanList +kegiatan +listview +adapter +jsonobject +TAG_INFO +ID +POST_TITLE +POST_CONTENT +POST_DATE

+pDialog +kampusList +kampus +listview +adapter +jsonobject +TAB_INFO +ID +POST_TITLE +POST_CONTENT +POST_DATE

KampusActivity

+createDataBase() +copyDataBase() +checkDataBase() +openDataBase() +onCreate() +onUpgrade() +insertBookmark() +deleteBookmark()

+TAG +DB_PATH +DB_NAME +DB_TABLE +myDataBase +myContext

Helper


+pDialog +pengumumanList +pengumuman +listview +adapter +jsonobject +TAG_INFO +ID +POST_TITLE +POST_CONTENT +POST_DATE

PengumumanActivity

+onCreate() +onClick() +onPreExecute() +doInBackground() +onPostExecute()

+onCreate() +onClick() +onPreExecute() +doInBackground() +onPostExecute() +onCreate() +onPreExecute() +doInBackground() +onPostExecute()

+onCreate() +onClick() +onPreExecute() +doInBackground() +onPostExecute()

+id +post_title +post_content +post_date +mProgressDialog +judul +tanggal +isi +dbHelper


+id +post_title +post_content +post_date +mProgressDialog +judul +isi +dbHelper

+id_post +dbHelper

+onCreate() +onClick()

DetailPengumumanActivity

DetailKegiatanActivity

DetailKampusActivity

DetailBookmarkActivity

+getCount() +getItem() +getItemId() +getView() +onClick()

+context +inflater +data

PengumumanAdapter


+open() +close() +getCount() +getItem() +getItemId() +getView()

KegiatanAdapter

KampusAdapter

BookmarkAdapter

DetailBeritaActivity



BeritaAdapter

+onCreate() +onPreExecute() +doInBackground() +onPostExecute()

+pDialog +detailGaleriList +galeri +listview +jsonobject +adapter +TAG_INFO +ID +POST_TITLE +POST_CONTENT +POST_DATE +term_id

DetailGaleriActivity

+onCreate() +onPreExecute() +doInBackground() +onPostExecute() +getBitmap() +decodeFile()

+TAG_INFO +GUID +pDialog +id +imageList +jsonobject +image +listview +adapter +gridview +memoryCache +fileCache +judul +keterangan

+onCreate() +onCreateOptionsMenu() +onOptionsItemSelected() +onBackPressed() +onDestroy()

+GALERI_TAB +PENGUMUMAN_TAB +BERITA_TAB +KAMPUS_TAB +context +db

TabhostActivity

+CopyStream()

Utils


+pDialog +galeriList +galeri +listview +jsonobject +adapter +TAG_INFO +TERM_ID +POST_DATE +NAME

GaleriActivity

+onCreate()

+image +imageLoader

FullImageActivity


+context +inflater +data +imageLoader

ImageAdapter



ImageGaleriActivity

+ImgLoader() +DisplayImage() +queuePhoto() +getBitmap() +decodeFile()



ImgLoader +fileCache +imageViews +executorService

GaleriAdapter

DetailGaleriAdapter AgrementActivity

+onCreate() +doInBackground() +onPostExecute() +onReceive() +onDestroy() +onBackPressed()

+GCMIntentService() +onRegistered() +onUnregistered() +onMessage() +onDeletedMessage() +onError() +onRecoverableError() +generateNotification()

GCMIntentService +TAG +aController

SplashActivity

+showAlertDialog()

AlertDialogManager

+register() +unregister() +post() +isConnectingToInternet() +displayMessageOnScreen() +showAlertDialog() +acqquireWakeLock() +releaseWakeLock()

+MAX_ATTEMPTS +BACKOFF_MILLI_SECONDS

Controller

+YOUR_SERVER_URL +GOOGLE_SENDER_ID +TAG +DISPLAY_MESSAGE_ACTION +EXTRA_MESSAGE

Config

+MemoryCache() +setLimit() +get() +put() +checkSize() +clear() +getSizeInBytes()

+onCreate() +onClick() +checkInternetConnection()

MemoryCache +TAG +cache +size +limit

RegisterActivity +textUser +textPass +textConfirm +btnRegister

+_active +_splashTime +alert +session +status +name +aController +mRegisterTask

+SessionManager() +createLoginSession() +checkLogin() +getUserDetails()

+pref +editor +_context +PRIVATE_MODE +PREF_NAME +IS_LOGIN +KEY_NAME

SessionManager

+onCreate() +doRegisterGcm() +doRegisterSession()

+context +session +_ID_REGISTRATION +statusGCM +yes +no

FileCache

+FileCache() +getFile() +clear()

+cacheDir

G. Sequence Diagram Pada tahap ini Sequence Diagram menjelaskan secara detil urutan proses yang dilakukan sistem untuk mencapai tujuan dari Use Case. Interaksi yang terjadi antar class, operasi apa saja yang terlibat, urutan antar operasi, dan informasi yang diperlukan oleh masing-masing operasi. 1. Sequence Diagram Melihat Detail Info Pengumuman

Gambar 3.20 Sequence Diagram Melihat Detail Info Pengumuman

85

2. Sequence Diagram Melihat Detail Info Galeri

Gambar 3.21 Sequence Diagram Melihat Detail Info Galeri

3. Sequence Diagram Melihat Detail Info Tentang Informatika

Gambar 3.22 Sequence Diagram Melihat Detail Info Tentang Informatika

86

4. Sequence Diagram Melihat Detail Info Berita

Gambar 3.23 Sequence Diagram Melihat Detail Info Berita

5. Sequence Diagram Bookmark

Gambar 3.24 Sequence Diagram Bookmark

87

2.4.1 Perancangan Aplikasi Perancangan Aplikasi adalah teknik perancangan design suatu aplikasi yang akan dibuat sesuai fungsi dan keinginan bagi admin, dengan menjelaskan deskripsi interface dan penggunaan pembuatan aplikasi itu sendiri 1. Halaman Pembuka Halaman Pembuka adalah halaman selamat datang sekaligus proses loading data pada aplikasi, halaman ini dapat diakses oleh semua user yang telah meng-install Aplikasi Informasi Jurusan Teknik Informatika UIN Sunan Gunung Djati Bandung.

LOGO

Connecting . . .

Gambar 3.25 Tampilan Halaman Pembuka

2. Registrasi Pada halaman ini sistem akan meminta user untuk memasukkan username dan email. Pada saat pertama kali meng-install Aplikasi Informasi Jurusan Teknik Informatika UIN Sunan Gunung Djati Bandung ini, user akan diminta untuk memasukkan username dan email untuk mendaftarkan device-nya agar dapat menerima notifikasi.

Not ifikaApakah Anda Mau Menerima Notifikasi ? si YA TIDAK

Gambar 3.26 Tampilan Halaman Registrasi

88

3. Halaman Utama Pada halaman utama, user dapat melihat berbagai menu berupa pengumuman, tulisan, berita, tentang informatika, dan bookmark. Pada halaman utama juga di tampilkan info terbaru berdasarkan tanggal. Setiap user dapat memilih menu yang diinginkan.

Gambar 3.27 Tampilan Halaman utama 4. Detail Info Halaman detail info ini dapat diakses ketika user sudah memilih menu dan mengklik judul pada menu tersebut. Pada halaman ini user dapat melihat isi berita dan melihat secara rinci keterangan berita tersebut, mulai dari judul, tanggal terbit, penulis, dan isi berita. Pada halaman ini user dapat melakukan bookmark yang nantinya ditampilkan pada menu bookmark untuk mempermudah user dalam menandai suatu berita.

89

Gambar 3.28 Tampilan Detail Info 5. Bookmark Halaman bookmark berisi semua berita yang telah di bookmark oleh user. Halaman bookmark ini ditujukan untuk mempermudah user dalam menemukan suatu berita.

Gambar 3.29 Tampilan Bookmark

90

BAB III ANALISIS DAN PERANCANGAN. Analisis bertujuan untuk mengidentifikasi permasalahan-permasalahan yang

Recommend Documents