8/20/2019 Apartment Portal System Project Documentation
1/155
epartment Of
Computer Science
UBIT
University Of Karachi
8/20/2019 Apartment Portal System Project Documentation
2/155
BLOOD FINDER (Web Application)
A PROJECT REPORT
Submitte b!
ABD"L BARI (EP#$%&'''$)FARAN RIFFAT (EP#$%&''$)
*"A**AD ASAN SAROS (EP#$%&''+,)
O-
BACELOR OF SCIENCEIn
SOFTWARE EN.INEERIN.
DEPART*ENT OF CO*P"TER SCIENCE
"NI/ERSIT0 OF 1ARACI
Project Supervisor: Sir Muhammad Saeed
Preface
$
8/20/2019 Apartment Portal System Project Documentation
3/155
About This Book
T2i3 4epo4t p4o5ie3 an e6ten3i5e co5e4a7e o- ou4 p4o8ect name BlooFine49 T2i3 boo: i3 p4ima4il! intene -o4 t2o3e ;2o ;ant3 to onate t2ei4bloo ;2en people nee it9
An acce33ible< inclu3i5e 3ociet! i3 a 3t4on7 3ociet!9 Tec2nolo7ie3 t2at ;elcome e5e4!one<e5e4!;2e4e< 3en a po;e4-ul me33a7e to eac2 ini5iual t2at ;e a4e all connecte< an t2at ou4cont4ibution3 a4e mo4e 5aluable ;2en t2e! a4e mo4e ;iel! 2a45e3te an 32a4e9
%
8/20/2019 Apartment Portal System Project Documentation
4/155
ACKNOWLEDGMENT
First and foremost, we would lie to than our !lmi"hty !##!$, for providin" us the stren"th, coura"e
of conviction and the stron" sense of dedication to our pro%ect that ena&led us to tae it to the level that it
has achieved today' Undou&tedly, we wouldn(t have &een now here, if it weren)t for $is *ercy and
Blessin"s'
To our family, than you for lettin" us do what we want to do, supportin" out decisions as cra+y as they
may &e' ou are always there for us' Our deepest love and "ratitude "oes to our fathers and mothers who
played such a vital role all throu"h our life &y always placin" our interests ahead of theirs' This pro%ect
wor is dedicated to our parents, than you for seein" us throu"h every step of the way, for prayin" for us
and with us durin" times of trou&le, and for re%oicin" with us over very little triumph' Durin" our studies
our family constantly provided us the hope that we needed to complete my hi"her education' !lso thans
to all other mem&er of our family and friends whose love and prayers are with us all the time'
This -or would have &een impossi&le without the copious amounts of help, patience, and encoura"ement from
our ind supervisor Sir Muhammad Saeed' -e would lie to than him for teachin" us so much and for
inspirin" us with the e.ample of hard wor, providin" "reat help and ey information throu"hout the time
re/uired for the completion of this pro%ect report'
8/20/2019 Apartment Portal System Project Documentation
5/155
DECLAAT!ON
-e here&y declare that this pro%ect report is &ased on our ori"inal wor e.cept for citations and
/uotations which have &een duly acnowled"ed' -e also declare that it has not &een previously
and concurrently su&mitted for any other de"ree or award at University of Karachi'
Name: Abul Ba4i Si7natu4e ================
Name: Fa42an Ri>at Si7natu4e ================
Name: *u2amma a3an Sa4o32 Si7natu4e ================
,
8/20/2019 Apartment Portal System Project Documentation
6/155
CET!"!CATE
I certify that this pro%ect report entitled #B$ood "i%der& was prepared &y Abdu$ Bari' "arha%
iffat a%d Muhammad (asa% Sarosh has met the re/uired standard for su&mission in partial
fulfillment of the re/uirements for the award of BS in Software 0n"ineerin" at University of
Karachi'
!pproved &y,
Si"nature1 2222222222222222222222222
Supervisor1 Sir *uhammad Saeed
Date1 2222222222222222222222222
&
8/20/2019 Apartment Portal System Project Documentation
7/155
!NTOD)CT!ON O" GO)P MEMBES
ABD)L BA!is we& developer' $e plays an important role in the development of this software' $e is a student
of software en"ineerin" department of UBIT Karachi University and currently worin" as a
trainee developer at 3IKSOF software house'
In this pro%ect the &asic responsi&ilities include1 developin" the we& interface &y
worin" in part with each team mem&er as the team mem&er maes advances in his wor'
"A(AN !""AT
is a Front40nd' $e is a student of software en"ineerin" department of UBIT Karachi University
and worin" as a trainee UI5U6 developer at 3IKSOF software house' $e plays an important
role in the development of this software' $e resolves to find a U6 pro&lems and &etter way of
desi"nin" User Interface' $e can &e the &est Front40nd, UI5U6 developer'
M)(AMMAD (ASAN SAOS(
is the Team4#ead for developin" this pro%ect from %ust a pro%ect to a'
The responsi&ility was to1 desi"n the worflow, develop the !7Is and all operations done
in this pro%ect, from desi"nin" the data&ase to monitorin" the pro%ect schedule' The idea was
proposed &y the team lead, "eneratin" the re/uirements, "uidance to pro&lem, motivate and
inspire team mem&ers'
?
8/20/2019 Apartment Portal System Project Documentation
8/155
DED!CAT!ON
!ll thans and "ratitude is due only to !##!$, the most "racious, the most merciful and the
most &eneficial, who &estowed upon me enli"htenment, coura"e and ener"y to undertae and
complete this pro%ect'
This hum&le effort is
Dedicated to our
Parents & Project Advisor
-e than, pray for and promise them to do whatever is possi&le in our powers to comfort them and
promote their "ood mission for the no&le cause of spreadin" education and development of human
&ein"s' They have served us with their &est efforts and have &rou"ht us up to &e the persons we are
today, may A$mi*ht+ ALLA( &less them'
BLOOD "!NDE
@
8/20/2019 Apartment Portal System Project Documentation
9/155
ABSTACT
T2e Bloo Fine4 i3 a ;ebba3e an -aceboo: application;2ic2 2elp3 people to n t2e bloo ono43 nea4 t2ei4 location9
In ou4 ;o4l ;2e4e people a4e 3u>e4in7 -4om 3e5e4al bloo
i3ea3e3 an 2a5in7 a lot o- accient3 in ;2ic2 people lo3t t2ei4
bloo9 T2i3 application ;ill 2elp t2o3e people to contact bloo
ona43 o- t2ei4 74oup nea4 t2em 3o t2ei4 p4eciou3 li-e can be 3a-e9
Content3
CHAPTER 1
INTRODCTION 1!
$9$ O/ER/IEW $
$9% RATIONALE FOR TE RESEARC $
$9 AI*S AND OBJECTI/ES $,
8/20/2019 Apartment Portal System Project Documentation
10/155
$9, SCOPE AND LI*ITATION $,
$9& F"T"RE ENANCE*ENT $&
$9? SELECTION OF DE/ELOP*ENT TOOLS $&
$9@ C"RRENT S 0STE* $&
$9 BAC1.RO"ND OF TE PROJECT $?
$9+ *ETODOLO.0 $+
CHAPTER !
"ITERATRE RE#IE$ !%
%9$ INTROD"CTION %$
%9% *ETODOLO.0 %$
%9 CONCEPT AND DEFINITION %%
%9, INTERACTI/IT0 %
%9& INTE.RATION AND INTERACTI/IT0 %
%9? BENEFITS OF I*PLE*ENTIN. FREEROA*IN. /IRT"AL CA*P"S %,
%9@ I*PRO/IN. ARCITECT"RAL /IS"ALIATIONS %,
CHAPTER &
RESEARCH METHODO"O'( !)
9$ INTROD"CTION %@
9% TEORETICAL BAC1.RO"ND %@
9 BLOC1 DIA.RA* %
9, SOFTWARE EN.INEERIN. PROCESS *ODEL %+
9& REG"IRE*ENTS DEFINITION %+
9? PROJECT *ONITORIN. *ETODS '
9@ PROJECT *ANA.E*ENT *ETODS $
9 RIS1 ANAL0SIS AND *ANA.E*ENT %
CHAPTER *
DETAI"
DESI'N
&+,9$ S0STE* ARCITECT"RE DESI.N
,9% F"NCTION DESI.N DESCRIPTION ,$
,9 F"NCTIONAL DESCRIPTION ,
+
8/20/2019 Apartment Portal System Project Documentation
11/155
,9, S0STE* INTERFACE DESI.N ,,
CHAPTER ,
TESTIN' ,,
&9$ "NIT TESTIN. &?
CHAPTER )
P"ANNIN' AND COST ESTIMATION ,-
).1.1 DE/INE PRO0ECT CONCEPT AND PRPOSE ,
).1.! MOD"E 2 1 &D MODE"S ,
A9 REG"IRE*ENT ANAL0SIS
&+
B9 PRO.RA* DESI.N
&+
C9 PRO.RA* DESI.N
&+
D9 FTR TO CO*PILE PROJECT *OD"LE # $ DOC"*ENTATION
?'
E9 PRESENT FOR*AL *OD"LE # $ DOC"*ENTATION TO PROJECT AD/ISOR ?'
).1.& MOD"E 2 ! "I'HTIN' 3 TE4TRIN' )%
A9 REG"IRE*ENT ANAL0SIS
?'
B9 PRO.RA* DESI.N
?'
C9 PRO.RA* DESI.N
?'
D9 FTR TO CO*PILE PROJECT *OD"LE # % DOC"*ENTATION
?$
E9 PRESENT FOR*AL *OD"LE # % DOC"*ENTATION TO PROJECT AD/ISOR ?$
).1.* MOD"E 2 & "O'IC SCRIPTIN' )1
A9 REG"IRE*ENT ANAL0SIS
?$ B9 PRO.RA* DESI.N
?$
$'
8/20/2019 Apartment Portal System Project Documentation
12/155
C9 CODIN. AND "NIT TESTIN.
?$
D9 FTR TO CO*PILE PROJECT *OD"LE # DOC"*ENTATION
?%
E9 PRESENT FOR*AL *OD"LE # DOC"*ENTATION TO PROJECT AD/ISOR ?%
).1., S(STEM OPERATION AND MAINTENANCE )!
A9 ERROR CORRECTION
?%
B9 ENANCE*ENTS
?%
C9 ADAPTATION
?%
).! PRO0ECT COST ESTIMATION )&
CHAPTER +
CONC"SION AND /TRE SCOPE ),
@9$ CONCL"SION ??
@9% F"T"RE SCOPE ?@
REFERENCES ?
CHAPTER -
SORCE CODE )
$$
8/20/2019 Apartment Portal System Project Documentation
13/155
$%
8/20/2019 Apartment Portal System Project Documentation
14/155
I N T R
O D " C T I O N
CHAPTER 1
$
8/20/2019 Apartment Portal System Project Documentation
15/155
$ Int4ouction
1.1 Overview
T2e iea o- t2i3 p4o8ect 2it u3 ;2en ;e 3a; a lot o- te44o4i3macti5itie3 in ou4 count4! in ;2ic2 a lot o- people 7ot in8u4e an lo3et2ei4 bloo an ultimatel! lo3e t2ei4 li-e39
1.2 Rationale for the Research
T2e ob8ecti5e o- t2e p4o8ect i3 to p4o5ie a p4ouct t2at 4e3ient3
o- 3ociet! can en8o!< ne;3 pa3te on t2e notice boa4 an ot2e4 t4i5ia
3p4ea t24ou72 c2itc2at an 7o33ip9
H WebApplication ;ill be a5ailable -o4 t2e 4e7i3te4e 4e3ient39H All 3!3tem in-o4mation i3 maintaine in a ataba3e
b! t2e union p4e3ient9
H T2e 3e45e4 ;ill p4oce33 t2e ata collecte -4om t2e ;eb9
H T2e 3e45e4 ;ill be connecte i4ectl! ;it2 *on7oDB ataba3e9
H A ;ebpa7e ;ill be e5elope to 4ea t2e 3to4e ata in3ie t2e
ataba3e9
1.3 Aims and Objectives
$,
8/20/2019 Apartment Portal System Project Documentation
16/155
T2e iea o- t2i3 p4o8ect 2it u3 ;2en ;e notice t2e 4e3ient3 an union p4e3ient3
a4e not 3!nc24onie ;it2 t2e bu7et o- 3ociet! an all a4e 2a5in7 ua44el amon7
t2em an ;it2 t2e p4e3ient39
Benecial -o4 2omeo;ne43 a3 t2e! can :eep a t4ac: o- all t2e e5elopment3 in t2ei4
3ociet!< ;4ite complaint3< po3t notice3 to 3ociet! mana7ement9
T2e benet3 o- t2e p4o8ect a4e 7i5en a3 -ollo;3K
H E3tabli32 a connection bet;een t2e u3e43
• Not onl! can maintenance bill3 be 5ie;e an pai on t2e po4tal but al3o
p4o5ie3 t4an3pa4enc! on 2o; t2e t4ea3u4! -un3 a4e bein7 utilie in a
3ociet!
1.4 Scope and Limitations
T2e pu4po3e o- t2i3 ocument i3 to e6plain in etail e5e4!
3ta7e o- t2i3 p4o8ect -4om t2e p4oblem 3tatement to t2e implementation
p2a3e9 T2i3 Document i3 a nal 4epo4t -o4 74auation p4o8ect cou43e -o4
t2e epa4tment o- Compute4 Science "ni5e43it! o- 1a4ac2i in 1a4ac2i9
1.5 !t!re "nhancement
a5in7 an online 4e3ient po4tal a5ailable -o4 tenant3 i3 a 5aluable a33et< but it;ont o an!one muc2 7oo i- people ont u3e it9 *an! apa4tment communitie3
encou4a7e 4e3ient3 to 4e7i3te4 an u3e t2e po4tal b! 2olin7 4aMe3< 3;eep3ta:e3
an conte3t3 ;it2 p4ie39 T2e p4ie3 can be an!t2in7 -4om a ce4tain cu44enc! o> o-ne6t mont23 4ent o4 a 7i-t ce4ticate to a popula4 local bu3ine33 to a tablet< ca32
p4ie o4 8u3t about an!t2in7 el3e Not onl! ;ill t2i3 encou4a7e tenant3 to u3e t2epo4tal< but it ;ill -u4t2e4 b4in7 e5ience to t2e -act t2at !ou ca4e about t2em an5alue t2em a3 pa4t o- !ou4 communit!9
T2e main iea 2e4e 4e7a4in7 an online 4e3ient po4tal i3 t2at it ma:e3 4e3ient3
2app!9 W2en 4e3ient3 a4e 2app!< it ma:e3 mana7ement3 8ob3 ea3ie4< ;2ic2 ma:e3
mana7ement 2app!9 A 3a-e< 2app! an acti5e nei72bo42oo i3 3omet2in7 e5e4!
tenant an mana7e4 ;ant3< an it i3 at t2e 2ea4t o- a 3ucce33-ul 4ental bu3ine339
$&
8/20/2019 Apartment Portal System Project Documentation
17/155
People b! natu4e en8o! -eelin7 ;ante an app4eciate b! ma:in7 !ou4 p4ope4t!
t2e 5e4! be3t it can be -o4 !ou4 4e3ient3< !ou a4e 32o;in7 t2em t2at !ou4 team
5alue3 t2em an t2at !ou app4eciate t2em t2at !ou ca4e about t2ei4 2appine339
app! 4e3ient3 a4e muc2 mo4e li:el! to ta:e ca4e o- t2ei4 2ome3< a4e mo4e li:el! to
4emain in t2ei4 lea3e3 lon7e4< an a4e al3o muc2 mo4e li:el! to 4e-e4 t2ei4 -4ien3
an acuaintance3 to !ou4 p4ope4t!9 T2i3 all mean3 a 74eat 4eputation -o4 !ou4apa4tment communit! an bette4 bu3ine33< a3 ;ell9
1.# Selection of $evelopment %ools
T2e 3o-t;a4e 4eui4ement -o4 t2e e5elopment o- t2i3 3o-t;a4e i3K
$9 Node.js i3 intene to buil 3calable net;o4:p4o74am3 ea3il!9 So< it can be u3e to e5elop ;eb application3 accountable
to 2i72 t4aQc9
%9 0avaScript i3 u3e -o4 t2e p4o74ammin7 t2e lo7ic o-t2e application9
9 Mo56oD7 i3 a ocument ataba3e t2at p4o5ie3 2i72pe4-o4mance< 2i72 a5ailabilit!< an ea3! 3calabilit!9
,9 7ootstrap i3 t2e mo3t popula4 T*L< CSS< an
Ja5aSc4ipt -4ame;o4: -o4 e5elopin7 4e3pon3i5e< mobile43t ;eb 3ite39
Boot3t4ap i3 a -4ont en -4ame;o4:< t2at i3< an inte4-ace -o4 t2e u3e49
1.& = E4ISTIN' S(STEMS
"-o4tunatel! in ou4 local ma4:et t2e4e i3nt an! 3uc2
po4tal 3!3tem -o4 3ocietie3 an apa4tment39
But 3ome -o4m Inian ma4:et a4e li3te belo; ;2ic2p4o5ie po4tal3 to 3ocietie3K
H Apa4tmentAa https155apartmentadda'com5
$?
https://en.wikipedia.org/wiki/Front_and_back_endshttps://en.wikipedia.org/wiki/Web_application_frameworkhttps://en.wikipedia.org/wiki/Interface_(computer_science)https://apartmentadda.com/https://en.wikipedia.org/wiki/Web_application_frameworkhttps://en.wikipedia.org/wiki/Interface_(computer_science)https://apartmentadda.com/https://en.wikipedia.org/wiki/Front_and_back_ends
8/20/2019 Apartment Portal System Project Documentation
18/155
H Apnacomple6 https155www'apnacomple.'com5
H Societ!$% http155www'society89:'com5
1.&.2 'ebsites
Tutorial downloaded from http155www'lynda'com5
http155www'w:schools'com5 and solution to pro&lems from
http155www' stackoverflow.com(
1.) *ethodolo+,
This se"ment should ela&orate the technical challen"es and merits of the pro%ect
includin" the proposed solution that to the said pro&lem' ! pro%ect can &e divided into
four ma%or phases as follow1
,-.-, Desi"n phase1
-e(ll &e usin" a"ile software development model SC3U*'
,-.-/ Implementation phase1
Our implementation scheme will totally &e software ;we&4&ased
8/20/2019 Apartment Portal System Project Documentation
19/155
8/20/2019 Apartment Portal System Project Documentation
20/155
L I T E R A T
" R E R E / I E W
CHAPTER !
% LITERAT"RE RE/IEW
2.1 -ntrod!ction
$+
8/20/2019 Apartment Portal System Project Documentation
21/155
T2e pu4po3e o- t2i3 ocument i3 to e6plain in etail e5e4! 3ta7e o- t2i3 p4o8ect -4om
t2e p4oblem 3tatement to t2e implementation p2a3e9 T2i3 Document i3 a nal
4epo4t -o4 74auation p4o8ect cou43e -o4 t2e epa4tment o- Compute4 Science
"ni5e43it! o- 1a4ac2i in 1a4ac2i9
No; a a!3 ;eb application i3 ma:in7 li-e ea3! -o4 people9 Li:e o4e4in7 -oo<
7ettin7 location< pat2 nin7< boo:in7 !ou4 mo5ie tic:et etc9 But t2e4e ;a3 no
mec2ani3m -o4 3ociet! po4tal in ou4 cit! 1a4ac2i9
2.2 *ethodolo+,
In t2e p4e5iou3 pa4a74ap2 ;e e3tabli32e t2at t2e intention o- t2i3 ;o4: i3 to32o; t2e potential benet3 an implication3 to eicate ou43el5e3 to c4eatin7 t2i3
beauti-ul P4ouct< t2at 2elp3 Re3ient3 o- t2e Nei72bou42oo Ri3e i72< to7et2e49
T2i3 ;ill be one b! p4e3entin7 a 4e5ie; o- t2e mo3t 4ele5ant in-o4mation t2at can
be cu44entl! -oun b! 3ea4c2in7 o5e4 t2e inte4net9 Some limitation3 a4e nece33a4! to
be e3tabli32e in o4e4 to p4ope4l! -ulll t2i3 ta3:9
Fi43t< t2e attention o- t2i3 ;o4: ;a3 7i5en to 4e3ea4c2 t2at 2a3 i4ectl! been
one to e5elop element3 o- anal!3i3 4e7a4in7 3ociet! po4tal met2oolo7ie39
An 3econ< ;e ;ill u3e t2e content3 t2at ;ill be 4e5ie;e b! t2e team9
2.3 oncept and definition
Societ89Apartme5t Porta S8stem
Fi43t t2e amini3t4ato4 inte4act ;it2 t2e 3!3tem t24ou72 2i3 account<
amini3t4ato4 32oul be able to 4e7i3te4 on t2e ;ebpo4tal in o4e4 to lo7 in an
mana7e t2e apa4tment3 in-o4mation< a-te4 lo77in7 in a3 amin t2e4e ;ill be 5ie;
-4om ;2ic2 amin can mana7e t2e account3 o- t2e u3e43 an pe4-o4m CR"D
%'
8/20/2019 Apartment Portal System Project Documentation
22/155
ope4ation on t2e account3 an ot2e4 3e45ice3< i9e9 to 3et notication3 -o4 u3e43 -o4
4ental e6pen3e3 an ot2e4 3e45ice3 -o4 t2e 4e3ient39
T2e4e ;ill be i>e4ent 5ie; -o4 almo3t eac2 ope4ation pe4-o4me b! amin9 An
amini3t4ato4 32oul al3o be able to lo7 in to t2e ;ebpo4tal ;2e4e 2e32e can
amini3te4 t2e 3!3tem b! -o4 in3tance eitin7 apa4tment3 o4 u3e4 in-o4mation9
2.4 -nteractivit,
uman Compute4 Inte4action (CI) i3 t2e p4oce33 b! ;2ic2 ;e 2uman3
inte4act ;it2 compute43 o4 an! ot2e4 elect4onic meia9 Inte4action can be one
u3in7 a 5a4iet! o- meia9 T2e mo3t ba3ic meium to inte4act ;it2 a compute4 i3 a
:e!boa4< o4 a mou3e o4 bot2 but ;it2 t2e a5ancement in t2e el o- tec2nolo7!9
2.5 -nte+ration and -nteractivit,
A 43ttime u3e4 o- t2e ;eb ba3e po4tal 3!3tem 32oul 3ee t2e 2omepa7e ;2en2e32e open3 t2e e6act "RI< t2e4e ;ill be a na5i7ation ba4 -4om ;2ic2 u3e4 canna5i7ate -4om one place to anot2e4 to u3e t2e 3e45ice3 p4o5ie b! t2i3 ;eb ba3eapplication9
T2e pa4ticula4 u3e4 can u3e all t2e 3e45ice3 o- t2e po4tal ;2ic2 o not nee an!lo7in9
Ot2e4 3e45ice3 ;ill be t4eate to u3e4 a-te4 2e32e i3 lo7in< -o4 lo7in a u3e4
mu3t 3i7n up an c2oo3e a uniue u3e4name 3o t2at eac2 u3e4 can be i3tin7ui32
ea3il!9 Lo7in pa7e ;ill 2a5e t;o el3 a3:in7 -o4 u3e4name an pa33;o4< an t2e4e
;ill be option t2at eit2e4 ;e ;ant to lo7in a3 u3e4 o4 amin9 A-te4 lo77in7 in a3 u3e4
t2e4e ;ill be u3e4 -4ienl! 5ie; o- p4ole pa7e o- u3e4< 3o u3e4 can mana7e 2i32e4
account9 An u3e t2e ente4tainin7 3e45ice3 p4o5ie b! po4tal 3!3tem9
%$
8/20/2019 Apartment Portal System Project Documentation
23/155
2.# /enefits
T2e 3o-t;a4e act3 a3 a net;o4: o- 2ou3in7 3ociet! ;2e4e 4e3ient3 can
communicate ;it2 eac2 ot2e4 on a5ailabilit! o- 5eno43< mai3< 4i5e43 etc
Not onl! can maintenance bill3 be 5ie;e an pai on t2e po4tal but al3o p4o5ie3t4an3pa4enc! on 2o; t2e t4ea3u4! -un3 a4e bein7 utilie in a 3ociet!
Benecial -o4 2omeo;ne43 a3 t2e! can :eep a t4ac: o- all t2e e5elopment3 in
t2ei4 3ociet!< ;4ite complaint3< po3t notice3 to 3ociet! mana7ement
*ana7e p4ope4t! ocument3< pa4:in7 lot3< club2ou3e -ee3< an CCT/ 5ie;in7
In3tant online 5otin7 -o4 o4 a7ain3t an! p4opo3al -o4 t2e 3ociet!
2.0-mprovin+ Architect!ral is!aliations thro!+h -nteractive
Applications
Ju3t a3 citie3 a4e 7ettin7 3ma4te4< one cant e6pect 2ou3in7 3ocietie3 to
continue in t2e ol -a32ione ;a!< li:e oQcial ne;3 pa3te on t2e notice boa4 an
ot2e4 inte4e3tin7 t4i5ia 3p4ea t24ou72 c2itc2at an 7o33ip9
*o4e an mo4e 2ou3in7 3ocietie3 in citie3 an to;n3 a4e optin7 -o4 online
3olution3 to mana7e t2ei4 ;o4:39 We ;e4e amon7 t2e 43t to 3ee bu3ine33
oppo4tunit! in t2e 2ou3in7 3ociet! 3ecto49
2.& oncl!sion
The literature review done in this section provides a conclusive result that architecture is
ready for the 98st
century' It %ust needs a proper mae4over'
Based on the research we can say our crime reportin" application is easy to use
are compare to others in the maret'
%%
8/20/2019 Apartment Portal System Project Documentation
24/155
R E S E A
R C H
M E T H O D " O ' (
Based on the visual information provided &y the authors of the literature
references that were considered to develop this research, we can conclude that the interactive
walthrou"hs of architecture are &ein" developed all around the world'
-e also found out that no one in 7aistan is developin" interactive tours of their
architectural sites' So, it(s only ri"ht to &rin" 7aistan into the 98st century'
Finally we can confidently say that all the literature that we(ve done proves that
there is a need for interactive walthrou"hs'
%
8/20/2019 Apartment Portal System Project Documentation
25/155
CHAPTER &
ESEAC( MET(ODLOG2
3.1 -ntrod!ction
T2e iea o- t2i3 p4o8ect 2it u3 ;2en ;e notice t2e 4e3ient3 an union p4e3ient3
a4e not 3!nc24onie ;it2 t2e bu7et o- 3ociet! an all a4e 2a5in7 ua44el amon7
t2em an ;it2 t2e p4e3ient39
Benecial -o4 2omeo;ne43 a3 t2e! can :eep a t4ac: o- all t2e e5elopment3 in t2ei43ociet!< ;4ite complaint3< po3t notice3 to 3ociet! mana7ement9
3.2 Software "n+ineerin+ rocess *odel
T2e application e5elopment -o4 t2i3 p4o8ect ;ill be one u3in7 t2e a7ile 3o-t;a4e
e5elopment moel9 A7ile 3o-t;a4e e5elopment i3 a 74oup o- 3o-t;a4e
e5elopment met2o3 in ;2ic2 4eui4ement3 an 3olution3 e5ol5e t24ou72
collabo4ation bet;een 3el-o47aniin7< c4o33-unctional team39 It p4omote3 aapti5e
plannin7< e5olutiona4! e5elopment< ea4l! eli5e4!< continuou3 imp4o5ement< an
encou4a7e3 4api an Ue6ible 4e3pon3e to c2an7e'
3 .3 Re!irements $efinition
In t2i3 p2a3e< t2e cu3tome4 ;ill be a3:e to ete4mine t2e minimum 3et o- -eatu4e3to be 3uppo4te (t2e Vnee3V)< a3 ;ell a3 t2e ieal 3!3tem e3i4e (t2e V;ant3V)9 It
i3 impo4tant to e3tabli32 t2e3e p4io4itie3 a3 man! p4o8ect3 a4e con3t4aine b! time
an t2e4e a4e 3pecic nee3 t2at mu3t be met ;it2in a 3pecic time -4ame9 Once
%,
8/20/2019 Apartment Portal System Project Documentation
26/155
t2e 4eui4ement3 2a5e been e3tabli32e an p4io4itie< a mo4e etaile timetable
;ill be ete4mine9
Fo4 4eui4ement elicitation an anal!3i3 ;e u3e t2e -ollo;in7 tec2niueK
1. Inte45ie;in7 an ue3tionnai4e39
!. Sto4!boa4in79&. P4otot!pin79*. "3e4 Sto4ie39
We al3o ma:e u3e ca3e ia74am acti5it! ia74am< 3euence ia74am3 ; cla33
ia74am3
T2at i3 mention in etail e3i7n c2apte4 (C2apte4 # ,)
3 .4 roject *onitorin+ *ethods
T2e p4o8ect ;ill be t4ac:e u3in7 t2e -ollo;in7 met2o3K
9,9$ T24ice a ;ee: Team *eetin73
T24ice a ;ee: Team *eetin73 ;ill be -acilitate b! t2e Team Leae4 an attene b!
all Team *embe439 Eac2 Team *embe4 ;ill be 4eui4e to 3ubmit a p4o74e33
5e4ball! 4epo4t -o4 eac2 o- t2ei4 4e3pecti5e te4m39 At t2i3 time p4oblem3 o4 potential
p4oblem3 ;ill al3o be i3cu33e9 Su77e3tion3 ;ill be mae -o4 4e3olution9
9,9% Sc2eule T4ac:in7
T2e 3c2eule ;ill be 4e7ula4l! 4e5ie;e compa4in7 actual mile3tone3 to planne
mile3tone3 a3 enote in t2e p4o8ect 3c2eule9 In aition< t2e ta3: 3ta4t ate3 ;ill
be 4e5ie;e to en3u4e t2e 3c2eule i3 not 3lippin79 I- t2e4e a4e 3ta4t ate ela!3 o4 i-
it loo:3 li:e mile3tone3 ma! not be ac2ie5e on 3c2eule< t2e Team Leae4 ;ill becontacte to i3cu33 an 4e3ol5e t2e potential ela!39
%&
8/20/2019 Apartment Portal System Project Documentation
27/155
9,9 P4oce33 Re5ie;3
*ont2l! 3o-t;a4e p4oce33 4e5ie;3 ;ill be pe4-o4me to en3u4e t2at t2e p4o8ect i3
2eae in t2e intene i4ection an in a timel! -a32ion9
9,9, Ta3: T4ac:in7
Ta3: T4ac:in7 ;ill be t4ac:3 t2e ta3: i3 one o4 not in t2e moment a3
;e 3c2eule it9 I- a ta3: i3 epene to t2e ot2e4 ta3: o4 ta3:3< t2en t2i3 ta3:
o4 ta3:3 a4e 2i72 p4io4it! -o4 competence 3oon a3 po33ible to 4euce t2e
epenenc! bet;een ta3:39
3.5 roject *ana+ement *ethods
9&9$ Ri3: *ana7ement
A3 a pa4t o- 4i3: mana7ement< 3ou4ce3 o- 4i3: ;ill be ientie< a4e33e< an
miti7ate be-o4e t2e! t24eaten 3ucce33-ul completion o- a p4o8ect9 T2e t;op4ima4! 4i3: mana7ement element3 a4e 4i3: a33e33ment (ienti-!in7<
anal!in7< an p4io4itiin7) an 4i3: cont4ol (mana7ement plannin7< 4e3olution<
an monito4in7) ;2ic2 i3 i3cu33 in 4i3: miti7ation< monito4in7 an
mana7ement9
9&9% Reui4ement3 *ana7ement
Initial 4eui4ement3 ;ill be e3tabli32e but t2e3e 4eui4ement3 a4e 3ub8ect to
c2an7e an mu3t be monito4e an mana7e9 *ana7in7 4eui4ement3 ;ill
inclue captu4in7< t4ac:in7< an cont4ollin7 4eui4ement3< a3 ;ell a3 an!
c2an7e3 to t2em9 T2i3 ;ill e3tabli32 an maintain a common une43tanin7<
%?
8/20/2019 Apartment Portal System Project Documentation
28/155
bet;een t2e cu3tome4 an e5elopment team< o- t2e 4eui4ement3 to be
a4e33e b! t2e p4o8ect9
9&9T4ac:in7 an O5e43i72t
T2e p4o8ect accompli32ment3 ;ill be t4ac:e an 4e5ie;e ;it2 4e3pect to t2e
p4o8ect plan9 Co44ecti5e action ;ill be ta:en a3 nece33a4! ba3e on actual
accompli32ment3 an 4e3ult39
9&9, P4oce33 *ana7ement
In mana7in7 t2e p4o8ect< t2e p4oce33e3 (ta3:3) in5ol5e in mana7in7 t2e
p4o8ect ;ill al3o be continuou3l! monito4e an 4e5ie;e9 T2i3 ;ill inclue to
plannin7< enin7< implementin7< monito4in7< mea3u4in7< an imp4o5in7
p4oce33e3 une4 p4o8ect mana7ement an p4oucin7 p4oce33 ocumentation
an imp4o5ement plan39
3 .# Ris Anal,sis and *ana+ement
RIS< MITI'ATION; MONITORIN' AND MANA'EMENT:
r1:Ri3: *iti7ation
r!: Ri3: *onito4in7
r&: Ri3: *ana7ement
0-3-, 7ro%ect 3is1
isk Probabi$it
+
!m4ac
t
MMM
-or not accordin"
to schedulin"
#ow $i"h r,5-or complete out of date assi"n' =ot
flow hand over date, City &ad condition'
r/5 -eely chec Schedulin" if tas complete
after due date'r05 3emote access ;internet
8/20/2019 Apartment Portal System Project Documentation
29/155
7ersonnel ;employee
relationship<
$i"h $i"h r,5 =ot worin" to"ether'
r/5 =ote employee &ehavior in com&ine
meetin"
r05 Tae individual meetin" and also com&ine
meetin"' Tae response from each employee'
3esources;7ower, e.perience<
*edium *edium
r,5 =o e.ternal source for electricity, non4 professional'
r/5 -or not complete on time also wor
&rin"s to a standstill'
r05 increase &ud"et, ac/uire assist from
teacher'
3e/uired 7ro&lem
;=ot understood &y
pro%ect mana"er,
employee and client<
*edium $i"h r,5 =ot clear scope of pro%ect
r/5 due to un e.perience comple.ity in
worin"
r05 use internet resources to study deeply
a&out re/uirement ;e'"' if client is notunderstand what you want to say, tae setch
to present him a&out your thou"ht<
7ro%ect comple.ity
and si+e
*edium $i"h r,5 =ot "ood analysis of re/uirement
r/5 Some tass may &e not complete on time
r05 Consider all the thin"s durin" schedulin"'
0-3-/ Technical 3iss1
isk Probabi$it
+
!m4ac
t
MMM
Desi"n $i"h $i"h r,6r/5 *istae in desi"nin" phase' =ot perfect
analy+e of pro%ect'
r05 It can &e mana"ement via third party
;teachers help< and also find lia&ility in
analysis phase'
Implementation *edium $i"h r,6r/5 *istae in implementation phase' =ot
accurate desi"n of pro%ect'
r05 It can &e mana"ement &y usin" internet
resources and also find pro&lem in desi"n phase'
%
8/20/2019 Apartment Portal System Project Documentation
30/155
Interface *edium $i"h r,5 =ot accordin" to customer, poor
communication with customer'
r/5 Customer find o&%ectiona&le interface
which is "iven to him
r05 Clearly satisfied a&out customer needs'
>erification *edium $i"h r,5 =ot correct &uild'r/5 >erified &y customer'
r05 >erification and validation of complete
pro%ect'
*aintenance *edium $i"h r,6r/5 =o documentation and no &acup
recovery'
r05 Tae documentation and no &acup
recovery'
Technolo"y *edium $i"h r,5Users fail to use the new system
effectively and efficiently
r/5 Chec it is &uilt on customer demandr05 7lan for a detailed Trainin" =eeds
!nalysis and put in place an appropriate
trainin" pro"rammer' Consider how to coach
and support users after live date'
0-3-0 Business 3iss1
isk Probabi$it
+
!m4ac
t
MMM
Build an e.cellent
product that has no
one really wants
;maret ris<
#ow $i"h r,5 =ot clearly define customer and maret
needs'
r/5 monitor system accordin" to maret
needs'
r05 Before startin" complete search the scope
of product'
Build a product that
has no lon"er fit into
overall &usiness
strate"y for thecompany ; strate"ic
ris<
*edium $i"h r,5use for only specific purpose
r/5 Do not full fill the needs of customer
r05 !dd more feature to enhance product
%+
8/20/2019 Apartment Portal System Project Documentation
31/155
Build a product that
sale force doesn(t
understand how to
sell
$i"h $i"h r,5Build product accordin" to maret need
r/5 Consider thin"s that will e.ert a pull on
customer accordin" to his need'
r05 7resent demo via video or trail version'
0-3-1 Few other 3iss1
Ri3: P4obabili
t!
Impact R***
Team mem&ers &ecome
sic
$i"h #ow r,5Due to over wor'
r/5 0nsure the plan has contin"ency &uilt into itto allow for less than e.pected resource
availa&ility'
r05 7rovide more facilities accordin" to their
performance'
Key team mem&er &ecomes availa&le
*edium *edium r,5-or stop due to his a&sence
r/5 By documentations it can &e monitor'
r05 0nsure pro%ect procedures include "ood
nowled"e sharin" and documentation so that
the thou"ht process, desi"ns and decisions are
not lost'
Solution does not meet
the customer needs
#ow $i"h r,5Customer not satisfied its needs'
r/5 0fficient analysis of pro%ect'
r05 0nsure "ood participation and colla&orationinvolvin" representatives'
System failures $i"h *edium
r,5 Due to low /uality of e/uipment' Server
down'
r/5 Chec the system performance perfectly'
r05 0nsure the plan includes appropriate &acup,
recovery, and disaster recovery procedures'
Select paca"e does
not support process
desi"n'
*edium $i"h r,6r/5 The desi"n practice which we indicated isnot such efficient wor accordin" to customer
need' Customers don(t lie user interface'r05 By prototypin" ;UI< chec &y customer
&efore delivery'
'
8/20/2019 Apartment Portal System Project Documentation
32/155
7rioriti+ations does not
match internal
customers( needs
*edium *ediu
mr,5 =ot follow wor which is essential and don(t
perform it first'
r/5 Chec each wor done accordin" to its
priority
r05 -hile performin" each tas, 7riority definesmust &e considered'
3educed Benefit due to
lac of co4ordination of
pro%ects
$i"h $i"h r,5 =ot worin" to"ether'
r/5 meetin" individual and "et feed&ac of other
employee
r05 0ach team mem&er co4ordinate with each
other'
Unrealistic delivery
date
#ow $i"h r,5 Short period of time and also more wor in
less time
r/5 Consider overall conditions &efore assi"nin"
date
r05 Before schedulin" tae some e.tra days'
#ac of documentation *edium $i"h r,5 =o documentation or poor documentation
r/5 Timely chec documentation
r05 Tae &acup of data
7oor development
environment
#ow *edium
r,5Con"ested, disorderly environment
r/5 ?et feed&ac from employee
r05 Increase Bud"et and tae accepta&le place
Customer will chan"e
re/uirement
*edium $i"h r,5customer to satisfied current product or not
accurate tellin" his need or new ideas concurs in
his mind'
r/5 Tain" feed&ac from customer as durin" the
pro%ect' Chec him &y prototypin" his need'
r05 3eschedulin" the pro%ect'
#ac of trainin" on tool *edium *ediu
mr,5Due to use of new platform
r/5 Customer feel difficulty in usin" product
r05 7rovide tool it to easily use product
Team mem&er are not
e.perience
$i"h $i"h r,5Due to not a professional worers
r/5 *eetin" with pro%ect advisor r05 -orin" to"ether, helps each other and also
helps from teachers'
$
8/20/2019 Apartment Portal System Project Documentation
33/155
%
8/20/2019 Apartment Portal System Project Documentation
34/155
CHAPTER *
D E T A I "
D E S I ' N
8/20/2019 Apartment Portal System Project Documentation
35/155
, Detail De3i7n
4.1 S,stem Architect!ral $esi+n
1-,-,SST0* !3C$IT0CTU30
Wit2 t2e ;eb application< t2e u3e43 ;ill be able to n an u3e t2ei4 utilitie39 T2e 4e3ult ;ill be ba3e on t2e c4ite4ia t2e u3e4 input39 T2e4e a4e 3e5e4alutilitie3 an it ;ill be po33ible -o4 t2e amini3t4ato4 o- t2e 3!3tem to mana7et2e option3 -o4 t2o3e c4ite4ia t2at 2a5e t2at9
Fi43tl! t2e u3e4 2a3 to be 3i7nup -o4 t2e account ;2ic2 ;oul be 7oin7 toamini3t4ato4 -o4 t2e 5e4ication< ne6t 3ucce33-ull! 5e4ie no; t2e u3e4 i34ea! to lo7in an 7o -o4 t2e utilitie39
T2e ba3ic utilit! -o4 t2e u3e4 i3 t2e pa!4oll 3!3tem< in ;2ic2 t2e u3e4 can3to4e it3 bu7et c4ite4ia an -u4t2e4 epen on u3e49
1-,-/7O3T!# !3C$IT0CTU30
T2e Porta Server 2o3t3 t2e ser I5ter=ace >I?< pa4t o- t2e co4e
implementation o- t2e po4tal9 T2e "I 2anle3 incomin7 TTP 4eue3t3<
buil3 T*L 4e3pon3e3< an 4etu4n3 t2e app4op4iate po4tal pa7e3 to eac2
client9
,
8/20/2019 Apartment Portal System Project Documentation
36/155
4.2 !nction $esi+n $escription
1-/-, *ulti4#evel Data Flow Desi"n for Function 7rocess
&
8/20/2019 Apartment Portal System Project Documentation
37/155
8/20/2019 Apartment Portal System Project Documentation
38/155
Follo;in7 a4e t2e c2a4acte4i3tic3 o- aminK
*.&.1.1 Commu5it8 Messa6i56 >Chatti56?
W2en !ou opt to pa4ticipate in a 3ocial net;o4: communit!< !ou can pic: anc2oo3e t2o3e ini5iual3 ;2o3e li:e3 an i3li:e3 a4e 3imila4 to !ou43 an
buil !ou4 net;o4: a4oun t2o3e commonalitie39 Fo4 in3tance< i- !ou a4e ac2e33 acionao o4 a boo: lo5e4< !ou can n an inte4act ;it2 t2o3e ;2o32a4e !ou4 inte4e3t9 Becau3e !ou a4e connectin7 i7itall! in3tea o- 2a5in7 top2!3icall! atten meetin73< !ou 2a5e t2e lu6u4! o- 8oinin7 man! mo4e 74oup3an communitie39 0ou can meet ;it2 !ou4 -4ien3 an!time !ou 2a5e anInte4net connection an ;2ene5e4 !ou n t2em online9
*.&.1.! T# Cha55e Streami56
Streami56 media i3 multimeia t2at i3 con3tantl! 4ecei5e b! anp4e3ente to an enu3e4 ;2ile bein7 eli5e4e b! a p4o5ie49 A client meiapla!e4 can be7in pla!in7 t2e ata (3uc2 a3 a mo5ie) be-o4e t2e enti4e le2a3 been t4an3mitte9 Di3tin7ui32in7 eli5e4! met2o -4om t2e meiai3t4ibute applie3 3pecicall! to telecommunication3 net;o4:3< a3 mo3t o- t2e eli5e4! 3!3tem3 a4e eit2e4 in2e4entl! 3t4eamin7 (e979< 4aio< tele5i3ion)o4 in2e4entl! non 3t4eamin7 (e979< boo:3< 5ieo ca33ette3
8/20/2019 Apartment Portal System Project Documentation
39/155
*.&.1.* Service Re@uest9 Re@uest /orardi56
T2i3 i3 3imple 3tep to;a43 t2e email 3!3tem ;2e4e 4eue3t i3 bein7 mae b!
t2e u3e43 -o4 an! 3o4t o- 3e45ice3 4e7a4in7 apa4tment maintenance an t2en
t2e 4eue3t i3 -o4;a4 to t2e conce4ne pe43on 4e3pon3ible -o4 t2e labo4 ;o4:
b! t2e amin9
4.4S,stem -nterface $esi+n
'raphic ser I5ter=ace Desi65
T2i3 3ection p4o5ie3 t2e inte4-ace -o4 t2e Web application9
*.*.1ser Scree5
T2i3 i3 t2e main 3c4een t2at t2e u3e4 ;ill 3ee ;2en u3in7 t2e application9
i? ser Scree5
(ome 4a*e Pre7ie8
8/20/2019 Apartment Portal System Project Documentation
40/155
Lo*i% Scree%
+
8/20/2019 Apartment Portal System Project Documentation
41/155
Create a %e8 Accou%t
,'
8/20/2019 Apartment Portal System Project Documentation
42/155
Ser7ices o8%ed b+ Admi%
,$
8/20/2019 Apartment Portal System Project Documentation
43/155
Ser7ices o8%ed b+ users 9reside%ts:
,%
8/20/2019 Apartment Portal System Project Documentation
44/155
Pa+ro$$ Pre7ie8
,
8/20/2019 Apartment Portal System Project Documentation
45/155
Ne8 Accou%t to a44ro7e6discard
,,
8/20/2019 Apartment Portal System Project Documentation
46/155
eside%ts !%fo Pre7ie8
,&
8/20/2019 Apartment Portal System Project Documentation
47/155
Notificatio% Pre7ie8
,?
8/20/2019 Apartment Portal System Project Documentation
48/155
Messa*es Pre7ie8
,@
8/20/2019 Apartment Portal System Project Documentation
49/155
,
8/20/2019 Apartment Portal System Project Documentation
50/155
,+
8/20/2019 Apartment Portal System Project Documentation
51/155
T
E S T I N '
CHAPTER ,
&'
8/20/2019 Apartment Portal System Project Documentation
52/155
& Te3tin7
5. 1 6nit %estin+ Snapshots
Fo4 te3tin7 ;e ta:e man! 3nap32ot3 to 32o; t2at ;e pe4-o4m te3tin7 on it to
c2ec: notication< me33a7e3< ne; account app4o5al an 4e3ient3 in-o4mation i3
occu44in7 an i3 ne in u3e9
i: Testi%*
The screen or preview shown in the previous chapter shows that the wor is in
smooth flow'
*essa"es are occurrin" successfully'
=otification is &ased on respective residents &y their respective admins'
Si"nup re/uirement approval is also shown'
3esidents information can also &e "iven when re/uired this is also done in the
previous chapter'
&$
8/20/2019 Apartment Portal System Project Documentation
53/155
P L A N N I N .
A N D C O S T
E S T I *
A T I O N
CHAPTER )
&%
8/20/2019 Apartment Portal System Project Documentation
54/155
8/20/2019 Apartment Portal System Project Documentation
55/155
B- Pro*ram Desi*%
a' Start date and due date of tas
&' Define interface re/uirements
c' U6
C- "T to com4i$e 4ro=ect modu$e ; / docume%tatio%
D- Prese%t forma$ modu$e ; / docume%tatio% to 4ro=ect ad7isor
).1.& Modu$e ; 0 LOG!C SC!PT!NG
A- e
8/20/2019 Apartment Portal System Project Documentation
56/155
' Billin"
l' 7ro%ect team
m' 7ro%ect cost
B- !%te*ratio% a%d test Em4$o+ees modu$e
a' !ssi"n Tas &' To4Do #istsc' File Sharin"
d' 0vents
e' Calendarf' Te.t Documents
"' Discussion
h' Customi+a&lei' Start date and due date of tas
%' Tas 3eminder
' Time 3ecord
l' Chat
C- !%te*ratio% a%d test C$ie%t modu$e
a' Bu" tracin"
&' 7ro%ect statusc' Online payment
d' Client communication
e' Customi+a&lef' Dues ;payment<
"' Feed &ac
h' !ssi"n priority
D- "T to com4i$e 4ro=ect modu$e ; 0 docume%tatio%
E- Prese%t forma$ modu$e ; 0 docume%tatio% to 4ro=ect ad7isor
).1., S+stem o4eratio% a%d mai%te%a%ce
A- Error correctio%
a' *eet with customer5!dvisor to review5compile customer5!dvisor
driven &u" report
&' Compile internally "enerated &u" reportc' FT3 to review complete &u" report
d' Implement and test software corrections
e' 3elease software corrections to customer
&&
8/20/2019 Apartment Portal System Project Documentation
57/155
B- E%ha%ceme%ts
a' *eet with customer5!dvisor to discuss re/uested feature
enhancements &' FT3 to review re/uested feature enhancements
c' Implement and test feature enhancements
d' 3elease feature enhancements to customer
C- Ada4tatio%
a' FT3 to analy+e maret trends to detect possi&le future
incompati&ilities
&' *eet with customer to discuss options re"ardin" software up"rades
that will ensure future compati&ility
c' Implement and test re/uired adaptations
#. 2 roject Reso!rces and ost "stimation
3-/-,7ro%ect Cost
The pro%ect cost estimation was performed usin" the function point ;F7< method and
applyin" it to all ma%or su&tass defined &y the pro%ect scope'
")NCT!ON PO!NTS EST!MAT!ON "OM
Determi%e )%ad=usted "u%ctio% Poi%t Cou%t
Name T+4e Com4$e@it+ 7a$ue
#o"ic Scripts 0I $i"h A
Collision detection 0I !vera"e
Te.t Document 0I low :
User i5p ;8< 0I !vera"e
7ro%ect Team 0I !vera"e
Time 3ecords ;9< 0I !vera"e
7ro%ect Cost 0I !vera"e
&?
8/20/2019 Apartment Portal System Project Documentation
58/155
7ro%ect =ame ;:
8/20/2019 Apartment Portal System Project Documentation
59/155
Determi%e a$ue Ad=ustme%t "actor ate
S+stem Com4$e@it+
8 $ow many panels are thereG E
9 $ow is "raphics processin" handled :
: -as response time or throu"hput re/uired &y the userG :
$ow heavily used is the current hardware platformG
!6O Com4$e@it+
E -hat is the latency of the applicationG :
A -hat percenta"e of the information is entered onlineG
-as the application desi"ned for end4user efficiencyG E
H
$ow many internal lo"ical files are updated &y the we&
applicationG E
A44$icatio% Com4$e@it+
Does the application have e.tensive lo"ical or math processin"G :
8 -as the application developed to meet one or many user needsG E
88 $ow difficult is conversion and installationG 8
89 $ow effective5automated are startup, &acup, and recoveryG E
8: -as the application desi"ned for multiple sites5or"ani+ationsG E
8 -as the application desi"ned to facilitate chan"eG E
a$ue Ad=ustme%t "actor 3
Determi%e "u%ctio% Poi%ts
Function 7oint ;F7< J Unad%usted Function 7oints ;'AE L '8 >alue !d%ustment
Factor<
F7 J :: ;'AE L '8 EA<
F7 J :AA'A:
#. 2 %eam Str!ct!re and Responsibilit,
&
8/20/2019 Apartment Portal System Project Documentation
60/155
3-0-, Team Structure1
0"o4less 7ro"rammin" Structure ;Control Decentrali+ed<
-e chose to have an e"o4less pro"rammin" structure for followin" reasons1
$9 Our team si+e is relatively small'%9 Team mem&ers cover all areas so that no one person or
"roup monopoli+es any one specific area of wor
9 Decisions are made &y consensus',9 The de"ree of communication re/uired is hi"h'
?iven these situations, a control decentrali+ed team structure can &e successfully
applied' Decentrali+ed teams "enerally "enerate more and &etter solutions' In
addition, a decentrali+ed team structure results in hi"her morale than a centrali+ed
structure'
Team *em&ers and 3esponsi&ilities
Team Leader: !rsalan $ussain
The responsi&ility was to1 desi"n the worflow and all operations done in this
pro%ect, from desi"nin" the data&ase to monitorin" the pro%ect schedule' The idea
was proposed &y the team lead, "eneratin" the re/uirements, "uidance to pro&lem,
motivate and inspire team mem&ers' !nd focus on the &i" picture of development
to sale out this product'
7ro"rammers5lo"ic scriptin"1
Programmers/logic scripting: !&dul Bari
The pro"rammin" and lo"ic is done for the movement of the camera, the
collision detection of the rooms and ?UI pro"rammin"'
UI5U61
&+
8/20/2019 Apartment Portal System Project Documentation
61/155
UI/UX: !ya+ &in *uhtar
resolves to find a U6 pro&lems and &etter way of desi"nin" User Interface'
Testers1
Testers: !&dul Bari, !rsalan $ussain
Testers are mainly responsi&le for testin" the main application' They are
also responsi&le for doin" various small stuff to help each other out'
?'
8/20/2019 Apartment Portal System Project Documentation
62/155
CHAPTER +
C o n c l u 3 i o n a n - u t u 4 e 3 c o p e
?$
8/20/2019 Apartment Portal System Project Documentation
63/155
Conclu3ion an Futu4e Scope
-, Co%c$usio%
is a we& portal that provides tools to effectively mana"e and easily maintain the almost
all aspects of your residential comple., &e it !partment Comple.es, 7rivate #ayouts,
3ow houses, >illas or even a Colony' our !ssociation can re"ister with our Society
7ortal and create an online space for your community to mana"e the association
activities'
7art of your responsi&ility as an administrator is to do everythin" you can to mae your
residents feel safe, welcome, comforta&le and si"nificant within the apartmentcommunity' !n administrator also uses the we&4portal in order to administer the system
and eep the information accurate' The administrator can, for instance, verify owners
and mana"e user information'
-ith the we& application, the users will &e a&le to find and use their
utilities' The result will &e &ased on the criteria the user inputs' There
are several utilities and it will &e possi&le for the administrator of the
system to mana"e the options for those criteria that have that'
-/ "uture Sco4e
$avin" an online resident portal availa&le for tenants is a valua&le asset, &ut it won(t do
anyone much "ood if people don(t use it' *any apartment communities encoura"e
residents to re"ister and use the portal &y holdin" raffles, sweepstaes and contests with
pri+es' The pri+es can &e anythin" from a certain currency off of ne.t month(s rent or a "iftcertificate to a popular local &usiness to a ta&let, cash pri+e or %ust a&out anythin" elseM =ot
only will this encoura"e tenants to use the portal, &ut it will further &rin" evidence to the
fact that you care a&out them and value them as part of your community'
?%
8/20/2019 Apartment Portal System Project Documentation
64/155
The main idea here re"ardin" an online resident portal is that it maes residents happy'
-hen residents are happy, it maes mana"ement(s %o&s easier, which maes mana"ement
happy' ! safe, happy and active nei"h&orhood is somethin" every tenant and mana"er
wants, and it is at the heart of a successful rental &usiness'
7eople &y nature en%oy feelin" wanted and appreciatedN &y main" your property the very &est it can &e for your residents, you are showin" them that your team values them and that
you appreciate them that you care a&out their happiness' $appy residents are much more
liely to tae care of their homes, are more liely to remain in their leases lon"er, and are
also much more liely to refer their friends and ac/uaintances to your property' This all
means a "reat reputation for your apartment community and &etter &usiness, as well'
@ust as cities are "ettin" smarter, one can)t e.pect housin" societies to continue in the old
fashioned way, lie official news pasted on the notice &oard and other interestin" trivia
spread throu"h chitchat and "ossip'
*ore and more housin" societies in cities and towns are optin" for online solutions tomana"e their wors' -e were amon" the first to see &usiness opportunity in the housin"
society sectorN now there are many more players offerin" 037'
?
8/20/2019 Apartment Portal System Project Documentation
65/155
References:
P8Q http://blogs.cornell.edu/gateshall/3dinteractive/
P9Qhttp://www.ysu.edu/campusmap/
P:Q http://campusmap.lsu.edu/map/ramesetup.asp
PQ http://www.neduet.edu.p!/aboutus/tour/university"tour.html
#$% http://timesoindia.indiatimes.com/city/mumbai/&umbai'housing'societies'go'hi'tech'with'
online'community'portals/articleshow/()(*$)*+.cms
?,
http://blogs.cornell.edu/gateshall/3dinteractive/http://www.ysu.edu/campusmap/http://campusmap.lsu.edu/map/framesetup.asphttp://campusmap.lsu.edu/map/framesetup.asphttp://www.neduet.edu.pk/aboutus/tour/university_tour.htmlhttp://timesofindia.indiatimes.com/city/mumbai/Mumbai-housing-societies-go-hi-tech-with-online-community-portals/articleshow/42485287.cmshttp://timesofindia.indiatimes.com/city/mumbai/Mumbai-housing-societies-go-hi-tech-with-online-community-portals/articleshow/42485287.cmshttp://blogs.cornell.edu/gateshall/3dinteractive/http://www.ysu.edu/campusmap/http://campusmap.lsu.edu/map/framesetup.asphttp://www.neduet.edu.pk/aboutus/tour/university_tour.htmlhttp://timesofindia.indiatimes.com/city/mumbai/Mumbai-housing-societies-go-hi-tech-with-online-community-portals/articleshow/42485287.cmshttp://timesofindia.indiatimes.com/city/mumbai/Mumbai-housing-societies-go-hi-tech-with-online-community-portals/articleshow/42485287.cms
8/20/2019 Apartment Portal System Project Documentation
66/155
S O " R C E C O D E
CHAPTER -
?&
8/20/2019 Apartment Portal System Project Documentation
67/155
0S code Bes
Routes
Routescoectio5.js
5a4 e6p4e33 4eui4e(e6p4e33)5a4 4oute4 e6p4e339Route4()
5a4 b4eui4e(99DataBa3eb)
4oute497et(< -unction(4e< 4e3< ne6t) X
4e394ene4(col)
Y)
4oute49po3t(
8/20/2019 Apartment Portal System Project Documentation
68/155
9t2en(-unction(ata)X
i-(ata9len7t2')X
4e394ei4ect(VV)
Y
el3e X
4e93e33ion9m!"3e4Lo7in=etail9"=Name
aminnameataZ'[9Amin=Name
4e394ene4(u3e43)
YY
8/20/2019 Apartment Portal System Project Documentation
69/155
Y
Y< -unction (e44Ob8) X
con3ole9lo7(Vin3ie 4eue3t e44o4V)
4e393en(e44Ob8)
Y)
Y
Y)
4oute497et(
8/20/2019 Apartment Portal System Project Documentation
70/155
Y
Y)
-unction Aminname()X
5a4 aaminname
4etu4n a
Y
4oute49amin=name Aminname
moule9e6po4t3 4oute4
RouteseFpe5se.js
5a4 e6p4e334eui4e(e6p4e33)
5a4 4oute4e6p4e339Route4()
4oute497et(
8/20/2019 Apartment Portal System Project Documentation
71/155
4oute49po3t(3i7nout
8/20/2019 Apartment Portal System Project Documentation
72/155
Emplo!ee=IDK4e9bo!9empi<
Emplo!ee=NameK4e9bo!9empn<
Sala4!=*ont2K4e9bo!93amo<
Sala4!=AmountK4e9bo!93amount
Y
b9Sala4!(3ala4ie3Data)9
t2en(-unction()X
4e393en(V3ucce33-ull! 3a5eV)
Y
8/20/2019 Apartment Portal System Project Documentation
73/155
4oute49po3t(4eue3t3
8/20/2019 Apartment Portal System Project Documentation
74/155
5a4 noteVolV
4oute49po3t(notication
8/20/2019 Apartment Portal System Project Documentation
75/155
b9*e33a7e(me33)9
t2en(-unction()X
con3ole9lo7(V3ucce333V)
4e393en(V3ucce33V)
Y
8/20/2019 Apartment Portal System Project Documentation
76/155
t2en(-unction (ata) X
con3ole9lo7(V3ucce3V)
4e393en(ata)
Y< -unction (e44Ob8) X
4e393en(e44Ob8)
Y)
Y
el3eX
i-(4e93e33ion9m!Amin)X
b9/ie;=*e33a7e(4e93e33ion9m!Amin)9
t2en(-unction (ata) X
con3ole9lo7(V3ucce3V)
4e393en(ata) Y< -unction (e44Ob8) X
4e393en(e44Ob8)
Y)
Y
Y
Y)
4oute497et(5ie;=pa!4oll
8/20/2019 Apartment Portal System Project Documentation
77/155
4oute49po3t(5ie;=notication
8/20/2019 Apartment Portal System Project Documentation
78/155
4e394ene4(e44o4
8/20/2019 Apartment Portal System Project Documentation
79/155
Y
8/20/2019 Apartment Portal System Project Documentation
80/155
moule9e6po4t3 4oute4
Routessaar8.js
5a4 e6p4e33 4eui4e(e6p4e33)
5a4 4oute4 e6p4e339Route4()
5a4 b4eui4e(99DataBa3eb)
4oute497et(< -unction(4e< 4e3< ne6t) X
4e394ene4(3alemp)
Y)
4oute49po3t(
8/20/2019 Apartment Portal System Project Documentation
81/155
VPa33;o4VK 4e9bo!9Pa33<
VAmin=NameVK4e9bo!9aname<
V3tatu3VKVReui4e App4o5alV
Y
b9Sa5e"3e4("3e4ToSa5e)
9t2en(-unction()X
4e393en(X3tatu3KV4eue3t 3en -o4 app4o5alVY)
Y< -unction(e44Ob8)X
4e393en(X3tatu3K-al3e
8/20/2019 Apartment Portal System Project Documentation
82/155
5a4 e6p4e33 4eui4e(e6p4e33)
5a4 4oute4 e6p4e339Route4()
.ET u3e43 li3tin79
4oute497et(< -unction(4e< 4e3< ne6t) X
4e393en(4e3pon ;it2 a 4e3ou4ce)
Y)
moule9e6po4t3 4oute4
app.js
5a4 e6p4e33 4eui4e(e6p4e33)
5a4 pat2 4eui4e(pat2)
5a4 -a5icon 4eui4e(3e45e-a5icon)
5a4 lo77e4 4eui4e(mo47an)
5a4 coo:iePa43e4 4eui4e(coo:iepa43e4)
5a4 bo!Pa43e4 4eui4e(bo!pa43e4)
5a4 3e33ion4eui4e(Ve6p4e333e33ionV)
5a4 4oute3 4eui4e(94oute3ine6)
5a4 u3e43 4eui4e(94oute3u3e43)
5a4 a32boa4 4eui4e(94oute3a32boa4)
5a4 a324eui4e(94oute3a32boa43)
5a4 3i7n=up 4eui4e(94oute33i7n=up)
5a4 3ala4! 4eui4e(94oute33ala4!)
5a4 e6pen3e4eui4e(94oute3e6pen3e)
5a4 collection4eui4e(94oute3collection)
5a4 li5e=3t4eamin74eui4e(94oute3li5e=3t4eamin7)
5a4 app e6p4e33()
$
8/20/2019 Apartment Portal System Project Documentation
83/155
5ie; en7ine 3etup
app93et(5ie;3< pat298oin(==i4name< 5ie;3))
app93et(5ie; en7ine< e83)
uncomment a-te4 placin7 !ou4 -a5icon in public
app9u3e(-a5icon(==i4name ] public-a5icon9ico))
app9u3e(lo77e4(e5))
app9u3e(bo!Pa43e4983on())
app9u3e(bo!Pa43e49u4lencoe(X e6teneK -al3e Y))
app9u3e(coo:iePa43e4())
app9u3e(e6p4e3393tatic(pat298oin(==i4name< public)))
app9u3e(3e33ion(X
3ec4etK I ont 2a5e an! 3ec4et<
4e3a5eK -al3e<
3a5e"ninitialieK t4ue
Y))
app9u3e(< 4oute3)
app9u3e(u3e43< u3e43)app9u3e(a32boa4
8/20/2019 Apartment Portal System Project Documentation
84/155
ne6t(e44)
Y)
e44o4 2anle43
e5elopment e44o4 2anle4
;ill p4int 3tac:t4ace
i- (app97et(en5) e5elopment) X
app9u3e(-unction(e44< 4e< 4e3< ne6t) X
4e393tatu3(e4493tatu3 ^^ &'')
4e394ene4(e44o4< X
me33a7eK e449me33a7e<
e44o4K e44 Y)
Y)
Y
p4ouction e44o4 2anle4
no 3tac:t4ace3 lea:e to u3e4
app9u3e(-unction(e44< 4e< 4e3< ne6t) X
4e393tatu3(e4493tatu3 ^^ &'') 4e394ene4(e44o4< X
me33a7eK e449me33a7e<
e44o4K XY
Y)
Y)
moule9e6po4t3 app
d.js
5a4 mon7oo3e4eui4e(mon7oo3e)
5a4 4eui4e ()
8/20/2019 Apartment Portal System Project Documentation
85/155
5a4 bmon7oo3e9connect(Vmon7obKlocal2o3tF0PV)
5a4
bmon7oo3e9connect(Vmon7obK32ei:2ba4iKabc$%_3'&??9mon7olab9comK&??-!p
V)
5a4 amin=c2ec: 4eui4e(V994oute3a32boa43983V)
5a4 u3e43mon7oo3e9moel(Vu3e43V
8/20/2019 Apartment Portal System Project Documentation
86/155
Flat=NoK St4in7<
Famil!=*embe43K Numbe4<
"3e4=NameK St4in7<
Pa33;o4K St4in7
Y)
e6po4t39Sa5eAmin-unction(amin=in-o)X
5a4 e-e44e 9e-e4()
5a4 aminne; amin3(amin=in-o)
amin93a5e(-unction(e44
8/20/2019 Apartment Portal System Project Documentation
87/155
e-e44e94e8ect(e44)
Y
el3eX
con3ole9lo7(V3ucce33-ulV)
con3ole9lo7(ata)
e-e44e94e3ol5e(ata)
Y
Y)
4etu4n e-e44e9p4omi3e
Y
e6po4t39Lo7inAmin-unction(amin=in-o)X
5a4 e-e44e 9e-e4() amin39n(X"3e4=NameK amin=in-o9"=Name<
Pa33;o4Kamin=in-o9Pa33;o4Y
8/20/2019 Apartment Portal System Project Documentation
88/155
i-(e44)X
con3ole9lo7(Ve44o4V)
con3ole9lo7(e44)
e-e44e94e8ect(e44)
Y
el3eX
con3ole9lo7(V3ucce33-ulV)
con3ole9lo7(ata)
e-e44e94e3ol5e(ata)
Y
Y)
4etu4n e-e44e9p4omi3e
Y
e6po4t39Reue3t-unction(u3e4)X
con3ole9lo7(Vin3ie 4eue3t bV)
5a4 e-e44e 9e-e4()
u3e439count(X3tatu3KVReui4e App4o5alV
8/20/2019 Apartment Portal System Project Documentation
89/155
5a4 e6pen3e3mon7oo3e9moel(Ve6pen3e3V
8/20/2019 Apartment Portal System Project Documentation
90/155
Y
el3eX
con3ole9lo7(V3ucce33V)
e-e44e94e3ol5e()
Y
Y)
4etu4n e-e44e9p4omi3e
Y
5a4 3ala4ie3mon7oo3e9moel(V3ala4!V
8/20/2019 Apartment Portal System Project Documentation
91/155
Y
5a4 -un3mon7oo3e9moel(V-un3V
8/20/2019 Apartment Portal System Project Documentation
92/155
u3e439n(X3tatu3KVReui4e App4o5alV
8/20/2019 Apartment Portal System Project Documentation
93/155
5a4 noticationmon7oo3e9moel(VnoticationV
8/20/2019 Apartment Portal System Project Documentation
94/155
5a4 e-e44e 9e-e4()
5a4 m37ne; me33a7e(me33)
m3793a5e(-unction(e44
8/20/2019 Apartment Portal System Project Documentation
95/155
Y
e6po4t39/ie;=*e33a7e-unction(in-o)X
5a4 e-e44e 9e-e4()
m! ue4!
b9me33a7e39a774e7ate(ZX`74oupKX =iK V`ToV< *e33a7eKX`pu32KV`*e33a7eVYYY[)
me33a7e9n(XToKin-oY
8/20/2019 Apartment Portal System Project Documentation
96/155
Y)
4etu4n e-e44e9p4omi3e
Y
e6po4t39Con4m-unction(u3e4name
8/20/2019 Apartment Portal System Project Documentation
97/155
Y
4etu4n e-e44e9p4omi3e
Y
.ejs code Bes
Admi5pp.ejs
DOCT0PE 2tml
2tml lan7VenV
2ea
meta c2a43etVut-V
meta 2ttpeui5V"ACompatibleV contentVIEe7eV
meta nameV5ie;po4tV contentV;it2e5ice;it2< initial3cale$V
meta nameVe3c4iptionV contentVV
meta nameVaut2o4V contentVV
titleAmin Paneltitle
Boot3t4ap Co4e CSS
lin: 24e-3t!le32eet3c33boot3t4ap9min9c33 4elV3t!le32eetV
lin: 4elV3t!le32eetV
24e-V2ttp3Kma6cn9boot3t4apcn9comboot3t4ap99&c33boot3t4apt2eme9min9c33V
3c4ipt 34cV2ttp3Ka8a697oo7leapi39coma8a6lib38ue4!$9$$98ue4!9min983V3c4ipt
Cu3tom CSS
lin: 24e-3t!le32eet3c3374a!3cale9c33 4elV3t!le32eetV
Cu3tom Font3
lin: 24e--onta;e3omec33-onta;e3ome9min9c33 4elV3t!le32eetV t!peVte6tc33V lin: 24e-V2ttpK-ont397oo7leapi39comc33d-amil!Lo4aK,''
8/20/2019 Apartment Portal System Project Documentation
98/155
lin: 24e-V2ttpK-ont397oo7leapi39comc33d-amil!*ont3e44atK,''
8/20/2019 Apartment Portal System Project Documentation
99/155
Y
-unction Noti-!()X
`9a8a6(X
t!peKVPOSTV<
u4lKVnoticationV<
ataKX3ub8ectKocument97etElementB!I(V3ub8V)95alue<
te6tKocument97etElementB!I(VnotiV)95alue
Y<
3ucce33K -unction()X
ocument97etElementB!I(VNoti=Clo3eV)9clic:()
Y<
e44o4K -unction (8R< te6tStatu3< e44o4T24o;n) X i- (8R93tatu3 &'') X
ale4t(Inte4nal e44o4K ] 8R94e3pon3eTe6t)
Y el3e X
ale4t("ne6pecte e44o49)
Y
Y
Y)
Y
me33a7e coe 2e4e
5a4 a'
5a4 m!ataXY
-unction App4o5al() X
i- (Con4m ') X
`9a8a6(X
t!peK VPOSTV<
u4lK V4eue3t3V<
ataK Xapp4o5alKVacceptVY<
3ucce33K -unction (ata) X
+
8/20/2019 Apartment Portal System Project Documentation
100/155
aata9len7t2
con3ole9lo7(a)
m!ataata
con3ole9lo7(m!ata)
App4o5e(m!ata)
Y<
e44o4K -unction (8R< te6tStatu3< e44o4T24o;n) X
i- (8R93tatu3 &'') X
ale4t(Inte4nal e44o4K ] 8R94e3pon3eTe6t)
Y el3e X
ale4t("ne6pecte e44o49)
Y
Y Y)
Y
el3eX
ale4t(Vno 4eue3t to app4o5eV)
Y
Y
5a4 i'
-unction App4o5e(in-o)X ocument97etElementB!I(Vno7V)9inne4T*LV"3e4 NameK
V]in-oZi[9"3e4=Name]Vb4V]VFlat=NoK V]in-oZi[9Flat=No]Vb4V]VFamil!=*embe43K
V]in-oZi[9Famil!=*embe43
con3ole9lo7(in-oZi[9"3e4=Name)
Y
-unction Con4mation(con)X
`9a8a6(X
t!peK VPo3tV<
u4lK app4o5e<
ataK X4e3pon3eKcon<
++
8/20/2019 Apartment Portal System Project Documentation
101/155
"3e4=NameK m!ataZi[9"3e4=Name
Y<
3ucce33K -unction (ata) X
ii]$
aa$
i-(a')X
con3ole9lo7(a)
App4o5e(m!ata)
con3ole9lo7(m!ata)
Y
el3eX
Con4m' ocument97etElementB!I(Vcon4m=buttonV)93t!le9colo4VV
`(#4e)9moal(2ie)
Y
Y<
e44o4K -unction (8R< te6tStatu3< e44o4T24o;n) X
i- (8R93tatu3 &'') X
ale4t(Inte4nal e44o4K ] 8R94e3pon3eTe6t)
Y el3e X ale4t("ne6pecte e44o49)
Y
Y
Y)
Y
3c4ipt
2ea
bo! iVpa7etopV ata3p!V3c4ollV atata47etV9na5ba46etopV onloaV5alue3()V
$''
8/20/2019 Apartment Portal System Project Documentation
102/155
Na5i7ation
na5 cla33Vna5ba4 na5ba4cu3tom na5ba46etopV 4oleVna5i7ationV
i5 cla33Vcontaine4V
i5 cla33Vna5ba42eae4V
button t!peVbuttonV cla33Vna5ba4to77leV atato77leVcollap3eV ata
ta47etV9na5ba4maincollap3eV
i cla33V-a -aba43Vi
button
a cla33Vna5ba4b4an pa7e3c4ollV 24e-V#pa7etopV
i cla33V-a -alaptopVi 3pan cla33Vli72tVAD*IN PANEL3pan
a
i5
Collect t2e na5 lin:3< -o4m3< an ot2e4 content -o4 to77lin7
i5 cla33Vcollap3e na5ba4collap3e na5ba44i72t na5ba4maincollap3eV
ul cla33Vna5 na5ba4na5V
ien li inclue to 4emo5e acti5e cla33 -4om about lin: ;2en 3c4olle up
pa3t about 3ection
li cla33V2ienV
a 24e-V#pa7etopVa
li
li
a cla33Vpa7e3c4ollV 24e-V#contactVContacta
li
li cla33V4opo;nV
a 24e-V#action3V cla33Vpa7e3c4oll 4opo;nto77leV ata
to77leV4opo;nV Action3a
ul cla33V4opo;nmenuV
lia 24e-V#VApa4tment Statu3ali
lia 24e-Vpa!4ollVPa!4ollali
lia 24e-V#VAccount3 App4o5alali
$'$
8/20/2019 Apartment Portal System Project Documentation
103/155
lia 24e-VRe3ient=In-oVRe3ient3 In-o9ali
lia 24e-V#VSen Public Notication3ali
lia 24e-V#VSen *e33a7eali
ul
li
li cla33V4opo;nV
a cla33Vpa7e3c4oll V atato77leV4opo;nV 24e-V#V
3pan cla33Vca4etV3pana
li
li
a 24e-VV onclic:V3i7nout()VSi7n Outa
li
ul
i5
9na5ba4collap3e
i5
9containe4
na5
Int4o eae4
2eae4 cla33Vint4oV
i5 cla33Vint4obo!V
i5 cla33Vcontaine4V
i5 cla33V4o;V
i5 cla33Vcolm colmo>3et%V
2$ cla33Vb4an2eain7VPORTAL S0STE*2$
p cla33Vint4ote6tVA Po4tal S!3tem to Sati3-! t2e nee3 o-
cu3tome43p
a 24e-V#aboutV cla33Vbtn btnci4cle pa7e3c4ollV
i cla33V-a -aan7leoubleo;n animateVi
$'%
8/20/2019 Apartment Portal System Project Documentation
104/155
a
i5
i5
i5
i5
2eae4
About Section
3ection iVaction3V cla33Vcontaine4 content3ection te6tcente4V
i5 cla33V4o;V
i5 cla33Vcoll7 coll7o>3et%V
2%About .4a!3cale2% p.4a!3cale i3 a -4ee Boot3t4ap t2eme c4eate b! Sta4t Boot3t4ap9 It can be
!ou43 4i72t no;< 3impl! o;nloa t2e template on a
24e-V2ttpK3ta4tboot3t4ap9comtemplateo5e45ie;374a!3caleVt2e p4e5ie; pa7ea9
T2e t2eme i3 open 3ou4ce< an !ou can u3e it -o4 an! pu4po3e< pe43onal o4 comme4cial9p
pT2i3 t2eme -eatu4e3 3toc: p2oto3 b! a
24e-V2ttpK74ati3o74ap2!9comV.4ati3o74ap2!a alon7 ;it2 a cu3tom .oo7le *ap3 3:in
cou4te3! o- a 24e-V2ttpK3na!map39comVSna! *ap3a9p
p.4a!3cale inclue3 -ull T*L< CSS< an cu3tom Ja5aSc4ipt le3 alon7 ;it2
LESS le3 -o4 ea3! cu3tomiation9p
i5 i5
i5 cla33V4o;V
i5 cla33Vcol3m? colmV
i5 cla33Vt2umbnailV
im7 cla33Vim7cla33V 34cVima7e3im72ome9pn7V
altV.ene4ic place2ole4 t2umbnailV
i5
i5 cla33VcaptionV 2Apa4tment In-o92
pc2ec: apa4tment3 3tatu3p
p
$'
8/20/2019 Apartment Portal System Project Documentation
105/155
8/20/2019 Apartment Portal System Project Documentation
106/155
2Account32
pApp4o5e 4e3ient3 account3p
p
a 24e-V#4eV cla33Vbtn btne-aultV iVcon4m=buttonV 4oleVbuttonV ata
to77leVmoalV onclic:VApp4o5al()V
App4o5e
a
p
i5 iV4eV cla33Vmoal -aeV
i5 cla33Vmoalialo7V
i5 cla33VmoalcontentV
i5 cla33Vmoal2eae4V
button t!peVbuttonV cla33Vclo3eV atai3mi33VmoalV a4ia
2ienVt4ueV\time3button
2, cla33VmoaltitleV iVno7$VReue3t2,
i5
i5 cla33Vmoalbo!V
p iVno7VNo 4eue3t To app4o5ep
i5
i5 cla33Vmoal-oote4V
button t!peVbuttonV cla33Vbtn btne-aultV 5alueVapp4o5eV
onclic:VCon4mation(accept)VApp4o5ebutton
button t!peVbuttonV cla33Vbtn btne-aultV 5alueVi3ca4V
onclic:VCon4mation(i3ca4)VDi3ca4button
i5
i5
i5
i5
i5
$'&
8/20/2019 Apartment Portal System Project Documentation
107/155
i5
i5 cla33Vcol3m? colmV
i5 cla33Vt2umbnailV
im7 cla33Vim7cla33V 34cVima7e3im7-amil!9pn7V
altV.ene4ic place2ole4 t2umbnailV
i5
i5 cla33VcaptionV
2Re3ient3 In-o92
pRe3ient3 in-o4mationp
p
a 24e-VRe3ient=In-oV cla33Vbtn btne-aultV 4oleVbuttonV
Re3ient3 a
p
i5
i5
b4
b4
b4
i5 cla33Vcol3m? colmV
i5 cla33Vt2umbnailV
im7 cla33Vim7cla33V 34cVima7e3im7note9pn7V
altV.ene4ic place2ole4 t2umbnailV
i5
i5 cla33VcaptionV
2notication32
p3en public notication3p
p
a 24e-V#m!*oalV cla33Vbtn btne-aultV 4oleVbuttonV atato77leVmoalV
$'?
8/20/2019 Apartment Portal System Project Documentation
108/155
Noti-!
a
p
i5 iVm!*oalV cla33Vmoal -aeV
i5 cla33Vmoalialo7V
i5 cla33VmoalcontentV
i5 cla33Vmoal2eae4V
button t!peVbuttonV cla33Vclo3eV atai3mi33VmoalV a4ia
2ienVt4ueV\time3button
2, cla33VmoaltitleV iVno7VSen Notication2,
i5
i5 cla33Vmoalbo!V
-o4m cla33V-o4m2o4iontalV 4oleV-o4mV
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4V3ub8VSub8ectKlabel
i5 cla33Vcol3m$'V
input t!peVte6tV cla33V-o4mcont4olV iV3ub8V nameV3ub8V place2ole4VEnte4
3ub8ectV
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4VnotiVNoticationKlabel
i5 cla33Vcol3m$'V
te6ta4ea cla33V-o4mcont4olV 4o;3V&V iVnotiV nameVnotiV place2ole4VW4ite
3omet2in7Vte6ta4ea
i5
i5
i5 cla33Vmoal-oote4V
button t!peVbuttonV cla33Vbtn btnan7e4V atai3mi33VmoalV
iVNoti=Clo3eVClo3ebutton
button t!peVbuttonV cla33Vbtn btne-aultV
onclic:VNoti-!()VSenbutton
$'@
8/20/2019 Apartment Portal System Project Documentation
109/155
i5
-o4m
i5
i5
i5
i5
i5
i5
i5 cla33Vcol3m? colmV i5 cla33Vt2umbnailV
im7 cla33Vim7cla33V 34cVima7e3im7me33a7e9pn7V
altV.ene4ic place2ole4 t2umbnailV
i5
i5 cla33VcaptionV
2*e33a7e2
p3en p4i5ate me33a7ep
p a 24e-V#!*oalV cla33Vbtn btne-aultV 4oleVbuttonV atato77leVmoalV
3en
a
a 24e-V#notV cla33Vbtn btne-aultV 4oleVbuttonV atato77leVmoalV
onclic:V/ie;=*e33a7e()V
5ie;
a
p
i5 iV!*oalV cla33Vmoal -aeV
i5 cla33Vmoalialo7V
$'
8/20/2019 Apartment Portal System Project Documentation
110/155
i5 cla33VmoalcontentV
i5 cla33Vmoal2eae4V
button t!peVbuttonV cla33Vclo3eV atai3mi33VmoalV a4ia
2ienVt4ueV\time3button
2, cla33VmoaltitleV iVno7VSen *e33a7e2,
i5
i5 cla33Vmoalbo!V
-o4m cla33V-o4m2o4iontalV 4oleV-o4mV
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V -o4VtoV iVno7VToKlabel
i5 cla33Vcol3m$'V
input t!peVte6tV cla33V-o4mcont4olV iVtoV nameVtoV place2ole4VEnte4 IV
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V -o4V3ub8mV iVno7VSub8ectKlabel
i5 cla33Vcol3m$'V
input t!peVte6tV cla33V-o4mcont4olV iV3ub8mV nameV3ub8mV
place2ole4VEnte4 3ub8ectV
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V -o4Vme33V iVno7V*e33a7eKlabel
i5 cla33Vcol3m$'V
te6ta4ea cla33V-o4mcont4olV 4o;3V&V iVme33V nameVme33V place2ole4VW4ite
*e33a7eVte6ta4ea
i5
i5
i5 cla33Vmoal-oote4V
button t!peVbuttonV cla33Vbtn btnp4ima4!V atai3mi33VmoalV
iVme33=clo3eVClo3ebutton
button t!peVbuttonV cla33Vbtn btne-aultV
onclic:V*e33a7e()VSenbutton
$'+
8/20/2019 Apartment Portal System Project Documentation
111/155
i5
-o4m
i5
i5
i5
i5
i5 iVnotV cla33Vmoal -aeV
i5 cla33Vmoalialo7V
i5 cla33VmoalcontentV
i5 cla33Vmoal2eae4V
button t!peVbuttonV cla33Vclo3eV atai3mi33VmoalV a4ia
2ienVt4ueV\time3button
2, cla33VmoaltitleV iVno7VNe; *e33a7e2,
i5
i5 cla33Vmoalbo!V iVli3tV
p iVno7%VC2ec: out ne; me33a7e3 -4om 2e4ep
i5
i5 cla33Vmoal-oote4V
button t!peVbuttonV cla33Vbtn btne-aultV ata
i3mi33VmoalVO:a!button
i5
i5
i5
i5
i5
i5 i5
3ection
Contact Section
3ection iVcontactV cla33Vcontaine4 content3ection te6tcente4V
i5 cla33V4o;V
$$'
8/20/2019 Apartment Portal System Project Documentation
112/155
i5 cla33Vcoll7 coll7o>3et%V
2%Contact2%
pFeel -4ee to email u3 to p4o5ie 3ome -eebac: on ou4 ;eb< 7i5e u3
3u77e3tion3 -o4 ne; amenment3 an upate3p
ul cla33Vli3tinline banne43ocialbutton3V
li
a 24e-V#V cla33Vbtn btne-ault btnl7Vi cla33V-a -at;itte4 -a
-;Vi 3pan cla33Vnet;o4:nameVT;itte43pana
li
li
a 24e-V#V cla33Vbtn btne-ault btnl7Vi cla33V-a -a-aceboo: -a
-;Vi 3pan cla33Vnet;o4:nameVFaceboo:3pana
li
li
a 24e-V#V cla33Vbtn btne-ault btnl7Vi cla33V-a -a7oo7leplu3 -a
-;Vi 3pan cla33Vnet;o4:nameV.oo7le]3pana
li
ul
i5
i5
3ection
*ap Section
Foote4
-oote4
i5 cla33Vcontaine4 te6tcente4V
pCop!4i72t \cop! Apa4tment Po4tal %'$&p
i5
-oote4
8Gue4!
$$$
8/20/2019 Apartment Portal System Project Documentation
113/155
3c4ipt 34cV8a5a3c4ipt3838ue4!983V3c4ipt
Boot3t4ap Co4e Ja5aSc4ipt
3c4ipt 34cV8a5a3c4ipt383boot3t4ap9min983V3c4ipt
Plu7in Ja5aSc4ipt
3c4ipt 34cV8a5a3c4ipt3838ue4!9ea3in79min983V3c4ipt
.oo7le *ap3 API 1e! "3e !ou4 o;n API :e! to enable t2e map -eatu4e9 *o4e
in-o4mation on t2e .oo7le *ap3 API can be -oun at 2ttp3Ke5elope4397oo7le9commap3
3c4ipt t!peVte6t8a5a3c4iptV 34cV2ttp3Kmap397oo7leapi39commap3api83d
:e!AIaS!CRn713l".JTlib:GF:-T6833$"lDA\3en3o4-al3eV3c4ipt
Cu3tom T2eme Ja5aSc4ipt
3c4ipt 34cV8a5a3c4ipt38374a!3cale983V3c4ipt
3c4ipt 34cV8a5a3c4ipt3m!App983V3c4ipt
bo!
2tml
apartme5ti5=o.ejs
2tml
2ea
lin: 24e-3t!le32eet3c33boot3t4ap9min9c33 4elV3t!le32eetV
Cu3tom CSS
Cu3tom Font3
lin: 24e-V-onta;e3omec33-onta;e3ome9min9c33V 4elV3t!le32eetV t!peVte6tc33V
$$%
8/20/2019 Apartment Portal System Project Documentation
114/155
lin: 24e-V2ttpK-ont397oo7leapi39comc33d-amil!Lo4aK,''
8/20/2019 Apartment Portal System Project Documentation
115/155
-o4(5a4 i'ileni]])X
5a4 4o; table9in3e4tRo;(')
5a4 cell$ 4o;9in3e4tCell(')
5a4 cell% 4o;9in3e4tCell($)
5a4 cell 4o;9in3e4tCell(%)
5a4 cell, 4o;9in3e4tCell()
5a4 cell& 4o;9in3e4tCell(,)
5a4 cell? 4o;9in3e4tCell(&)
cell$9inne4T*L in-o4Zi[9Billin7=*ont2
cell%9inne4T*L in-o4Zi[9Pai=Ca32
cell9inne4T*L in-o4Zi[9Due=*ont23
cell9inne4T*L in-o4Zi[9Due=Ca32
cell9inne4T*L in-o4Zi[9Balance cell9inne4T*L in-o4Zi[9Total
Y
ocument97etElementB!I(VtableV)94emo5eAtt4ibute(V2ienV)
Y
3c4ipt2ea
bo!
i5 cla33Vcontaine4V
label Flat=Numbe4Klabel
input t!peVte6tV iV-noV nameV-noV
input t!peVbuttonV 5alueVSea4c2V onclic:VApa4tment=In-o()V
i5
i5 cla33Vcontaine4V iVtableV 2ien
table cla33Vtable table3t4ipeV iVm!TableV
t2ea
$$,
8/20/2019 Apartment Portal System Project Documentation
116/155
8/20/2019 Apartment Portal System Project Documentation
117/155
bo!
2tml
i5deF.ejs
DOCT0PE 2tml
2tml lan7VenV
2ea
meta c2a43etVut-V
meta 2ttpeui5V"ACompatibleV contentVIEe7eV
meta nameV5ie;po4tV contentV;it2e5ice;it2< initial3cale$V
meta nameVe3c4iptionV contentVV
meta nameVaut2o4V contentVV
titleApa4tment Po4taltitle
Boot3t4ap Co4e CSS
lin: 24e-3t!le32eet3c33boot3t4ap9min9c33 4elV3t!le32eetV
3c4ipt 34cV2ttp3Ka8a697oo7leapi39coma8a6lib38ue4!$9$$98ue4!9min983V3c4ipt
Cu3tom CSS
lin: 24e-3t!le32eet3c3374a!3cale9c33 4elV3t!le32eetV
Cu3tom Font3
lin: 24e--onta;e3omec33-onta;e3ome9min9c33 4elV3t!le32eetV t!peVte6tc33V
lin: 24e-V2ttpK-ont397oo7leapi39comc33d-amil!Lo4aK,''
8/20/2019 Apartment Portal System Project Documentation
118/155
Zi- lt IE +[
3c4ipt 34cV2ttp3Ko339ma6cn9comlib32tml&32i59@9'2tml&32i5983V3c4ipt
3c4ipt 34cV2ttp3Ko339ma6cn9comlib34e3pon983$9,9%4e3pon9min983V3c4ipt
Zeni-[
2ea
bo! iVpa7etopV ata3p!V3c4ollV atata47etV9na5ba46etopV
Na5i7ation
na5 cla33Vna5ba4 na5ba4cu3tom na5ba46etopV 4oleVna5i7ationV
i5 cla33Vcontaine4V
i5 cla33Vna5ba42eae4V button t!peVbuttonV cla33Vna5ba4to77leV atato77leVcollap3eV ata
ta47etV9na5ba4maincollap3eV
i cla33V-a -aba43Vi
button
a cla33Vna5ba4b4an pa7e3c4ollV 24e-V#pa7etopV
i cla33V-a -apla!ci4cleVi 3pan cla33Vli72tVApa4tment3pan
Po4tal
a
i5
Collect t2e na5 lin:3< -o4m3< an ot2e4 content -o4 to77lin7
i5 cla33Vcollap3e na5ba4collap3e na5ba44i72t na5ba4maincollap3eV
ul cla33Vna5 na5ba4na5V
ien li inclue to 4emo5e acti5e cla33 -4om about lin: ;2en 3c4olle up
pa3t about 3ection
li cla33V2ienV
a 24e-V#pa7etopVa
li
li
a cla33Vpa7e3c4ollV 24e-V#aboutVAbouta
$$@
8/20/2019 Apartment Portal System Project Documentation
119/155
li
li
a cla33Vpa7e3c4ollV 24e-V#3e45ice3VSe45ice3a
ul cla33V4opo;nmenuV
lipa!4ollli
ul
li
li
a cla33Vpa7e3c4ollV 24e-V#contactVContacta
li
ul
i5
9na5ba4collap3e i5
9containe4
na5
Int4o eae4
2eae4 cla33Vint4oV
i5 cla33Vint4obo!V
i5 cla33Vcontaine4V i5 cla33V4o;V
i5 cla33Vcolm colmo>3et%V
2$ cla33Vb4an2eain7VPORTAL S0STE*2$
p cla33Vint4ote6tVA Po4tal S!3tem to Sati3-! t2e nee3 o- 4e3ient3p
a 24e-V#aboutV cla33Vbtn btnci4cle pa7e3c4ollV
i cla33V-a -aan7leoubleo;n animateVi
a
i5
i5
i5
i5
$$
8/20/2019 Apartment Portal System Project Documentation
120/155
2eae4
About Section
3ection iVaboutV cla33Vcontaine4 content3ection te6tcente4V
i5 cla33V4o;V
i5 cla33Vcoll7 coll7o>3et%V
2%About Ou4 Po4tal S!3tem2%
pOu4 po4tal S!3tem i3 e3i7ne to 3ati3-! t2e nee3 o- 4e3ient39 To ente4tain
4e3ient3 t24ou72 c2attin7 an online T/9 Re3ient3 can al3o mana7e t2e4e account3
al3op
2%Join 2an3 ;it2 u392%
i5
i5
i5 cla33V4o;V
i5 cla33Vcoll7 coll7o>3et%V
ul cla33Vli3tinline banne43ocialbutton3V
li
a 24e-V#3imoalV cla33Vbtn btne-ault btnl7V 4oleVbuttonV ata
to77leVmoalV3panSi7n In3pana
i5 iV3imoalV cla33Vmoal -aeV
i5 cla33Vmoalialo7V
i5 cla33VmoalcontentV i5 cla33Vmoal2eae4V
button t!peVbuttonV cla33Vclo3eV atai3mi33VmoalV a4ia
2ienVt4ueV\time3button
2, cla33VmoaltitleV iVno7VSi7n in2,
i5
i5 cla33Vmoalbo!V
-o4m cla33V-o4m2o4iontalV 4oleV-o4mV actionVa32boa4V
met2oVpo3tV
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4Vu3nV"3e4nameKlabel
i5 cla33Vcol3m$'V
$$+
8/20/2019 Apartment Portal System Project Documentation
121/155
input t!peVte6tV cla33V-o4mcont4olV iV"nameV nameV"=nameV
place2ole4VT!pe "3e4nameV
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4Vpa3VPa33;o4Klabel
i5 cla33Vcol3m$'V
input t!peVpa33;o4V cla33V-o4mcont4olV iVpa33V nameVP=;o4V
place2ole4VT!pe Pa33;o4V
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V -o4VoptnV iVno7VSi7n in A3Klabel
i5 cla33Vcol3m$'V
3elect cla33V-o4mcont4olV iVoptV nameVoptV
option nameVu3e4V"3e4option
option nameVaminVAminoption
3elect
i5
i5
i5 cla33Vmoal-oote4V
button t!peVbuttonV cla33Vbtn btnan7e4V ata
i3mi33VmoalVClo3ebutton
button t!peV3ubmitV cla33Vbtn btne-aultVSi7n inbutton
i5
-o4m
i5
i5
i5
i5
$%'
8/20/2019 Apartment Portal System Project Documentation
122/155
li
li
a 24e-V#3umoalV cla33Vbtn btne-ault btnl7V4oleVbuttonV ata
to77leVmoalV3panSi7n "p3pana
i5 iV3umoalV cla33Vmoal -aeV
i5 cla33Vmoalialo7 moall7V
i5 cla33VmoalcontentV
i5 cla33Vmoal2eae4V
button t!peVbuttonV cla33Vclo3eV atai3mi33VmoalV a4ia
2ienVt4ueV\time3button
2, cla33VmoaltitleV iVno7VSi7n "p2,
i5
i5 cla33Vmoalbo!V
-o4m cla33V-o4m2o4iontalV 4oleV-o4mV actionV3i7n=upV met2oVpo3tV
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4VUnoVFlat NoKlabel
i5 cla33Vcol3m$'V
input t!peVte6tV cla33V-o4mcont4olV iVFlnoV nameVFlnoV place2ole4VT!pe
Flat numbe4V
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4VnoVNo o- Depenent3Klabel
i5 cla33Vcol3m$'V
input t!peVte6tV cla33V-o4mcont4olV iVNomV nameVNomV place2ole4VTotal
-amil! membe43V
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4Vu3nuV"3e4nameKlabel
i5 cla33Vcol3m$'V
$%$
8/20/2019 Apartment Portal System Project Documentation
123/155
input t!peVte6tV cla33V-o4mcont4olV iV"nameV nameV"nameV
place2ole4VT!pe "3e4nameV
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4Vpa3VPa33;o4Klabel
i5 cla33Vcol3m$'V
input t!peVpa33;o4V cla33V-o4mcont4olV iVPa33V nameVPa33V
place2ole4VT!pe Pa33;o4V
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4V4epa3VCon4m
Pa33;o4Klabel
i5 cla33Vcol3m$'V
input t!peVpa33;o4V cla33V-o4mcont4olV iVCpa33V nameVCpa33V
place2ole4VRet!pe Pa33;o4V
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V iVno7V -o4VanameVAmin NameKlabel
i5 cla33Vcol3m$'V
input t!peVte6tV cla33V-o4mcont4olV iVanameV nameVanameV
place2ole4VT!pe 0ou43 Amin nameV
i5
i5
i5 cla33V-o4m74oupV
label cla33Vcont4ollabel col3m%V -o4VoptnV iVno7VSi7n "p A3Klabel
i5 cla33Vcol3m$'V
3elect cla33V-o4mcont4olV iVoptV nameVoptV
option iVu3e4V nameVu3e4V"3e4option
option iVaminV nameVaminVAminoption
3elect
$%%
8/20/2019 Apartment Portal System Project Documentation
124/155
i5
i5
i5 cla33Vmoal-oote4V
button t!peVbuttonV cla33Vbtn btnp4ima4!V atai3mi33VmoalVClo3ebutton
button t!peV3ubmitV cla33Vbtn btne-aultVSi7n upbutton
i5
-o4m
i5
i5
i5
i5
li
ul
i5
i5
b4
i5 cla33V7alle4!3ectionV
i5 cla33Vcontaine4V
i5 cla33Vcoll7 coll7o>3et%V
2%:no; about u32%
p/ie; .alle4!p
a 24e-V#V cla33Vbtn btne-ault btnl7V7alle4!a
i5
i5
i5
3ection
$%
8/20/2019 Apartment Portal System Project Documentation
125/155
3e45ice3 3ection
3ection iV3e45ice3V cla33Vcontent3ection te6tcente4V
2%Se45ice3 ;e p4o5ie2%
pW2ic2 elp3 !ou t24ou72 an Ente4tain 0oup
i5 cla33V3e45ice33ectionV
i5 cla33Vcontaine4V
i5 cla33Vcoll7 coll7o>3et%V
2%*ana7e 0ou4 Account32%
pT24ou72 Pa!4oll S!3temp
a 24e-V#V cla33Vbtn btne-ault btnl7VPa!4olla
i5 i5
i5
b4
i5 cla33Vt53ectionV
i5 cla33Vcontaine4V
i5 cla33Vcoll7 coll7o>3et%V
2%Watc2 Online T/2% pT24ou72 online St4eamin7p
a 24e-Vli5e=3t4eamin7V cla33Vbtn btne-ault btnl7VTele5i3iona
i5
i5
i5
b4
i5 cla33Vc2at3ectionV
i5 cla33Vcontaine4V
i5 cla33Vcoll7 coll7o>3et%V
$%,
8/20/2019 Apartment Portal System Project Documentation
126/155
2%Connect Wit2 0ou4 -4ien32%
pT24ou72 C2attin7p
a 24e-V#V cla33Vbtn btne-ault btnl7VC2attin7a
i5
i5
i5
3ection
Contact Section
3ection iVcontactV cla33Vcontaine4 content3ection te6tcente4V
i5 cla33V4o;V i5 cla33Vcoll7 coll7o>3et%V
2%Contact "32%
pFeel -4ee to email u3 to p4o5ie 3ome -eebac: on ou4 3e45ice3< 7i5e u3
3u77e3tion3 -o4 ne; 3e45ice3 an bette4ment< o4 to 8u3t 3a! 2ellop
ul