BAB 3 ANALISIS DAN PERANCANGAN. The Jakarta Post adalah surat kabar harian berbahasa Inggris di Indonesia. Surat

Transkripsi

1 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 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

2 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

3 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.

4 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 Identifikasi Masalah Berdasarakan hasil wawancara dengan manager IT The Jakarta Post, aplikasi yang kini The Jakarta Post miliki sudah berjalan dengan baik, user bisa

5 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 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.

6 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

7 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.

8 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 :

9 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

10 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

11 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

12 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 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 Use Case Diagram

13 Gambar 3.6 Use Case Diagram 45

14 46 Tabel 3.1 Use Case Specification My Info User Use Case Actor Description My Info User Dalam my info user dapat melihat informasi mengenai data diri user serta melakukan registrasi Pre-Conditon Flows of Event User telah masuk ke halaman my info 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 Actor Description Pre-Condition Submit news community User User meng-input berita baru User telah melakukan login dan masuk ke halaman news community Flows of Event User masuk ke halaman add news

15 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 Actor Description Get News User 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

16 48 Tabel 3.4 Use Case Specification Download PDF User Use Case Actor Description Download PDF User 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 Actor Description Get Currency User 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

17 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 Actor Description Map User 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

18 50 Tabel 3.7 Use Case Specification Submit Content Admin Use Case Actor Description Pre-Condition Flows of Event Submit Content Admin Admin melakukan input berita Login admin 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 Actor Description Verify Content Admin 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

19 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 Actor Description Pre-Condition Flows of Event Update Content Admin Admin melakukan update berita. Login admin 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 Actor Description View Member Admin Admin melihat serta melakukan update member Pre-Condition Flows of Event Admin melakukan login 1. masuk ke halaman login admin 2. melakukan login

20 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 Actor Description Set Currency Admin 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 Actor Description Upload PDF Admin Admin melakukan upload berita dalam bentuk pdf ke database Pre-Condition Admin telah melakukan login

21 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 Activity Diagram a. Update Content b. Submit Content Gambar 3.7 Activity Diagram Update Content Gambar 3.8 Activity Diagram Submit Content

22 54 c. Submit News Community Gambar 3.9 Activity Diagram Submit News Community d. Verify Content Gambar 3.10 Activity Diagram Verify Content

23 55 e. View Member Gambar 3.11 Activity Diagram View Member f. My Info Gambar 3.12 Activity Diagram MyInfo

24 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

25 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

26 Conceptual Class a. Update Content Gambar 3.19 Conceptual Class Update Content b. Submit Content Gambar 3.20 Conceptual Class Submit Content

27 59 c. Submit News Commnity Gambar 3.21 Conceptual Class Submit News Community d. Verify Content Gambar 3.22 Conceptual Class Verify Content

28 60 e. View Member Gambar 3.23 Conceptual Class View Member f. My Info Gambar 3.24 Conceptual Class My Info

29 61 g. Get News Gambar 3.25 Conceptual Class Get News

30 62 h. Download PDF Gambar 3.26 Conceptual Class Download PDF i. Upload PDF Gambar 3.27 Conceptual Class Upload PDF

31 63 j. Set Currency Gambar 3.28 Conceptual Class Set Currency k. Map Gambar 3.29 Conceptual Class Map

32 64 l. Get Currency Gambar 3.30 Conceptual Class Get Currency Class Diagram Gambar 3.31 Class Diagram System

33 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.

34 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

35 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.

36 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.

37 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.

38 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.

39 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.

40 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.

41 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.

42 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.

43 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.

44 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.

45 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.

46 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.

47 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.

48 ERD (Entity Relationship Diagram) Gambar 3.44 Entity Relationship Diagram 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

49 81 Password Varchar(16) Password user yang digunakan untuk login name varchar(30) Nama user Birthofdate Date Tanggal lahir user Varchar(18) 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

50 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

51 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

52 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 UI ( User Interface ) User Interface Client a. User Interface Home

53 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.

54 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.

55 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, , serta address yang berupa toolbox text. Sedangkan untuk date of birth berupa toolbox

56 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

57 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

58 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

59 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

60 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

61 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

62 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

63 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

64 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

65 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

66 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

67 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

68 100 Feature tambahan lain yang berupa map, dimana user dapat mengetahui lokasi user berada 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

69 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

70 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.

71 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

72 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

73 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

74 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

75 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

76 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.

77 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.