2. Web Service
Web Service pada penelitian ini berfungsi sebagai jembatan antara aplikasi mobile dengan data base server. Cara kerja web service ini yaitu dengan
mengambil data dari data base server dan kemudian mengkonversikan data tersebut ke format pertukaran data JSON.
3. Protokol HTTP
Protokol HTTP merupakan protokol lapisan jaringan aplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif dan
menggunakan hypermedia. Dalam penelitian ini protocol HTTP digunakan sebagai protokol yang dapat mendistribusikan data dari data base server.
4.1.3 Perancangan Prosedur yang Diusulkan
Perancangan ini mencangkup use case diagram, activity diagram, sequence diagram, class diagram, component diagram dan deployment
diagram yang menghasilkan sistem lebih baik. Proses yang dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem tersebut
menjadi satu kesatuan komponen.
4.1.3.1 Use Case Diagram
Gambar 4.2 Use Case Diagram
Skenario Use Case
No. Use Case : 01
Nama Use Case : Saham
Skenario :
Tabel 4.1 Skenario Saham Aksi User
Reaksi Aplikasi 1. User Memilih Menu Saham
2. Meminta Data Saham 3. Server Query ke Data Base
System
Saham
Profile
User Server
Laporan Keuangan Chart
Value
4. Server Mengirim hasil Query 5. Menampilkan Data Saham
Skenario Use Case
No. Use Case : 02
Nama Use Case : Profile
Skenario :
Tabel 4.2 Skenario Profile Aksi User
Reaksi Aplikasi 1. User Memilih Menu Profile
2. Meminta Data Profile 3. Server Query ke Data Base
4. Server Mengirim hasil Query 5. Menampilkan Data Profile
Skenario Use Case
No. Use Case : 03
Nama Use Case : Chart
Skenario :
Tabel 4.3 Skenario Chart Aksi User
Reaksi Aplikasi 1. User Memilih Menu Chart
2. Meminta Data Chart 3. Server Query ke Data Base
4. Server Mengirim hasil Query 5. Menampilkan Data Chart
Skenario Use Case
No. Use Case : 04
Nama Use Case : Laporan Keuangan
Skenario :
Tabel 4.4 Skenario Laporan Keuangan Aksi User
Reaksi Aplikasi 1. User Memilih Menu Laporan
Keuangan 2. Meminta Data Laporan Keuangan
3. Server Query ke Data Base 4. Server Mengirim hasil Query
5. Menampilkan Data Laporan Keuangan
Skenario Use Case
No. Use Case : 05
Nama Use Case : Value
Skenario :
Tabel 4.5 Skenario Value Aksi User
Reaksi Aplikasi 1. User Memilih Menu Value
2. Meminta Data Value 3. Server Query ke Data Base
4. Server Mengirim hasil Query 5. Menampilkan Data Value
4.1.3.2 Activity Diagram
1. Saham Activity Diagram
Gambar 4.3 Saham Activity Diagram
User Application
Server
Memilih Menu Saham Meminta Data Saham
Query ke Data Base
Mengirim Hasil Query Menampilkan Data Saham
2. Profile Activity Diagram
Gambar 4.4 Profile Activity Diagram
3. Chart Activity Diagram
Gambar 4.5 Chart Activity Diagram
User Application
Server
Memilih Menu Profile Meminta Data Profile
Query ke Data Base
Mengirim Hasil Query Menampilkan Data Profile
User Application
Server
Memilih Menu Chart Meminta Data Chart
Query ke Data Base
Mengirim Hasil Query Menampilkan Data Chart
4. Laporan Keuangan Activity Diagram
Gambar 4.6 Laporan Keuangan Activity Diagram
5. Value Activity Diagram
Gambar 4.7 Value Activity Diagram
User Application
Server
Memilih Menu Laporan Keuangan Meminta Data Laporan Keuangan
Query ke Data Base
Mengirim Hasil Query Menampilkan Data Laporan Keuangan
User Application
Server
Memilih Menu Value Meminta Data Value
Query ke Data Base
Mengirim Hasil Query Menampilkan Data Value
4.1.3.3 Sequence Diagram
1. Saham Sequence Diagram
Gambar 4.8 Saham Sequence Diagram
: USER : SERVER
Menu Utama Detail Saham
Server
1 : OnCreate 2 : OnClick
3 : Create 4 : SetAPI
5 : GetAPI 6 : GetBaseURL
7 : RequestHTTP 8 : Query
9 : Hasil Query 10 : WriteJSON
11 : GetJSONObject 12 : Show Detail Saham
2. Profile Sequence Diagram
Gambar 4.9 Profile Sequence Diagram
: USER : SERVER
Menu Utama Profile
Server Detail Saham
1 : OnCreate 2 : OnClick
3 : OnClick 4 : Create
5 : SetAPI 6 : GetAPI
7 : GetBaseURL 8 : RequestHTTP
9 : Query 10 : Hasil Query
11 : WriteJSON 12 : GetJSONObject
13 : Show Profile
3. Chart Sequence Diagram
Gambar 4.10 Chart Sequence Diagram
: USER : SERVER
Menu Utama Chart
Server Detail Saham
1 : OnCreate 2 : OnClick
3 : OnClick 4 : Create
5 : SetAPI 6 : GetAPI
7 : GetBaseURL 8 : RequestHTTP
9 : Query 10 : Hasil Query
11 : WriteJSON 12 : GetJSONObject
13 : Show Chart
4. Laporan Keuangan Sequence Diagram
Gambar 4.11 Laporan Keuangan Sequence Diagram
: USER : SERVER
Menu Utama LaporanKeuangan
Server Detail Saham
Profile 1 : OnCreate
2 : OnClick 3 : OnClick
4 : OnClick 5 : Create
6 : SetAPI 7 : GetAPI
8 : GetBaseURL 9 : RequestHTTP
10 : Query 11 : Hasil Query
12 : WriteJSON 13 : GetJSONObject
14 : Show Laporan Keuangan
5. Value Sequence Diagram
Gambar 4.11 Value Sequence Diagram
: USER : SERVER
Menu Utama Value
Server Chart
Detail Saham 1 : OnCreate
2 : OnClick 3 : OnClick
4 : OnClick 5 : Create
6 : SetAPI 7 : GetAPI
8 : GetBaseURL 9 : RequestHTTP
10 : Query 11 : Hasil Query
12 : WriteJSON 13 : GetJSONObject
14 : Show Value
4.1.3.4 Class Diagram
Gambar 4.13 Class Diagram
Tabel 4.6 Deskripsi Class Diagram Class
Jenis Class Deskripsi
StockActivity Controler
Class yang berisi method-method yang berfungsi mengontrol tampilan
Menu Saham StockDetailActivity
Controler Class yang berisi method-method
yang berfungsi mengontrol tampilan Data Saham
CompanyActivity Controler
Class yang berisi method-method
StockActivity
+KEY_STOCK_CODE +KEY_STOCK_ID
+KEY_STOCK_DATE +KEY_PREVIOUS
+KEY_CLOSE +KEY_RUBAH
+adapter +listview
+JSONObject
+onCreate +onClick
+SetList +onActivityResult
+onPreExecute
ConnectServer
+Api +Base_Url
+getBaseUrl +SetApi
+GetApi +GetJSONObject
+requestHTTP +wirteJSON
StockDetailActivity
+KEY_STOCK_NAME +KEY_HIGH
+KEY_LOW +KEY_VOLUME
+KEY_VALUE +KEY_FREQUENCY
+adapter +JSONObject
+onCreate +onClick
+onPreExecute
CompanyActivity
+KEY_NAMA +KEY_ALAMAT
+KEY_EMAIL +KEY_TELEPON
+KEY_FAX +KEY_NPWP
+KEY_NPKP +KEY_SITUS
+KEY_IPO +KEY_PAPAN
+KEY_BIDANG +KEY_SEKTOR
+KEY_SUB +KEY_BIRO
+KEY_LOGO +adapter
+JSONObject
+onCreate +onClick
+onPostExecute
LaporanActivity
+KEY_LAP_URL +JSONObject
+onCreate +onPostExecute
ValueActivity
+onCreate +LoadValue
StockChartActivity
+onCreate +getStockChartView
yang berfungsi mengontrol tampilan Profile perusahaan
LaporanActivity Controler
Class yang berisi method-method yang berfungsi mengontrol tampilan
Laporan keuangan StockChartActivity
Controler Class yang berisi method-method
yang berfungsi mengontrol tampilan Chart Saham
ValueActivity Controler
Class yang berisi method-method yang berfungsi mengontrol tampilan
Harga Saham berserta tanggalnya. ConnectServer
Controler Class yang berisi method-method
yang berfungsi koneksi ke server
4.1.3.5 Component Diagram
Gambar 4.14 Component Diagram
4.1.3.6 Deployment Diagram
Gambar 4.15 Deployment Diagram
Stock Api XML GUI
Web Server PHP Pages
Class
MySQL Data Base Resources
Android Client XML GUI
Class
Resources Server
MySQL Data Base
Stock Api PHP Pages
4.2 Perancangan Antar Muka
Kategori