FSD TopasDigi Signed V2 (1) 1

Functional Specification Design (FSD)
Topas-Digi
Information System & Technology Division
PT Toyota-Astra Motor
Version 1.1
CONFIDENTIAL
This document contains proprietary information that is confidential to PT. Toyota Astra Motor. Disclosure of this document in full
or in part, may result in material damage to PT. Toyota Astra Motor. Written permission must be obtained from PT. Toyota Astra
Motor prior to the disclosure of this document to a third party.
TOYOTA ASTRA MOTOR
Information System & Technology
Sign Off
Position Name Date Signature
Division Head Agus Setiawan
Department Head Mahardhika Aji Setyawan
TAM USER
Ardiansyah Ashar
Project Manager And
Business User
Farhan Seno Aji
Division Head Wilbertus Darmadi
Department Head Stevanus Setyo Nugroho 20 Dec 2023
Dept Head Operation Maickel P 21/12/2023
TAM ISTD
Business Integrator Iqbal Razi 19 Dec 2023
Project Manager And

Chaerina Islami 18 Dec 2023
Architect Apps
Architect Infra Fahrio Ghanial 18 Dec 2023
Steering Committee Farid Afandy 15 Dec 23
Fredy Yap 15 Dec 23

Project Advisor
Accelist
Dhanny Kosasih 15-12-2023
Project Manager Salim Abubakar 15-12-2023
CONFIDENTIAL 2
TOYOTA ASTRA MOTOR
QA Analyst Arief Kalbu 15-12-2023
System Analyst Abiyyu Aly Arianto 15 Dec 23
Histori Perubahan
Date Modified By Version No. Type of Change Brief Description of Change

Modified
23-11-23 Abiyyu Aly Arianto 1.0 Initial Initial Document
Revision after solution meeting and revise

13-12-23 Abiyyu Aly Arianto 1.1 Revision
channel
CONFIDENTIAL 3
TOYOTA ASTRA MOTOR
Daftar Isi
1. Latar Belakang ................................................................................................................................... 10

2. Master Dealer ................................................................................................................................... 11
2.1 Master Dealer Process Description ............................................................................................. 11
2.2 User Interface : Master Dealer List ............................................................................................. 11
2.3 UI Data Design Definition ............................................................................................................ 12
3. Monitoring Synch Dealer .................................................................................................................. 12
3.1 Monitoring Synch Dealer Description ......................................................................................... 12
3.2 User Interface : Monitoring Synch Dealer List ............................................................................ 12
4. Master Branch ................................................................................................................................... 13
4.1 Master Branch Process Description ............................................................................................ 13
4.2 User Interface : Master Branch List ............................................................................................ 14
5. Monitoring Synch Branch .................................................................................................................. 15
5.1 Monitoring Synch Branch Process Description ........................................................................... 15
5.2 User Interface : Monitoring Synch Branch List ........................................................................... 15
6. Configuration Dealer Branch............................................................................................................. 16
6.1 Configuration Dealer Branch Process Description ...................................................................... 16
6.2 User Interface : Configuration Dealer Branch List ...................................................................... 16
6.3 User Interface : Create New Dealer Branch ................................................................................ 17
7. Master Customer .............................................................................................................................. 18
7.1 Master Customer Process Description........................................................................................ 18
7.2 User Interface : Master Customer List ........................................................................................ 19
7.4 Data Integration .......................................................................................................................... 20
8. Master Part ....................................................................................................................................... 20
8.1 Master Part Process Description................................................................................................. 20
8.2 User Interface : Master Part List ................................................................................................. 21
9. Master Point...................................................................................................................................... 23
CONFIDENTIAL 4
TOYOTA ASTRA MOTOR
9.1 Master Point Process Description ............................................................................................... 23

9.2 User Interface : Master Point List ............................................................................................... 23
9.3 Point Calculations........................................................................................................................ 24
10. Master Katalog ................................................................................................................................ 25
10.1 Master Katalog Process Description ......................................................................................... 25
10.2 User Interface : Katalog (Role: Customer) ................................................................................ 26
10.3 User Interface : Katalog (Role: Admin) ..................................................................................... 27
10.4 User Interface : Create New Katalog......................................................................................... 28
10.5 UI Data Design Definition .......................................................................................................... 28
11. Shopping Cart .................................................................................................................................. 29
11.1 Shopping Cart Process Description ........................................................................................... 29
11.2 User Interface : Shopping Cart Process..................................................................................... 29
12. Point Exchange ................................................................................................................................ 30
12.1 Point Exchange Process Description ......................................................................................... 30
12.2 User Interface : Point Exchange Process ................................................................................... 31
13. Point Exchange Configuration ......................................................................................................... 32
13.1 Point Exchange Configuration Process Description .................................................................. 32
13.2 User Interface : Point Exchange Configuration Process............................................................ 32
13.3 User Interface : Create Point Exchange Configuration ............................................................. 33
14. Master Promotion ........................................................................................................................... 34
14.1 Master Promotion Process Description .................................................................................... 34
14.2 User Interface : Master Promotion List .................................................................................... 35
14.3 User Interface : Create Promotion ............................................................................................ 36
15. Master Product Knowledge ............................................................................................................ 38
15.1 Master Product Knowledge Process Description ...................................................................... 38
15.2 User Interface : Master Product Knowledge List ...................................................................... 38
15.3 User Interface : Create Product Knowledge ............................................................................. 39
16. Master User Account ...................................................................................................................... 40
16.1 Master User Account Process Description ................................................................................ 40
CONFIDENTIAL 5
TOYOTA ASTRA MOTOR
16.2 User Interface : Master User Account List ................................................................................ 40

16.3 User Interface : Create User Account ....................................................................................... 41
17. Halaman Login................................................................................................................................. 42
17.1 Login Process Description ......................................................................................................... 42
17.2 User Interface : Login Page ....................................................................................................... 43
18. Halaman Dashboard........................................................................................................................ 43
18.1 Dashboard Page Description ..................................................................................................... 43
18.2 User Interface : Dashboard Page (Role: Customer) .................................................................. 44
18.3 User Interface : Dashboard Page (Role: Admin) ....................................................................... 45
18.4 Report Description .................................................................................................................... 45
18.5 Report Template Design ........................................................................................................... 46
18.6 Report Data Design Definition .................................................................................................. 46
19. Transaksi Point ................................................................................................................................ 46
19.1 Monitoring Transaction Point Description................................................................................ 46
19.2 User Interface : Transaksi Point ................................................................................................ 47
20. Kritik dan Saran ............................................................................................................................... 48
20.1 Critic And Suggestion Process Description ............................................................................... 48
20.2 User Interface : Create Critic And Suggestion........................................................................... 48
21. Settings............................................................................................................................................ 49
21.1 Settings Process Description ..................................................................................................... 49
21.2 User Interface : Slider Picture Page .......................................................................................... 49
21.3 UI Data Design Slider Picture Definition ................................................................................... 50
21.4 User Interface : Content Website Page .................................................................................... 50
21.5 UI Data Design Content Website Definition ............................................................................. 51
21.6 User Interface : Point Validity Period Page ............................................................................... 51
21.7 UI Data Design Point Validity Period Definition ........................................................................ 52
CONFIDENTIAL 6
TOYOTA ASTRA MOTOR
Daftar Gambar
Gambar 2. 1 UI Master Dealer .............................................................................................................. 11
Gambar 3. 1 UI Monitoring Synch Dealer List....................................................................................... 12
Gambar 4. 1 UI Master Branch ............................................................................................................. 14
Gambar 5. 1 UI Monitoring Synch Dealer List....................................................................................... 15
Gambar 6. 1 UI Configuration Dealer Branch List ................................................................................. 16
Gambar 6. 2 UI Create New Dealer Branch .......................................................................................... 17
Gambar 7. 1 UI Master Customer ......................................................................................................... 19
Gambar 8. 1 UI Master Part .................................................................................................................. 21
Gambar 9. 1 UI Master Point ................................................................................................................ 23
Gambar 10. 1 UI Katalog Role Customer .............................................................................................. 26
Gambar 10. 2 UI Katalog Role Admin.................................................................................................... 27
Gambar 10. 3 UI Create New Katalog ................................................................................................... 28
Gambar 11. 1 UI Shopping Cart Process ............................................................................................... 29
Gambar 12. 1 UI Point Exchange Process ............................................................................................. 31
Gambar 13. 1 UI Point Exchange Configuration Process ...................................................................... 32
Gambar 13. 2 UI Create Point Exchange Configuration ........................................................................ 33
Gambar 14. 1 UI Master Promotion List ............................................................................................... 35
Gambar 14. 2 UI Create Promotion ...................................................................................................... 36
Gambar 15. 1 Master Product Knowledge List ..................................................................................... 38
Gambar 15. 2 UI Create Product Knowledge ........................................................................................ 39
Gambar 16. 1 UI Master User Account List ........................................................................................... 40
Gambar 16. 2 UI Create User Account .................................................................................................. 41
Gambar 17. 1 UI Login Page .................................................................................................................. 43
Gambar 18. 1 UI Dashboard Page Role Customer ................................................................................ 44
Gambar 18. 2 UI Dashboard Page Role Admin ..................................................................................... 45
Gambar 18. 3 Report Template Design................................................................................................. 46
Gambar 19. 1 UI Transaksi Point ........................................................................................................... 47
Gambar 20. 1 UI Create Critic and Suggestion...................................................................................... 48
Gambar 21. 1 UI Slidder Picture Page ................................................................................................... 49
Gambar 21. 2 UI Content Website Page ............................................................................................... 50
Gambar 21. 3 UI Point Validity Period Page ......................................................................................... 51
CONFIDENTIAL 7
TOYOTA ASTRA MOTOR
Daftar Tabel
Tabel 2. 1 UI Master Dealer List Description ........................................................................................ 11
Tabel 2. 2 UI Data Design Definition ..................................................................................................... 12
Tabel 3. 1 UI Monitoring Synch Dealer List Description ....................................................................... 13
Tabel 4. 1 UI Master Branch List Description ........................................................................................ 14
Tabel 5. 1 UI Monitoring Synch Branch List Description ....................................................................... 16
Tabel 6. 1 UI Configuration Dealer Branch List Description.................................................................. 17
Tabel 6. 2 UI Configuration Create New Dealer Branch Description .................................................... 18
Tabel 6. 3 Data Design Definition.......................................................................................................... 18
Tabel 7. 1 UI Master Customer List Description ................................................................................... 19
Tabel 7. 3 Data Integration ................................................................................................................... 20
Tabel 8. 1 UI Master Part List Description ............................................................................................ 22
Tabel 9. 1 UI Master Point List Description.......................................................................................... 24
Tabel 9. 2 Simulasi Data Point............................................................................................................... 24
Tabel 10. 1 UI Katalog Role Customer List Description ......................................................................... 26
Tabel 10. 2 Katalog Role Admin List Description .................................................................................. 27
Tabel 10. 3 UI Master Create New Katalog Description ....................................................................... 28
Tabel 10. 4 UI Data Design Definition ................................................................................................... 29
Tabel 11. 1 UI Shopping Cart Process Description ................................................................................ 30
Tabel 12. 1 UI Point Exchange Process Description .............................................................................. 31
Tabel 13. 1 UI Point Exchange Configuration Process Description ....................................................... 33
Tabel 13. 2 UI Create Point Exchange Configuration Description......................................................... 34
Tabel 14. 1 UI Promotion Process Description ..................................................................................... 35
Tabel 14. 2 UI Master Create New Promotion Description .................................................................. 37
Tabel 15. 1 UI Product Knowledge Process Description ....................................................................... 38
Tabel 15. 2 UI Master Create New Product Knowledge Description .................................................... 39
Tabel 16. 1 UI User Account Process Description ................................................................................. 41
Tabel 16. 2 UI Master Create New User Account Description .............................................................. 42
Tabel 17. 1 UI Login Page Description................................................................................................... 43
Tabel 18. 1 UI Dashboard Page Role Customer Description ................................................................. 44
Tabel 18. 2 UI Dashboard Page Role Admin Description ...................................................................... 45
Tabel 18. 3 Report Data Design Definition............................................................................................ 46
CONFIDENTIAL 8
TOYOTA ASTRA MOTOR
Tabel 19. 1 UI Transaksi Point Description ........................................................................................... 47

Tabel 20. 1 UI Master Create New Critic and Suggestion Description.................................................. 49
Tabel 21. 1 UI Slider Picture Page Description ...................................................................................... 50
Tabel 21. 2 UI Data Design Slider Picture Definition ............................................................................. 50
Tabel 21. 3 UI Content Website Page Description ................................................................................ 51
Tabel 21. 4 UI Data Design Content Website Definition ....................................................................... 51
Tabel 21. 5 UI Point Validity Period Page Description .......................................................................... 52
Tabel 21. 6 UI Data Design Point Validity Period Definition ................................................................. 52
CONFIDENTIAL 9
TOYOTA ASTRA MOTOR
1. Latar Belakang
TOPASdigi merupakan sarana informasi produk, komunikasi program/promosi, dan pemberian

apresiasi bagi partshop yang telah bekerja sama dengan Toyota. Aplikasi ini dibuat untuk customer
dalam melakukan penukaran point yang didapatkan setelah customer membeli sparepart dari TAM.
Point ini nantinya dapat ditukarkan dengan reward sesuai keinginan customer. Aplikasi ini
memonitoring proses penukaran point yang dilakukan sampai reward berada di tangan customer.
Selama prosesnya, banyak kendala yang dihadapi khususnya admin untuk mengelola master data
yang sifatnya masih dikelola secara manual dan belum terintegrasi dengan sistem lain. Dari
pengumpulan point reward oleh customer dan pendaftaran customer yang masih dilakukan secara
manual menyebabkan penggunaan waktu yang tidak efisien. Jika terdapat kesalahan data, perbaikan
tidak dapat dilakukan dengan cepat. Lalu terdapat aspek lain seperti belum adanya monitoring data
customer yang mendekati masa kadaluwarsa, hingga masalah keamanan system karena masih berada
di luar infrastruktur IT TAM.
Pengembangan ini diharapkan dapat memberikan solusi dari permasalahan diatas. Dengan
demikian, tingkat transparansi dan efisiensi dalam proses pengumpulan data, proses penukaran point
dan monitoring penukaran point dapat ditingkatkan secara signifikan, sesuai dengan standar
profesionalitas dan tuntutan bisnis yang ada.
CONFIDENTIAL 10
TOYOTA ASTRA MOTOR
2. Master Dealer
2.1 Master Dealer Process Description

Master Dealer digunakan untuk mengelola data Dealer. Pengguna dapat menambah data Dealer,
mengubah dan juga menghapus data Dealer. Proses manajemen data Dealer dilakukan secara
integrasi dari MDM dengan mekanisme integrasi melalui API.
2.2 User Interface : Master Dealer List
2 4
3 1
Gambar 2. 1 UI Master Dealer
UI Master Dealer List Description

Flow No Description
Berikut ini adalah data grid yang menampilkan data Dealer yang sudah dibuat
1
sebelumnya. Data yang ditampilkan mencakup: Kode Dealer, dan Nama Dealer.
2 Button ini dapat mendownload data dealer yang ada.
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data dealer yang ada
4 Inputan search ini dapat mencari dealer berdasarkan kode dealer ataupun nama dealer.
5 Nama dealer ini jika di klik akan mengarahkan ke halaman detail dealer.
Tabel 2. 1 UI Master Dealer List Description
CONFIDENTIAL 11
TOYOTA ASTRA MOTOR
2.3 UI Data Design Definition
Tabel Dealers
No Nama Field Deskripsi Catatan Tipe Data Mandatory Sumber Data
1 Name Nama dealer Varchar Yes Input

2 Code Code dealer Unique value Varchar Yes Input
Tabel 2. 2 UI Data Design Definition
3. Monitoring Synch Dealer
3.1 Monitoring Synch Dealer Description

Monitoring synch dealer digunakan untuk memantau data dealer yang berasal dari MDM dengan
mekanisme integrasi melalui API. Pengguna hanya dapat melihat data synch yang datang melalui
integrasi.
3.2 User Interface : Monitoring Synch Dealer List
2
1
3
Gambar 3. 1 UI Monitoring Synch Dealer List
CONFIDENTIAL 12
TOYOTA ASTRA MOTOR
UI Monitoring Synch Dealer List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data monitoring synch dealer yang
berasal dari integrasi. Data yang ditampilkan mencakup: synch date, synch status dan
Error message.
2 Button ini dapat mendownload data synch dealer yang ada.
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data synch dealer
yang ada.
Tabel 3. 1 UI Monitoring Synch Dealer List Description
Tabel SynchMonitoringDealers
1 SynchDate Tanggal synch Datetime No System

2 SynchStatus Status synch Varchar No System
3 ErrorMessage Pesan error dari Varchar No System
synch
4. Master Branch
4.1 Master Branch Process Description

Master Branch digunakan untuk mengelola data Branch. Pengguna dapat menambah data Branch
mengubah dan juga menghapus data Branch. Proses manajemen data Branch dilakukan secara
integrasi dari MDM dengan mekanisme integrasi melalui API.
CONFIDENTIAL 13
TOYOTA ASTRA MOTOR
4.2 User Interface : Master Branch List
2 4
3 1
Gambar 4. 1 UI Master Branch
UI Master Branch List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data Branch yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: Kode Branch, dan Nama Branch.
2 Button ini dapat mendownload data Branch yang ada.
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data Branch yang
ada.
4 Inputan search ini dapat mencari branch berdasarkan kode branch ataupun nama
branch.
5 Nama Branch ini jika di klik akan mengarahkan ke halaman detail Branch.
Tabel 4. 1 UI Master Branch List Description
CONFIDENTIAL 14
TOYOTA ASTRA MOTOR
Tabel Branch
Name tidak
1 Name Nama branch boleh Varchar Yes Input
duplikat
Code tidak
2 Code Code branch boleh Varchar Yes Input
duplikat
5. Monitoring Synch Branch
5.1 Monitoring Synch Branch Process Description

Monitoring synch branch digunakan untuk memantau data branch yang berasal dari MDM dengan
mekanisme integrasi melalui API. Pengguna hanya dapat melihat data synch yang datang melalui
integrasi.
5.2 User Interface : Monitoring Synch Branch List
3 1
Gambar 5. 1 UI Monitoring Synch Dealer List
UI Monitoring Synch Branch List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data monitoring synch branch yang
berasal dari integrasi. Data yang ditampilkan mencakup: synch date, synch status dan
Error message.
2 Button ini dapat mendownload data synch branch yang ada.
CONFIDENTIAL 15
TOYOTA ASTRA MOTOR
Flow No Description
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data synch branch
yang ada.
Tabel 5. 1 UI Monitoring Synch Branch List Description
Tabel MonitoringSynchBranch
1 SynchDate Tanggal synch Datetime No System

2 SynchStatus Status synch Varchar No System
3 ErrorMessage Pesan error dari Varchar No System
synch
6. Configuration Dealer Branch
6.1 Configuration Dealer Branch Process Description

Configuration Dealer Branch digunakan untuk mengelola data branch yang dipasangkan dengan
dealer. Pengguna dapat menambah data dealer branch, mengubah dan juga menghapus data
dealer branch.
6.2 User Interface : Configuration Dealer Branch List
2
3 4
5 1
Gambar 6. 1 UI Configuration Dealer Branch List
CONFIDENTIAL 16
TOYOTA ASTRA MOTOR
UI Configuration Dealer Branch List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data Customer yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: Dealer dan Branch
2 Button create ini dapat digunakan untuk masuk ke halaman menu Create New dealer
branch untuk melakukan pembuatan data dealer branch yang baru.
3 Button ini dapat digunakan untuk menghapus data dealer branch yang sudah dibuat.
4 Button ini akan mengarahkan ke halaman filter yang sifat nya advance.
5 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data dealer branch
yang ada
6 Nama dealer ini jika di klik akan mengarahkan ke halaman detail dealer branch yang di
dalamnya dapat melakukan proses edit data.
Tabel 6. 1 UI Configuration Dealer Branch List Description
6.3 User Interface : Create New Dealer Branch
Gambar 6. 2 UI Create New Dealer Branch
CONFIDENTIAL 17
TOYOTA ASTRA MOTOR
UI Configuration Create New Dealer Branch Description
Flow No Description
1 Digunakan untuk memilih dealer. Option dealer berasal dari master data dealer.
Inputan ini bersifat mandatory
2 Digunakan untuk memilih branch. Option branch akan muncul jika pengguna memilih
dealer terlebih dahulu. Data branch berasal dari master branch. Inputan ini bersifat
mandatory
3 Terdapat button cancel guna membatalkan pembuatan data dealer branch.
Terdapat button save untuk menyimpan data dealer branch.
Tabel 6. 2 UI Configuration Create New Dealer Branch Description
Tabel DealerBranchs
Sumber
No Nama Field Deskripsi Catatan Tipe Data Mandatory
Data
1 DealerId Dealer Int Yes Input
2 BranchId Branch int Yes Input
Tabel 6. 3 Data Design Definition
7. Master Customer
7.1 Master Customer Process Description

Master Customer digunakan untuk mengelola data Customer. Pengguna dapat mengelola data
Customer. Proses manajemen data Customer dapat dilakukan secara integrasi dari GT dengan
mekanisme integrasi melalui Talend.
CONFIDENTIAL 18
TOYOTA ASTRA MOTOR
7.2 User Interface : Master Customer List
2 4
3 1
Gambar 7. 1 UI Master Customer
UI Master Customer List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data Customer yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: Dealer, Branch, Kode Customer, dan
Nama Customer
2 Button ini dapat mendownload data Customer yang ada.
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data Customer yang
ada
4 Inputan search ini dapat mencari customer berdasarkan kode customer ataupun
nama customer.
5 Nama Customer ini jika di klik akan mengarahkan ke halaman detail customer yang di
dalamnya dapat melakukan proses edit data pada beberapa data yang bukan kiriman
dari integrasi.
Tabel 7. 1 UI Master Customer List Description
Tabel Customers

1 DealerId Dealer. Int Yes System
2 BranchId Branch int Yes System
3 Code Kode customer. Unique Varchar Yes Input
Value
4 Name Nama customer. Varchar Yes Input
5 DestinationCode Kode destination. Varchar Yes Input
6 CustomerClassId Class. int No System
CONFIDENTIAL 19
TOYOTA ASTRA MOTOR
7 ZipCode Kode pos. Varchar No Input

8 PersonInChargeName Penanggung Varchar No Input
Jawab.
9 MobilePhoneNo Nomor Varchar No Input
handphone.
10 Email Email Varchar No Input
11 PhoneNo Nomor telepon. Varchar No Input
12 Website Website Varchar No Input
13 Since Berdiri sejak. Varchar No Input
14 DepotCode Kode depot. Varchar No Input
15 Address Alamat lengkap. Varchar No Input
16 ProvinceId Provinsi Int No System
17 DistrictId Kabupaten / kota Int No System
18 SubDistrictId Kecamatan Int No System
19 UrbanVillageId Kelurahan Int No System
20 CustomerNotes Catatan Customer Varchar No Input
7.4 Data Integration
No Source Table Field Destination Table Field

DB_SP_WRH. Aplikasi DBO.
1 Aplikasi GT BILL_TO_CUST DealerId
dbo.TB_M_BILL_CUST Topas DIGI Customers
2 DB_SP_INF.dbo. Aplikasi DBO.
Aplikasi GT CUST_CODE Code
TB_I_H01_21_CUSTOMER Topas DIGI Customers
Aplikasi GT CUST_NAME Name
4 DB_SP_INF.dbo. Aplikasi DBO. Destination
Aplikasi GT DEST_CODE
TB_I_H01_21_CUSTOMER Topas DIGI Customers Code
Aplikasi GT DEPOT_CODE DepotCode
Aplikasi GT CUST_ADDR_1 Address
Tabel 7. 3 Data Integration
8. Master Part
8.1 Master Part Process Description

Master part digunakan untuk mengelola data part. Pengguna dapat menambah data part
mengubah dan juga menghapus data part. Proses manajemen data dealer dapat dilakukan secara
integrasi dari GT dengan mekanisme integrasi melalui Talend.
CONFIDENTIAL 20
TOYOTA ASTRA MOTOR
8.2 User Interface : Master Part List
4 Kata Kunci 6
2
1
3
10
Gambar 8. 1 UI Master Part
CONFIDENTIAL 21
TOYOTA ASTRA MOTOR
UI Master Part List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data part yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: Part Number, Part Name, Part Group,
Default Point, Harga Jual, Register Date
2 Button ini dapat mendownload data part yang ada.
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data part yang ada.
4 Inputan search ini dapat mencari part berdasarkan kode part ataupun nama part.
5 Part number ini jika di klik akan mengarahkan ke halaman detail part yang di dalamnya
dapat melakukan proses edit data point atas part terkait.
6 Button action jika di klik akan memunculkan button download data part dan upload
data point part.
7 Button download template ini jika di klik akan mendownload data part.
8 Button upload data point part ini akan mengarahkan pengguna ke halaman upload file.
9 Inputan file akan mengarahkan pengguna untuk memilih dokumen yang ingin di upload.
10 Terdapat button cancel untuk membatalkan proses upload data.
Terdapat button upload untuk mengupload data part.
Tabel 8. 1 UI Master Part List Description
Tabel Parts
1 PartGroupId Part Group. Varchar Yes System

2 PartNo Nomor Part. Varchar Yes Input
3 Name Nama Part. Varchar Yes Input
4 SellPrice Harga Jual. Float Yes Input
5 RegisterDate Tanggal DateTime No Input
Pendaftaran.
6 IsTmoFlag TMO Flag. Boolean No Input
Tabel PointDetails
1 PartId Part Part ini Int System
merujuk pada
header atasnya
2 DefaultPoint Default Point Int Yes Input
CONFIDENTIAL 22
TOYOTA ASTRA MOTOR

DB_SP_INF.dbo.TB_I_H01 Aplikasi
1 Aplikasi GT PNO DBO. Parts PartNo
_02_PNO Topas DIGI
2 DB_SP_INF.dbo.TB_I_H01 Aplikasi
Aplikasi GT PART_NAME DBO. Parts Name
_02_PNO Topas DIGI
3 DB_SP_INF.dbo. Aplikasi
Aplikasi GT RTL_PRICE_NEW DBO. Parts SellPrice
TB_I_H01_14_PRICE Topas DIGI
4 DB_SP_INF.dbo.TB_I_H01 REGISTRATION_D Aplikasi
Aplikasi GT DBO. Parts RegisterDate
_02_PNO ATE Topas DIGI
9. Master Point
9.1 Master Point Process Description

Master point digunakan untuk memonitoring data point yang masuk. Pengguna hanya bisa view
data point yang masuk dan melakukan upload point. Proses manajemen data Point dilakukan
secara integrasi dari PI dengan mekanisme integrasi melalui talend.
9.2 User Interface : Master Point List
3 2 Kata Kunci
4 1
Gambar 9. 1 UI Master Point
UI Master Point List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data point yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: PI Number, PI Date, Part number, Point,
CONFIDENTIAL 23
TOYOTA ASTRA MOTOR
Flow No Description
Picking Qty, Total Point, Dealer, Customer Code, Customer Name, Synch Date, Status,
Process Date, Retry Count, Error messages.
2 Inputan search ini dapat mencari point berdasarkan PI Number ataupun part number.
3 Button ini dapat mendownload data points yang ada.
4 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data point yang ada.
5 PI No ini jika di klik akan mengarahkan ke halaman detail point.
Tabel 9. 1 UI Master Point List Description
9.3 Point Calculations

Transaksi part yang masuk akan mengalami perhitungan terhadap saldo pengguna sebagai
berikut:
• Jika saat pembelian part sedang berjalan event atau promosi pada part tersebut, maka point
yang didapat pengguna senilai point yang sedang di promosikan. Jika di luar periode promosi
maka menggunakan point default pada part tersebut.
• Setelah itu point pada part yang di dapat akan dikalikan dengan jumlah part yang di beli.
Simulasi Data Point
Cust Code Part Qty Point Promosi Default Point Final Point
S123 A 10 30 20 300
S123 B 11 - 10 110
S123 C 10 - 10 100
Tabel 9. 2 Simulasi Data Point
Tabel Points
1 PiNo PI No Varchar Yes System

2 PiDate PI Date Varchar Yes System
3 PartNoId Part Varchar Yes System
4 CustomerId Customer Float Yes System
5 OrderDate Tanggal Order DateTime Yes System
6 PickingQty Jumlah Int Yes System
7 TotalPoint Total Int Yes System
8 SynchDate Synch Date DateTime Yes System
9 SynchStatus Status Varchar Yes System
10 ProcessDate Process Date DateTimer Yes System
11 RetryCount Retry Count Int Yes System
12 ErrorMessage Error Message Varchar Yes System
CONFIDENTIAL 24
TOYOTA ASTRA MOTOR

DB_SP_WRH.DBO.TB_R_P Aplikasi Topas
1 Aplikasi GT PI_NO DBO. Points PiNo
ROFORMA_INVOICE A DIGI
2 DB_SP_WRH.DBO.TB_R_P Aplikasi Topas DBO. Points
Aplikasi GT PI_DATE PiDate
Aplikasi GT PART_NO PartNoId
Aplikasi GT CUST_CODE CustomerId
Aplikasi GT ORDER_DATE OrderDate
Aplikasi GT PICKING_QTY PickingQty
10. Master Katalog
10.1 Master Katalog Process Description

Master katalog digunakan untuk mengelola data katalog. Pengguna dapat menambah data
katalog mengubah dan juga menghapus data katalog.
CONFIDENTIAL 25
TOYOTA ASTRA MOTOR
10.2 User Interface : Katalog (Role: Customer)
4 6
2 3
Gambar 10. 1 UI Katalog Role Customer
UI Katalog (Role: Customer) List Description

Flow No Description
1 Berikut ini adalah data katalog yang sudah dibuat sebelumnya. Data yang ditampilkan
mencakup: gambar, judul, category, point, indicator product baru dan icon favorite.
2 Digunakan untuk mengisi jumlah.
3 Digunakan untuk menambahkan sebuah katalog ke keranjang.
4 Digunakan untuk memfilter katalog berdasarkan point dan category.
5 Mencari judul dari katalog yang ada.
6 Menampilkan list reward yang masuk kedalam wishlist.
Tabel 10. 1 UI Katalog Role Customer List Description
CONFIDENTIAL 26
TOYOTA ASTRA MOTOR
10.3 User Interface : Katalog (Role: Admin)
6 2
4 3
5 1
Gambar 10. 2 UI Katalog Role Admin
UI Katalog Role Admin List Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data katalog yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: nama reward, gambar produk, poin
penukaran, kategori, Item terbaru, tampilkan pada customer, jumlah penukaran, dan
wishlist.
2 Button create ini dapat digunakan untuk masuk ke halaman menu Create New katalog
untuk melakukan pembuatan data katalog baru.
3 Button ini dapat digunakan untuk menghapus data katalog yang sudah dibuat.
4 Button ini dapat mendownload data katalog yang ada.
5 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data katalog yang
ada.
6 Inputan search ini dapat mencari katalog berdasarkan kategori ataupun nama produk.
7 Nama reward ini jika di klik akan mengarahkan ke halaman detail katalog yang di
Tabel 10. 2 Katalog Role Admin List Description
CONFIDENTIAL 27
TOYOTA ASTRA MOTOR
10.4 User Interface : Create New Katalog
1
5
4 7
Gambar 10. 3 UI Create New Katalog
UI Master Create New Katalog Description
Flow No Description
1 Digunakan untuk mengisi nama reward. Inputan ini bersifat mandatory.
2 Digunakan untuk mengupload gambar produk.
3 Digunakan untuk mengisi Point penukaran. Inputan ini bersifat numeric dan
mandatory.
4 Digunakan untuk memilih category. Data category berasal dari master kategori
katalog. Inputan ini bersifat mandatory.
5 Digunakan untuk mengisi deskripsi.
6 Digunakan untuk mengisi flag item terbaru. Default dari inputan ini adalah Ya.
7 Digunakan untuk mengisi tampilkan pada customer. Default dari inputan ini adalah Ya.
8 Terdapat button cancel guna membatalkan pembuatan data katalog.
Terdapat button save untuk menyimpan data katalog.
Tabel 10. 3 UI Master Create New Katalog Description
Tabel Products
Sumber
Data
1 Name Nama reward Varchar Yes Input
2 ProductPicId Gambar produk Int No Input
3 RedeemPoint Point penukaran. Int Yes Input
4 ProductCategoryId Category. Int Yes System
5 CustomerClassId Customer class. Int No Input
CONFIDENTIAL 28
TOYOTA ASTRA MOTOR
Sumber
Data
6 Description Deskripsi Varchar No Input
7 Remarks Keterangan. Varchar No Input
8 NewItemFlagId Flag item terbaru Int No Input
9 Tampilkan Pada
ShowToCustomerId Int No Input
Customer
11. Shopping Cart
11.1 Shopping Cart Process Description

Pengguna akan memilih reward dari katalog yang tersedia guna melakukan proses penukaran
point. Pada halaman ini terdapat list reward yang ingin ditukar dengan point. Pengguna dapat
mengatur jumlah reward yang di inginkan dan bisa menghapus list reward dari keranjang.
11.2 User Interface : Shopping Cart Process
Gambar 11. 1 UI Shopping Cart Process
UI Shopping Cart Process Description

Flow No Description
1 Icon keranjang ini jika di klik akan masuk ke proses shopping cart.
2 Berikut ini adalah data grid yang menampilkan data reward yang ingin ditukar dengan
point. Data yang ditampilkan mencakup: gambar, judul, category, jumlah, dan subtotal.
CONFIDENTIAL 29
TOYOTA ASTRA MOTOR
Flow No Description
3 Digunakan untuk mengisi jumlah reward yang ingin di tukar. Pengguna dapat
menambah atau mengurangi jumlah dengan button yang telah tersedia.
4 Icon delete digunakan untuk menghapus data reward dari daftar proses penukaran
point.
5 Informasi total point dari keseluruhan reward yang ada, saldo point pengguna, dan sisa
dari saldo pengguna di kurang dengan point reward.
6 Button proses digunakan untuk melakukan proses penukaran point terhadapat reward
yang dipilih.
7 Pengguna dapat memilih reward yang ingin ditukarkan dengan point.
Tabel 11. 1 UI Shopping Cart Process Description
Tabel ShoppingCart
Sumber
Data
1 CustomerId Customer Int Yes System
2 TotalItemQty Jumlah reward Int Yes System
Jumlah Point
3 Total Point Int Yes System
Keseluruhan
Tabel ShoppingCartDetail
Sumber
Data
1 ShoppingCartId Shopping Cart Int Yes System
2 ProductId Product Int Yes System
3 ProductPoint Point product Int Yes System
4 Qty Jumlah Int Yes Input
Total kalkulasi *
5 TotalRedeemPoint Int Yes System
jumlah
12. Point Exchange
12.1 Point Exchange Process Description

Proses penukaran point customer selanjutnya akan di monitoring pada halaman ini. Pengguna
dapat mengubah status penukaran point sesuai dengan actual nya.
CONFIDENTIAL 30
TOYOTA ASTRA MOTOR
12.2 User Interface : Point Exchange Process
3 1
Gambar 12. 1 UI Point Exchange Process
UI Point Exchange Process Description

Flow
Description
No
Berikut ini adalah data grid yang menampilkan data penukaran point. Data yang ditampilkan
1
mencakup: Customer, katalog reward, tanggal, jumlah, Point, Redeem, Status.
2 Button ini dapat mendownload data penukaran point yang ada.
3 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data penukaran point yang ada.
Terdapat button status penukaran point. Jika role nya sebagai Admin maka button status penukaran
point yang muncul adalah :
• Kirim: Hanya bisa ubah status menjadi kirim jika status sebelum nya adalah Proses
• Diterima: Hanya bisa ubah status menjadi Diterima jika status sebelum nya adalah Kirim
4
• Pembatalan: Hanya bisa ubah status menjadi pembatalan jika status sebelum nya adalah Proses
Jika role nya customer maka hanya dapat merubah status penukaran point menjadi Diterima dengan
ketentuan status sebelum nya adalah Kirim.
Tabel 12. 1 UI Point Exchange Process Description
CONFIDENTIAL 31
TOYOTA ASTRA MOTOR
Tabel PointExchanges
Sumber
Data
2 ProductId Reward dari katalog Int Yes System
Tanggal penukaran
3 ExchangeDate DateTime Yes System
point
4 ProductPoint Point dari reward Int Yes System
5 Qty Jumlah Int Yes System
Status Penukaran
6 ExchangeStatusId Int Yes System
Point
Total Point hasil
7 TotalPoint dari point reward * Int Yes System
Qty
13. Point Exchange Configuration
13.1 Point Exchange Configuration Process Description

Konfigurasi penukaran point adalah menu untuk menentukan apakah customer dapat
menukarkan point nya atau tidak. Didalam konfigurasi ini admin dapat menentukan masa
penukaran point pada level tertentu seperti dealer dan customer. Pada menu ini juga terdapat
pilihan mode yang di inginkan yaitu otomatis dan manual.
13.2 User Interface : Point Exchange Configuration Process
5 2
3 4
6 1
Gambar 13. 1 UI Point Exchange Configuration Process
CONFIDENTIAL 32
TOYOTA ASTRA MOTOR
UI Point Exchange Process Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data konfigurasi penukaran point. Data
yang ditampilkan mencakup: Mode, Period From, Period To, Level, Dealer, Branch, dan
Masa Penukaran.
2 Button ini akan mengarahkan ke halaman create konfigurasi masa penukaran point.
3 Button ini dapat mendownload data konfigurasi penukaran point yang ada.
4 Button ini dapat digunakan untuk menghapus data konfigurasi yang sudah dibuat.
5 Inputan search ini dapat mencari konfigurasi berdasarkan mode ataupun dealer.
6 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data konfigurasi
penukaran point yang ada.
7 Jika data mode di klik akan memunculkan popup untuk masuk kehalaman detail guna
merubah konfigurasi masa penukaran point. Pengguna dapat merubah masa
penukaran point menjadi aktif atau tidak dari halaman detail ini.
Tabel 13. 1 UI Point Exchange Configuration Process Description
13.3 User Interface : Create Point Exchange Configuration
1
5
2
6
3
7
Gambar 13. 2 UI Create Point Exchange Configuration
UI Create Point Exchange Configuration Description
Flow No Description
1 Digunakan untuk memilih mode. Inputan ini bersifat mandatory.
CONFIDENTIAL 33
TOYOTA ASTRA MOTOR
Flow No Description
2 Digunakan untuk mengisi period from. Inputan ini akan muncul jika mode yang dipilih
adalah otomatis. Tanggal yang dipilih tidak boleh lebih kecil dari hari ini.
3 Digunakan untuk mengisi period To. Inputan ini akan muncul jika mode yang dipilih
adalah otomatis. Tanggal yang dipilih tidak boleh lebih kecil dari tanggal period from.
4 Digunakan untuk mengaktifkan masa penukaran point. Default dari inputan ini adalah
false atau non aktif.
5 Digunakan untuk memilih level.
6 Digunakan untuk memilih dealer. Inputan ini akan muncul jika level yang dipilih adalah
dealer dan branch. Data dealer berasal dari master dealer.
7 Digunakan untuk memilih branch. Inputan ini akan muncul jika level yang dipilih adalah
branch. Option branch akan muncul jika pengguna memilih dealer terlebih dahulu. Data
branch berasal dari master branch.
8 Terdapat button cancel guna membatalkan pembuatan data konfigurasi.
Terdapat button save untuk menyimpan data konfigurasi.
Tabel 13. 2 UI Create Point Exchange Configuration Description
Tabel PointExchangeConfigs
Sumber
Data
Mode konfigurasi
1 ExchangeModeId Int Yes Input
penukaran point
Tanggal mulai Muncul
periode penukaran saat
2 PeriodFrom DateTime No Input
point mode
otomatis
Tanggal akhir Muncul
periode penukaran saat
3 PeriodTo DateTime No Input
point mode
otomatis
Aktifnya masa
4 IsActive Int Yes Input
penukaran point
5 LevelId Konfigurasi Level Int Yes Input
6 DealerId Dealer Int Yes System
7 BranchId Branch Int Yes System
14. Master Promotion
14.1 Master Promotion Process Description

Modul Promosi merupakan komponen dalam sistem, yang dirancang untuk mengelola informasi
terkait Promosi yang terlibat dalam proses bisnis. Modul ini bertujuan untuk menyediakan wadah
terpusat untuk data promosi. Promosi sendiri di peruntukan untuk merubah default point suatu
part pada periode tertentu.
CONFIDENTIAL 34
TOYOTA ASTRA MOTOR
14.2 User Interface : Master Promotion List
4 3 6 Kata Kunci 2
5 1
Gambar 14. 1 UI Master Promotion List
UI Promotion Process Description

Flow No Description
Berikut ini adalah data grid yang menampilkan data promosi yang sudah dibuat
1 sebelumnya. Data yang ditampilkan mencakup: judul, gambar promo, period from,
period to, metode input, tipe promosi.
Button create ini dapat digunakan untuk masuk ke halaman menu Create New
2
Promotion untuk melakukan pembuatan data promotion baru.
3 Button ini dapat digunakan untuk menghapus data promotion yang sudah dibuat.
4 Button ini dapat mendownload data promotion yang ada.
5 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data promotion yang
ada.
6 Inputan search ini dapat mencari data promosi berdasarkan judul ataupun metode
input.
7 Judul ini jika di klik akan mengarahkan ke halaman detail promotion yang di dalamnya
dapat melakukan proses edit data.
Tabel 14. 1 UI Promotion Process Description
CONFIDENTIAL 35
TOYOTA ASTRA MOTOR
14.3 User Interface : Create Promotion
1
5
2
6
4 7
10 11 12 13
14
15 16
Gambar 14. 2 UI Create Promotion
UI Master Create New Promotion Description
Flow No Description
1 Digunakan untuk mengisi Judul Promosi. Inputan ini bersifat mandatory
2 Digunakan untuk mengisi file gambar promo.
3 Digunakan untuk mengisi periode From. Inputan ini bersifat mandatory
4 Digunakan untuk mengisi periode To. Inputan ini bersifat mandatory
Digunakan untuk memilih metode input. Jika metode upload yang dipilih maka tipe
promosi, berlaku untuk dealer maupun branch, dan section part number promo tidak
5
akan muncul. Jika metode input yang dipilih maka hanya pilih file yang tidak akan
muncul.
CONFIDENTIAL 36
TOYOTA ASTRA MOTOR
Flow No Description
6 Digunakan untuk mengisi file upload. Inputan ini akan muncul jika metode input nya
adalah upload. Tersedia juga file template yang dapat di download.
7 Digunakan untuk memilih Tipe Promosi.
8 Digunakan untuk memilih berlaku untuk dealer. Inputan ini akan muncul jika tipe
promosi nya adalah per dealer.
9 Digunakan untuk memilih berlaku untuk branch. Inputan ini akan muncul jika tipe
promosi nya adalah per branch.
10 Section: Part Number Promo
Digunakan untuk memilih Customer. Colom ini akan muncul jika tipe promosi nya
adalah per customer.
Digunakan untuk mengisi Part No.
Otomatis terisi setelah memilih Part No.
Digunakan untuk mengisi Point Promosi.
Digunakan untuk menambah baris data detail.
15 Digunakan untuk menyimpan data promosi.
16 Digunakan untuk membatalkan pembuatan data promosi.
Tabel 14. 2 UI Master Create New Promotion Description

Tabel Promotions
Sumber
Data
1 Judul Judul Promosi Varchar Yes Input
2 PromoPicId Gambar Promo Int Yes System
Tanggal periode
3 PeriodFrom DateTime Yes System
mulai
Tanggal periode
4 PeriodTo DateTime Yes System
akhir
5 InputMethodId Metode Input Int Yes System
6 PromotionTypeId Tipe Promosi Int Yes System
Berlaku untuk
7 AppliedToDealerId Int Yes System
dealer
Tabel PromotionDetails
Sumber
Data
2 PartId Part Int Yes System
3 PromotionPoint Point promosi Int Yes Input
4 PromotionId Promosi Int Yes System
CONFIDENTIAL 37
TOYOTA ASTRA MOTOR
15. Master Product Knowledge
15.1 Master Product Knowledge Process Description

Product Knowledge digunakan sebagai informasi jenis product. Yang dimana pada setiap gambar
dijelaskan kegunaan dari setiap product. Menu Product Knowledge digunakan untuk mengelola
data Product Knowledge. Pengguna dapat menambah data Product Knowlegde, mengubah dan
juga menghapus data product knowledge.
15.2 User Interface : Master Product Knowledge List
2 6
5 3
4
Gambar 15. 1 Master Product Knowledge List
UI Product Knowledge Process Description

Flow No Description
1 Berikut ini informasi yang menampilkan data product knowledge yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: judul, kategori product dan thumbnail
2 Button create ini dapat digunakan untuk masuk ke halaman menu Create New Product
Knowledge untuk melakukan pembuatan data product baru.
3 Button ini jika diklik akan masuk ke halaman edit product.
4 Button ini dapat digunakan untuk menghapus data product yang sudah dibuat.
5 Button ini dapat mendownload file upload data terkait.
6 Fitur ini dapat mencari judul dari product yang ada.
7 Filter kategori ini digunakan untuk menampilkan list product knowledge berdasarkan
kategori yang dipilih
Tabel 15. 1 UI Product Knowledge Process Description
CONFIDENTIAL 38
TOYOTA ASTRA MOTOR
15.3 User Interface : Create Product Knowledge
1 4
2
5
Gambar 15. 2 UI Create Product Knowledge
UI Master Create New Product Knowledge Description
Flow No Description
1 Digunakan untuk mengisi Judul Product Knowledge. Inputan ini bersifat mandatory.
2 Digunakan untuk memilih kategori product knowledge. Option category berasal dari
master data category product knowledge. Inputan ini bersifat mandatory
3 Digunakan untuk memilih part. Option part berasal dari master data part.
4 Digunakan untuk mengisi file dari product knowledge.
5 Digunakan untuk mengisi file thumbnail yang tampil di halaman index.
6 Terdapat button cancel guna membatalkan pembuatan data product knowledge.
Terdapat button save untuk menyimpan data product knowledge.
Tabel 15. 2 UI Master Create New Product Knowledge Description
Tabel ProductKnowledges
Sumber
Data
1 Title Judul Product Varchar Yes Input
CONFIDENTIAL 39
TOYOTA ASTRA MOTOR
Sumber
Data
Kategori
2 ProductKnowledgeCategoryId Int Yes System
Product
3 PartId Part Int No System
4 FileUploadId File Upload Int No Input
Gambar
5 ThumbnailId Int No Input
Thumbnail
16. Master User Account
16.1 Master User Account Process Description

User account digunakan untuk mengidentifikasi individu yang menggunakan sistem atau platform.
User account menentukan tingkat akses dan izin yang dimiliki oleh pengguna. Ini mencakup akses
ke file, folder, aplikasi, atau fitur tertentu. Administrator sistem biasanya memiliki kontrol penuh
atas izin pengguna. Admin dapat menambah data account, mengubah dan juga menghapus data
account.
16.2 User Interface : Master User Account List
5 Kata Kunci
2
3 4
1
6
Gambar 16. 1 UI Master User Account List
UI User Account Process Description

Flow No Description
1 Berikut ini adalah data grid yang menampilkan data promosi yang sudah dibuat
sebelumnya. Data yang ditampilkan mencakup: Role, Email, Nama, Dealer, Branch
2 Button create ini dapat digunakan untuk masuk ke halaman menu Create New User
Account untuk melakukan pembuatan data account baru.
3 Button ini dapat mendownload data account yang ada.
CONFIDENTIAL 40
TOYOTA ASTRA MOTOR
Flow No Description
4 Button ini dapat digunakan untuk menghapus data account yang sudah dibuat.
5 Inputan search ini dapat mencari user berdasarkan email ataupun nama user.
6 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data account yang
ada.
7 Data email ini jika di klik akan mengarahkan ke halaman detail account yang di
Tabel 16. 1 UI User Account Process Description
16.3 User Interface : Create User Account
1 4
5
2
3 6
Gambar 16. 2 UI Create User Account
UI Master Create New User Account Description
Flow No Description
Digunakan untuk memilih role account. Option role account terdiri dari Admin,
Customer, Branch, dan Dealer. Inputan ini bersifat mandatory. Berikut rules dari role
account:
• Admin: jika role yang di pilih admin maka inputan dealer, branch, dan
customer tidak ada.
1 • Dealer: jika role yang di pilih dealer maka hanya inputan dealer saja yang
muncul.
• Branch: jika role yang di pilih branch maka hanya inputan dealer, dan branch
saja yang muncul.
• Customer: jika role yang di pilih customer maka inputan dealer, branch, dan
customer akan muncul.
CONFIDENTIAL 41
TOYOTA ASTRA MOTOR
Flow No Description
2 Digunakan untuk mengisi email. Terdapat validasi inputan email pada umumnya
seperti tidak ada spasi, dan terdapat karakter “@”.
3 Digunakan untuk mengisi nama lengkap. Inputan nama lengkap memiliki ketentuan
tidak boleh lebih dari 100 karakter.
4 Digunakan untuk memilih dealer. Option dealer berasal dari master data dealer.
Digunakan untuk memilih branch. Option branch berasal dari master data branch.
5
Option branch akan muncul jika pengguna memilih dealer terlebih dahulu
Digunakan untuk memilih customer. Option customer berasal dari master data
6 customer. Option customer akan muncul jika pengguna memilih branch terlebih
dahulu.
Terdapat button cancel guna membatalkan pembuatan data user account.
7
Terdapat button save untuk menyimpan data user account.
Tabel 16. 2 UI Master Create New User Account Description
Tabel UserAccounts
Sumber
Data
1 RoleId Role Int Yes Input
2 Email Email User Varchar Yes Input
3 Name Nama user Varchar Yes Input
4 Password Kata sandi Varchar Yes Input
5 DealerId Dealer Int No System
6 BranchId Branch Int No System
7 CustomerId Customer Int No System
17. Halaman Login
17.1 Login Process Description

Halaman login merupakan halaman awal bagi pengguna yang ingin masuk kedalam aplikasi Topas-
Digi. Di halaman ini terdapat informasi-informasi Topas-Digi.
CONFIDENTIAL 42
TOYOTA ASTRA MOTOR
17.2 User Interface : Login Page
Gambar 17. 1 UI Login Page
UI Login Page Description

Flow No Description
1 Button Login guna masuk ke dalam aplikasi TopasDigi. Button ini juga akan
menampilkan PopUp Passport TAM (SSO).
2 Banner informasi aplikasi Topas Digi. Banner ini berasal dari menu gambar slider yang
di upload oleh admin. Banner ini dapat di klik dan mengarahkan ke link yang telah di
konfigurasi oleh admin.
3 Informasi deskripsi aplikasi Topas Digi. Informasi ini di buat oleh admin di menu website
content.
4 Button ini akan menampilkan popup kritik dan saran.
Tabel 17. 1 UI Login Page Description
18. Halaman Dashboard
18.1 Dashboard Page Description

Halaman dashboard merupakan halaman awal bagi pengguna setelah masuk kedalam aplikasi
Topas-Digi. Di halaman ini terdapat mengenai indikator utama dari aktifitas organisasi secara
sekilas dalam layar tunggal.
CONFIDENTIAL 43
TOYOTA ASTRA MOTOR
18.2 User Interface : Dashboard Page (Role: Customer)

8
7
2 3
1
5 6
Gambar 18. 1 UI Dashboard Page Role Customer
UI Dashboard Page Role Customer Description

Flow No Description
1 Indikator jumlah transaksi penukaran point dalam proses.
2 Indikator jumlah transaksi penukaran point dalam pengiriman.
3 Indikator Point expired dalam 30 hari. Jika di klik muncul detail nya.
4 Banner informasi aplikasi Topas Digi. Banner informasi ini berasal dari menu informasi
yang di atur oleh admin
5 Button ini jika di klik akan mendownload rekapan point pengguna.
7 Informasi aktif nya suatu penukaran point.
8 Informasi saldo point pengguna.
Tabel 18. 1 UI Dashboard Page Role Customer Description
CONFIDENTIAL 44
TOYOTA ASTRA MOTOR
18.3 User Interface : Dashboard Page (Role: Admin)
7
3
1 2
5 6
Gambar 18. 2 UI Dashboard Page Role Admin
UI Dashboard Page Role Admin Description

Flow No Description
1 Indikator jumlah transaksi penukaran point dalam proses seluruh customer.
2 Indikator jumlah transaksi penukaran point dalam pengiriman seluruh customer.
3 Indikator jumlah customer dalam proses penukaran point.
4 Informasi trafik pengunjung.
5 Button ini jika di klik akan mendownload rekapan point pengguna.
7 Informasi aktif nya suatu penukaran point.
Tabel 18. 2 UI Dashboard Page Role Admin Description
18.4 Report Description

Report yang di download oleh pengguna berisi rekapan data point pengguna. Report point ini
sendiri memonitoring point yang sudah ditukarankan dan point yang status nya sudah expired.
CONFIDENTIAL 45
TOYOTA ASTRA MOTOR
18.5 Report Template Design
Gambar 18. 3 Report Template Design
18.6 Report Data Design Definition
Tabel PointHistorys
Tipe Sumber
No Nama Field Deskripsi Catatan Mandatory
Data Data
2 TransactionDate Tanggal Transaksi DateTime System
Status point Terdiri dari
Add,
3 Action Varchar Yes System
Exchange,
dan expired
4 BeginningBalance Saldo awal Int Yes System
5 Mutation Perubahan saldo Int Yes System
6 TotalBalance Total saldo Int Yes System
7 ExpiredDate Tanggal expired DateTime No System
8 Balance Point yang dipakai Int Yes System
9 IsExpired Status expired Boolean No System
Tabel 18. 3 Report Data Design Definition
19. Transaksi Point
19.1 Monitoring Transaction Point Description

Menu transaksi point merupakan halaman monitoring point yang masuk dan sudah expired.
Halaman ini juga menampilkan grafik transaksi point per periode.
CONFIDENTIAL 46
TOYOTA ASTRA MOTOR
19.2 User Interface : Transaksi Point

2
5 3
8 6
Gambar 19. 1 UI Transaksi Point
UI Transaksi Point Description

Flow No Description
1 Grafik transaksi point.
2 Filter grafik transaksi point per category dan periode.
3 Raw data transaksi point harian.
4 Button ini dapat mendownload data transaksi point harian yang ada.
5 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data transaksi point
harian yang ada.
6 Raw data transaksi point keseluruhan secara detail.
7 Button ini dapat mendownload data transaksi point keseluruhan yang ada.
8 Icon ini dapat memunculkan fitur filter untuk pencarian terhadap data transaksi point
keseluruhan yang ada.
Tabel 19. 1 UI Transaksi Point Description
CONFIDENTIAL 47
TOYOTA ASTRA MOTOR
20. Kritik dan Saran
20.1 Critic And Suggestion Process Description

Menu kritik dan saran adalah menu yang di gunakan pengguna untuk menyampaikan kritik dan
pesan terhadap aplikasi Topas Digi. Kritik dan pesan yang di buat akan tersampaikan kepada PIC
terkait melalui email.
20.2 User Interface : Create Critic And Suggestion
Gambar 20. 1 UI Create Critic and Suggestion
UI Master Create New Critic and Suggestion Description
Flow No Description
1 Digunakan untuk mengisi nama lengkap.
2 Digunakan untuk mengisi pesan.
3 Digunakan untuk mengisi email.
4 Terdapat button cancel guna membatalkan pembuatan data kritik dan saran.
CONFIDENTIAL 48
TOYOTA ASTRA MOTOR
Flow No Description
Terdapat button save untuk menyimpan data kritik dan saran.
Tabel 20. 1 UI Master Create New Critic and Suggestion Description
Tabel CriticsAndSuggestions
Sumber
Data
1 Name Role Varchar Yes Input
2 Message Email User Text Yes Input
3 Email Nama user Varchar Yes Input
21. Settings
21.1 Settings Process Description

Menu pengaturan adalah menu yang di gunakan pengguna untuk mengatur gambar slider, konten
website, dan masa berlaku point pada aplikasi Topas Digi.
21.2 User Interface : Slider Picture Page
3
4
Gambar 21. 1 UI Slidder Picture Page
CONFIDENTIAL 49
TOYOTA ASTRA MOTOR
UI Slider Picture Page Description
Flow No Description
1 Digunakan untuk mengisi file upload. Inputan ini bersifat mandatory.
2 Digunakan untuk mengisi link.
3 Button simpan pengaturan jika di klik akan menyimpan data baru gambar slider.
4 Terdapat hasil simpan gambar slider yang mencakup gambar file dan link. Terdapat
juga action edit untuk mengedit data terkait dan hapus untuk menghapus data
terkait.
Tabel 21. 1 UI Slider Picture Page Description
21.3 UI Data Design Slider Picture Definition
Tabel SliderPics
Sumber
Data
1 FileUploadId Role File Upload Yes Input
2 LinkUrl Email User Varchar Yes Input
Tabel 21. 2 UI Data Design Slider Picture Definition
21.4 User Interface : Content Website Page
Gambar 21. 2 UI Content Website Page
UI Content Website Page Description
Flow No Description
1 Digunakan untuk mengisi penerima email. Terdapat validasi inputan email pada
umumnya seperti tidak ada spasi, dan terdapat karakter “@”.
CONFIDENTIAL 50
TOYOTA ASTRA MOTOR
Flow No Description
2 Digunakan untuk mengisi informasi sidebar.
3 Button simpan pengaturan jika di klik akan menyimpan data baru konten website.
4 Terdapat hasil simpan gambar slider yang mencakup gambar file dan link. Terdapat
juga action hapus untuk menghapus data terkait.
Tabel 21. 3 UI Content Website Page Description
21.5 UI Data Design Content Website Definition
Tabel WebsiteContents
Sumber
Data
1 ContactUsEmailRecipient Email PIC Varchar Yes Input
2 SideBarContent Konten side bar Varchar Yes Input
Konten tentang
3 AboutUsContent Varchar Yes Input
kami
Tabel 21. 4 UI Data Design Content Website Definition
21.6 User Interface : Point Validity Period Page
Gambar 21. 3 UI Point Validity Period Page
CONFIDENTIAL 51
TOYOTA ASTRA MOTOR
UI Point Validity Period Page Description
Flow No Description
1 Digunakan untuk mengisi informasi tahun. Inputan bersifat numeric.
2 Digunakan untuk mengisi informasi bulan. Inputan bersifat numeric.
3 Button simpan pengaturan jika di klik akan menyimpan data baru masa berlaku point.
Tabel 21. 5 UI Point Validity Period Page Description
21.7 UI Data Design Point Validity Period Definition
Tabel PointValidityPeriods
Sumber
Data
1 ValidityYear Informasi Tahun Varchar Yes Input
2 ValidityMonth Informasi bulan Varchar Yes Input
Tabel 21. 6 UI Data Design Point Validity Period Definition
CONFIDENTIAL 52

FSD TopasDigi Signed V2 (1) 1

Uploaded by

Copyright:

Available Formats

You might also like

FSD TopasDigi Signed V2 (1) 1

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

FSD TopasDigi Signed V2 (1) 1

Uploaded by

Copyright:

Available Formats

Functional Specification Design (FSD)

Division Head Agus Setiawan

Department Head Mahardhika Aji Setyawan

Division Head Wilbertus Darmadi

Department Head Stevanus Setyo Nugroho 20 Dec 2023

Dept Head Operation Maickel P 21/12/2023

Project Manager And

Architect Infra Fahrio Ghanial 18 Dec 2023

Steering Committee Farid Afandy 15 Dec 23

Fredy Yap 15 Dec 23

Project Manager Salim Abubakar 15-12-2023

QA Analyst Arief Kalbu 15-12-2023

System Analyst Abiyyu Aly Arianto 15 Dec 23

Date Modified By Version No. Type of Change Brief Description of Change

23-11-23 Abiyyu Aly Arianto 1.0 Initial Initial Document

Revision after solution meeting and revise

1. Latar Belakang ................................................................................................................................... 10

9.1 Master Point Process Description ............................................................................................... 23

16.2 User Interface : Master User Account List ................................................................................ 40

Tabel 19. 1 UI Transaksi Point Description ........................................................................................... 47

TOPASdigi merupakan sarana informasi produk, komunikasi program/promosi, dan pemberian

2.1 Master Dealer Process Description

2.2 User Interface : Master Dealer List

Gambar 2. 1 UI Master Dealer

UI Master Dealer List Description

Tabel 2. 1 UI Master Dealer List Description

2.3 UI Data Design Definition

No Nama Field Deskripsi Catatan Tipe Data Mandatory Sumber Data

1 Name Nama dealer Varchar Yes Input

Tabel 2. 2 UI Data Design Definition

3. Monitoring Synch Dealer

3.1 Monitoring Synch Dealer Description

3.2 User Interface : Monitoring Synch Dealer List

Gambar 3. 1 UI Monitoring Synch Dealer List

UI Monitoring Synch Dealer List Description

Tabel 3. 1 UI Monitoring Synch Dealer List Description

3.3 UI Data Design Definition

No Nama Field Deskripsi Catatan Tipe Data Mandatory Sumber Data

1 SynchDate Tanggal synch Datetime No System

Tabel 3. 2 UI Data Design Definition

4.1 Master Branch Process Description

4.2 User Interface : Master Branch List

Gambar 4. 1 UI Master Branch

UI Master Branch List Description

Tabel 4. 1 UI Master Branch List Description

4.3 UI Data Design Definition

No Nama Field Deskripsi Catatan Tipe Data Mandatory Sumber Data

Tabel 4. 2 UI Data Design Definition

5. Monitoring Synch Branch

5.1 Monitoring Synch Branch Process Description

5.2 User Interface : Monitoring Synch Branch List

Gambar 5. 1 UI Monitoring Synch Dealer List

UI Monitoring Synch Branch List Description

Tabel 5. 1 UI Monitoring Synch Branch List Description

5.3 UI Data Design Definition

No Nama Field Deskripsi Catatan Tipe Data Mandatory Sumber Data

1 SynchDate Tanggal synch Datetime No System

Tabel 5. 2 UI Data Design Definition