upply!of!Target!setting!

Softwa
Ping%Yi%Secondary%School%
%
%
Proposal%

nt!Summary......................................................Page!3!

!Services............................................................Page!3!

upport!Services.Page!3!
Work!BreakBDown!Structure................................Page!4!

e!Application!Mockup..Page!4!

Workflow.Page!7!

e!Browser!SupportPage!7!

Methodology!and!ProcessPage!7!

rocess..Page!8!
rogressPage!8!

Process..Page!9!

est!Result!and!Report..Page!9!
roject!Monitoring!and!TrackingPage!10!
hange!Management!Process.Page!10!
sk!Management!Process..Page!11!

ent!Summary!

al!for!development!of!a!Software!Application!to!enable!Ping
chievement!targets!for!their!students.!

posal%includes%the%following:%

Services,&Screenshots/Mockups&of&the&Functionality&of&proposed&softw
&to&see&the&Work&Flow&of&the&application&
Solution&and&Architecture&
d&Costing&
ment&Methodology&and&Timelines&

of!Services!

cation!with!features!mentioned!in!Requirement!Specificatio
!Target!Setting!Software!B!Annex!A.docx):!

nel&for&new&user&registration&with&NRIC&no&or&Email&Id&

wn!Structure:!
Sub%Module%

ment& &
g&

ure&

Task%
! Requirement&Gathering&

&

! Define&Development&Architecture&
! Oath&Implementation&
! Frontend&and&backend&system&setup&

&

! PSD&Creation&(Login,&Admin&registration,&D
upload,&Report&screen)&

ment& User&
! Admin&user&can&register&new&user&by&NRIC&
Management&
address&
! Email&will&be&sent&to&new&user&with&tempor
! System&should&check&for&temporary&passwo
change&password&
Read&school&
and&student&

! Read&official&data&to&project&targets&for&sch
! Read&official&data&to&project&targets&for&ind

re!Application!Mockup!

hese!mockBup!screens!are!not!the!final!design!but!an!idea!t

een%

d%Screen%

ad%

!Workflow!

n&to&system

Re
Prism&&&T[Score&
Input&Data
Read&data&from&
MOE&and&SEAB

Reports
Performance&
Students

e!Browser!Support!
Browser%Support%

D
R

Cu

ent&
s

int&4

Testing

Sprint&3

Sprint&2

Deve

Sprint&1

ocess!we!will!follow!to!execute!the!project:!

he&below&table,&all&documents&will&be&shared&with&the&Client&to&get&the
proved&from&Client,&Augmify&will&start&working&further&accordingly.&Aft
he&Client&side,&any&further&changes&will&be&cater&as&a&Change&Request&p
ny&minor&change&can&be&implement&with[out&any&change&request.&

me&

Approved&By&(Augmify)& Approve
Client&&
Project%Manager%

Yes%

Project%Manager%

Yes%

esource&loading,&sprint&plan)& Project%Manager%

Yes%

Project%Manager%

Yes%

e&and&Budget&

d&Design&Document&and&ATC& Test%Manager%
Project%Manager%

Yes%
Yes%

toring!and!Tracking:!

uses&Jira&(https://www.atlassian.com/software/jira)&for&effective&proje
e&project&teams&can&globally&access&the&project&status&through&the&das
/artifacts,&as&required.&

Description%
! Project&team&member&submits&Change&Request&Form&to&Change&M
! Change&Request&is&reviewed&
! Estimate&time/effort/cost&to&implement&
! Assess&impact&or&risk&to&the&project,&system,&or&business&
! Develop&proposed&solution&for&proposed&change&
! Change&Manager&enters&Change&Request&into&the&CR&Log&
! Status&is&updated&throughout&the&CR&process&
! Propose&or&recommend&the&change&solution;&obtain&approval,&reje
rework&and&negotiate&agreements&on&schedule&and&effort&for&all&a
parties&
! Approve/reject&proposed&change&into&the&project&
! If&approved,&perform&change&and&update&submitter&and&stakehold
! Track&the&change&from&identification&through&update&project&plan
schedule&
! Update/re[baseline&project&plan(s),&estimates,&and&schedule&

ment!Process:!

cal!Solution!

tack:!

ollowing&technologies&for&this&development:&

Server%Side:&Node.js,&Express.js&
/Client%Side:&Angular.js&
:&MongoDB&
blime&Text&

quirement:!

hardware&requirement&to&run&the&application:&

d&recommend&AWS&EC2&T2.micro&instance&with&1&Intel&Xeon&processor
th&Turbo&up&to&3.3GHz,&1&GiB&of&memory.&We&can&increase&the&proces
e&instance&as&and&when&the&load&on&the&server&increases.&

chitecture:!

MEAN.IO&to&Scaffold&the&application&this&will&do&the&required&wiring&an

&of&HTTP&request&at&each&defined&route&and&treats&the&request&and&res
ou&can&manipulate&in&any&way&you&see&fitting.&
s&is&a&Client[side&MVC&framework&by&Google&which&is&fighting&for&the&cr
h&the&other&main&contender&Backbone.js,&of&which&Im&also&a&fan.&Angu
t&aims&to&be&a&complete&solution&for&large[scale&applications&and&has&v
out&of&the&box&features.&It&has&been&gaining&a&lot&of&popularity&lately.&O
&increase&developer&productivity&and&creativity.&
&the&biggest&game[changer&in&the&JavaScript&world&since&jQuery.&It&allo
&its&traditional&role&as&a&browser&scripting&language&and&become&a&full
ming&language&which&can&be&used&for&almost&any&purpose.&Many&tools&
&only&available&to&Java,&Ruby,&PHP,&.NET&or&Python&developers&now&ha
de.js.&It&is&used&from&writing&servers&and&making&web&applications&to&p
d&robots&like&the&Parrot&AR&and&Arduino.&NPM&is&a&brilliant&feature,&it&
gins,&frameworks,&libraries&and&anything&JavaScript&you&need&which&ca
cation&with&a&simple&terminal&command.&

ill&have&all&the&business&logic&and&the&REST&API&for&the&external&world&
ness&logic&layer&will&communicate&with&the&MOE&and&SEAB&Systems&to&
he&data&as&per&the&required&report.&

an&integral&part&of&many&Service&Oriented&Architectures.&They&facilitat

droid&or&IOS,&for&your&application&and&utilize&the&same&web&services?&C
ot&be&able&to&authenticate&mobile&Clients&for&two&main&reasons:&

and&cookies&do&not&make&sense&for&mobile&applications.&You&cannot&sh
eated&on&the&server[side&with&mobile&Clients&
rent&application,&the&rendered&HTML&is&returned.&In&a&mobile&Client,&y
g&like&JSON&or&XML&to&be&included&as&the&response&

hentication%(JWT)%

Authentication,&cookies&and&sessions&will&not&be&used.&A&token&will&be
ser&for&each&request&to&the&server.&Let's&explain&the&scenario&with&a&to

owing&flow&of&control:&

provides&a&username&and&password&in&the&login&form&and&clicks&Log%In
quest&is&made,&validate&the&user&on&the&backend&by&querying&in&the&da
&valid,&create&a&token&by&using&the&user&information&fetched&from&the&
rn&that&information&in&the&response&header&so&that&we&can&store&the&to
orage&
oken&information&in&every&request&header&for&accessing&restricted&end
ation&
en&fetched&from&the&request&header&information&is&valid,&let&the&user&a

!Timeline!

are!the!Detailed!Project!Plan!at!the!Start!of!Execution:!