T0 562013009 BAB III
BAB III
Perancangan Sistem
Pengumpulan Kebutuhan
Metode perancangan ini mengacu pada pendekatan
berorientasi objek menggunakan pemodelan UML (Unified
Modelling Language). Berdasarkan komponen proses metode
UML terbagi menjadi 6 fase yaitu (Utomo, 2003):
1. Pemodelan Bisnis
Merupakan
langkah
untuk
mengidentifikasi
kemampuan sistem yang diinginkan oleh pengguna.
Menganalisa cara kerja sistem informasi yang saat ini
digunakan adalah salah satu cara untuk mengetahui
Pemodelan Bisnis. Namun ada cara lain juga yang akan
lebih detail dengan melakukan wawancara langsung
kepada pengguna secara langsung. Informasi yang
didapatkan akan lebih rinci dan sesuai dengan yang
diinginkan oleh pengguna.
2. Analisis dan Perancangan
Merupakan
langkah
merealisasikan
menguraikan
sistem yanitu
dengan
cara
untuk
melakukan
perancangan aplikasi. Mengumpulkan informasi yang
akan disajikan dalam sistem informasi yang akan dibuat.
- Menganalisa bahasa pemrograman dari sistem
informasi yang sedang berjalan
1
2
- Menganalisa software dan struktur database
yang digunakan
- Menganalisa hasil cetak laporan pengecheckan
laboratorium
- Menganalisa service pesan singkat yang akan
digunakan,
dalam
hal
ini
digunakan
TELEGRAM
3. Requirements (Kebutuhan)
Merupakan langkah untuk mengidentifikasi kebutuhan
fungsional dan kebutuhan non fungsional di dalam
program. Untuk memenuhi kebutuhan dari pembuatan
sistem informasi ini maka beberapa hal dibawah
diberikut :
- Komputer Database Server (Microsoft SQL
Server)
- Komputer Web Server (Internet Information
Services)
- Koneksi internet dengan kecepatan minimal 1
Mbps
- Komputer pengguna applikasi ini
4. Implementasi
Merupakan langkah pembuatan program (kode-kode
program) dengan menggunakan bahasa pemrograman
tertentu. Setelah proses pembuatan selesai, diperlukan
proses untuk implementasi software di beberapa server
yang sudah disiapkan sesuai dengan fungsinya.
3
Pemasangan
database
pada
database
server,
pemasangan script web report dan web service pada web
server, instalasi TELEGRAM connector di server
database dan instalasi aplikasi client di masing-masing
komputer staff.
5. Pengujian
Langkah untuk melakukan verifikasi sistem secara
keseluruhan. Pengujian berhasil jika Aplikasi pada
komputer staff dapat login dan mengakses data yang ada
pada database server. Pengujian berhasil jika aplikasi
TELEGRAM connector dapat menangani pesan masuk
dan keluar. Pengujian berhasil jika Customer dapat
mengakses laporan hasil uji laboratorium pada web
report pada server.
6. Penyerahan
Merupakan
langkah
penyerahan
program
dan
dokumentasi program ke pengguna serta mengadakan
training pengguna. Saat pengujian selesai dilakukan
diperlukan waktu beberapa hari untuk memastikan
sistem yang telah dibuat berjalan lancar dan siap
digunakan untuk proses bisnis setiap hari.
4
Ruang Lingkup Aplikasi
Desktop Application
Memudahkan Pengguna (Accudi) dalam menggunakan
program ini dalam mengolah data-data pelanggan
o
Fungi
Memasukan
hasil
pengujian
laboratorium
Mengolah data pelanggan
Mengolah data laporan
Melakukan perubahan konfigurasi auto
reply
Melakukan pengiriman pesan pribadi
dan masal
o
Membaca pesan yang diterima
Mengatur hak akses setiap pengguna
Fitur
User Biasa
-
Mengolah data pelanggan baru
maupun lama
-
Pengiriman pesan pribadi dan
masal
-
Pengiriman
pesan
ucapan
selamat ulang tahun
-
Membuat dan merubah akses
pelanggan ke Web Report
User Admin
-
Mengolah data pelanggan baru
maupun lama
5
-
Pengiriman pesan pribadi dan
masal
-
Pengiriman
pesan
ucapan
selamat ulang tahun
-
Membuat dan merubah akses
pelanggan ke Web Report
-
Mengatur
fitur-fitur
yang
tersedia
-
Mengatur
hak
akses
dari
pengguna
Web Based Application
Memudahkan pelanggan (Accudi) dalam mengakses
secara langsung hasil pengecheckan melalui web
browser dari komputer maupun handphone.
o
Fungsi
Digunakan untuk menampilkan hasil
laporan dari pengecheckan yang akan
ditampilkan
dalam
format
HTML
menggunakan web browser
o
Fitur :
Login menggunakan username dan
password yang sudah terdaftar
Dapat
mengakses
langsung
menggunakan kode yang sudah diolah
oleh server
Pelanggan dapat melihat tagihan dan
daftar harga layanan
6
Pelanggan
dapat
pengecheckan
melihat
terbaru
dan
hasil
yang
sebelumnya.
Konsep Perancangan
Gambaran Umum Aplikasi
DATABASE SERVER LAYER
TELEGRAM
CONNECTOR
DATABASE
WEB SERVER LAYER
WEB SERVER
WEB REPORT
WEB SERVICE
USER LAYER
DESKTOP
APPLICATION
CUSTOMER MANAGER
MEDIS
REPORT
REPORT MANAGER
CHATING
USER MANAGER
Gambar 3.1 : Gambaran Umum Aplikasi
Sistem informasi yang dibuat ini terpusat pada satu
server database untuk menghubungkan semua module agar dapat
saling berkomunikasi dan sistem dapat berjalan. Telegram
Connector ditempatkan pada layer yang sama dengan database
dengan alasan supaya layanan melalui pesan Telegram tetap berjalan
dan dapat lebih cepat merespon pesan masuk dan keluar.
7
3.3.1.1.
Pengguna aplikasi
A. Administrators
Administrator memiliki hak akses sebagai berikut :
1. Menambah dan menghapus akun user
2. Mengelola hak akses akun user
3. Merubah konfigurasi Auto-Reply
4. Merubah pengaturan TELEGRAM
B. Users
1. Menambah, merubah dan menghapus data
pelanggan
2. Menambah
dan
menghapus
hasil
dari
pengecheckan pelanggan
3. Merubah password web report milik pelanggan
C. Customers
1. Login ke dalam web report
2. Melihat hasil uji laboratorium
8
Perancangan Antar Muka
Perancangan Antar Muka Aplikasi Berbasis Desktop
Login
ACCUDI LABORATORIUM
Please Login Here
USERNAME
PASSWORD
LOGIN
Gambar 3.2: Form Login
Gambar 3.2 akan muncul pertama kali ketika program
dijalankan dan ketika pengguna keluar tanpa menutup program.
9
Laboratorium Accudi
Home
Customers
Customers
Reports
Reports
Chat
Chat
Settings
Exit
Settings
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.3: TAB Home
Gambar 3.3 adalah bingkai yang terdapat tombol-tombol
fungsi yang akan memunculkan user control pada panel sehingga
akan nampak lebih rapi. Terdapat 4 buah tombol yang berfungsi
sebagai alternatif berpindah ke Tab lainnya.
10
Laboratorium Accudi
Home
Customers
Add
Customer
Update
Customer
Reports
Chat
Delete
Customer
Settings
Find
Customer
Exit
Show All
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.4 : TAB Customers
Gambar 3.4 adalah ruang lingkup kerja dalam mengolah
data-data pelanggan, didalamnya terdapat tombol-tombol dan panel
yang berisikan daftar pelanggan.
11
CUSTOMER
DATA GRID
Gambar 3.5 : User Control - Customer
Gambar 3.5 adalah isi dari panel Tab-Customer. Berfungsi
untuk menampilkan daftar customer keseluruhan maupun hasil dari
pencarian.
12
Customer
Personal
Contact
Web Report
ID Anggota :
Enter Text
Firstname:
Enter Text
Lastname :
Enter Text
Sex :
Male
Birth of Date :
Enter Text
Identity Card :
Enter Text
Religion :
Enter Text
Female
Age : _
Enter Text
OK
CANCEL
Gambar 3.6: Form Dialog Customer - Tab Personal
Gambar 3.6 akan muncul ketika pengguna menekan tombol
Add Customer dan Update Customer di Form Utama – Tab
Customer. Yang berfungsi untuk menambah dan memperbaharui
data pelanggan yang sudah ada. Pada Tab Personal berisikan tentang
data pribadi dari pelanggan.
13
Customer
Personal
Contact
Main Address :
Alternate Address:
Web Report
Enter Text
Enter Text
City :
Enter Text
Phone :
Enter Text
Province :
Enter Text
Mobile :
Enter Text
ZIP Code :
Enter Text
Email :
Enter Text
Country :
Enter Text
Telegram :
Enter Text
OK
CANCEL
Gambar 3.7 : Form Dialog Customer Tab Contact
Pada Gambar 3.7 berisikan alamat, nomor telepon, alamat
surel, ID Telegram yang diperlukan dalam penyampaian informasi
baik eletroknik maupun surat.
14
Customer
Personal
Contact
Web Report
Username :
Enter Text
Password :
Enter Text
OK
CANCEL
Gambar 3.8 : Form Dialog Customer Tab Web Report
Pada Gambar 3.8 berisikan username dan password yang
dapat digunakan untuk mengakses hasil laporan medis melalui web
browser.
Search Customer
Masukan ID atau Nama Anggota
Enter Text
Search
Gambar 3.9 : Form Dialog Search Customer
Gambar 3.9 disediakan untuk mempermudah dalam
pencarian data pelanggan dengan cara memasukan nama atau id
pelanggan.
15
Laboratorium Accudi
Home
Add
Report
Customers
Update
Report
Reports
Delete
Report
Chat
Find
Report
Settings
Show All
Exit
Send
Reports
Settings
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.10 : Tab Reports
Gambar 3.10 adalah ruang lingkup kerja dalam mengolah
data hasil pengujian laboratorium yang akan dimasukan satu persatu
berdasarkan data pelanggan. Pada Tab ini menyediakan tomboltombol yang berguna untuk mengolah data yang akan dimasukan
maupun yang sudah ada. Mengirim laporan yang sudah ada untuk
dikirimkan via chatting Telegram.
16
REPORTS
DATA GRID
Gambar 3.11 : User Control Isi Dari Panel Reports
Gambar 3.11 akan menampilkan daftar laporan pengujian
laboratorium secara menyeluruh maupun sebagian hasil dari
pencarian.
Search Laporan
Masukan ID laporan
Enter Text
Search
Gambar 3.12 : Form Dialog Search Report
Gambar 3.12 disediakan untuk mempermudah dalam
pencarian hasil uji laboratorium dengan cara memasukan nomor id
laporan.
17
Laboratorium Accudi
Home
Customers
Send
Message
Reports
Send
Broadcast
Chat
Settings
Exit
Refresh
Message
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.13 : Tab Chat
Gambar 3.13 adalah ruang lingkup kerja dalam dalam
berkomunikasi dengan pelangan maupun melihat catatan pesan
masuk dan keluar. Tersedia dua tombol fungsi untuk mengirim pesan
dengan metode yang berbeda, yaitu untuk mengirim pesan secara
pribadi (satu penerima) dan pengiriman masal (broadcast) yang
dapat mengirim pesan kelebih dari satu penerima dengan isi pesan
yang sama.
18
MESSAGE
Balas Cepat
000000000
Tujuan :
Pesan :
DATA GRID
Enter Text
Kirim
Gambar 3.14 : User Control Dari Panel Chat
Gambar 3.14 berisikan sekumpulan catatan pesan keluar dan
masuk dari Telegram Connector. Juga disediakan cara cepat untuk
menjawab pesan yang masuk dengan hanya memilih pesan yang
masuk dan mengetikan pesan balasan pada textbox sebelah kanan,
lalu tekan Kirim untuk mengirim pesan.
Private Message
Nomor ID Telegram :
Enter Text
Enter Text
KIRIM
Gambar 3.15 : Form Dialog Kirim Pesan
19
Gambar 3.15 muncul setelah pengguna menekan tombol
“Send Private Message”. Pada form dialog ini disediakan satu
combo box yang berisikan daftar pelanggan yang memiliki ID
Telegram. Hanya dengan mengetikan nama pelanggan, id telegram
dapat dengan mudah diketahui.
Broadcast Message
Pesan :
Penerima :
Column 1
Text
Enter Text
Text
Text
SEND
CANCEL
Gambar 3.16 : Form Dialog Kirim Pesan Masal
Gambar 3.16 muncul setelah pengguna menekan tombol
“Send Broadcast Message”. Pada form dialog ini disediakan satu
checklist box yang berisikan daftar pelanggan yang memiliki ID
Telegram. Disini pengguna diminta untuk memilih pelanggan siapa
saja yang akan menerima pesan broadcast dan pesan yang akan
dikirim. Setelah itu menekan tombol “SEND” untuk mengirim pesan
tersebut.
20
Laboratorium Accudi
Home
Customers
Users
Settings
Telegram
Settings
Reports
Chat
Settings
Exit
Feature
Settings
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.17: Tab Settings
Gambar 3.17 adalah ruang lingkup yang disediakan untuk
pengguna dalam mengatur konfigurasi hak akses, Telegram
Connector dan fitur yang tersedia pada aplikasi sistem informasi
Laboratorium Accudi.
21
USER SETTING
ID
Nama Depan
Nama Belakang
Username
Password
Hak Akses
DATA GRID
Add
Edit
Enter Text
Enter Text
Enter Text
Enter Text
Text
SIMPAN
Delete
Gambar 3.18 : User Control User Setting Isi Dari Panel Settings
Gambar 3.18 muncul bersamaan pada saat Tab Setting
ditekan atau tombol “Users Setting” ditekan. User control ini
disediakan untuk mengolah user dan hak akses yang digunakan
untuk menggunakan Aplikasi Sistem informasi Laboratorium
ACCUDI.
Telegram Setting
Token
Enter Text
Active
OK
Cancel
Gambar 3.19 : User Control Telegram Setting Isi Dari Panel Settings
22
Gambar 3.19 muncul saat tombol TELEGRAM Setting pada
tab Setting ditekan. User Control ini disediakan untuk mengatur
program TELEGRAM Connector supaya dapat terhubung dengan
server TELEGRAM dan untuk mengaktifkan dan mematikan fitur
ini.
Auto Reply
FEATURE SETTING
Auto Reply
DATA GRID
(editable)
Save Change
Config
Gambar 3.20 : User Control Feature Setting Isi Dari Panel Settings
Gambar 3.20 muncul ketika pengguna menekan tombol
Feature Setting pada Tab Setting. User Control ini disediakan untuk
mengatur kata kunci dari fitur Auto Reply dan untuk mengubah status
aktif atau tidaknya fitur ini.
23
Laboratorium Accudi
Home
Customers
Logout User
Reports
Chat
Settings
Exit
Close
Application
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.21: TAB Exit
Gambar 3.21 disediakan untuk pengguna untuk mengahiri
penggunaan aplikasi ini sehingga pengguna lain dapat menggunakan
kembali dengan menggunakan user yang berbeda atau mengakhiri
dan menutup aplikasi.
24
Jaringan Semantik Aplikasi Desktop
Private
Message
Broadcast
Message
Add Report
Update
Report
User
Control
Chat
User
Control
Reports
Send
Report
START
Form
Utama –
Tab Chat
STOP
LOGIN
Form
Utama –
Tab Home
Form
Utama –
Tab Report
Form
Utama –
Tab Setting
User
Control
Telegram
Setting
Form
Utama –
Tab Exit
Form
Utama –
Tab
Customer
Add
Customer
User
Control
Customer
User
Control
Feature
Setting
User
Control
User
Setting
Gambar 3.22 : Jaringan Semantik Aplikasi Desktop
Perancangan Antar Muka Web Report
Default.aspx
Logo
Please sign in
Username :
Enter Text
Password :
Enter Text
Sign in
Gambar 3.23 : Default.aspx (Login Page)
Update
Customer
Update
Customer
25
Tampilan pertama saat mengakses web report. Diperlukan
username dan password untuk dapat masuk dan melihat hasil
pengujian laboratorium.
MasterPage.master
Nav Bar
Nav Brand
ACCUDI WEB REPORT
Side Bar
Nav Item
Report List
Welcome,
logout
Sideframe
Welcome
(Full Name)
Content Placeholder
Gambar 3.24 : MasterPage.master (layout halaman)
Gambar 3.24 adalah halaman yang akan menjadi layout
tampilan setelah login. Semua halaman yang ditampilkan akan
memiliki layout yang sama karena mewarisi dari halaman
MasterPage.master ini. Halaman yang mewarisi dari layout ini akan
ditampikan pada Content Placeholder.
26
ReportDashboard.aspx
ID Laporan
Tanggal Laporan
Aksi
00000000-0000-0000-0000-00000000000000
10/04/2016 13:29:42
Lihat
00000000-0000-0000-0000-00000000000000
12/04/2016 13:30:42
Lihat
00000000-0000-0000-0000-00000000000000
14/04/2016 13:40:42
Lihat
00000000-0000-0000-0000-00000000000000
16/04/2016 13:50:42
Lihat
Gambar 3.25 : ReportDashboard.aspx (Page Content Reportl list)
Gambar 3.25 adalah halaman yang berisikan daftar laporan
hasil pengujian laboratorium yang sebelumnya sudah dimasukan
melalui aplikasi berbasis desktop. Setiap idlaporan memiliki tombol
bertuliskan “Lihat” yang akan merujuk ke halaman Report.aspx.
Report.aspx
Medical Check Up Report
Kembali
ID Pengecheckan
Nama Pasien
Tanggal Periksa
:
:
:
00000000-0000-0000-0000-00000000000000
Nama Lengkap Pasien
13/04/2016 13:29:42
Pengecheckan
Hasil
Kimia Klinik
Fungsi Ginjal
Urine
Urine Rutin
Ureum
20
Keratinin
0.30
Makroskopis Warna Kuning
Satuan Nilai Rujukan
mg/dL
Keterangan
< 48
< 0.47
Gambar 3.26 : Report.aspx (detail isi laporan)
Gambar 3.26
adalah halaman yang muncul setelah
pelanggan menekan tombol lihat pada daftar di halaman
ReportDashboard.aspx. Report.aspx bertugas untuk menampilan
27
secara detail hasil pengujian laboratorium berdasarkan idLaporan
yang dipilih.
Site Map Web Report
reports.domain .com
Default.aspx
ReportDashboard.aspx
Report.aspx
Gambar 3.27 : Sitemap Web Report
Susunan sitemap pada halaman web report hanya terdiri dari
3 halaman yang saling terkait. Sebelum customer masuk kehalaman
ReportDashboard.aspx maka diperlukan login pada halaman
Default.aspx terlebih dulu dan untuk dapat masuk ke Report.aspx
maka harus melalui ReportDashboard.aspx.
28
Perancangan Antar Muka TELEGRAM Connector
Telegram Connector
Pesan dikrim
0
Pesan diterima
0
Bot id : 000000000
Bot Name : xxxxxxxx
Connected
Gambar 3.28 : Tampilan TELEGRAM Connector
TELEGRAM Connector menampilkan status dari layanan
terima dan kirim pesan melalui Aplikasi TELEGRAM berupa log.
Aplikasi TELEGRAM Connector ini yang akan menjadi jembatan
dalam komunikasi menggunakan TELEGRAM.
29
Perancangan Model Bisnis
Rancangan Use Case Diagram Model
USE CASE ACCUDI
Setting Telegram API
Setting User Access
Admin
Setting Report Parameters
Check Report
Create Customers
Chatting
Create Reports
Client
Update Telegram ID
User
Sent Reports
Gambar 3.29 : Rancangan Use Case Diagram
Dalam peranannya dibagi menjadi 3 yaitu Admin, Staff dan
Client (Pelanggan) dengan masing-masing memiliki hak akses dari
masih masing-masing fitur yang tersedia.
30
Rancangan Activity Diagram
3.5.2.1.
Login Activity Diagram
Applikasi Desktop
Web Service
Database
Function
Function
Function
Login
Validasi login
Mencari data
user login
Mengembalikan
hasil pencarian
Tidak
Ada?
ya
Respond detail
informasi user
Mengembalikan
hasil pencarian
informasi detail
user
Phase
Mengambil
detail informasi
user
Phase
Phase
Menampilkan
Menu Utama
Request detail
informasi user
Gambar 3.30: Login Activity Diagram
Pada saat aplikasi berjalan diperlukan login untuk dapat
menggunakan aplikasi ini. Web service berfungsi untuk memvalidasi
username dan password yang dikirimkan oleh aplikasi dan
dicocokan dengan data yang ada di database.
31
3.5.2.2.
Memuat data customer
Gambar 3.31 : Activity Diagram Data Customer
Setelah proses login selesai dan dinyatakan valid maka
aplikasi akan melakukan request pengambilan data pelangan ketika
masuk di menu Customer. Web service akan mengembalikan request
berupa sekumpulan data yang diambil dari database.
32
3.5.2.3.
Memuat data laporan
Gambar 3.32 : Activity Diagram Laporan
Setelah proses login selesai dan dinyatakan valid maka
aplikasi akan melakukan request pengambilan data pelangan ketika
masuk di menu Reports. Web service akan mengembalikan request
berupa sekumpulan data yang diambil dari database.
33
3.5.2.4.
Menampilkan Daftar Pesan
Gambar 3.33 : Activity Diagram Daftar Pesan
Setelah proses login selesai dan dinyatakan valid maka
aplikasi akan melakukan request pengambilan data pelangan ketika
masuk di menu Chat. Web service akan mengembalikan request
berupa sekumpulan data yang diambil dari database.
34
Phase
Phase
Mengirim dan menerima pesan
Phase
Phase
3.5.2.5.
Gambar 3.1 : Activity diagram kirim dan terima pesan Telegram
35
Dalam proses kirim dan terima pesan diperlukan masukan
dari aplikasi berupa kode token yang didapat dari aplikasi Telegram
supaya dapat terhubung dengan server. Token tersebut diterima oleh
web service lalu disimpan dalam database. Ketika program
Telegram konektor berjalan akan melakukan pengecheckan kode
token yang ada di database yang akan digunakan untuk terhubung
ke server Telegram dan mengambil pesan yang ada dan mengirim
pesan yang ada di database untuk dikirim.
Rancangan Class Diagram
3.5.3.1.
ClassCustomer
Editable Class
ClassReportSetting
- Agama
- Alamat1
- GetParameterMedic
- Alamat2
ClassTelegramSetting
- Email
Class Report
ClassUser
- idAnggota
- Active
- idUser
- idCustomer
- JenisKelamin
- Token
- NamaBelakang
- KodePos
- Kota
- NamaBelakang
- NamaDepan
- Negara
- NomorIdentitas
- NomorTelepon
- Password
- Propinsi
- TanggalLahir
- TelegramID
- TypeIdentitas
- Username
- NamaDepan
- Password
ClassFeatureSetting
- Role
- Username
- ConfigAutoAnswer
- ConfigAutoBirthdayGreetings
- KeywordList
LoginApp
Sex
- ErrorInfo
- Password
- RoleInfo
- Unknown
- Pria
- Wanita
- UserInfo
- Username
Gambar 3.2 : Editable Class
Gambar 3.3 adalah rancangan Class yang butuhkan pada
aplikasi. Class-class tersebut digunakan untuk merubah data yang
tersimpan di database.
36
3.5.3.2.
ReadOnly Class
Gambar 3.3 : ReadOnly Class
Gambar 3.4 adalah class yang digunakan untuk menampilan
informasi di aplikasi sehinga tidak keseluruhan data yang
ditampilkan dan dapat diterapkan pada class list.
37
3.5.3.3.
Class List of Object
Gambar 3.4 : Class List Of Object (Class Daftar)
Gambar 3.5 adalah class yang digunakan untuk menampilan
informasi dalam bentuk daftar. Class ini berisikan satu atay lebih
dari satu class readonly.
38
Pemodelan Penyimpanan Data
tblMessage
idMessage
idTelegram
pesan
keyword
idUserSender
status
tblChildCategory
idPengecheckan
nama
idChildCategory
satuan
nilaiRujukan
idParentCategory
keyword
nama
isActive
idGeneralCategory
tblConfigTelegram
telegramAPI
tblGeneralCategory
idCustomer
tblUser
tblRole
tanggalPendaftaran
idAnggota
idRole
roleName
typeIdentitas
title
addUser
nomorIdentitas
namaDepan
updUser
namaDepan
namaBelakang
delUser
namaBelakang
idJabatan
getUser
tanggalLahir
username
addReport
agama
tblWebReport
password
updReport
jenisKelamin
idPengecheckan
msgFooter
delReport
alamat1
published
isDeleted
getReport
alamat2
tanggalHasil
setReport
kota
hide
addCustomer
propinsi
updCustomer
kodePos
delCustomer
negara
keterangan
idUser
tblParentCategory
idParentCategory
tblCustomer
idRole
hide
pesanOtomatis
isOnline
hasil
idCustomer
waktu
tblAutoAnswer
tblLaporanPengecheckan
idChildCategory
idUser
tblJabatan
idGeneralCategory
idJabatan
getCustomer
nomorTelepon
nama
NamaJabatan
modConfig
nomorHandphone
chat
nomorWhatsapp
privateChat
email
broadcastChat
username
tblConfigApp
autoAnswer
autoBirthdayGreeting
password
isDeleted
Gambar 3.34 : Rancangan Database Diagram
39
a. tblCustomer
Berisikan tentang semua data pribadi customer
Allow
Null
idCustomer
uniqueidentifier
FALSE
tanggalPendaftaran date
FALSE
idAnggota
varchar(12)
FALSE
typeIdentitas
varchar(10)
TRUE
nomorIdentitas
varchar(50)
TRUE
namaDepan
varchar(50)
FALSE
namaBelakang
varchar(100)
TRUE
tanggalLahir
date
FALSE
agama
varchar(50)
FALSE
jenisKelamin
int
FALSE
alamat1
varchar(300)
FALSE
alamat2
varchar(300)
TRUE
kota
varchar(50)
FALSE
propinsi
varchar(50)
FALSE
kodePos
varchar(10)
FALSE
negara
varchar(50)
FALSE
nomorTelepon
varchar(50)
TRUE
nomorHandphone
varchar(50)
TRUE
nomorWhatsapp
varchar(50)
TRUE
email
varchar(100)
TRUE
username
varchar(20)
FALSE
password
varchar(20)
FALSE
isDeleted
bit
FALSE
Tabel 3.2 : Tabel Customer
Column Name
Data Type
b. tblUser
Berisikan tentang data-data user staff maupun admin
Column Name
Data Type
Allow
Null
40
idUser
idRole
title
namaDepan
namaBelakang
idJabatan
username
password
msgFooter
isDeleted
Tabel
int
int
varchar(50)
varchar(50)
varchar(100)
int
varchar(8)
varchar(8)
varchar(100)
bit
3.3 : Tabel User
FALSE
FALSE
TRUE
FALSE
TRUE
TRUE
FALSE
FALSE
TRUE
TRUE
c. tblJabatan
Berisikan jabatan dari masing-masing staff
Column Name
Data Type
idJabatan
int
NamaJabatan
varchar(50)
Tabel 3.4 : Tabel Jabatan
Allow
Null
FALSE
FALSE
d. tblRole
Berisikan hak akses dari tiap-tiap tingkatan
Column Name
Data Type
idRole
roleName
addUser
updUser
delUser
getUser
addReport
updReport
delReport
int
varchar(20)
bit
bit
bit
bit
bit
bit
bit
Allow
Null
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
41
getReport
setReport
addCustomer
updCustomer
delCustomer
getCustomer
modConfig
chat
privateChat
broadcastChat
Tabel
bit
bit
bit
bit
bit
bit
bit
bit
bit
bit
3.5 : Tabel Role
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
e. tblLaporanPengecheckan
Berisikan nilai-nilai parameter kesehatan dari hasil uji laboratorium
Allow
Null
idPengecheckan
uniqueidentifier
FALSE
idChildCategory
int
FALSE
hasil
varchar(50)
FALSE
keterangan
varchar(100)
TRUE
idUser
int
FALSE
idCustomer
uniqueidentifier
FALSE
hide
bit
TRUE
Tabel 3.6 : Tabel Laporan Pengecheckan
Column Name
f.
Data Type
tblWebReport
berisikan daftar laporan kesehatan yang sudah selesai di proses dan
diterbitkan, atau yang disembunyikan
Column Name
idPengecheckan
published
tanggalHasil
Allow
Null
uniqueidentifier
FALSE
bit
FALSE
datetime
FALSE
Data Type
42
hide
bit
FALSE
Tabel 3.7 : Tabel Web Report
g. tblChildCategory
berisikan parameter-parameter uji kesehatan yang lebih detail
Allow
Null
idChildCategory
int
FALSE
nama
varchar(50)
FALSE
satuan
varchar(50)
TRUE
nilaiRujukan
varchar(50)
TRUE
idParentCategory
int
FALSE
Tabel 3.8 : Tabel Child Category
Column Name
Data Type
h. tblParentCategory
berisikan sub kategori dari parameter uji kesehatan
Allow
Null
idParentCategory
int
FALSE
nama
varchar(50)
FALSE
idGeneralCategory int
FALSE
Tabel 3.9 : Tabel Parent Category
Column Name
i.
Data Type
tblGeneralCategory
berisikan kategori umum dari sekumpulan parameter uji kesehatan
j.
Column Name
Data Type
idGeneralCategory
nama
int
varchar(50)
tblMessage
berisikan riwayat pesan masuk dan keluar
Allow
Null
FALSE
FALSE
43
Allow
Null
idMessage
uniqueidentifier
FALSE
idTelegram
varchar(50)
TRUE
pesan
varchar(3000)
TRUE
keyword
varchar(50)
TRUE
idUserSender
int
TRUE
status
int
TRUE
waktu
datetime
TRUE
Tabel 3.10 : Tabel Message
Column Name
Data Type
k. tblAutoAnswer
berisikan keyword dan pesan balasan otomatis yang sudah disiapkan
untuk melayani pelanggan secara otomatis
Allow
Null
keyword
varchar(50)
FALSE
pesanOtomatis
varchar(1000)
FALSE
isActive
bit
FALSE
Tabel 3.11 : Tabel Auto Answer
Column Name
l.
Data Type
tblConfigTelegram
berisikan data-data dari aplikasi TELEGRAM supaya dapat
terhubung dengan aplikasi TELEGRAM dan mengatur jalan atau
tidaknya layanan tersebut.
Allow
Null
telegramAPI
varchar(50)
FALSE
isOnline
bit
FALSE
Tabel 3.12 : Tabel Config Telegram
Column Name
m. tblConfigApp
Data Type
44
berisikan konfigurasi yang dapat digunakan untuk menjalankan fitur
yang dibuat
Column Name
Data Type
autoAnswer
bit
autoBirthdayGreeting bit
Tabel 3.13 : Tabel Config App
Allow
Null
FALSE
FALSE
Pemodelan Distribusi Aplikasi
Communicator
Database Server
Communicator
Web Server
Web Service
PELANGGAN
Desktop App
USER 1
PELANGGAN
Desktop App
USER 2
Gambar 3.35 : Konsep Perancangan
Aplikasi komputer staff mengakses ke server Web Service
untuk mendapatkan informasi dari database server. TELEGRAM
45
connector dan web server untuk menyimpan dan mendapatkan data
yang dibutuhkan staff maupun Customer yang ada pada server
database.
46
Perancangan Sistem
Pengumpulan Kebutuhan
Metode perancangan ini mengacu pada pendekatan
berorientasi objek menggunakan pemodelan UML (Unified
Modelling Language). Berdasarkan komponen proses metode
UML terbagi menjadi 6 fase yaitu (Utomo, 2003):
1. Pemodelan Bisnis
Merupakan
langkah
untuk
mengidentifikasi
kemampuan sistem yang diinginkan oleh pengguna.
Menganalisa cara kerja sistem informasi yang saat ini
digunakan adalah salah satu cara untuk mengetahui
Pemodelan Bisnis. Namun ada cara lain juga yang akan
lebih detail dengan melakukan wawancara langsung
kepada pengguna secara langsung. Informasi yang
didapatkan akan lebih rinci dan sesuai dengan yang
diinginkan oleh pengguna.
2. Analisis dan Perancangan
Merupakan
langkah
merealisasikan
menguraikan
sistem yanitu
dengan
cara
untuk
melakukan
perancangan aplikasi. Mengumpulkan informasi yang
akan disajikan dalam sistem informasi yang akan dibuat.
- Menganalisa bahasa pemrograman dari sistem
informasi yang sedang berjalan
1
2
- Menganalisa software dan struktur database
yang digunakan
- Menganalisa hasil cetak laporan pengecheckan
laboratorium
- Menganalisa service pesan singkat yang akan
digunakan,
dalam
hal
ini
digunakan
TELEGRAM
3. Requirements (Kebutuhan)
Merupakan langkah untuk mengidentifikasi kebutuhan
fungsional dan kebutuhan non fungsional di dalam
program. Untuk memenuhi kebutuhan dari pembuatan
sistem informasi ini maka beberapa hal dibawah
diberikut :
- Komputer Database Server (Microsoft SQL
Server)
- Komputer Web Server (Internet Information
Services)
- Koneksi internet dengan kecepatan minimal 1
Mbps
- Komputer pengguna applikasi ini
4. Implementasi
Merupakan langkah pembuatan program (kode-kode
program) dengan menggunakan bahasa pemrograman
tertentu. Setelah proses pembuatan selesai, diperlukan
proses untuk implementasi software di beberapa server
yang sudah disiapkan sesuai dengan fungsinya.
3
Pemasangan
database
pada
database
server,
pemasangan script web report dan web service pada web
server, instalasi TELEGRAM connector di server
database dan instalasi aplikasi client di masing-masing
komputer staff.
5. Pengujian
Langkah untuk melakukan verifikasi sistem secara
keseluruhan. Pengujian berhasil jika Aplikasi pada
komputer staff dapat login dan mengakses data yang ada
pada database server. Pengujian berhasil jika aplikasi
TELEGRAM connector dapat menangani pesan masuk
dan keluar. Pengujian berhasil jika Customer dapat
mengakses laporan hasil uji laboratorium pada web
report pada server.
6. Penyerahan
Merupakan
langkah
penyerahan
program
dan
dokumentasi program ke pengguna serta mengadakan
training pengguna. Saat pengujian selesai dilakukan
diperlukan waktu beberapa hari untuk memastikan
sistem yang telah dibuat berjalan lancar dan siap
digunakan untuk proses bisnis setiap hari.
4
Ruang Lingkup Aplikasi
Desktop Application
Memudahkan Pengguna (Accudi) dalam menggunakan
program ini dalam mengolah data-data pelanggan
o
Fungi
Memasukan
hasil
pengujian
laboratorium
Mengolah data pelanggan
Mengolah data laporan
Melakukan perubahan konfigurasi auto
reply
Melakukan pengiriman pesan pribadi
dan masal
o
Membaca pesan yang diterima
Mengatur hak akses setiap pengguna
Fitur
User Biasa
-
Mengolah data pelanggan baru
maupun lama
-
Pengiriman pesan pribadi dan
masal
-
Pengiriman
pesan
ucapan
selamat ulang tahun
-
Membuat dan merubah akses
pelanggan ke Web Report
User Admin
-
Mengolah data pelanggan baru
maupun lama
5
-
Pengiriman pesan pribadi dan
masal
-
Pengiriman
pesan
ucapan
selamat ulang tahun
-
Membuat dan merubah akses
pelanggan ke Web Report
-
Mengatur
fitur-fitur
yang
tersedia
-
Mengatur
hak
akses
dari
pengguna
Web Based Application
Memudahkan pelanggan (Accudi) dalam mengakses
secara langsung hasil pengecheckan melalui web
browser dari komputer maupun handphone.
o
Fungsi
Digunakan untuk menampilkan hasil
laporan dari pengecheckan yang akan
ditampilkan
dalam
format
HTML
menggunakan web browser
o
Fitur :
Login menggunakan username dan
password yang sudah terdaftar
Dapat
mengakses
langsung
menggunakan kode yang sudah diolah
oleh server
Pelanggan dapat melihat tagihan dan
daftar harga layanan
6
Pelanggan
dapat
pengecheckan
melihat
terbaru
dan
hasil
yang
sebelumnya.
Konsep Perancangan
Gambaran Umum Aplikasi
DATABASE SERVER LAYER
TELEGRAM
CONNECTOR
DATABASE
WEB SERVER LAYER
WEB SERVER
WEB REPORT
WEB SERVICE
USER LAYER
DESKTOP
APPLICATION
CUSTOMER MANAGER
MEDIS
REPORT
REPORT MANAGER
CHATING
USER MANAGER
Gambar 3.1 : Gambaran Umum Aplikasi
Sistem informasi yang dibuat ini terpusat pada satu
server database untuk menghubungkan semua module agar dapat
saling berkomunikasi dan sistem dapat berjalan. Telegram
Connector ditempatkan pada layer yang sama dengan database
dengan alasan supaya layanan melalui pesan Telegram tetap berjalan
dan dapat lebih cepat merespon pesan masuk dan keluar.
7
3.3.1.1.
Pengguna aplikasi
A. Administrators
Administrator memiliki hak akses sebagai berikut :
1. Menambah dan menghapus akun user
2. Mengelola hak akses akun user
3. Merubah konfigurasi Auto-Reply
4. Merubah pengaturan TELEGRAM
B. Users
1. Menambah, merubah dan menghapus data
pelanggan
2. Menambah
dan
menghapus
hasil
dari
pengecheckan pelanggan
3. Merubah password web report milik pelanggan
C. Customers
1. Login ke dalam web report
2. Melihat hasil uji laboratorium
8
Perancangan Antar Muka
Perancangan Antar Muka Aplikasi Berbasis Desktop
Login
ACCUDI LABORATORIUM
Please Login Here
USERNAME
PASSWORD
LOGIN
Gambar 3.2: Form Login
Gambar 3.2 akan muncul pertama kali ketika program
dijalankan dan ketika pengguna keluar tanpa menutup program.
9
Laboratorium Accudi
Home
Customers
Customers
Reports
Reports
Chat
Chat
Settings
Exit
Settings
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.3: TAB Home
Gambar 3.3 adalah bingkai yang terdapat tombol-tombol
fungsi yang akan memunculkan user control pada panel sehingga
akan nampak lebih rapi. Terdapat 4 buah tombol yang berfungsi
sebagai alternatif berpindah ke Tab lainnya.
10
Laboratorium Accudi
Home
Customers
Add
Customer
Update
Customer
Reports
Chat
Delete
Customer
Settings
Find
Customer
Exit
Show All
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.4 : TAB Customers
Gambar 3.4 adalah ruang lingkup kerja dalam mengolah
data-data pelanggan, didalamnya terdapat tombol-tombol dan panel
yang berisikan daftar pelanggan.
11
CUSTOMER
DATA GRID
Gambar 3.5 : User Control - Customer
Gambar 3.5 adalah isi dari panel Tab-Customer. Berfungsi
untuk menampilkan daftar customer keseluruhan maupun hasil dari
pencarian.
12
Customer
Personal
Contact
Web Report
ID Anggota :
Enter Text
Firstname:
Enter Text
Lastname :
Enter Text
Sex :
Male
Birth of Date :
Enter Text
Identity Card :
Enter Text
Religion :
Enter Text
Female
Age : _
Enter Text
OK
CANCEL
Gambar 3.6: Form Dialog Customer - Tab Personal
Gambar 3.6 akan muncul ketika pengguna menekan tombol
Add Customer dan Update Customer di Form Utama – Tab
Customer. Yang berfungsi untuk menambah dan memperbaharui
data pelanggan yang sudah ada. Pada Tab Personal berisikan tentang
data pribadi dari pelanggan.
13
Customer
Personal
Contact
Main Address :
Alternate Address:
Web Report
Enter Text
Enter Text
City :
Enter Text
Phone :
Enter Text
Province :
Enter Text
Mobile :
Enter Text
ZIP Code :
Enter Text
Email :
Enter Text
Country :
Enter Text
Telegram :
Enter Text
OK
CANCEL
Gambar 3.7 : Form Dialog Customer Tab Contact
Pada Gambar 3.7 berisikan alamat, nomor telepon, alamat
surel, ID Telegram yang diperlukan dalam penyampaian informasi
baik eletroknik maupun surat.
14
Customer
Personal
Contact
Web Report
Username :
Enter Text
Password :
Enter Text
OK
CANCEL
Gambar 3.8 : Form Dialog Customer Tab Web Report
Pada Gambar 3.8 berisikan username dan password yang
dapat digunakan untuk mengakses hasil laporan medis melalui web
browser.
Search Customer
Masukan ID atau Nama Anggota
Enter Text
Search
Gambar 3.9 : Form Dialog Search Customer
Gambar 3.9 disediakan untuk mempermudah dalam
pencarian data pelanggan dengan cara memasukan nama atau id
pelanggan.
15
Laboratorium Accudi
Home
Add
Report
Customers
Update
Report
Reports
Delete
Report
Chat
Find
Report
Settings
Show All
Exit
Send
Reports
Settings
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.10 : Tab Reports
Gambar 3.10 adalah ruang lingkup kerja dalam mengolah
data hasil pengujian laboratorium yang akan dimasukan satu persatu
berdasarkan data pelanggan. Pada Tab ini menyediakan tomboltombol yang berguna untuk mengolah data yang akan dimasukan
maupun yang sudah ada. Mengirim laporan yang sudah ada untuk
dikirimkan via chatting Telegram.
16
REPORTS
DATA GRID
Gambar 3.11 : User Control Isi Dari Panel Reports
Gambar 3.11 akan menampilkan daftar laporan pengujian
laboratorium secara menyeluruh maupun sebagian hasil dari
pencarian.
Search Laporan
Masukan ID laporan
Enter Text
Search
Gambar 3.12 : Form Dialog Search Report
Gambar 3.12 disediakan untuk mempermudah dalam
pencarian hasil uji laboratorium dengan cara memasukan nomor id
laporan.
17
Laboratorium Accudi
Home
Customers
Send
Message
Reports
Send
Broadcast
Chat
Settings
Exit
Refresh
Message
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.13 : Tab Chat
Gambar 3.13 adalah ruang lingkup kerja dalam dalam
berkomunikasi dengan pelangan maupun melihat catatan pesan
masuk dan keluar. Tersedia dua tombol fungsi untuk mengirim pesan
dengan metode yang berbeda, yaitu untuk mengirim pesan secara
pribadi (satu penerima) dan pengiriman masal (broadcast) yang
dapat mengirim pesan kelebih dari satu penerima dengan isi pesan
yang sama.
18
MESSAGE
Balas Cepat
000000000
Tujuan :
Pesan :
DATA GRID
Enter Text
Kirim
Gambar 3.14 : User Control Dari Panel Chat
Gambar 3.14 berisikan sekumpulan catatan pesan keluar dan
masuk dari Telegram Connector. Juga disediakan cara cepat untuk
menjawab pesan yang masuk dengan hanya memilih pesan yang
masuk dan mengetikan pesan balasan pada textbox sebelah kanan,
lalu tekan Kirim untuk mengirim pesan.
Private Message
Nomor ID Telegram :
Enter Text
Enter Text
KIRIM
Gambar 3.15 : Form Dialog Kirim Pesan
19
Gambar 3.15 muncul setelah pengguna menekan tombol
“Send Private Message”. Pada form dialog ini disediakan satu
combo box yang berisikan daftar pelanggan yang memiliki ID
Telegram. Hanya dengan mengetikan nama pelanggan, id telegram
dapat dengan mudah diketahui.
Broadcast Message
Pesan :
Penerima :
Column 1
Text
Enter Text
Text
Text
SEND
CANCEL
Gambar 3.16 : Form Dialog Kirim Pesan Masal
Gambar 3.16 muncul setelah pengguna menekan tombol
“Send Broadcast Message”. Pada form dialog ini disediakan satu
checklist box yang berisikan daftar pelanggan yang memiliki ID
Telegram. Disini pengguna diminta untuk memilih pelanggan siapa
saja yang akan menerima pesan broadcast dan pesan yang akan
dikirim. Setelah itu menekan tombol “SEND” untuk mengirim pesan
tersebut.
20
Laboratorium Accudi
Home
Customers
Users
Settings
Telegram
Settings
Reports
Chat
Settings
Exit
Feature
Settings
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.17: Tab Settings
Gambar 3.17 adalah ruang lingkup yang disediakan untuk
pengguna dalam mengatur konfigurasi hak akses, Telegram
Connector dan fitur yang tersedia pada aplikasi sistem informasi
Laboratorium Accudi.
21
USER SETTING
ID
Nama Depan
Nama Belakang
Username
Password
Hak Akses
DATA GRID
Add
Edit
Enter Text
Enter Text
Enter Text
Enter Text
Text
SIMPAN
Delete
Gambar 3.18 : User Control User Setting Isi Dari Panel Settings
Gambar 3.18 muncul bersamaan pada saat Tab Setting
ditekan atau tombol “Users Setting” ditekan. User control ini
disediakan untuk mengolah user dan hak akses yang digunakan
untuk menggunakan Aplikasi Sistem informasi Laboratorium
ACCUDI.
Telegram Setting
Token
Enter Text
Active
OK
Cancel
Gambar 3.19 : User Control Telegram Setting Isi Dari Panel Settings
22
Gambar 3.19 muncul saat tombol TELEGRAM Setting pada
tab Setting ditekan. User Control ini disediakan untuk mengatur
program TELEGRAM Connector supaya dapat terhubung dengan
server TELEGRAM dan untuk mengaktifkan dan mematikan fitur
ini.
Auto Reply
FEATURE SETTING
Auto Reply
DATA GRID
(editable)
Save Change
Config
Gambar 3.20 : User Control Feature Setting Isi Dari Panel Settings
Gambar 3.20 muncul ketika pengguna menekan tombol
Feature Setting pada Tab Setting. User Control ini disediakan untuk
mengatur kata kunci dari fitur Auto Reply dan untuk mengubah status
aktif atau tidaknya fitur ini.
23
Laboratorium Accudi
Home
Customers
Logout User
Reports
Chat
Settings
Exit
Close
Application
PANEL
Tanggal : 00/jan/1990 Jam : 00:00:00
Gambar 3.21: TAB Exit
Gambar 3.21 disediakan untuk pengguna untuk mengahiri
penggunaan aplikasi ini sehingga pengguna lain dapat menggunakan
kembali dengan menggunakan user yang berbeda atau mengakhiri
dan menutup aplikasi.
24
Jaringan Semantik Aplikasi Desktop
Private
Message
Broadcast
Message
Add Report
Update
Report
User
Control
Chat
User
Control
Reports
Send
Report
START
Form
Utama –
Tab Chat
STOP
LOGIN
Form
Utama –
Tab Home
Form
Utama –
Tab Report
Form
Utama –
Tab Setting
User
Control
Telegram
Setting
Form
Utama –
Tab Exit
Form
Utama –
Tab
Customer
Add
Customer
User
Control
Customer
User
Control
Feature
Setting
User
Control
User
Setting
Gambar 3.22 : Jaringan Semantik Aplikasi Desktop
Perancangan Antar Muka Web Report
Default.aspx
Logo
Please sign in
Username :
Enter Text
Password :
Enter Text
Sign in
Gambar 3.23 : Default.aspx (Login Page)
Update
Customer
Update
Customer
25
Tampilan pertama saat mengakses web report. Diperlukan
username dan password untuk dapat masuk dan melihat hasil
pengujian laboratorium.
MasterPage.master
Nav Bar
Nav Brand
ACCUDI WEB REPORT
Side Bar
Nav Item
Report List
Welcome,
logout
Sideframe
Welcome
(Full Name)
Content Placeholder
Gambar 3.24 : MasterPage.master (layout halaman)
Gambar 3.24 adalah halaman yang akan menjadi layout
tampilan setelah login. Semua halaman yang ditampilkan akan
memiliki layout yang sama karena mewarisi dari halaman
MasterPage.master ini. Halaman yang mewarisi dari layout ini akan
ditampikan pada Content Placeholder.
26
ReportDashboard.aspx
ID Laporan
Tanggal Laporan
Aksi
00000000-0000-0000-0000-00000000000000
10/04/2016 13:29:42
Lihat
00000000-0000-0000-0000-00000000000000
12/04/2016 13:30:42
Lihat
00000000-0000-0000-0000-00000000000000
14/04/2016 13:40:42
Lihat
00000000-0000-0000-0000-00000000000000
16/04/2016 13:50:42
Lihat
Gambar 3.25 : ReportDashboard.aspx (Page Content Reportl list)
Gambar 3.25 adalah halaman yang berisikan daftar laporan
hasil pengujian laboratorium yang sebelumnya sudah dimasukan
melalui aplikasi berbasis desktop. Setiap idlaporan memiliki tombol
bertuliskan “Lihat” yang akan merujuk ke halaman Report.aspx.
Report.aspx
Medical Check Up Report
Kembali
ID Pengecheckan
Nama Pasien
Tanggal Periksa
:
:
:
00000000-0000-0000-0000-00000000000000
Nama Lengkap Pasien
13/04/2016 13:29:42
Pengecheckan
Hasil
Kimia Klinik
Fungsi Ginjal
Urine
Urine Rutin
Ureum
20
Keratinin
0.30
Makroskopis Warna Kuning
Satuan Nilai Rujukan
mg/dL
Keterangan
< 48
< 0.47
Gambar 3.26 : Report.aspx (detail isi laporan)
Gambar 3.26
adalah halaman yang muncul setelah
pelanggan menekan tombol lihat pada daftar di halaman
ReportDashboard.aspx. Report.aspx bertugas untuk menampilan
27
secara detail hasil pengujian laboratorium berdasarkan idLaporan
yang dipilih.
Site Map Web Report
reports.domain .com
Default.aspx
ReportDashboard.aspx
Report.aspx
Gambar 3.27 : Sitemap Web Report
Susunan sitemap pada halaman web report hanya terdiri dari
3 halaman yang saling terkait. Sebelum customer masuk kehalaman
ReportDashboard.aspx maka diperlukan login pada halaman
Default.aspx terlebih dulu dan untuk dapat masuk ke Report.aspx
maka harus melalui ReportDashboard.aspx.
28
Perancangan Antar Muka TELEGRAM Connector
Telegram Connector
Pesan dikrim
0
Pesan diterima
0
Bot id : 000000000
Bot Name : xxxxxxxx
Connected
Gambar 3.28 : Tampilan TELEGRAM Connector
TELEGRAM Connector menampilkan status dari layanan
terima dan kirim pesan melalui Aplikasi TELEGRAM berupa log.
Aplikasi TELEGRAM Connector ini yang akan menjadi jembatan
dalam komunikasi menggunakan TELEGRAM.
29
Perancangan Model Bisnis
Rancangan Use Case Diagram Model
USE CASE ACCUDI
Setting Telegram API
Setting User Access
Admin
Setting Report Parameters
Check Report
Create Customers
Chatting
Create Reports
Client
Update Telegram ID
User
Sent Reports
Gambar 3.29 : Rancangan Use Case Diagram
Dalam peranannya dibagi menjadi 3 yaitu Admin, Staff dan
Client (Pelanggan) dengan masing-masing memiliki hak akses dari
masih masing-masing fitur yang tersedia.
30
Rancangan Activity Diagram
3.5.2.1.
Login Activity Diagram
Applikasi Desktop
Web Service
Database
Function
Function
Function
Login
Validasi login
Mencari data
user login
Mengembalikan
hasil pencarian
Tidak
Ada?
ya
Respond detail
informasi user
Mengembalikan
hasil pencarian
informasi detail
user
Phase
Mengambil
detail informasi
user
Phase
Phase
Menampilkan
Menu Utama
Request detail
informasi user
Gambar 3.30: Login Activity Diagram
Pada saat aplikasi berjalan diperlukan login untuk dapat
menggunakan aplikasi ini. Web service berfungsi untuk memvalidasi
username dan password yang dikirimkan oleh aplikasi dan
dicocokan dengan data yang ada di database.
31
3.5.2.2.
Memuat data customer
Gambar 3.31 : Activity Diagram Data Customer
Setelah proses login selesai dan dinyatakan valid maka
aplikasi akan melakukan request pengambilan data pelangan ketika
masuk di menu Customer. Web service akan mengembalikan request
berupa sekumpulan data yang diambil dari database.
32
3.5.2.3.
Memuat data laporan
Gambar 3.32 : Activity Diagram Laporan
Setelah proses login selesai dan dinyatakan valid maka
aplikasi akan melakukan request pengambilan data pelangan ketika
masuk di menu Reports. Web service akan mengembalikan request
berupa sekumpulan data yang diambil dari database.
33
3.5.2.4.
Menampilkan Daftar Pesan
Gambar 3.33 : Activity Diagram Daftar Pesan
Setelah proses login selesai dan dinyatakan valid maka
aplikasi akan melakukan request pengambilan data pelangan ketika
masuk di menu Chat. Web service akan mengembalikan request
berupa sekumpulan data yang diambil dari database.
34
Phase
Phase
Mengirim dan menerima pesan
Phase
Phase
3.5.2.5.
Gambar 3.1 : Activity diagram kirim dan terima pesan Telegram
35
Dalam proses kirim dan terima pesan diperlukan masukan
dari aplikasi berupa kode token yang didapat dari aplikasi Telegram
supaya dapat terhubung dengan server. Token tersebut diterima oleh
web service lalu disimpan dalam database. Ketika program
Telegram konektor berjalan akan melakukan pengecheckan kode
token yang ada di database yang akan digunakan untuk terhubung
ke server Telegram dan mengambil pesan yang ada dan mengirim
pesan yang ada di database untuk dikirim.
Rancangan Class Diagram
3.5.3.1.
ClassCustomer
Editable Class
ClassReportSetting
- Agama
- Alamat1
- GetParameterMedic
- Alamat2
ClassTelegramSetting
Class Report
ClassUser
- idAnggota
- Active
- idUser
- idCustomer
- JenisKelamin
- Token
- NamaBelakang
- KodePos
- Kota
- NamaBelakang
- NamaDepan
- Negara
- NomorIdentitas
- NomorTelepon
- Password
- Propinsi
- TanggalLahir
- TelegramID
- TypeIdentitas
- Username
- NamaDepan
- Password
ClassFeatureSetting
- Role
- Username
- ConfigAutoAnswer
- ConfigAutoBirthdayGreetings
- KeywordList
LoginApp
Sex
- ErrorInfo
- Password
- RoleInfo
- Unknown
- Pria
- Wanita
- UserInfo
- Username
Gambar 3.2 : Editable Class
Gambar 3.3 adalah rancangan Class yang butuhkan pada
aplikasi. Class-class tersebut digunakan untuk merubah data yang
tersimpan di database.
36
3.5.3.2.
ReadOnly Class
Gambar 3.3 : ReadOnly Class
Gambar 3.4 adalah class yang digunakan untuk menampilan
informasi di aplikasi sehinga tidak keseluruhan data yang
ditampilkan dan dapat diterapkan pada class list.
37
3.5.3.3.
Class List of Object
Gambar 3.4 : Class List Of Object (Class Daftar)
Gambar 3.5 adalah class yang digunakan untuk menampilan
informasi dalam bentuk daftar. Class ini berisikan satu atay lebih
dari satu class readonly.
38
Pemodelan Penyimpanan Data
tblMessage
idMessage
idTelegram
pesan
keyword
idUserSender
status
tblChildCategory
idPengecheckan
nama
idChildCategory
satuan
nilaiRujukan
idParentCategory
keyword
nama
isActive
idGeneralCategory
tblConfigTelegram
telegramAPI
tblGeneralCategory
idCustomer
tblUser
tblRole
tanggalPendaftaran
idAnggota
idRole
roleName
typeIdentitas
title
addUser
nomorIdentitas
namaDepan
updUser
namaDepan
namaBelakang
delUser
namaBelakang
idJabatan
getUser
tanggalLahir
username
addReport
agama
tblWebReport
password
updReport
jenisKelamin
idPengecheckan
msgFooter
delReport
alamat1
published
isDeleted
getReport
alamat2
tanggalHasil
setReport
kota
hide
addCustomer
propinsi
updCustomer
kodePos
delCustomer
negara
keterangan
idUser
tblParentCategory
idParentCategory
tblCustomer
idRole
hide
pesanOtomatis
isOnline
hasil
idCustomer
waktu
tblAutoAnswer
tblLaporanPengecheckan
idChildCategory
idUser
tblJabatan
idGeneralCategory
idJabatan
getCustomer
nomorTelepon
nama
NamaJabatan
modConfig
nomorHandphone
chat
nomorWhatsapp
privateChat
broadcastChat
username
tblConfigApp
autoAnswer
autoBirthdayGreeting
password
isDeleted
Gambar 3.34 : Rancangan Database Diagram
39
a. tblCustomer
Berisikan tentang semua data pribadi customer
Allow
Null
idCustomer
uniqueidentifier
FALSE
tanggalPendaftaran date
FALSE
idAnggota
varchar(12)
FALSE
typeIdentitas
varchar(10)
TRUE
nomorIdentitas
varchar(50)
TRUE
namaDepan
varchar(50)
FALSE
namaBelakang
varchar(100)
TRUE
tanggalLahir
date
FALSE
agama
varchar(50)
FALSE
jenisKelamin
int
FALSE
alamat1
varchar(300)
FALSE
alamat2
varchar(300)
TRUE
kota
varchar(50)
FALSE
propinsi
varchar(50)
FALSE
kodePos
varchar(10)
FALSE
negara
varchar(50)
FALSE
nomorTelepon
varchar(50)
TRUE
nomorHandphone
varchar(50)
TRUE
nomorWhatsapp
varchar(50)
TRUE
varchar(100)
TRUE
username
varchar(20)
FALSE
password
varchar(20)
FALSE
isDeleted
bit
FALSE
Tabel 3.2 : Tabel Customer
Column Name
Data Type
b. tblUser
Berisikan tentang data-data user staff maupun admin
Column Name
Data Type
Allow
Null
40
idUser
idRole
title
namaDepan
namaBelakang
idJabatan
username
password
msgFooter
isDeleted
Tabel
int
int
varchar(50)
varchar(50)
varchar(100)
int
varchar(8)
varchar(8)
varchar(100)
bit
3.3 : Tabel User
FALSE
FALSE
TRUE
FALSE
TRUE
TRUE
FALSE
FALSE
TRUE
TRUE
c. tblJabatan
Berisikan jabatan dari masing-masing staff
Column Name
Data Type
idJabatan
int
NamaJabatan
varchar(50)
Tabel 3.4 : Tabel Jabatan
Allow
Null
FALSE
FALSE
d. tblRole
Berisikan hak akses dari tiap-tiap tingkatan
Column Name
Data Type
idRole
roleName
addUser
updUser
delUser
getUser
addReport
updReport
delReport
int
varchar(20)
bit
bit
bit
bit
bit
bit
bit
Allow
Null
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
41
getReport
setReport
addCustomer
updCustomer
delCustomer
getCustomer
modConfig
chat
privateChat
broadcastChat
Tabel
bit
bit
bit
bit
bit
bit
bit
bit
bit
bit
3.5 : Tabel Role
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
FALSE
e. tblLaporanPengecheckan
Berisikan nilai-nilai parameter kesehatan dari hasil uji laboratorium
Allow
Null
idPengecheckan
uniqueidentifier
FALSE
idChildCategory
int
FALSE
hasil
varchar(50)
FALSE
keterangan
varchar(100)
TRUE
idUser
int
FALSE
idCustomer
uniqueidentifier
FALSE
hide
bit
TRUE
Tabel 3.6 : Tabel Laporan Pengecheckan
Column Name
f.
Data Type
tblWebReport
berisikan daftar laporan kesehatan yang sudah selesai di proses dan
diterbitkan, atau yang disembunyikan
Column Name
idPengecheckan
published
tanggalHasil
Allow
Null
uniqueidentifier
FALSE
bit
FALSE
datetime
FALSE
Data Type
42
hide
bit
FALSE
Tabel 3.7 : Tabel Web Report
g. tblChildCategory
berisikan parameter-parameter uji kesehatan yang lebih detail
Allow
Null
idChildCategory
int
FALSE
nama
varchar(50)
FALSE
satuan
varchar(50)
TRUE
nilaiRujukan
varchar(50)
TRUE
idParentCategory
int
FALSE
Tabel 3.8 : Tabel Child Category
Column Name
Data Type
h. tblParentCategory
berisikan sub kategori dari parameter uji kesehatan
Allow
Null
idParentCategory
int
FALSE
nama
varchar(50)
FALSE
idGeneralCategory int
FALSE
Tabel 3.9 : Tabel Parent Category
Column Name
i.
Data Type
tblGeneralCategory
berisikan kategori umum dari sekumpulan parameter uji kesehatan
j.
Column Name
Data Type
idGeneralCategory
nama
int
varchar(50)
tblMessage
berisikan riwayat pesan masuk dan keluar
Allow
Null
FALSE
FALSE
43
Allow
Null
idMessage
uniqueidentifier
FALSE
idTelegram
varchar(50)
TRUE
pesan
varchar(3000)
TRUE
keyword
varchar(50)
TRUE
idUserSender
int
TRUE
status
int
TRUE
waktu
datetime
TRUE
Tabel 3.10 : Tabel Message
Column Name
Data Type
k. tblAutoAnswer
berisikan keyword dan pesan balasan otomatis yang sudah disiapkan
untuk melayani pelanggan secara otomatis
Allow
Null
keyword
varchar(50)
FALSE
pesanOtomatis
varchar(1000)
FALSE
isActive
bit
FALSE
Tabel 3.11 : Tabel Auto Answer
Column Name
l.
Data Type
tblConfigTelegram
berisikan data-data dari aplikasi TELEGRAM supaya dapat
terhubung dengan aplikasi TELEGRAM dan mengatur jalan atau
tidaknya layanan tersebut.
Allow
Null
telegramAPI
varchar(50)
FALSE
isOnline
bit
FALSE
Tabel 3.12 : Tabel Config Telegram
Column Name
m. tblConfigApp
Data Type
44
berisikan konfigurasi yang dapat digunakan untuk menjalankan fitur
yang dibuat
Column Name
Data Type
autoAnswer
bit
autoBirthdayGreeting bit
Tabel 3.13 : Tabel Config App
Allow
Null
FALSE
FALSE
Pemodelan Distribusi Aplikasi
Communicator
Database Server
Communicator
Web Server
Web Service
PELANGGAN
Desktop App
USER 1
PELANGGAN
Desktop App
USER 2
Gambar 3.35 : Konsep Perancangan
Aplikasi komputer staff mengakses ke server Web Service
untuk mendapatkan informasi dari database server. TELEGRAM
45
connector dan web server untuk menyimpan dan mendapatkan data
yang dibutuhkan staff maupun Customer yang ada pada server
database.
46