Tuesday, September 17, 2019
In the previous post we created the JavaScript business objects in our AngularJS application. While that's great and all we should we really take a step back create some rough mockups of our banking application so that we will know what we will be building.
First let's mock up the home page:
On our home page we have a profile section were we can access our account/profile. Then we have the ACME bank logo/branding, and finally the accounts that we have in the bank.
The next mock-up is the the Accounts Details page, when we click on one of the accounts:
As you can see from the mock-up it's pretty straightforward. You have an identification of the account, then a display of upcoming transactions, and past transactions. There's also a search box for searching of transactions.
Finally we have the Money Transfer screen which enables the users to transfer money into and out of the account. It just has the basic information, where the money is coming from, where it's going to, the transfer date, the amount and the transfer button.
As you can see the mock-up is pretty simple and easy to change. Actually it's just pen and paper. I am a big fan of low-fidelity design. Meaning simple and low effort. We can change it anytime.
Previous: AngularJS SPA: Building The Bank Application JavaScript Objects (Business Entities)
First let's mock up the home page:
On our home page we have a profile section were we can access our account/profile. Then we have the ACME bank logo/branding, and finally the accounts that we have in the bank.
The next mock-up is the the Accounts Details page, when we click on one of the accounts:
As you can see from the mock-up it's pretty straightforward. You have an identification of the account, then a display of upcoming transactions, and past transactions. There's also a search box for searching of transactions.
Finally we have the Money Transfer screen which enables the users to transfer money into and out of the account. It just has the basic information, where the money is coming from, where it's going to, the transfer date, the amount and the transfer button.
As you can see the mock-up is pretty simple and easy to change. Actually it's just pen and paper. I am a big fan of low-fidelity design. Meaning simple and low effort. We can change it anytime.
Previous: AngularJS SPA: Building The Bank Application JavaScript Objects (Business Entities)
Subscribe to:
Post Comments (Atom)
Search This Blog
Tags
Web Development
Linux
Javascript
DATA
CentOS
ASPNET
SQL Server
Cloud Computing
ASP.NET Core
ASP.NET MVC
SQL
Virtualization
AWS
Database
ADO.NET
AngularJS
C#
CSS
EC2
Iaas
System Administrator
Azure
Computer Programming
JQuery
Coding
ASP.NET MVC 5
Entity Framework Core
Web Design
Infrastructure
Networking
Visual Studio
Errors
T-SQL
Ubuntu
Stored Procedures
ACME Bank
Bootstrap
Computer Networking
Entity Framework
Load Balancer
MongoDB
NoSQL
Node.js
Oracle
VirtualBox
Container
Docker
Fedora
Java
Source Control
git
ExpressJS
MySQL
NuGet
Blogger
Blogging
Bower.js
Data Science
JSON
JavaEE
Web Api
DBMS
DevOps
HTML5
MVC
SPA
Storage
github
AJAX
Big Data
Design Pattern
Eclipse IDE
Elastic IP
GIMP
Graphics Design
Heroku
Linux Mint
Postman
R
SSL
Security
Visual Studio Code
ASP.NET MVC 4
CLI
Linux Commands
Powershell
Python
Server
Software Development
Subnets
Telerik
VPC
Windows Server 2016
angular-seed
font-awesome
log4net
servlets
tomcat
AWS CloudWatch
Active Directory
Angular
Blockchain
Collections
Compatibility
Cryptocurrency
DIgital Life
DNS
Downloads
Google Blogger
Google Chrome
Google Fonts
Hadoop
IAM
KnockoutJS
LINQ
Linux Performance
Logging
Mobile-First
Open Source
Prototype
R Programming
Responsive
Route 53
S3
SELinux
Software
Unix
View
Web Forms
WildFly
XML
cshtml
githu
New imaginative medicines and more up to date forms of old restorative medications contain the advanced spa. As the spa business keeps on developing, the present spa-goer frequently requires a manual for the numerous expert administrations now accessible and promoted under the heading "spa" cbd anti-aging facial in Manhattan
ReplyDeleteBanks are moving towards customer-specificity, almost viewing each client as a "segment of one", across other channels, and online banking is set to follow suit.Best banks in India
ReplyDeleteThere are more elements to the payout cycles than just the total overhead cost. The average pay structure of the banking sector shows fewer deviations than that of its closest rival, the IT industry.myifsccode.com/bank-of-baroda-ifsc/
ReplyDeleteSeseorang yang sangat terpaku pada perjudian tidak bisa memikirkan hal lain. Dia akan selalu menemukan cara dan sarana untuk bertaruh terlalu banyak yang dapat menyebabkan kehancuran. Ketika seseorang terus bertaruh seseorang akan memiliki kebutuhan untuk memiliki sejumlah besar uang untuk mendukung keasyikannya 98toto
ReplyDeleteI was more than happy to uncover this great site. I need to thank you for your time due to this fantastic read!!
ReplyDeleteI definitely enjoyed every bit of it and I have you bookmarked to see new information on your blog.
Classified WordPress Theme
moto kurye istanbul
ReplyDeleteGoing through with exchanges online isn't just generally free, yet additionally extremely proficient. Exchange time online is basically substantially less.Columbus Financial & Success Coach
ReplyDelete
ReplyDeleteMua vé tại đại lý vé máy bay Aivivu, tham khảo
giá vé máy bay đi Mỹ khứ hồi
vé máy bay từ mỹ về việt nam 2021
vé máy bay từ đức về việt nam giá rẻ
chuyến bay từ nga về việt nam hôm nay
chuyến bay từ anh về việt nam
ve may bay tu phap ve viet nam
ve may bay chuyen gia nuoc ngoai sang Viet Nam
Some of the banks are nevertheless not so many. On the off chance that they will be, they should consent to a similar protectionist banking guidelines and rules as the wide range of various F.D.I.C.Bookkeeping Services
ReplyDeleteLiên hệ Aivivu, đặt vé máy bay tham khảo
ReplyDeletevé máy bay đi Mỹ bao nhiêu
thời gian bay từ los angeles về việt nam
ve may bay tư duc ve viet nam
vé máy bay nhật về việt nam
Chuyến bay từ Hàn Quốc về Việt Nam
vé máy bay từ Toronto về việt nam
vé máy bay cho chuyên gia nước ngoài
However not all payment processors are the same, and it's therefore very important to find the one most suited to you. How to be a Payment Processor
ReplyDeleteThis can be consequently lovely along with inventive. I merely enjoy your hues along with anyone becomes the idea inside snail mail are going to be cheerful. merchant portfolios for sale
ReplyDeleteFor all your massage therapy equipment and suppliers, then look no further than Keep Fit Sporting Goods, which is a sporting website selling all kinds of health and sporting goods. 마사지 출장비
ReplyDeleteThe magnificence of seaward web based banking is that as well as empowering you to direct banking exercises permitted by conventional and neighborhood physical organizations, it permits you more assortment and adaptability as far as your banking needs. NFT Drops
ReplyDelete