BAB 3 ANALISIS DAN PERANCANGAN 3.1 Sejarah Organisasi The Jakarta Post adalah surat kabar harian berbahasa Inggris di Indonesia. Surat kabar ini dimiliki oleh PT Bina Media Tenggara, yang berkantor pusat di ibukota negara, Jakarta. The Jakarta Post dimulai sebagai sebuah kolaborasi antara empat media Indonesia di bawah desakan Menteri Informasi Ali Murtopo dan politisi Jusuf Wanandi. Setelah edisi pertama dicetak pada tanggal 25 April 1983, hal tersebut menghabiskan beberapa tahun dengan iklan yang minimal dan peningkatan sirkulasi atau siaran. Setelah perubahan pemimpin redaksi pada tahun 1991, yang mulai mengambil sudut pandang
pro-demokrasi yang lebih vokal. Surat Kabar
ini adalah salah satu dari
beberapa harian berbahasa Inggris yang ada di Indonesia yang bertahan dari krisis keuangan Asia tahun 1997 dan saat ini memiliki sirkulasi sekitar 40.000. The Jakarta Post ditargetkan pada orang asing dan orang Indonesia yang berpendidikan, meskipun pembaca kelas menengah Indonesia telah meningkat. Tercatat untuk menjadi tempat pelatihan bagi wartawan lokal dan internasional, The Jakarta Post telah memenangkan beberapa penghargaan dan telah digambarkan sebagai " Harian Bahasa Inggris Terkemuka di Indonesia "
33
34
3.1.1 STRUKTUR ORGANISASI
Gambar 3.1 Struktur Organisasi Utama Berikut penjabaran mengenai tugas serta kewenangan setiap bagian : 1. RUPS (Rapat Umum Pemegang Saham) RUPS merupakan sebuah forum dimana para pemegang saham memiliki kewenangan untuk memperoleh keterangan mengenai perusahaan , baik direksi maupun dewan komisaris.
Dimana keterangan yang di dapat akan menjadi
landasan bagi The Jakarta Post
untuk mengambil kebijakan dan langkah
strategis perusahaan dalam mengambil keputsan. 2. Dewan Komisaris Wewenang
dari dewan komisaris di sini, melakukan pengawasan dan
memberikan nasehat kepada direksi. Pengawasan dewan komisaris meliputi baik pengawasan atas kebijakan direksi dalam malakukan pengurusan The Jakarta
35
Post, serta jalannya pengurusan tersebut secara umum, baik menganai perusahaan maupun usaha yang dimiliki oleh perusahaan. 3. Dewan Direksi & CEO Pada dasarnya wewenang dari direksi dan CEO sendiri sama dengan dewan komisaris, untuk dewan direksi yang membedakannya adalah memastikan bahwa kepentingan dari pemegang saham The Jakarta Post dilayani dengan baik, tetapi untuk CEO wewanang yang membedakannya adalah memegang kendali dalam pengambilan keputusan 4. Chief Editor Chief editor atau kepala redaksi
bertugas memimpin semua departemen
organisasi. Selain itu , chief editor bertanggung jawab mendelegasikan tugas kepada anggota staf serta menjaga waktu yang dibutuhkan untuk menyelesaikan tugas mereka. 5. Special Unit 6. General Manager Marketing
3.2 Analisis Sistem yang Sedang Berjalan Reporter, meliput berita kemudian data yang atau berita yang diambil akan masuk ke dalam kumpulan data yang berisikan data atau berita yang juga berasal dari reporter lain. Kemudian data tersebut akan didiskusikan dan dirapatkan oleh tim editorial untuk menentukan berita mana yang akan dijadikan atau ditampilkan untuk berita diesok hari. Tim editorial juga akan menentukan berita mana yang akan dijadikan headline atau berita terpanas yang sekiranya akan menarik pembaca. Selanjutnya berita akan di susun atau ditentukan sesuai dengan kategori yang ada.
36
Terakhir, berita yang sudah ditentukan akan diproses dan kemudian diterbitkan dalam The Jakarta Post.
Gambar 3.2 Sistem Yang Sedang Berjalan
3.3 Permasalahan 3.3.1 Identifikasi Masalah Berdasarakan hasil wawancara dengan manager IT The Jakarta Post, aplikasi yang kini The Jakarta Post miliki sudah berjalan dengan baik, user bisa
37
membaca berita yang tersedia lewat aplikasi tersebut . Tetapi, aplikasi belum menambahkan fitur-fitur tambahan seperti adanya penyesuaian-penyesuaian dengan komunitas-komunitas mobile device . 1. Umum Pada tahap ini dilakukan identifikasi terhadap masalah yang akan dikelola. Identifikasi harus dilakukan terhadap semua masalah. 2. Peralatan Dan Teknik Pendekatan
yang
digunakan
untuk
identifikasi
masalah
diantaranya melakukan studi kepustakaan terhadap berbagai referensi yang berkaitan, Unified Modelling Language (UML), analisis sistem, melakukan observasi guna membandingkan apliaksi yang sejenis, pernacangan user interface, serta pengkodean.
3.3.2 Analisis Permasalahan Tujuan dari analisis masalah tersebut adalah untuk mengetahui hal-hal apa saja yang dibutuhkan untuk proses pembuatan aplikasi tersebut. Dimana dari hasil identifikasi masalah tersebut dapat diketahui bahwa aplikasi yang dimiliki sebelumnya belum melakukan pengembangan terhadap fitur-fitur tambahan dimana fitur yang dimiliki oleh The Jakarta Post hanya berupa fitur news dan terkadang terjadi gangguan server. Analisis permasalahan dibuat untuk mendapatkan gambaran mengenai tambahan konten-konten dari aplikasi yang sudah ada agar aplikasi terlihat lebih menarik dan dinamis.
38
3.4 Analisis Perbandingan Aplikasi Analisis
perbandingan
aplikasi
ini
bertujuan
untuk
melihat
serta
mengidentifikasi keunggulan dari aplikasi sejenis yang ada, guna menjadi pertimbangan serta perbandingan. Nantinya diharapkan adanya pengembangan dari aplikasi sebelumnya seperti adanya penambahan fitur khusus yang menjadi nilai tambah aplikasi yang akan dikembangkan. A. Aplikasi Lama :
Gambar 3. 3 Aplikasi Lama The Jakarta Post The Jakarta Post memiliki aplikasi pada smartphone yang telah diterapkan sebelumnya yang khusus digunakan untuk melihat serta membaca berita. Berikut keunggulan yang dimiliki oleh aplikasi The Jakarta Post yang sebelumnya : 1. Mendapatkan berita secara langsung yang berasal dari database The Jakarta Post 2. Dapat menampilkan foto dari databse yang disesuaikan dengan berita yang ditampilkan 3. Berita tersusun secara baik sesuai dengan waktu masukknya berita
39
4. Penyusunan berita disusun sesuai dengan kategori 5. Akses masuk ke database berita cukup cepat tetapi tergantung dengan koneksi internet 6. Aplikasi ini juga telah diterapkan tidak hanya pada android saja tetapi juga pada smartphone dengan sistem operasi iOS (sistem operasi Apple), Blackberry OS (sistem operasi Blackberry), dan juga Symbian OS. B. Aplikasi Sejenis :
Gambar 3.4 Aplikasi Sejenis Kompas.com Analisis aplikasi sejenis akan memberikan gambaran singkat mengenai aplikasi yang sejenis demgan aplikasi yang dikembangkan. Aplikasi ini memiliki konsep yang sama yaitu aplikasi yang memiliki server serta client yang juga berjalan pada smartphone berbasis Android. Dengan memilih salah satu dari sekian banyak aplikasi sejenis dimana Kompas.com yang menjadi pilihan.
40
Kompas.com merupakan satu dari sekian banyak media massa yang ada di Indonesia yang juga memiliki aplikasi Android yang telah diterapkan guna membaca serta melihat berita. Berikut keunggulan aplikasi Android milik dari Kompas.com : 1. User interface yang dimiliki lebih tertata dengan baik dan rapi 2. Kategori diatur lebih spesifik 3. Dapat menampilkan video serta gambar 4. Mendapatkan berita secara langsung yang berasal dari database Kompas.com 5. Berita tersusun secara baik sesuai dengan waktu masukknya berita 6. Terdapat fitur surat pembaca, dimana fitur tersebut digunakan oleh para user untuk berbagi berita 7. User bisa mendapatkan berita sesuai dengan tempat user berada C. Aplikasi Baru :
41
Gambar 3.5 Aplikasi Baru The Jakarta Post Aplikasi
smartphone
The
Jakarta
Post
yang
dibuat
berasal
dari
pengembangan aplikasi yang telah diterapkan oleh The Jakarta Post sebelumnya dengan penambahan fitur serta keunggulan sebagai berikut : 1.
Mendapatkan berita secara langsung yang berasal dari database The Jakarta Post
2.
Dapat menampilkan foto dari databse yang disesuaikan dengan berita yang ditampilkan
3.
Berita tersusun secara baik sesuai dengan waktu masukknya berita
4.
Penyusunan berita disusun sesuai dengan kategori
5.
Akses masuk ke database berita cukup cepat tetapi tergantung dengan koneksi internet
42
6.
User interface lebih menarik di karenakan aplikasi baru memiliki tampilan menu yang berwarna warni tidak seperti aplikasi sebelumnya yang hanya menggunakan 1 warna saja.
7.
Terdapat fitur news map yang menampilkan peta yang menunjukkan tempat kejadian yang sesuai dengan berita.
8.
Bisa memberikan komentar tanpa membuat account pada berita
9.
Memiliki fitur download Pdf dimana user diharuskan memiliki account terlebih dahulu sebelum melakukan download Pdf
10. Aplikasi ini juga memiliki fitur currency yang dapat membantu user untuk mengetahui kurs jual-beli mata uang asing terhadap rupiah serta melakukan convert mata uang. Nilai mata uang didapatkan dari database yang telah dibuat 11. Pada aplikasi ini juga terdapat fitur GPS yang berfungsi mengetahui posisi user pada peta 12. User yang telah memiliki account dapat berbagi berita kepada user lain lewat fitur submit news community 13. User dapat memiliki account secara langsung dari aplikasi yang telah dibuat yang ada pada fitur myinfo 14. Pada fitur my info user juga dapat melihat profilenya sendiri
Berdasarkan pengamatan terhadap ketiga aplikasi tersebut ketiganya memiliki beberapa kesamaan fitur antara lain : dapat menampilkan gambar, berita yang tersusun secara baik kemudian berita yang disusun secara baik sesuai dengan kategori yang ada. Ketiganya juga dapat berjalan pada sistem operasi
43
Android, serta penggunaan Wi-Fi sebagai saran konektivitas. Untuk aplikasi baru yang dikembangkan berdasarkan hasil analisa diatas, diharapkan dengan adanya penambahan fitur serta tampilan yang lebih menarik yang akan mempermudah user memahami artikel yang ditampilkan.
3.5 Usulan Pemecahan Masalah Jika dilihat dari permasalahan diatas, dibutuhkan suatu mobile application yang berbasis android, dengan berbagai fitur tambahan yang menarik diharapkan aplikasi ini dapat menjaring user untuk mengunjungi aplikasi The Jakarta Post. Berikut fitur yang akan dibuat dalam aplikasi android The Jakarta Post: 1. News Map Untuk mempermudah user mendapatkan informasi mengenai letak kejadian dari berita yang di tampilkan, terutama bagi user yang berasal dari luar wilayah Indonesia. 2. GPS(Global Positioning Sysyem) Dengan adanya fitur GPS mempermudah user mengetahui posisi dimana user berada ketika user mengakses fitur tersebut, terutama bagi user yang berasal dari luar wilayah Indonesia. 3. Download PDF Dengan fitur download pdf user bisa mendaptkan serta menyimpan berita tersebut secara utuh agar berita dapat dibaca lagi dikemudian hari 4. News Community
44
Dengan adanya fitur news community pada aplikasi android The Jakarta Post diharapkan dapat membantu masyarakat untuk dapat mengetahui serta mendapat informasi mengenai hal-hal yang sedang terjadi di sekitar
5. My Info Dengan fitur My Info user dapat melihat profile dari user jika user telah terdaftar sebagai member dari The Jakarta Post.
User juga dapat
melakukan registrasi apabila user belum memiliki akun dari The Jakarta Post 6. Currency Dengan fitur Currency , user dapat men-convert mata uang dari Dolar ke Rupiah dan sebaliknya.
3.6 Model Dan Prosedur Pengembangan Produk 3.6.1 Perancangan Sistem Perancangan sistem yang digunakan dalam merancang sistem yaitu menggunakan UML (The Unified Modelling Language) dimana uml tersebut meliputi use case diagram, activity diagram, konseptual class, class diagram, serta sequance diagram.
3.6.1.1 Use Case Diagram
45
Gambar 3.6 Use Case Diagram
46
Tabel 3.1 Use Case Specification My Info User
Use Case
My Info
Actor
User
Description
Dalam my info user dapat melihat informasi mengenai data diri user serta melakukan registrasi
Pre-Conditon
User telah masuk ke halaman my info
Flows of Event
User dapat melihat informasi mengenai data diri user dan juga melakukan registrasi dengan mengisi field-field yang telah disediakan apabila user belum memiliki akun
Post Condition
User telah melihat info milik user dan telah berhasil melakukan registrasi
Tabel 3.2 Use Case Specification Submit News Community User Use Case
Submit news community
Actor
User
Description
User meng-input berita baru
Pre-Condition
User telah melakukan login dan masuk ke halaman news community
Flows of Event
User masuk ke halaman add news
47
community, kemudian mengisi field-field yang terdapat pada halaman add news community untuk dapat melakukan submit news community Post Condition
Submit news berhasil
Tabel 3.3 Use Case Specification Get News User Use Case
Get News
Actor
User
Description
User mengakses serta melihat berita tanpa menjadi member
Pre-Condition
User telah menjalankan aplikasi android The Jakarta Post
Flows of Event
1. masuk ke aplikasi milik The Jakarta Post 2. masuk ke halaman menu utama (home) 3. masuk ke halaman news, Latest news ataupun favourite news
Post Condititon
User dapat membaca berita yang tersedia pada aplikasi The Jakarta Post
48
Tabel 3.4 Use Case Specification Download PDF User Use Case
Download PDF
Actor
User
Description
User melakukan download berita dalam format PDF
Pre-Condition Flows of Event
User telah melakukan login 1. Masuk ke halaman PDF download 2. Memilih berita 3. Memilih browser yang akan digunakna untuk membuka berita 4. View berita 5. Download berita
Post Condition
User telah berhasil melakukan download
Tabel 3.5 Use Case Spesification Get Currency User Use Case
Get Currency
Actor
User
Description
User dapat melakukan convert mata uang dollar ke rupiah atau rupiah ke dollar
Pre-Condition
User telah masuk ke halaman my currency dan memilih tab button currency dollar ke rupiah atau tab button
49
rupiah ke dollar Flows of Event
User memasukan jumlah nilai mata uang yang akan di convert, kemudian system akan melakukan kalkulasi amount dengan rate (kurs mata uang)
Post Condition
User berhasil melakukan convert mata uang
Tabel 3.6 Use Case Spesification Map User Use Case
Map
Actor
User
Description
User dapat menegtahui keberadaan user dengan tampilan peta
Pre-Condition
User telah menjalankan aplikasi android The Jakarta Post
Flows of Event
1. User masukke menu utama 2. Pilih tombol navigasi map
Post Condition
User telah berhasil mengetahui dimana keberadaan user yang ditampilkan dalam format peta
50
Tabel 3.7 Use Case Specification Submit Content Admin Use Case
Submit Content
Actor
Admin
Description
Admin melakukan input berita
Pre-Condition
Login admin
Flows of Event
1. masuk ke halaman login admin 2. melakukan login admin 3. masuk ke halaman news 4. admin meng-input berita 5. submit news
Post Condition
Berita terbaru sukses dan masuk ke database news
Tabel 3.8 Use Case Specification Verify Content Admin Use Case
Verify Content
Actor
Admin
Description
Admin melakukan konfirmasi kebenaran berita yang berasal dari news community
Pre-Condition Flows of Event
Login admin 1. masuk halaman login 2. melakukan login 3. masuk ke halaman news 4. admin melakukan konfirmasi
51
kebenaran berita yang berasal dari news community Post Condition
Admin memutuskan berita mana yang akan ditampilkan menurut kebenarannya
Tabel 3.9 Use Case Specification Update Content Admin Use Case
Update Content
Actor
Admin
Description
Admin melakukan update berita.
Pre-Condition
Login admin
Flows of Event
1. masuk ke halaman news admin 2. pilih update 3. update content
Post Condition
Berita telah berhasil ter-update
Tabel 3.10 Use Case Specification View Member Admin Use Case
View Member
Actor
Admin
Description
Admin melihat serta melakukan update member
Pre-Condition Flows of Event
Admin melakukan login 1. masuk ke halaman login admin 2. melakukan login
52
3. masuk ke halaman member 4. melihat member Post Condition
Admin telah berhasil melihat member yang telah terdaftar
Table 3.11 Use Case Spesification Set Currency Admin Use Case
Set Currency
Actor
Admin
Description
Admin dapat mengubah rate (kurs mata uang )
Pre-Condition
Admin telah melakukan login dan masuk ke halaman currency
Flows of Event
Admin meng-input rate terbaru yang sesuai dengan currency jual beli mata uang asing
Post Condition
Admin telah berhasil memperbaharui rate
Tabel 3.12 Use Case Spesification Upload PDF Admin Use Case
Upload PDF
Actor
Admin
Description
Admin melakukan upload berita dalam bentuk pdf ke database
Pre-Condition
Admin telah melakukan login
53
Flows of Event
Admin masuk ke halaman pdf dan memilih berita mana yang ingin di upload (berita sudah dalam format pdf)
Post Condition
Admin berhasil melakukan upload pdf
3.6.1.2 Activity Diagram a. Update Content
Gambar 3.7 Activity Diagram Update Content b. Submit Content
Gambar 3.8 Activity Diagram Submit Content
54
c. Submit News Community
Gambar 3.9 Activity Diagram Submit News Community
d. Verify Content
Gambar 3.10 Activity Diagram Verify Content
55
e. View Member
Gambar 3.11 Activity Diagram View Member
f. My Info
Gambar 3.12 Activity Diagram MyInfo
56
g. Get News
Gambar 3.13 Activity Diagram Get News
h. Download PDF
Gambar 3.14 Activity Diagram Download PDF
i. Upload PDF
Gambar 3.15 Activity Diagram Upload PDF
57
j. Set Currency
Gambar 3.16 Activity Diagram Set Currency k. Get Currency
Gambar 3.17 Activity Diagram Get Currency
l. Map
Gambar 3.18 Activity Diagram Map
58
3.6.1.3 Conceptual Class
a. Update Content
Gambar 3.19 Conceptual Class Update Content
b. Submit Content
Gambar 3.20 Conceptual Class Submit Content
59
c. Submit News Commnity
Gambar 3.21 Conceptual Class Submit News Community
d. Verify Content
Gambar 3.22 Conceptual Class Verify Content
60
e. View Member
Gambar 3.23 Conceptual Class View Member
f. My Info
Gambar 3.24 Conceptual Class My Info
61
g. Get News
Gambar 3.25 Conceptual Class Get News
62
h. Download PDF
Gambar 3.26 Conceptual Class Download PDF
i. Upload PDF
Gambar 3.27 Conceptual Class Upload PDF
63
j. Set Currency
Gambar 3.28 Conceptual Class Set Currency k. Map
Gambar 3.29 Conceptual Class Map
64
l. Get Currency
Gambar 3.30 Conceptual Class Get Currency
3.6.1.4 Class Diagram
Gambar 3.31 Class Diagram System
65
Member: •
LoadDataMember() : Fungsi untuk me-load data member yang telah login
•
SaveDataMember() : Fungsi untuk menyimpan data member yang telah registrasi Login
•
Login() : Fungsi untuk user login pada aplikasi MemberCR
•
LoadData() : Fungsi untuk mencek apakah user telah login atau belum Register
•
Register() : Fungsi untuk user baru mendaftarkan diri MyInfoCR
•
RegistratedMember() : Fungsi untuk system mendaftarkan member baru yang registrasi MyInfo
•
GetMyInfo(): Fungsi untuk user menerima info tentang dirinya yang telah terdaftar. Content
•
LoadNews() : Fungsi untuk user mendapatkan news
•
SaveNews() : Fungsi dimana system menyimpan data news yang telah di input.
•
UpdateContent() : Fungi untuk admin mengupdate news yang telah ada sebelumnya. UpdateCR
•
UpdateContent() : Fungsi dimana system mengupdate news.
66
SubmitContentCR •
InputNews() : Fungsi untuk system menginsert news ke database. CategoryActivity
•
LoadNews() : Fungsi untuk meloading berita CategoryNews
•
LoadNews() : Fungsi untuk meloading berita SingleNews
•
LoadNews() : Fungsi untuk meloading berita PDF
•
DownloadPdf() : Fungsi dimana user mengunduh pdf. DownloadPdfCR
•
DownloadPdf() : Fungsi untuk mengunduh pdf. ListPDF
•
SelectPdf() : Fungsi untuk user memlih pdf yang ingin di download UploadPdf
•
UploadPdf() : Fungsi untuk admin mengupload pdf SubmitNewsComunityCR
•
addNewsCommunity() : fungsi untuk user menambah berita di news community
•
getCommunity() : fungsi untuk user mendapat berita yang di posting pada news community AddNewsCommunity
•
addNewsCommunity() : Fungsi untuk menambahkan news community
67
Newscommunity •
DeleteContent() : Fungsi untuk admin menhapus news community
•
SaveContent() : Fungsi untuk menyimpan konten pada news community SingleNewsCommunity
•
getCommunity() : Fungsi untuk melihat kontet news community VerifyContentCR
•
DeleteContent() : Fungsi untuk admin menghapus konten news community
•
Verify() : Fungsi untuk admin mengganti status news community dari tidak verify menjadi verified. AddMarker
•
AddMarker() : Fungsi untuk member marker pada peta GpsTracker
•
GetNilaiPosisi() : Fungsi untuk mendapatkan nilai dari posisi. Googlemaps
•
LoadMaps() : Fungsi untuk me-loading peta Currency
•
CalculateValue() : Fungsi untuk mengkalkulasi nilai kurensi.
•
ChangeRate() : Fungsi untuk admin mengganti nilai rate kurensi. CurrencyCR
•
ChangeRate() : Funsi untuk mengganti rate nilai kurensi.
•
InputAmount() : Fungsi untuk memasukan nilai yang ingin di kurensi.
68
3.6.1.5 Sequance Diagram a. Update Content
Gambar 3.32 Sequance Diagram Update Content Sequance diagram update content merupakan proses yang berasal dari update news. Admin melakukan interaksi terhadap user interface update content. Pada awal masuk halaman akan di cek status login admin setelah terbukti admin telah login kemudian admin masuk ke page update news. Admin menginput data yang akan di proses oleh system update CR. Update cr akan melakukan feedback success jika input yang di masukan sesuai dengan form yang telah disediakan. Setelah itu data yang di tampung sementara akan di masukan kedalam content. System content akan melakukan feedback success untuk mengetahui jika data telah masuk ke dalam content.
69
b. Submit Content
Gambar 3.33 Sequance Diagram Submit Content
Sequance diagram submit content merupakan proses yang dilakukan di dalam content. Admin akan
melakukan interaksi terhadap user interface submit content. Sebelum
submit content CR di jalankan, system login akan dijalankan , admin akan melakukan input data ke dalam system login. System login akan memberikan feedback login success jika sesuai dengan data admin. Setelah itu input news yang berasal dari admin akan di proses kedalam system submit content . Dari system submit content, save news akan di kirim kedalam content. System content akan melakukan feedback berupa return ke user interface.
70
c. Submit News Community
Gambar 3.34 Sequance Diagram Submit News Community
Sequance diagram submit news community merupakan proses yang berasal dari news community. User akan melakukan input berupa teks berita ke user interface submit news community. Sebelum single news community di jalankan, system login akan berjalan terlebih dahulu apabila user belum melakukan login. Kemudian system login akan mengirimkan feedback login success jika user memasukan username dan password yang sesuai seperti saat user melakukan register. Setelah user sukses melakukan login, system single news community baru dapat di akses oleh user.
71
d. Verify Content
Gambar 3.35 Sequance Diagram Verify Content
Sequance diagram verify content merupakan proses yang berasal dari news community. Sebelum verify content CR di jalankan, system login akan dijalankan , admin akan melakukan input data ke dalam system login. System login akan memberikan feedback login success jika sesuai dengan data admin. Admin kemudian melakukan interaksi terhadap user interface verify content, jika content tersebut sesuai dengan aturan yang telah ditentukan,
content yang dimasukan user akan di simpan kedalam news
community. System news community mengirimkan feedback return, jika content tersebut tidak sesuai dengan aturan yang telah ditentukan, contetnt tersebut akan di request untuk dihapus pada system verify content CR. System content akan mengirimkan feedback bahwa content telah dihapus.
72
e. View Member
Gambar 3.36 Sequance Diagram View Member
Sequence diagram view member memperlihatkan proses untuk melihat member yang telah terdaftar. Pertama admin harus login sebelum bisa mengakses halaman member. Kemudian admin masuk ke halaman member, member yang telah terdaftar akan ditampilkan pada halaman member tersebut sehingga admin bisa melihat member yang telah terdaftar dan terdapat di database.
73
f. MyInfo
Gambar 3.37 Sequance Diagram MyInfo
Sequance diagram dari myinfo menunjukan proses yang berjalan di my info. User yang memiliki account berinteraksi dengan menu my info. Jika user belum melakukan login, system login akan muncul untuk memperingatkan user untuk melakukan login. Setelah user melakukan login, system myinfo akan melakukan request load data member yang sesuai dengan username yang telah di input kepada system member. Jika data user yang sesuai dengan username yang diinput oleh user. System member akan mengirimkan feedback get my info untuk memunculkan data user.
74
g. Get News
Gambar 3.38 Sequance Diagram Get News
Sequance diagram get news menunjukan proses yang terjadi di dalam get news. User akan melakukan interaksi dengan user interface get news. User interface get news akan melakukan request load news kepada system category activity yang merupakan category dari berita yang ada. System category activity akan melakukan request load news kembali untuk mendapatkan list berita dari kategori yang telah di pilih user ke system category news. Setelah itu category news akan melakukan request ke system single news kemudian request tersebut akan di kirim ke system content. System content akan mengirim feedback yang sesuai dengan pilihan user ke user interface.
75
h. Download PDF
Gambar 3.39 Sequance Diagram Download PDF
Sequance diagram download pdf menunjukan proses yang terjadi pada PDF. Jika user ingin mengakses PDF, system login akan berjalan jika user belum melakukan login. Jika user telah melakukan input data, data akan di periksa. Setelah itu system login akan melakukan feedback jika user berhasil login. System login akan melakukan select pdf untuk melakukan request list pdf. Setelah itu system list pdf akan berjalan dan mengirimkan request download pdf kepada download pdf cr. Download pdf cr akan mengirimkan request download pdf kepada system PDF. System pdf akan mengirimkan feedback yang sesuai dengan request data yang dikirim ke user interface.
76
i.
Upload PDF
Gambar 3.40 Sequence Diagram Upload PDF
Sequence diagram Upload PDF menunjukan jalannya porses upload pdf yang admin lakukan. Pertama admin masuk ke page upload pdf, kemudian admin memilih pdf yang akan di upload. Setelahnya admin menyimpan pdf ke database. Setelah di save pfd akan tersimpan ke dalam database pdf.
77
j.
Set Currency
Gambar 3.41 Sequence Diagram Set Currency
Sequence diagram set currency menunjukan jalannya proses mengesetan nilai rate untuk currency pada bagian admin. Awalnya admin masuk ke page currency dimana page set currency akan di load. Admin kemudian memasukan nilai rate baru currency kemudian admin menyimpan nilai rate ke database maka nilai rate currency akan terganti dengan nilai baru.
78
k.
Map
Gambar 3.42 Sequence Diagram Map
Sequance diagram map merupakan proses dari menu map. User melakukan interaksi terhadap user interface Map dan dikirim kedalam
system Gps Tracker agar
mendapatkan nilai posisi. Dari system gps tracker, nilai yang di dapat akan digunakan untuk menentukan posisi dari user. Setelah itu system addmarker akan berjalan untuk menambahkan marker di dalam map. Setelah itu system googlemaps akan menangkap nilai yang di tangkap untuk digunakan dalam maps. System google maps akan melakukan feedback yang berupa view maps.
79
l.
Get Currency
Gambar 3.43 Sequence Diagram Get Currency
Sequance diagram get currency menunjukan proses yang terjadi pada currency. User akan melakukan load user interface get currency. User akan melakukan input nilai amount system currency cr akan berjalan dan akan melakukan kalkulasi nilai yang telah di input oleh user ke dalam system currency. Setelah itu system currency akan melakukan feedback berupa result value.
80
3.6.2
ERD (Entity Relationship Diagram)
Gambar 3.44 Entity Relationship Diagram 3.6.2.1 Tabel Data Type ERD (Entity Relationship Diagram) Nama tabel : user Primary key: userid Tabel 3.13 Tabel User Nama field
Tipe data
Deskripsi
Userid
Int(11)
Id user
Username
Varchar(16)
Userid yang digunakan untuk login
81
Password
Varchar(16)
Password user yang digunakan untuk login
name
varchar(30)
Nama user
Birthofdate
Date
Tanggal lahir user
Email
Varchar(18)
Email user
Gender
Int(11)
Jenis kelamin dari user
Address
Text
Alamat user
Nama tabel: news Primary key: newsid Foreign key :categoryid Tabel 3.14 Tabel News Nama field
Tipe data
Deskripsi
Newsid
Varchar(12)
Id dari berita
Categoryid
Int(11)
Id category berita
Newstittle
Varchar(100)
Judul berita
Newsdetail
Text
Isi berita
Newsimage
Varchar(50)
Gambar dari berita
Author
Varchar(30)
Penulis berita
Newsdate
Date
Tanggal berita
Newslatitude
Double
Posisi latitude dari berita
Newslogtitude
Double
Posisi longtitude dari berita
82
Nama tabel: category Primary key: categoryid Tabel 3.15 Tabel Category Nama field
Tipe data
Deskripsi
Categoryid
Int(11)
Id dari category
Category
Varchar(50)
Category
Nama tabel: newscommunity Primary key: newscommunityid Foreign key: userid Tabel 3.16 Tabel NewsCommunity Nama field
Tipe data
Deskripsi
newscommunityid
Int(11)
Id dari news community
Userid
Int(11)
Id dari user
Timestamp
Timestamp
waktu dari newscommunity
Newscommtitle
Varchar(100)
Judul dari news community
Newscommdate
Varchar(11)
Tanggal berita di new scommunity
Newscommdetail
Text
Isi berita dari news community
Status
Varchar(12)
Status verifikasi dari newscommunity
83
Nama tabel: mycurrency Primary key: currencyid Tabel 3.17 Tabel MyCurrency Nama field
Tipe data
Deskripsi
Currencyid
Int(11)
Id dari currency
Currency
Varchar(20)
nama dari currency
Rate
Int(11)
Nilai dari currency
Nama tabel: comment Primary key: commented Foreign key1: newsid Foreign key2: userid Tabel 3.18 Tabel Comment Nama field
Tipe data
Deskripsi
Commentid
Int(11)
Id dari comment
Newsid
Varchar(12)
Id dari news
Userid
Int(11)
Id dari user
Comment
Text
Isi cari komentar
Commentdate
Timestamp
Tanggal dari comment masuk
84
Nama tabel: pdf Primary key: pdfid Tabel 3.19 Tabel Pdf Nama field
Tipe data
Deskripsi
Pdfid
Int(11)
Id dari pdf
Pdfdate
Timestamp
Tanggal upload dari file pdf
Pdfpath
Varchar(20)
Path dari file pdf
3.6.3 UI ( User Interface ) 3.6.3.1 User Interface Client a. User Interface Home
85
Gambar 3.45 User Interface Home
Gambar diatas merupakan tampilan awal dari mobile application for android The Jakarta Post dimana pada user interface menu utama akan terdapat ikon-ikon menarik yang nantinya menjadi tombol navigasi untuk mengakses halaman lain.Tiap-tiap ikon memiliki besar 82 X 82 pixel. Pada tampilan user interface diatas juga terdapat tab button untuk mengakses halaman latest news serta favourite news.
86
b. User Interface Login
Gambar 3.46 User Interface Login
User Interface diatas merupakan tampilan login untuk user setelah user menjadi member guna mengakses feature-feature tambahan yang tersedia dari mobile application The Jakarta Post . Untuk username serta Password digunakan toolbox text sedangkan untuk login digunakan button submit.
87
c. User Interface Register
Gambar 3.47 User Interface Register
Gambar 3.46 diatas merupakan tampilan dari halaman register, dimana register dilakukan apabila user belum menjadi member The Jakarta Post. Tampilan layar register terdiri dari Username, password, re-type password, name, email, serta address yang berupa toolbox text. Sedangkan untuk date of birth berupa toolbox
88
date picker. Untuk gender disajikan dalam toolbox radio button. Dan untuk tombol submit dan tombol cancel disajikan dalam toolbox button (submit) dan button (reset)
d. User Interface News
Gambar 3.48 User Interface News
89
Tampilan antarmuka diatas merupakan tampilan dari halaman news mobile application The Jakarta Post. Dalam tampilan antarmuka diatas nantinya dapat kita lihat berita-berita terkini yang disajikan dalam bentuk list view.
e. User Interface News View
Gambar 3.49 User Interface News View
90
User Interface diatas akan ditampilkan setelah user memilih salah satu news yang ada. Dalam tampilan diatas akan terdapat berita yang akan dilihat oleh user, maps, serta comment yang disajikan dalam toolbox text, juga tombol comment yang disajikan dalam toolbox button (submit).
f. User Interface News Community
Gambar 3.50 User Interface News Community
91
Gambar 3.49 merupakan tampilan antarmuka dari news community. Tampilan user interface diatas terdiri dari tab button news community serta add news community. Untuk news community sendiri berita akan disajikan dalam bentuk list view.
g. User Interface Add News Community
Gambar 3.51 User Interface Add News Community
92
Antar muka diatas akan ditampilkan apabila user ingin memasukkan berita yang dimilikinya ke website The Jakarta Post. Tampilan user interface diatas terdiri dari tab button news community serta add news community. Untuk add news community sendiri terdapat title serta news detail dalam toolbox text sedangkan untuk date dalam bentuk toolbox date picker. Untuk tombol submit dan tombol cancel, keduanya masing-masing disajikan dalam bentuk button (submit) dan button (reset). h. User Interface Single News Community
Gambar 3.52 User Interface Single News Community
93
User Interface diatas akan ditampilkan setelah user memilih salah satu news yang ada pada news community. Dalam tampilan diatas akan terdapat berita yang akan dilihat oleh user
i. User Interface Favourite News
Gambar 3.53 User Interface Latest News
94
Tampilan diatas merupakan tampilan antar muka dari Latest News dimana Latest News tersebut berisikan berita-berita terbaru (latest news) yang disajikan dalam bentuk list view. Pada atas tampilan layar terdapat tab button yang bisa user gunakan untuk mengakses ke halaman lain
j. User Interface News Cateogory
Gambar 3.54 User Interface News Category
95
Gambar diatas merupakan tampilan antar muka dari news category yang berisikan berita-berita yang tersusun rapi sesuai dengan category-nya. Untuk tampilan category sendiri disajikan dalam bentuk list view.
k. User Interface Currency
Gambar 3.55 User Interface Currency
96
Tampilan antar muka currency yang merupakan feature tambahan yang dimiliki aplikasi The Jakarta Post yang dapat digunakan oleh user untuk mengetahui harga jual-beli mata uang asing. Serta meng-convert nilai mata uang dari rupiah ke dollar atau dollar ke rupiah. Pada tampilan currency terdapat amount serta result yang disajikan dalam bentuk toolbox text serta convert yang disajikan dalam button (submit) l. User Interface My Info
Gambar 3.56 User Interface My Info
97
Tampilan diatas merupakan tampilan antar muka my info dimana tampilan tersebut berisikan data-data user yang telah menjadi member The Jakarta Post. Dalam tampilan diatas juga terdapat tombol logout.
m. User Interface News Maps
Gambar 3.57 User Interface News Map
98
Feature tambahan lain yang berupa map, dimana user dapat mengetahui letak kejadian atau lokasi kejadian dari berita yang ditampilkan
n. User Interface Download PDF
Gambar 3.58 User Interface Download PDF
99
Gambar 3.57 merupakan tampilan layar dari download pdf apabila member ingin melakukan dowload berita yang ada yang disediakan dalam format pdf.
o. User Interface GPS
Gambar 3.59 User Interface GPS
100
Feature tambahan lain yang berupa map, dimana user dapat mengetahui lokasi user berada
3.6.3.2 User Interface Admin a. User Interface Index Admin
Gambar 3.60 User Interface Index Admin
User Interface diatas akan ditampilkan saat pertama kali admin mengakses halaman administrator untuk mobile application for android The Jakarta Post. Pada user interface index terdapat form untuk login admin sehingga admin bisa mengakses administrator panel. Untuk username serta Password digunakan toolbox text sedangkan untuk login digunakan button submit
101
b. User Interface Home Admin
Gambar 3.61 User Interface Home Admin Gambar diatas merupakan tampilan awal dari administrator panel mobile application for android The Jakarta Post setelah admin berhasih login. Pada user interface home, terdapat menu sidebar dan icon-icon berukuran 80 X 80 pixel yang akan menjadi tombol navigasi untuk mengakses halaman lain. c. User Interface News
Gambar 3.62 User Interface News
102
Pada user interface news ditampilkan isi berita yang ada pada database The Jakarta post. Pada user interface news terdapat link untuk mengupdate dan mendelete news yang telah ada serta terdapat link untuk menginsert news baru.
d. User Interface Making News
Gambar 3.63 User Interface News Making Gambar ini merupakan User interface news making, dimana admin akan menginsert news baru yang akan masuk kedalam database dan di tampilkan dalam mobile application for android The Jakarta Post. Newsid, title,news detail, author, date, longitude dan latitude,semua menggunakan toolbox text. Sedangkan upload image menggunakan button choose file dan category menggunakan list item. Semua data dikirim ke database setelah button submit di klik.
103
e. User Interface News Update
Gambar 3.64 User Interface News Update Gambar ini menunjukan User Interface News Update. Memiliki tampilan yang hamper sama dengan news making, news update digunakan oleh admin untuk mengupdate berita yang telah ada di dalam database. Saat mengupdate news, admin tidak dapat merubah news id
f. User Interface News Community
104
Gambar 3.65 User Interface News Community Gambar ini menunjukan User Interface News Community. Pada halaman news community admin dapat melihat berita news community yang dikirimkan oleh user melalui mobile application for android The Jakarta Post. Pada halaman ini terdapat pilihan untuk verify dan delete berita yang dipost oleh user.
g. User Interface News Community Update
105
Gambar 3.66 User Interface Community Update User interface community update, ketika admin mengklik pilihan untuk verify berita yaitu dengan mengubah status berita yang belum verified atau nol menjadi verified atau satu. No, title dan status semua menggunakan toolbox text, sedangkan detail news menggunakan textbox dan verify menggunakan button
h. User Interface Member
106
Gambar 3.67 User Interface Member Pada user Interface MemberAdmin bise melihat siapa saja member yang telah terdaftar dan ada di dalam database.
i. User Interface Comment Moderator
107
Gambar 3.68 User Interface Comment Moderator Gambar ini menunjukan Interface Comment Moderator, dimana admin dapat melihat comment yang dibuat oleh user pada berita yang ada. Admin dapat mendelete comment jika dianggap tidak sesuai.
j. User Interface Currency
Gambar 3.69 User Interface Currency
108
User Interface Currency admin bisa melihat rate dari currency dollar ke rupiah. Admin bisa mengupdate rate dengan mengklik link edit.
k. User Interface Currency Update
Gambar 3.70 User Interface Currency Update
Gambar ini merupakan user Interface Currency Update, ketika admin menekan link edit maka akan muncul field untuk update rate. Admin tidak dapat mengubah nomor dan jenis currency. No, currency dan rate menggunakan toolbox text sedangkan edit menggunakan tombol button.
109
l. User Interface Upload PDF
Gambar 3.71 User Interface Upload PDF Gambar ini menunjukan user interface upload pdf. Terdapat button choose file yang digunakan oleh admin untuk memilih pdf yang akan diupload ke database. Admin kemudian menekan tombol upload untuk upload pdf yang telah dipilih.
