Please enable JavaScript.
Coggle requires JavaScript to display documents.
Top Up - Coggle Diagram
Top Up
Functionality
Positive
Amount Field
Numerical, Between 1000 to 1000000
Button Top Up
Clickable
Direct to Payment Method Pop Up
Button Pay
Success Result
Failed Result
Button Change Method
Button Close
Button Back
Clickable
Direct to Home Page
Label Balance
Show User Balance
Negative
Amount Field
Left Empty
Show error message - Nominal Cannot be Empty!
Copy Paste
Non-Numerical
Alphabet
Show error message - Nominal Cannot be Empty!
Special Character
Show error message - Nominal Cannot be Empty!
Alphanumeric
Show error message - Nominal Cannot be Empty!
Special Character and Numerical
Show error message - Nominal Cannot be Empty!
Emoji
Show error message - Nominal Cannot be Empty!
Numerical
Less than Rp 1.000
Rp 999
Show error message - Available Transaction only Rp 1.000 to Rp 1.000.000!
Greater than Rp 1.000.000
Rp 1.000.001
Show error message - Available Transaction only Rp 1.000 to Rp 1.000.000!
Non-Numerical
Alphabet
Show error message - Input Number Only!
Special Character
Show error message - Input Number Only!
Alphanumeric
Show error message - Input Number Only!
Special Character and Numerical
Show error message - Input Number Only!
Emoji
Show error message - Nominal Cannot be Empty!
Numerical
Less than Rp 1.000
Rp 999
Show error message - Available Transaction only Rp 1.000 to Rp 1.000.000!
Greater than Rp 1.000.000
Rp 1.000.001
Show error message - Available Transaction only Rp 1.000 to Rp 1.000.000!
Button Pay
Amount Field Empty
Disable Click
Balance After top up >2.000.000
Enable Click
Directed to Failed Top Up Result Page
Show error message - Your Balance Already Reach Maximum Amount!
Non Functionality
UI Design & Usability
Button Back
Shape : Arrow
Color : White
Error Message
Text Color : Red
Under the Nominal Field
Button Top Up
Verify Top Up Button is Disabled When Amount Field is Empty or Wrong
Button Color : Blue
Text Align : Center
Text : Top Up
Amount Field
Verify Amount Field is Highlighted When Empty or Wrong Format
Top Up Title
Font Color : Blue
Text : Dana Top Up
Icon Top Up
Payment Method Pop Up
Top Up Amount Text : Amount
Pay Button
Text : Pay
Button Color : Blue
Text Align : Center
Change Button Text : Change
BRI Debit Card Payment Method
Text : BRI Debit Card
Icon BRI Debit Card
Virtual Account Payment Method
Text : Virtual Account
Icon Virtual Account
Alfamart Payment Method
Text : Alfamart
Icon Alfamart
Environment
Connection
Network
No Internet Connection
Show Error Message - Sorry your internet connection is off.
Has Internet Connection
Directed to Result Page
Server
Has Connection to Server
Directed to Result Page
No Connection to Server
Show Error Message - Lost Connection to Server!
Device
OS
Phone
Pixel (5.0")
Pixel 3 (5.5")
Pixel 3 XL (6.0")
Platform Version
Marshmallow (6.0)
Oreo (8.1)
Q (10)