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
HTML5
MVC
SPA
Storage
github
AJAX
Big Data
Design Pattern
DevOps
Eclipse IDE
Elastic IP
GIMP
Graphics Design
Heroku
Postman
R
SSL
Security
Visual Studio Code
ASP.NET MVC 4
CLI
Linux Commands
Powershell
Python
Server
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
Software Development
Unix
View
Web Forms
WildFly
XML
cshtml
githu
paito warna china
ReplyDeletedata sydney
datahk
syair sydney
syairsgp
datasgp
paito warna
http://warungsgp.com/
live hk 6d
live sydney
Great Article IoT Projects for Students
DeleteDeep Learning Projects for Final Year
JavaScript Training in Chennai
JavaScript Training in Chennai
The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training
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
rastgele görüntülü konuşma - kredi hesaplama - instagram video indir - instagram takipçi satın al - instagram takipçi satın al - tiktok takipçi satın al - instagram takipçi satın al - instagram beğeni satın al - instagram takipçi satın al - instagram takipçi satın al - instagram takipçi satın al - instagram takipçi satın al - binance güvenilir mi - binance güvenilir mi - binance güvenilir mi - binance güvenilir mi - instagram beğeni satın al - instagram beğeni satın al - polen filtresi - google haritalara yer ekleme - btcturk güvenilir mi - binance hesap açma - kuşadası kiralık villa - tiktok izlenme satın al - instagram takipçi satın al - sms onay - paribu sahibi - binance sahibi - btcturk sahibi - paribu ne zaman kuruldu - binance ne zaman kuruldu - btcturk ne zaman kuruldu - youtube izlenme satın al - torrent oyun - google haritalara yer ekleme - altyapısız internet - bedava internet - no deposit bonus forex - erkek spor ayakkabı - webturkey.net - karfiltre.com - tiktok jeton hilesi - tiktok beğeni satın al - microsoft word indir - misli indir
ReplyDeletemoto kurye istanbul
ReplyDeleteyoutube abone satın al
ReplyDeletecami avizesi
cami avizeleri
avize cami
no deposit bonus forex 2021
takipçi satın al
takipçi satın al
takipçi satın al
takipcialdim.com/tiktok-takipci-satin-al/
instagram beğeni satın al
instagram beğeni satın al
btcturk
tiktok izlenme satın al
sms onay
youtube izlenme satın al
no deposit bonus forex 2021
tiktok jeton hilesi
tiktok beğeni satın al
binance
takipçi satın al
uc satın al
sms onay
sms onay
tiktok takipçi satın al
tiktok beğeni satın al
twitter takipçi satın al
trend topic satın al
youtube abone satın al
instagram beğeni satın al
tiktok beğeni satın al
twitter takipçi satın al
trend topic satın al
youtube abone satın al
takipcialdim.com/instagram-begeni-satin-al/
perde modelleri
instagram takipçi satın al
instagram takipçi satın al
takipçi satın al
instagram takipçi satın al
betboo
marsbahis
sultanbet
takipçi satın al
ReplyDeleteinstagram takipçi satın al
https://www.takipcikenti.com
ucuz takipçi
ReplyDeleteucuz takipçi
tiktok izlenme satın al
binance güvenilir mi
okex güvenilir mi
paribu güvenilir mi
bitexen güvenilir mi
coinbase güvenilir mi
instagram takipçi satın al
Going 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. 마사지 출장비
ReplyDelete