BAB III ANALISIS DAN PERANCANGAN

29

BAB III ANALISIS DAN PERANCANGAN 1.1

Analisis Sistem Dalam penulisan ini, penulis merencanakan untuk membuat sebuah aplikasi

berita seputar Universitas Mercubuana pada mobile Android. Aplikasi ini menampilkan berita-berita seputar Universitas Mercubuana dimana di antaranya berita tentang aktifitas didalam dan di luar kampus, berita ukm, seminar, pendaftran mahasiswa baru. Untuk memudahkan pengaksesan informasi, penulis merangcang aplikasi ini kedalam beberapa menu atau kategori. Aplikasi ini di mulai dengan menampilkan sebuah halaman Splash Screen yang kemudian digantikan dengan munculnya halaman berikutnya yaitu menu utama yang berisi daftar pilihan. Menu utama dibagi 5 yaitu, Berita terbaru, berita ukm, berita seminar, berita pendaftaran mahasiswa baru, about. 1.2

Analisa Kebutuhan Dalam

melakukan

penelitian,

dibutuhkan

beberapa

komponen

yang

mendukung terhadap keberhasilan penelitian yaitu : 1. Perangkat Lunak (software) a. Sistem Operasi Windows 7 b. Software Android Studio 2. Perangkat Keras (hardware) a. Laptop Dell Inspiron b. HandPhone Lenovo Os: jellybean 4.1 1.3

Perancangan Sistem Perancangan sistem merupakan tahap awal dari perancangan perangkat lunak.

Perancangan ini dilakukan untuk mengetahui kondisi sistem secara umum. Perancangan sistem meliputi Cara kerja sistem, Use Case Diagram, Activity Diagram, Sequence Diagram, Class Diagram.

29

http://digilib.mercubuana.ac.id/

30

1.3.1

Cara Kerja Sistem Cara kerja Aplikasi UMB News adalah Aplikasi membutuhkan koneksi

internet karena, dalam pengaksesannya aplikasi akan mengambil data dari server dan aplikasi ini juga menggunakan database. 3.3.2

Use Case Diagram Login << include >>

Logout

Manage user

Edit comment Admin

Operator Manage Berita << include >>

Edit

<< include >>

View Berita

<< include >>

Guest

Member Comment Berita

Cari Berita

Registrasi

Gambar 3.1 Use Case Aplikasi Umb News


31

Berikut ini adalah deskripsi dari use case diagram pada gambar 3.1 diatas : Tabel 3.1 Keterangan Use Case Login Use Case Name Actor Description

Login Admin, Operator, Member Use case yang menggambarkan kegiatan memasukan username dan password untuk divalidasi agar bisa menggunakan fungsi system sesuai tingkatan user

Pre Condition

Semua actor membuka system MercuNews

Trigger

User membuka halaman Login dari system

Typical course of events

Actor Action

System Response

1. Pilih “login”

2. Menampilkan form login

3. Input username dan

4. Cek username dan password

password

5. Validasi username dan password 6. Login sukses

7. Menampilkan halaman utama

Alternatif course

3: Jika username dan password salah maka actor diharuskan input kembali username dan password.

Conclusion

User berhasil masuk ke dalam sistem MayTrack dan dapat menggunakan fungsi sistem sesuai dengan tingkatan user.

Post Condition

-


32

Tabel 3.2 Keterangan Use Case Logout Use Case Name Actor Description

Logout Admin, Operator, Member Use case yang menggambarkan kegiatan keluar dari sistem dan mengembalikan User kepada fungsi-fungsi dasar sistem pada tingkatan guest.

Pre Condition Trigger

Semua aktor sedang mengakses Mercu News User dalam keadaan login di dalam sistem.

Typical course of

Actor Action

events

1. Pilih “logout”

System response 2. Memproses keluar dari sistem 3. Menampilkan Menu Utama

Alternatif course Conclusion Post Condition

User berhasil keluar dari sistem

User bisa melakukan login ke dalam sistem.


33

Tabel 3.3 Keterangan Use Case Manage User Manage Data User

Use Case Name

Admin

Actor

Use case menggambarkan kegiatan memanagemen data user di

Description

dalam sistem sesuai dengan tingkatannya masing-masing. Admin telah login dan berada di halaman User

Pre Condition

Admin memilih menu “User”

Trigger Typical events

course

of

System response

Actor Action 1. Pilih menu “Setting”

2. Menampilkan list data Setting

3. Pilih menu “Manage

4. Menampilkan list data user

User” 5. Jika Admin meng-klik

6. Menampilkan form input data User

“add” 7. Input data User 8. Klik “add user”

9. Menyimpan ke dalam database

10. Jika Admin meng-klik

11. Menghubungkan dengan database

“status”

12. Mengubah status data User 13. Menampilkan list data User 14. Jika Admin meng-klik

15. Menampilkan form edit

“edit”


34

data User 16. Input data User 17. Klik “edit user”

18. Menyimpan ke dalam database 19. Menampilkan list data User

7, 16: Jika data User tidak terisi sempurna maka akan muncul

Alternatif course

pesan “tidak lengkap” Data User telah berhasil diatur

Conclusion

-

Post Condition

Tabel 3.4 Keterangan Use case Edit comment Edit Comment

Use Case Name

Admin, operator

Actor

Use case yang menggambarkan kegiatan memanajemen

Description

comment berita pada sistem. Aktor telah login dan berada di halaman detail data

Pre Condition

comment. Aktor check atau uncheck form “Update Comment” untuk

Trigger

mengaktifkan atau menonaktifkan comment berita. Typical events

course

of

Actor Action 1. Pilih menu “View

System response 2. Menampilkan “Data

Berita”


berita”

35

3. Pilih “View Comment”

4. Menampilkan detail “data Comment”

5. Klik “Delete”

6. Menyimpan ke dalam database 7. Menampilkan list “data comment”


Status Update comment berhasil -

Tabel 3.5 Keterangan Use case Manage berita Use Case Name Actor Description

Manage Berita Admin, Operator Use case yang menggambarkan kegiatan memanajemen data berita yang merupakan konten yang ditampilkan oleh sistem.

Pre Condition Trigger Typical course of events

Staf Operasi telah login dan berada di halaman Tambah berita Staf Operasi memilih menu “Tambah berita”

Actor Action 1. Pilih menu “Tambah

System response 2. Menampilkan list data

berita”

“Tambah berita” 3. Menampilkan “form input” data Berita

4. Input data Berita 5. Klik “save”

6. Menyimpan ke dalam


36

“database” 7. Jika Aktor meng-klik

8. Menghubungkan

“status”

dengan “database” 9. Merubah status berita “published” or “not published” 10. Menampilkan list “data Berita”

11. Klik “save”

12. Menyimpan ke dalam “database”

13. Jika Aktor

meng-klik

14. Menempilkan form edit

“edit”

berita 15. Menampilkan list data “edit berita”

16. Input data Berita 17. Klik “save”

18. Menyimpan ke dalam “database”

Alternatif course

4, 16: Jika data tidak terisi sempurna maka akan muncul pesan “tidak lengkap”

Conclusion Post Condition

Data berita berhasil dibuat -


37

Tabel 3.6 Keterangan Use case View berita Use Case Name Actor Description

View Berita Admin, Operator, Member, Guest

Use case yang menggambarkan kegiatan melihat detail data Berita yang telah tersimpan.

Pre Condition

Aktor sedang mengakses sistem dan berada di halaman data Berita.

Trigger

User memilih menu “Berita” dari sistem.


System response

Actor Action 1. Pilih “Berita”

2. Menampilkan list Berita

3. Pilih “View Berita”

4. Menampilkan detail data Berita

Alternatif course

4: Jika gagal menampilkan detail data Berita, maka akan muncul pesan kesalahan.


Detail data berita berhasil dilihat. -

Tabel 3.7 Keterangan Use Case Comment Berita Use Case Name Actor Description

Comment Berita Member

Use case yang menggambarkan kegiatan memberi komentar pada Berita yang telah di baca.


38

Pre Condition

Aktor sedang mengakses sistem dan berada di halaman Berita.

Trigger

User memilih “Comment berita” dari sistem.

Typical course of

System response

Actor Action

events

1. Pilih “comment”

2. Menampilkan form comment

3. Input comment 4. Klik “ Selesai”

5. Menampilkan list comment


5: Jika gagal maka akan muncul pesan kesalahan. Comment berhasil dikirim -

Tabel 3.8 Keterangan Use Case Cari Berita Use Case Name Actor Description

Cari Berita Admin, Operator, Member, Guest

Use case yang menggambarkan kegiatan mencari berita pada Daftar Berita.

Pre Condition

Aktor sedang mengakses sistem dan berada di halaman Utama.

Trigger Typical course of

User memilih “Simbol Pencarian” dari sistem. 1. Pilih “pencarian”

2. Menampilakn input

events


form

39

3. Input Judul berita 4. Klik “cari”

5. Menampilkan berita


Pencarian Berhasil -

Tabel 3.9 Keterangan Use Case registrasi Use Case Name Actor Description

Registrasi Member Use case menggambarkan kegiatan pendaftaran member.

Pre Condition

Member berada di halaman Registrasi

Trigger

Member memilih menu “Registrasi”


System response

Actor Action 1. Pilih menu “Sign up”

2. Menampilkan form Registrasi

3. Input data Member 4. Klik “Register”

5. Menyimpan ke dalam database 6. Menampilkan list data Member

Alternatif course

5: Jika data Member tidak terisi sempurna maka akan muncul pesan “tidak lengkap”


list

40


3.3.3

Data Registrasi Member telah berhasil -

Activity Diagram Diagram aktifitas menggambarkan berbagai aliran aktifitas dalam sistem yang

akan dirancang, bagaimana masing-masing alur berawal, decision yang mungkin terjadi, dan bagaimana suatu aktifitas berakhir. Setiap langkah adalah sebuah keadaan dalam melakukan sesuatu. a. Activity Diagram Login Admin, Operator, Member

Pilih Login

System

Menampilkan Form Login

Input Username & Password

False

True Login Sukses

Gambar 3.2 Activity Diagram Login


41

Tabel 3.10 Keterangan Activity Diagram Login

Nama Activity

Login

Deskripsi

Aktifitas

yang

terjadi

pada

gambar 3.2 adalah aktifitas actor yang dapat melakukan login untuk dapat mengakses

system. Pertama

actor

memilih login, kemudian sistem akan menampilkan form login, berguna untuk actor yang terdaftar dapat melakukan input data username dan passward yang terdaftar pada sistem. Setelah melaukan input data username dan password, actor dapat klik login agar sistem dapat melakukan proses pengecekan terhadap data yang telah di input. Jika username dan password yang di masukkan tidak terdaftar maka sistem

secara

mengharuskan

otomatis actor

untuk

akan dapat

melakukan input data username dan password kembali, dan jika username dan password yang di input benar maka sistem akan menampilkan home dari actor yang terdaftar.


42

b. Activity Diagram Logout Admin, Operator, Member

System

Pilih Logout

Memproses keluar dari sistem

Menampilkan form login

Gambar 3.3 Activity Logou Tabel 3.11 Keterangan Activity Diagram Logout

Nama Activity

Logout

Deskripsi

Aktor yang telah selesai dalam mengakses sistem dan ingin keluar dari sistem harus melakukan aktifitas logout sistem. Dengan klik “Logout”, sistem akan memproses untuk keluar dari sistem. Jika sudah keluar dari sistem dan

menampilkan

halaman

login

kembali. Aktifitas ini dapat dilakukkan jika

aktor

sebelum

nya

sudah

melakukan aktifitas login untuk dapat masuk dan mengakses sistem


43

c. Activity Diagram Manage User Admin

Pilih "Manage User"

Klik Add

System

Menampilkan list Data User

menampilkan form input data user

Input data user

Klik "save"

Klik "Edit"

Menyimpan di database

menampilkan form input data user

Input data user

Klik "save"


Gambar 3.4 Activity Manage User


44

Tabel 3.12 Keterangan Activity Diagram Manage User Nama Activity

Manage user

Deskripsi

Aktifitas

yang

terjadi

pada

gambar 3.4 adalah aktifitas aktor dalam

memanajemen

diantaranya menambah

data

adalah data,

User

kegiatan

menghapus,

dan

merubah data User. Aktifitas pertama adalah aktor memilih menu “User” kemudian sistem akan menampilkan list data User, klik “Add” untuk menambahkan data User, kemudian klik

“status”

jika

mengubah status d

aktor

ingin

User, dan jika

ingin mengubah data User maka aktor memilih “edit”, semua data perubahan data User akan disimpan setelah menyimpan ke dalam dengan memilih “save”

dan

penyimpanan,

setelah sistem

menampilkan list data User.


melakukan akan

45

d. Activity Edit Comment Admin, Operator

System

Pilih view berita

Menampilkan data berita

Pilih comment

Menampilkan dtail comment

Klik delete

menyimpan ke database

Gambar 3.5 Activity Edit Comment Tabel 3.13 Keterangan Activity Diagram Edit Comment Nama Activity

Edit Comment

Deskripsi

Aktifitas yang terjadi pada gambar 3.5 adalah aktifitas aktor dalam mengedit comment. Dimana aktor bisa menghapus comment yang dianggap tidak layak.


46

e. Acvity Manage Berita Admin & Operator

Pilih menu " Tambah Berita"

Klik Add

System

Menampilkan form tambah berita

menampilkan form input data berita

Input data berita

Klik "save"

Klik "Edit"


menampilkan form input data berita

Input data berita

Klik "save"


Gambar 3.6 Activity Manage Berita Tabel 3.14 Keterangan Activity Diagram Manage Berita Nama Activity

Manage Berita

Deskripsi

Aktifitas

yang

terjadi

pada

gambar 3.6 adalah aktifitas aktor dalam


memanajemen

berita

47

diantaranya

adalah

kegiatan

menambah dan menghapus berita. Aktifitas

pertama

memilih

menu

adalah

“Tambah

aktor berita”

kemudian sistem akan menampilkan form data berita, klik “Add” untuk menambahkan data berita, kemudian klik “edit”jika aktor ingin merubah data Berita, semua data perubahan data Berita

akan

disimpan

setelah

menyimpan ke dalam dengan memilih “save”

dan

penyimpanan,

setelah

melakukan

sistem

menampilkan list data Berita.

f.

Activity View Berita Admin, Operator, Member & Guest

Pilih menu " Berita"

Pilih view"Berita"

System

Menampilkan list "Berita

Menampilkan detail data berita

Gambar 3.7 Activity View Berita


akan

48

Tabel 3.15 Keterangan Activity Diagram View Berita Nama Activity

View Berita

Deskripsi

Aktifitas

yang

terjadi

pada

gambar 3.7 adalah aktifitas hanya sebatas untuk melihat berita yang ada pada sistem.

g. Activity Comment Berita Admin, Operator, Member & Guest

Pilih "Comment"

System

Menampilkan form "Comment"

input comment

Klik "Selesai"

Menampilkan list comment

Gambar 3.8 Activity Comment Berita Tabel 3.16 Keterangan Activity Diagram Comment Berita Nama Activity

Comment Berita

Descripsi

Aktifitas

yang

terjadi

pada

gambar 3.8 adalah aktifitas untuk memberi komentar pada berita yang ada pada sistem. h. Activity Diagram Registrasi Member


49

Member

Pilih Registrasi

System

Menampilkan Form Registrasi

Input data member

False

True Registrasi Sukses

Gambar 3.9 Activity Registrasi Member Tabel 3.17 Keterangan Activity Diagram Registrasi Member Nama Activity

Registrasi

Descripsi

Aktifitas

yang

terjadi

pada

gambar 3.9 adalah aktifitas registrasi yang dilakukan oleh “aktor”. Aktifitas pertama adalah aktor memilih menu “Registrasi” kemudian sistem akan menampilkan “form registrasi” untuk menambahkan data user, kemudian actor memilih “simpan” dan setelah melakukan penyimpanan, sistem akan menampilkan list data Member.

3.3.4

Sequence Diagram


50

a. Sequence Diagram Login

Form login

Login

User

Level

Admin. Operator & Member 1: Pilih Login()

2: get_FormLogin()

3: display_FormLogin() 4: input username & password()

5: input_username_password() 6: cek kelengkapandata()

7: get_idUser()

8: get_idLevel()

9: display_HomeUser()

Gambar 3.10 Sequence Diagram Login Sequence diagram login ini dilakukan oleh tiga aktor yang sudah terdaftar dalam sistem yaitu Administrator, Operator dan Member. Aktor yang ingin melakukan login harus memilih login dan antarmuka sistem akan menampilkan form login yang harus di isi oleh aktor. Pada form aktor melakukan input username dan password pada antarmuka form yang ditampilkan. Sistem akan memproses username dan password yang dimasukan. Sistem akan melakukan pengecekan pada databases User. Jika sistem tidak menemukan username dan password yang di masukan maka antarmuka sistem akan menampilkan pesan username dan password yang di masukan tidak benar, dan sistem akan


51

meminta aktor untuk memasukan username dan password kembali. Namun bila sistem menemukan username dan password pada database maka sistem akan memproses masuk kedalam antarmuka yang dituju dan akan menampilkannya.

b. Sequence Diagram Logout

Form Logout

Logout

Admin, Operator & Member

1: Pilih Logout()

2: get_IdUser()

4: display_Home()

Gambar 3.11 Sequence Diagram Logout Sequence Diagram Logout ini dilakukan oleh Administrator, Operator dan Member.Yang sebelumnya aktor tersebut telah melakukan login sistem. aktor memilih logout pada antarmuka sistem yang ditampilkan. Maka sistem akan memproses logout.Jika logout telah berhasil di lakukan sistem akan menyambungkan kepada halaman home.

c. Sequence Diagram Manage Data User


52

User

Form User

User

Level

Admin 1: Pilih menu User() 2: get_FormUser()

3: display_FormUser()

4: Add() 5: autoInc() 6: Hitung_jumlahUser()

7: idUser +1()

8: input_DataUser()

9: get_idUser() 10: get_idUser() 11: get_idLevel()

13: display_dataUser()

12: edit()

14: get_idUser() 15: get_idUser() 16: get_idLevel()

18: display_dataUser()

17: save()

19: save_DataUser() 20: Save_DataUser()

21: display_DataUser()

Gambar 3.12 Sequence Diagram Manage Data User Sequence diagram di atas menjelaskan rangkaian urutan dalam memanagemen data User, antara lain melihat data User, menambah data User, merubah data User dan menghapus data User. Administrator memilih menu “User” terlebih dahulu. Selanjutnya antarmuka sistem akan menampilkan data User. Untuk menambah data User, klik icon


53

Add. Untuk melakukan perubahan terhadap data User, klik icon Edit. Setiap perubahan tersimpan dalam database User jika aktor memilih simpan yang telah terhubung ke dalam control dan entity dalam antarmuka sistem. d. Sequence Diagram Edit Comment

Form Comment

Comment

Admin & Operator 1: Pilih Comment()

2: get_IdComment()

3: display_DataComment() 4: Delete()

5: get_IdComment()

7: display_DataComment()

Gambar 3.13 Sequence Diagram Edit Comment Sequence diagram di atas menjelaskan rangkaian urutan dalam mengedit Comment, dimana aktor dapat menghapus comment yang di anggap tidak harus ditampilkan.

e. Sequence Diagram Manage Berita


54

Form Berita

Artikel

Berita

Admin & Operator 1: Pilih Tambah Berita()

2: get_formTambahBerita

3: display_FormTambahBerita()

4: Add()

5: AutoInc()

6: Hitung_JumlahBerita() 7: Input_DataBerita() 8: IdBerita +1()

9: get_IdBerita()

10: get_IdBerita() 11: Edit() 12: display_DataBerita()

13: get_IdBerita()

14: get_IdBerita() 15: Save() 16: display_DataBerita()

17: Save_DataBerita()

18: Save_DataBerita()

19: display_DataBerita()

Gambar 3.14 Sequence Diagram Manage Berita Sequence diagram di atas menjelaskan rangkaian urutan dalam memanajemen data Berita, antara lain melihat data Berita, menambah data Berita, dan menghapus data Trayek. Aktor memilih menu “Tambah Berita”

terlebih

dahulu.

Selanjutnya

antarmuka

sistem

akan

menampilkan data Berita. Untuk menambah data Berita, klik icon Add. Untuk melakukan perubahan terhadap data Berita dan Edit. Setiap


55

perubahan tersimpan dalam database Berita jika antor memilih simpan yang telah terhubung ke dalam control dan entity dalam antarmuka sistem.

f.

Sequence Diagram View Berita

Form Form Berita Berita

Berita Berita

Admin, Operator, member & Guest 1: View()

2: get_IdBerita()

5: display_DataBerita()

Gambar 3.15 Sequence Diagram View Berita Sequence Diagram View Berita dilakukan oleh Admin, Operator, Member dan calon pembaca yang akan melihat Berita. Aktor memilih list berita pada antarmuka sistem yang di tampilkan. Maka sistem akan menampilkan detail berita.

g. Sequence Diagram Comment Berita


56

Form Form Comment Comment

Comment Comment

Admin, Operator & Member 1: Pilih Comment()

2: get_FormComment()

3: display_FormComment() 4: input Comment()

5: input Comment()

9: display_DataComment()

Gambar 3.16 Sequence Diagram Comment Sequence Diagram Comment dilakukan oleh Admin, Operator dan Member yang akan mengkomentari Berita. Aktor memilih form komentar pada antarmuka sistem yang di tampilkan. Maka sistem akan menampilkan form komentar.

h. Sequence Diagram Registrasi


57

Form Registrasi

Registrasi

User

Member 1: Pilih Registrasi()

2: get_FormRegistrasi()

3: display_FormRegistrasi() 4: input data()

5: input Data User() 6: cek kelengkapandata()

7: get_idUser()

9: display_DataMember()

Gambar 3.17 Sequence Diagram Registrasi Seguaence diatas menggambarkan scenario registrasi member dimana member harus memasukkan data, jika valid maka data akan disimpan ke database tetapi jika data tidak valid maka member harus memasukkan data kembali pada form registrasi.


58

3.4

Class Diagram

Untuk membuat sebuah Database sistem maka perlu ada rancangan database terlebih dahulu. Pada riset ini penulis menggunakan class diagram sebagai acuan dalam pembuatan database sistem.

user

status_aktif -id_status_aktif -status_aktif +read()

1

Id_status_aktif

0..*

-id_user -nama_engkap -username -password -email -mobile -url_photo -id_level_user -id_status-aktif +create() +edit() +view()

0..*

Id_level_user

1

level-user -id-level -level_user +read()

1 Id_user

0..* Artikel

komentar_artikel -id_komentar_artikel -isi_komentar_artikel -waktu_komentar_artikel -id_artikel -id_user -id_status_publish +create() +edit() +view()

0..*

0..*

Id_artikel

-id_artikel -judul_artikel -isi_artikel 1 -waktu_dibuat -id_kategori_artikel -id_user -id_status_publish +create() +edit() +view() +read()

gambar_artikel

1

Id_artikel

0..* Id_status_publish

1 status_publish -id_status_publish -status_publish +read()

Id_kategori_artikel

1 kategori_artikel -id_kategori_artikel -kategori_artikel +create() +edit() +delete() +view()

Gambar 3.18 Class Diagram


0..*

-id_gambar_artikel -url_gambar-artikel -waktu_upload -id_artikel +create() +edit() +view()

59

3.5

Basis Data

Berikut ini adalah table-tabel yang digunakan dalam perancangan sistem Berita :

1.

Tabel Artikel Nama Tabel : Artikel Field Kunci :id_artikel Jumlah Field

:10

Tabel 3.18 Struktur Tabel Artikel No

Nama Field

Type

Null

Key Pri

1

Id_artikel

Int(10)

No

2

Judul_artikel

Var(50)

Yes

3

Isi_artikel

Text

Yes

4

Waktu_dibuat

Timestamp

Yes

5

Id_kategori_artikel

Int(10)

Yes

6

Id_user

Int(10)

Yes

7

Id_status_publish

Int(10)

yes

2.

Default

Extra Auto_increment

Current_Timestamp

1

Tabel Gambar Artikel Nama Tabel

: Gambar Artikel

Field Kunci :id_gambar_artikel Jumlah Field

:10

Tabel 3.19 Struktur Tabel Gambar Artikel No 1

Nama Field

Type

Id_gambar_artikel

Int(10)

Null Key No

pri


Default

Extra Auto_increment

60

2

url_gambar_artikel Var(50)

3

Waktu_upload

Timestamp Yes

4

Id_artikel

Int(10)

3.

Yes Current_timestamp

yes

Tabel kategori Artikel Nama Tabel

: Kategori Artikel

Field Kunci :id_kategori_artikel Jumlah Field

:10

Tabel 3.20 Struktur Tabel Kategori Artikel No

Nama Field

Type

Null

Key pri

1

Id_kategori_artikel Int(10)

No

2

Kategori_artikel

yes

4.

Var(10)

Default

Extra Auto_incerment

Tabel Komentar Artikel Nama Tabel

: Komentar Artikel

Field Kunci :id_komentar_artikel Jumlah Field

:10

Tabel 3.21 Struktur Tabel Komentar Artikel No Nama Field

Type

Null key Default

Extra

1

Id_komentar-artikel

Int(10)

No

Auto_incerment

2

Isi_komentar-artikel

Text

Yes

3

Waktu_komentar_artikel Timestamp Yes

4

Id_artikel

Int(10)

Pri

Current_timestamp

Yes


61

5

Id_user

Int(10)

Yes

6

Id_status_publish

Int(10)

yes

5.

Tabel Level User Nama Tabel

: Level User

Field Kunci :id_level_user Jumlah Field

:10

Tabel 3.22 Struktur Tabel Level User

6.

No

Nama Field

Type

Null

key

1

Id_level_user

Int(10)

No

pri

2

Level_user

Var(10)

yes

Default


Tabel Status Aktif Nama Tabel

: Status Aktif

Field Kunci :id_status_aktif Jumlah Field

:10

Tabel 3.23 Struktur Tabel Status Aktif No

Nama Field

Type

Null

key

1

Id_status_aktif

Int(10)

No

pri

2

Status-aktif

Var(10)

yes

7.

Tabel Status Publish Nama Tabel

: Status Publish

Field Kunci :id_status_publish Jumlah Field

:10


Default


62

Tabel 3.24 Struktur Tabel Status Publish No

Nama Field

Type

Null

key

1

Id_status_publish

Int(10)

No

pri

2

Status-publish

Var(10)

yes

8.

Default


Tabel User Nama Tabel

: User

Field Kunci :id_User Jumlah Field

:10

Tabel 3.25 Struktur Tabel User No

Nama Field

Type

Null

key

1

Id_user

Int(10)

No

key

2

Nama_lengkap

Var(30)

Yes

3

Username

Var(20)

Yes

4

Password

Var(20)

Yes

5

Email

Var(30)

Yes

6

mobile

Var(11)

Yes

7

url_photo

Var(50)

Yes

8

Id_level_user

Int(10)

Yes

9

Id_status_aktif

Int(10)

yes

3 1


Default


63

3.6 Struktur Tampilan Android Home

Login

Manage Berita

Manage User

Tambah User

Edit User

Tambah Berita

View Berita

Edit Berita

Komentar

Gambar 3.19 Struktur Tampilan Android

3.7 Rancangan Layar 3.7.1

Rancangan Layar Menu login

LOGIN

Username

Password

Login

Gambar 3.20 Login


Registrasi

Logout

64

3.7.2

Rancangan Layar Manage User

Mercu News Manage User

User

User

User

User

Gambar 3.21 Manage User 3.7.3

Rancangan Layar Edit Comment

Mercu News

Comment Comment Comment Comment Gambar 3.22 Edit Comment


65

3.7.4

Rancangan Layar Tambah Berita

Mercu News Add Artikel Judul Kategori - pilih Kategori -

Artikel

Foto

Foto

Foto

Gambar 3.23 Tambah Berita 3.7.5

Rancangan Layar Edit Berita

Mercu News Edit Artikel Judul Kategori - pilih Kategori -

Artikel

Foto

Foto

Gambar 3.24 Edit Artikel


Foto

66

3.7.6

Rancangan Layar View Berita

Mercu News

Artikel

Gambar 3.25 View Berita

3.7.7

Rancangan Layar Comment

Mercu News

Artikel

Type your Comment

Gambar 3.26 Comment


67

3.7.8

Rancangan Cari Berita

Mercu News

Search artikel

Text

Text

Gambar 3.27 Cari Berita 3.7.9

Rancangan Layar Registrasi Registrasi Member

Foto

Nama lengkap ***** ***** *****

Mobile phone ***** *****

Confrim Password *****

Add User

Gambar 3.28 Registrasi


BAB III ANALISIS DAN PERANCANGAN

Recommend Documents