apartment portal system project documentation

8/20/2019 Apartment Portal System Project Documentation

1/155

epartment Of

Computer Science

UBIT

University Of Karachi


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

$


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

%


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'


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 ================

,


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

&


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/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

@


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 $,


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 ,

+


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' )%


?'

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


?$ B9 PRO.RA* DESI.N

?$

$'


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 )

$$


13/155

$%


14/155

I N T R

O D " C T I O N

CHAPTER 1

$


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

$,


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

$&


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


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


19/155


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

$+


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

%'


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

%$


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'

%%


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'

%


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

%,


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

%&


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<

%?


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


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'

%


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

%+


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'

'


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'

$


33/155

%


34/155

CHAPTER *

D E T A I "

D E S I ' N


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

,


36/155

4.2 !nction $esi+n $escription

1-/-, *ulti4#evel Data Flow Desi"n for Function 7rocess

&


37/155


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


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


40/155

Lo*i% Scree%

+


41/155

Create a %e8 Accou%t

,'


42/155

Ser7ices o8%ed b+ Admi%

,$


43/155

Ser7ices o8%ed b+ users 9reside%ts:

,%


44/155

Pa+ro$$ Pre7ie8

,


45/155

Ne8 Accou%t to a44ro7e6discard

,,


46/155

eside%ts !%fo Pre7ie8

,&


47/155

Notificatio% Pre7ie8

,?


48/155

Messa*es Pre7ie8

,@


49/155

,


50/155

,+


51/155

T

E S T I N '

CHAPTER ,

&'


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'

&$


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 )

&%


54/155


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


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

&&


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

&?


58/155

7ro%ect =ame ;:


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,

&


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

&+


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'

?'


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

?$


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'

?%


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'

?


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


66/155

S O " R C E C O D E

CHAPTER -

?&


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(


68/155

9t2en(-unction(ata)X

i-(ata9len7t2')X

4e394ei4ect(VV)

Y

el3e X

4e93e33ion9m!"3e4Lo7in=etail9"=Name

aminnameataZ'[9Amin=Name

4e394ene4(u3e43)

YY


69/155

Y

Y< -unction (e44Ob8) X

con3ole9lo7(Vin3ie 4eue3t e44o4V)

4e393en(e44Ob8)

Y)

Y

Y)

4oute497et(


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(


71/155

4oute49po3t(3i7nout


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


73/155

4oute49po3t(4eue3t3


74/155

5a4 noteVolV

4oute49po3t(notication


75/155

b9*e33a7e(me33)9

t2en(-unction()X

con3ole9lo7(V3ucce333V)

4e393en(V3ucce33V)

Y


76/155

t2en(-unction (ata) X


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


4e393en(ata) Y< -unction (e44Ob8) X

4e393en(e44Ob8)

Y)

Y

Y

Y)

4oute497et(5ie;=pa!4oll


77/155

4oute49po3t(5ie;=notication


78/155

4e394ene4(e44o4


79/155

Y


80/155


Routessaar8.js

5a4 e6p4e33 4eui4e(e6p4e33)

5a4 4oute4 e6p4e339Route4()

5a4 b4eui4e(99DataBa3eb)


4e394ene4(3alemp)

Y)

4oute49po3t(


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


82/155


5a4 4oute4 e6p4e339Route4()

.ET u3e43 li3tin79


4e393en(4e3pon ;it2 a 4e3ou4ce)

Y)


app.js


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()

$


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


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 ()


85/155

5a4 bmon7oo3e9connect(Vmon7obKlocal2o3tF0PV)

5a4

bmon7oo3e9connect(Vmon7obK32ei:2ba4iKabc$%_3'&??9mon7olab9comK&??-!p

V)

5a4 amin=c2ec: 4eui4e(V994oute3a32boa43983V)

5a4 u3e43mon7oo3e9moel(Vu3e43V


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


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


88/155

i-(e44)X

con3ole9lo7(Ve44o4V)

con3ole9lo7(e44)

e-e44e94e8ect(e44)

Y

el3eX

con3ole9lo7(V3ucce33-ulV)

con3ole9lo7(ata)

e-e44e94e3ol5e(ata)

Y

Y)


Y

e6po4t39Reue3t-unction(u3e4)X

con3ole9lo7(Vin3ie 4eue3t bV)

5a4 e-e44e 9e-e4()

u3e439count(X3tatu3KVReui4e App4o5alV


89/155

5a4 e6pen3e3mon7oo3e9moel(Ve6pen3e3V


90/155

Y

el3eX


e-e44e94e3ol5e()

Y

Y)


Y

5a4 3ala4ie3mon7oo3e9moel(V3ala4!V


91/155

Y

5a4 -un3mon7oo3e9moel(V-un3V


92/155

u3e439n(X3tatu3KVReui4e App4o5alV


93/155

5a4 noticationmon7oo3e9moel(VnoticationV


94/155

5a4 e-e44e 9e-e4()

5a4 m37ne; me33a7e(me33)

m3793a5e(-unction(e44


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


96/155

Y)


Y

e6po4t39Con4m-unction(u3e4name


97/155

Y


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,''


98/155

lin: 24e-V2ttpK-ont397oo7leapi39comc33d-amil!*ont3e44atK,''


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

+


100/155

aata9len7t2

con3ole9lo7(a)

m!ataata

con3ole9lo7(m!ata)

App4o5e(m!ata)

Y<

e44o4K -unction (8R< te6tStatu3< e44o4T24o;n) X

i- (8R93tatu3 &'') X


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<

++


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


Y el3e X ale4t("ne6pecte e44o49)

Y

Y

Y)

Y

3c4ipt

2ea

bo! iVpa7etopV ata3p!V3c4ollV atata47etV9na5ba46etopV onloaV5alue3()V

$''


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

$'$


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

$'%


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

$'


105/155


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

$'&


107/155

i5


i5 cla33Vt2umbnailV

im7 cla33Vim7cla33V 34cVima7e3im7-amil!9pn7V


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 cla33Vt2umbnailV

im7 cla33Vim7cla33V 34cVima7e3im7note9pn7V


i5

i5 cla33VcaptionV

2notication32

p3en public notication3p

p

a 24e-V#m!*oalV cla33Vbtn btne-aultV 4oleVbuttonV atato77leVmoalV

$'?


108/155

Noti-!

a

p

i5 iVm!*oalV cla33Vmoal -aeV

i5 cla33Vmoalialo7V


i5 cla33Vmoal2eae4V



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


button t!peVbuttonV cla33Vbtn btnan7e4V atai3mi33VmoalV

iVNoti=Clo3eVClo3ebutton

button t!peVbuttonV cla33Vbtn btne-aultV

onclic:VNoti-!()VSenbutton

$'@


109/155

i5

-o4m

i5

i5

i5

i5

i5

i5

i5 cla33Vcol3m? colmV i5 cla33Vt2umbnailV

im7 cla33Vim7cla33V 34cVima7e3im7me33a7e9pn7V


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

$'


110/155


i5 cla33Vmoal2eae4V



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


button t!peVbuttonV cla33Vbtn btnp4ima4!V atai3mi33VmoalV

iVme33=clo3eVClo3ebutton

button t!peVbuttonV cla33Vbtn btne-aultV

onclic:V*e33a7e()VSenbutton

$'+


111/155

i5

-o4m

i5

i5

i5

i5

i5 iVnotV cla33Vmoal -aeV

i5 cla33Vmoalialo7V


i5 cla33Vmoal2eae4V



2, cla33VmoaltitleV iVno7VNe; *e33a7e2,

i5

i5 cla33Vmoalbo!V iVli3tV

p iVno7%VC2ec: out ne; me33a7e3 -4om 2e4ep

i5


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

$$'


112/155


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!

$$$


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


Cu3tom CSS

Cu3tom Font3

lin: 24e-V-onta;e3omec33-onta;e3ome9min9c33V 4elV3t!le32eetV t!peVte6tc33V

$$%


114/155

lin: 24e-V2ttpK-ont397oo7leapi39comc33d-amil!Lo4aK,''


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

$$,


116/155


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


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,''


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

$$@


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

$$


120/155

2eae4

About Section

3ection iVaboutV cla33Vcontaine4 content3ection te6tcente4V

i5 cla33V4o;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


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



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

$$+


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


button t!peVbuttonV cla33Vbtn btnan7e4V ata

i3mi33VmoalVClo3ebutton

button t!peV3ubmitV cla33Vbtn btne-aultVSi7n inbutton

i5

-o4m

i5

i5

i5

i5

$%'


122/155

li

li

a 24e-V#3umoalV cla33Vbtn btne-ault btnl7V4oleVbuttonV ata

to77leVmoalV3panSi7n "p3pana

i5 iV3umoalV cla33Vmoal -aeV

i5 cla33Vmoalialo7 moall7V


i5 cla33Vmoal2eae4V



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

$%$


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

$%%


124/155

i5

i5


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


2%:no; about u32%

p/ie; .alle4!p

a 24e-V#V cla33Vbtn btne-ault btnl7V7alle4!a

i5

i5

i5

3ection

$%


125/155

3e45ice3 3ection

3ection iV3e45ice3V cla33Vcontent3ection te6tcente4V

2%Se45ice3 ;e p4o5ie2%

pW2ic2 elp3 !ou t24ou72 an Ente4tain 0oup

i5 cla33V3e45ice33ectionV

i5 cla33Vcontaine4V


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


2%Watc2 Online T/2% pT24ou72 online St4eamin7p

a 24e-Vli5e=3t4eamin7V cla33Vbtn btne-ault btnl7VTele5i3iona

i5

i5

i5

b4

i5 cla33Vc2at3ectionV

i5 cla33Vcontaine4V


$%,


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