BSc ICT Employee Database

The UNIVERSITY of GREENWICH
MEDWAY SCHOOL OF ENGINEERING

DEPARTMENT OF COMPUTING AND COMMUNICATIONS
ENGINEERING
BSc IN INFORMATION COMMUNICATION AND TECHNOLOGY
DISSERTATION MAIN REPORT
Business Project years 1 & 2
Employee Database
Project Supervisor: Dr Y. L. Tan
Submission Date: Thursday, 05 May 0!!.
"y:
M. #isi$otto
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Abstract
The objective o+ the project ,as to use e-$earnin. princip$es in order to bui$d an
on$ine system to ho$d job postin.s as part o+ the "usiness project +or years ! and
courses in the "usiness %n+ormation Techno$o.y and Mana.ement students o+ the
/niversity o+ 0reen,ich 1"%T&2 department. This ne, system ,i$$ rep$ace the
previous e3istent version.
The system ,as deve$oped usin. the 4v-mode$5, this method ,as chosen because it
$in6s so+t,are deve$opment and testin. unti$ the +ina$ resu$t ,as achieved.
The structura$ desi.n invo$ved the use most$y o+ P7P and 7TML pa.es to store
in+ormation in the database 1MyS8L2.
The app$ication has t,o $eve$s o+ access, ,hich $imit the +unctiona$ity o+ the system
+or each type o+ user. Second year students ,i$$ +orm .roups or 4companies5 ,hich
can create and post ne, jobs and vie, the app$icants +or the jobs they posted. 9irst
year5s students or the 4emp$oyees5 can on$y see the jobs posted by the second years
and app$y to,ards by postin. #:s. ($$ users ,i$$ have access to a $o.boo6 ,hich
,i$$ record their day-today activities, and these records ,i$$ be used as part o+ the
assessment as ,e$$ as materia$ +or peda.o.ica$ research.
Contents
Page ii
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Definition of Terms and Abbreviations .................................................................. vi
CHAPTER 1 ................................................................................................................ 1
INTRODUCTION ...................................................................................................... 1
!.!: )vervie, ..................................................................................................................... !
!.: Dissertation 'eport Structure .......................................................................................
CHAPTER 2 ................................................................................................................ 3
LITERATURE REVIEW .......................................................................................... 3
.!: %ntroduction ................................................................................................................. ;
.: &- Learnin. .................................................................................................................. ;
.;: #o$$aborative Learnin. ................................................................................................ <
.;.!: 7o, co$$aborative $earnin. can he$p in the student5s career= .................... 5
.;.: 7o, to ma6e team $earnin. success+u$ ...................................................... 5
.;.;: "est ,ays to Learn ...................................................................................... >
.<: ?hat is #omputer-supported co$$aborative $earnin.= .................................................. @
.<.!: ?hy use #omputer-supported co$$aborative $earnin. 1#S#L2 ................... @
.<.: #omputers and education ............................................................................ A
.<.;: &-$earnin. at a distance ............................................................................... A
.<.<: Desi.nin. techno$o.y to support #S#L ................................................... !0
CHAPTER 3 .............................................................................................................. 11
TECHNICAL BACKGROUND .............................................................................. 11
;.!: (pache Server ............................................................................................................ !!
;.: 7TML ........................................................................................................................ !!
;.;: #SS ............................................................................................................................ !!
;.<: P7P ............................................................................................................................ !
;.5: Data Stora.e ............................................................................................................... !;
;.5.!: Databases .................................................................................................. !;
;.5.: MyS8L ..................................................................................................... !<
;.5.;: P7PMy(dmin .......................................................................................... !<
;.5.<: Data Security ............................................................................................. !<
CHAPTER 4 .............................................................................................................. 15
REVIEW OF PREVIOUS WORK ......................................................................... 15
<.!: %ntroduction ............................................................................................................... !5
Page iii
D%SS&'T(T%)* '&P)'T
May 5, 0!!
<.: Screenshots ................................................................................................................ !5
<.;: #onc$usion ................................................................................................................. !@
CHAPTER 5 .............................................................................................................. 18
SYSTEM REQUIREMENTS .................................................................................. 18
5.!: 'eBuirements ............................................................................................................. !A
5.: 9unctiona$ 'eBuirements ........................................................................................... !A
5.;: *on-9unctiona$ 'eBuirements ................................................................................... !C
5.<: #onc$usion ................................................................................................................. !C
CHAPTER 6 .............................................................................................................. 20
SYSTEM DESIGN .................................................................................................... 20
>.!: 0/% Desi.n ................................................................................................................ !
>.!.!: 0enera$ Layout .......................................................................................................
>.: Database Desi.n ........................................................................................................
>..!: Tab$e: Lo.in ......................................................................................................... ;
>..: Tab$e: PostDactivity ................................................................................................ <
>..;: Tab$e: PostDjob ....................................................................................................... 5
>..<: Tab$e: /p$oad ........................................................................................................ 5
>.<: #onc$usion ................................................................................................................. >
CHAPTER 7 .............................................................................................................. 26
SYSTEM IMPLEMENTATION ............................................................................. 26
@.!: The Lo.in System ...................................................................................................... @
@.: 8ueryin. the Database ............................................................................................... C
@.;: Prob$ems ,ith the System .......................................................................................... ;0
@.;.!: Description o+ the prob$em ................................................................................... ;0
@.;.: Strate.y ................................................................................................................ ;!
@.<: System Screen-Shoots o+ the System ......................................................................... ;!
@.<.!: Year Students Screen-shoots ................................................................. ;
@.<.: Year ! Students Screen-shoots ................................................................. ;<
@.<.;: Lo. "oo6 screen shoots +or a$$ students ................................................... ;@
@.5: #onc$usion ................................................................................................................. ;A
CHAPTER 8 .............................................................................................................. 39
TESTING ................................................................................................................... 39
A.!: "$ac6 "o3 Testin. ..................................................................................................... ;C
Page iv
D%SS&'T(T%)* '&P)'T
May 5, 0!!
A.!.!.: Te3t (reas ............................................................................................... <<
A.!.: Pass,ord 9ie$ds ....................................................................................... <<
A.!.;: Te3t 9ie$ds ............................................................................................... <<
A.: /sabi$ity Test ............................................................................................................. <<
A.<: #onc$usion ................................................................................................................. <5
CHAPTER 9 .............................................................................................................. 45
CONCLUSION ......................................................................................................... 45
C.!: (chievements ........................................................................................................... <5
C.: &va$uation .................................................................................................................. <>
C.;: 9uture Deve$opment ................................................................................................... <@
BIBLIOGRAPHY ..................................................................................................... 47
APPENDIX I - TIME PLAN ................................................................................... 51
APPENDIX II - SOURCE CODE .......................................................................... 54
!-de+au$t.css ...................................................................................................................... 5<
- inde3.php ...................................................................................................................... 5@
;-year!homepa.e.php ....................................................................................................... >0
<- yearhomepa.e.php ...................................................................................................... >
5-addDjob.php ................................................................................................................... >5
>-+i$eDup$oad.php .............................................................................................................. >>
@-$o.inproc.php ................................................................................................................. >C
A-$o.out.php ...................................................................................................................... @0
!0-postDactivity.php ......................................................................................................... @!
!!-postDactivity!.php ........................................................................................................ @
!-postDjob.php .............................................................................................................. @5
!;-sho,Dactivitiesbystudent.php ...................................................................................... @C
!<-sho,Djob.php ............................................................................................................. A;
!5-sho,Djob.php ........................................................................................................... A>
!>-sho,Djobsbyname#).php ........................................................................................... C0
!@-sho,Djobsbyname#).php ......................................................................................... C;
!A-up$oad.php and con+i..inc ............................................................................................ C@
Page v
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Definition of Terms and Abbreviations
CSCL #omputer-supported co$$aborative $earnin.
CSS Cascading Style Sheets
DBMS Database Management System
GUI Graphical User Interface
HTML Hypertext Mark-p !angage
HTTP 7yperte3t Trans+er Protoco$
MySQL Database system spp"rting #D$C
RDBMS %elati"nal Database Management System
F1-F10 &ncti"nal %e'irements( refer t" secti"n )*+*
NF1-NF6 ,"n-&ncti"nal %e'irements( refer t" secti"n )*-*
PHP Hypertext Pr"cess"r
SQL Strctred .ery !angage( related t" databases
URL Universal %es"rce !"cat"r

Page vi
D%SS&'T(T%)* '&P)'T
May 5, 0!!
CHAPTER 1
INTRODUCTION
1.1: Overview
The project proposes a creation o+ a system to he$p the co$$aboration bet,een +irst
and second year students in the "%T& department ,ho ,i$$ +orm companies to carry
out one o+ a series o+ rea$ business projects that the "%T& team has identi+ied in the
area. These are rea$ projects su..ested by rea$ business and as such the resu$ts ,i$$
be .iven to business concerned.
This system is reBuired to substitute the ori.ina$ e3istent system. The main reason +or
this is that the ori.ina$ system is not user-+riend$y 1ease o+ use2.
The second year students ,i$$ $ead the teams on a co$$aborative ,ay basis, ma6in.
sure they have the correct set o+ co$$aborators. The +irst year students need to ,or6 at
.ettin. into the ri.ht .roup throu.h usin. their #:5s and 4intervie,5 s6i$$s.
The ,eb app$ication and database ,i$$ serve to:
7o$d jobs posted by year t,o students,
7o$d #:5s posted by +irst year studentsE
'ecord student5s activities on an individua$ diary.
This project invo$ves the use o+ e-$earnin. re$ated s6i$$s. Leun. says the +o$$o,in.
about e-$earnin. 4Learners and teaching professionals are attracted by the many
benefits of e-learning, such as the fleibility of learning any!here, at any time and at
an indi"iduali#ed pace$% 1 Leun., 00;2.
Page /
D%SS&'T(T%)* '&P)'T
May 5, 0!!
1.2: Dissertation Report Structure
The report is divided in ei.ht chapters, a bib$io.raphy and three appendices. The
+o$$o,in. para.raphs brie+$y describe each chapter.
Chapter 2 %s a revie, o+ the $iterature covered to provide in+ormation to
do this project.
Chapter 3: %t5s a revie, o+ a$$ technica$ bac6.round used to comp$ete this
project.
Chapter 4: %s a revie, o+ the previous ,or6 done, ,ith screen shots and
the reasons o+ the proposed ne, System.
Chapter 5: This chapter dea$s ,ith the proposed System 'eBuirements in
terms o+ its 9unctiona$ and *on-9unctiona$ 'eBuirements.
Chapter 6: This describes the Desi.n o+ the system in terms o+ 0/% and
database.
Chapter 7: This part re+er to the %mp$ementations in the system, a$so sho,
sho,s some screen shots o+ the +ina$ system.
Chapter 8: Describes the tests conducted on the system as a ,ho$e system
and a usabi$ity test as ,e$$.
Chapter 9: This conc$udes this report by discussin. the project5s
achievements, and eva$uation o+ the ,or6 done a su..estion
+or +uture deve$opment.
BIBLIOGRAPHY This section re+ers to a$$ materia$ used to do this project.
APPENDIX I -
TIME PLAN
Sho,s a Project P$an and 0antt #hart o+ p$anned ,or6 and
,ith the time spent in each phase o+ the project.
APPENDIX II -
SOURCE CODE
($$ the source code +or this project.
Page +
D%SS&'T(T%)* '&P)'T
May 5, 0!!
CHAPTER 2
LITERATURE REVIEW
2.1: Introduction
There are many ,ays to reach a so$ution to this projectE this chapter ,i$$ revie, the
$iterature used on this project ,hich supported it to accomp$ish the +ina$ resu$t.
2.2: E- Learning
F(n e-$earnin. mode$ may combine on$ine techno$o.ies, campus-based de$ivery,
and distance $earnin.G 1:o$ery H Lord, 0002. Learners receive their $earnin.
resources over the ,eb, ,hich can inc$ude mu$timedia interactions, on-$ine +eedbac6,
and they p$ay a more active ro$e in the $earnin. process. 1Leun., 00;2.
Students today are .ro,in. up in a di.ita$ a.e, communicatin. and $earnin. via
techno$o.y no, more than ever be+ore. To prepare students +or +uture success,
schoo$s are imp$ementin. techno$o.y to enhance the teachin. and $earnin.
e3perience and renovate education. &ducators, po$icy-ma6ers, and %T $eaders a.ree,
ho,ever, that simp$y addin. computers to the c$assroom in order to achieve this is
not enou.h. To actua$$y renovate $earnin. +or the di.ita$ natives, schoo$s must mi3
techno$o.y too$s that can e3tend the education 6no,$ed.e and connect the c$assroom
,ith the !st century. ?hi$e techno$o.y is an instrument used by educators, it is not
a rep$acement +or the impact every member o+ the education system has on $earner
success. Techno$o.y need simp$i+y these re$ations. ( ,ho$e $earnin. atmosphere is
reBuired in ,hich studentsE teachers, administrators, and parents can ,ithout
di++icu$ty communicate and co$$aborate ,ith each other, share secure in+ormation,
and, u$timate$y, access a ,or$d o+ 6no,$ed.e beyond c$assroom ,a$$s. 17ensha,,
0!02.
Page -
D%SS&'T(T%)* '&P)'T
May 5, 0!!
2.3: Collaborative Learning
#o$$aborative $earnin. is a situation in ,hich t,o or more peop$e $earn or attempt to
$earn somethin. to.ether.
/sua$$y, students are ,or6in. in .roups, eBua$$y searchin. +or understandin.,
so$utions, or meanin.s, or creatin. a product. #o$$aborative $earnin. activities di++er
broad$y, but most centre on students5 investi.ation or use o+ the course materia$, not
mere$y the teacher5s demonstration or e3p$anation o+ it. 1Di$$enbour., P., !CCC2
More precise$y, co$$aborative $earnin. is centred on the mode$ that 6no,$ed.e can be
created in a popu$ation ,here associates vi.orous$y interact by sharin. e3periences.
1#hiu, M. M., 0002.
Put in a di++erent ,ay, co$$aborative $earnin. brin.s up a methodo$o.y in ,hich
$earners ta6e part in common tas6s ,here each individua$ depends on and is
responsib$e to each other. #o$$aborative $earnin. is heavi$y embedded in :y.ots6y5s
opinions that there e3ists an inherent socia$ nature o+ $earnin. ,hich is sho,n
throu.h his theory o+ Ione o+ pro3ima$ deve$opment. 1#hiu, M. M., 00A2
)+ten, co$$aborative $earnin. is used as an umbre$$a term +or a variety o+ methods in
education that inc$ude joint inte$$ectua$ stren.th by students or students and teachers.
1Mitni6, '., 'ecabarren, M., *ussbaum, M., H Soto, (. ,00C2.
#onseBuent$y, co$$aborative $earnin. is re.u$ar$y sho,ed ,hen .roups o+ students
,or6 to.ether to search +or understandin., si.ni+icance, or resu$ts or to produce an
arte+act o+ their $earnin..
(dditiona$$y, co$$aborative $earnin. rede+ines traditiona$ student-teacher connection
in the c$assroom ,hich conseBuences in controversy over ,hether this mode$ is more
he$p+u$ than dama.in.. 1#hiu, M. M., 00A2.
/sua$$y these activities can inc$ude co$$aborative ,ritin., .roup projects, joint
prob$em so$vin., debates, study teams, and other activities. 1Lei.h "., Mac0ra.or T.,
!CC2
Page 0
D%SS&'T(T%)* '&P)'T
May 5, 0!!
2$&$1' (o! collaborati"e learning can help in the student%s career)
There are many positive means o+ teachin. .roups and individua$s, and co$$aborative
$earnin. as a teachin. phi$osophy tries to address both. #o$$aborative $earnin. is
concernin. in choosin. to ,or6 ,ith a .roup to e3pand one5s a,areness o+ a
particu$ar topic or condition. /sua$$y coachin. students at various $eve$s to to.ether
achieve a sin.$e .oa$. The idea is that they ,i$$ be success+u$ or +ai$ to.ether.
%n a deeper attitude, the success o+ co$$aborative $earnin. as a teachin. phi$osophy
can be perceived as a ,ay to he$p poor per+ormin. students to pro.ress as they ,or6
eBua$$y ,ith hi.h per+ormin. students. )n this ,ay this method ,or6s ,e$$ in the
c$assroom, around sma$$ .roup tas6s. (s soon as it chan.es into $ar.er situations, it
mi.ht be de+ined as cooperative $earnin..
The di++erence bet,een the t,o teachin. ideas is that co$$aborative $earnin. is
dedicated on the students5 accomp$ishments ,here cooperative $earnin. is +reBuent$y
a teacher aimed atmosphere that emphasis on the interaction amon. teachers and
students. The terms are sometimes e3chan.eab$e as teachers are sure$y invo$ved in
the co$$aborative $earnin. idea$, too.
( critica$ +eature o+ the co$$aborative $earnin. idea is that it absences e3c$usion.
#hi$dren are not divided by s6i$$s, interests or successes. They are .rouped to.ether
so that they can $earn +rom each other5s s6i$$s and 6no,$ed.e. This brin.s up a
pro+ounder understandin. o+ diverse cu$tures, ,ay o+ $i+e, and perceptions.
9reBuent$y inte$$i.ent students in +act $earn to some de.ree +rom the re.u$ar or poor
student. 1#o$$aborative Learnin. )r., 0!!2
2$&$2' (o! to ma*e team learning successful
Team $earnin. can be very e++ective i+ it5s p$anned ri.ht. )n the other hand, a poor
c$ass strate.y or absence o+ accountabi$ity +or those in the .roup can in+$uence
tra.edy. Satis+actory to .et the +u$$ pro+its o+ the .roup $earnin. atmosphere a +e,
princip$es must to be met.
Page )
D%SS&'T(T%)* '&P)'T
May 5, 0!!
The .roups have to be correct$y +ormed and mana.ed. Typica$$y, the .roup shou$d be
no bi..er than +ive to seven students. There a$so reBuirements to be a uni+orm
distribution o+ member individua$ities. %n other ,ords, +our .ood succeedin. students
positioned ,ith one poor student ,i$$ not nurture a .ood $earnin. atmosphere or
create reasonab$e outcomes. Probab$e the poor per+ormer ,i$$ remain to
underachieve as the odd out.
Students must be made independent$y responsib$e +or or.aniIin. their separate ,or6
+or the .roup project, a$$ocatin. time and determination to the .roup project, and
,or6 to.ether in a positive ,ay. #onseBuent$y, the individua$ components have to be
the same +or each student.
The best ,ay to escape team stru..$e is to ma6e projects that encoura.e .roup
decision ma6in. in simp$e methods. %+ too comp$e3 the poorer students ,i$$ +a$$
behind.
The over$yin. idea in team $earnin. is about the team,or6. (cademics are sure$y
6ey, but so is the $i+e c$asses that are $earned ,hen students are $i6e$y to ,or6
to.ether and accomp$ish to.ether. 9ina$$y, the distinctive characteristics o+ each team
participant shou$d brin. e++ects to the project that ,i$$ ma6e it e++ective.
Teachers have to stress commitment by the ,ho$e .roup and permit the $earners to
use +ree ,i$$ in +inishin. the project. %n this ,ay, the students occupy in a
co$$aborative $earnin. mode$ that to$erates them to teach and $earn +rom each other.
1#o$$aborative Learnin. )r., 0!!2
2$&$&' Best !ays to Learn
&very person $earns in a di++erent ,ay. %ndeed, there are a +e, thin.s that re.u$ar$y
appear to be the preeminent ,ays to $earn. ?e5ve a$$ have heard that some peop$e
$earn best visua$$y, some by doin., some by hearin., some by e3periencin., and so
on,ards. These are correct, but the top situations may be a $itt$e ,ider than just one
sense approachin. into p$ay. 1#o$$aborative Learnin. )r., 0!!2
Page 1
D%SS&'T(T%)* '&P)'T
May 5, 0!!
The most important +eature in $earnin. is that the student has to ,ant to $earn. ?hen
individua$s ,ant to $earn to some de.ree, they do.
Learnin. by doin. is certain$y one o+ the best methods to $earn. %t5s about samp$e and
error, trainin., and ma6in. errors. ?ithout even become conscious o+ it, youn.sters
$earn $i6e this every sin.$e day.
($$ peop$e $earn over +eedbac6. 7umans adore positive stren.thenin., so i+ the
+eedbac6 is .ood, peop$e ,i$$ ma6e better e++orts to study, and they5$$ reca$$ ,hat
they .ot correct. 7umans are a +ee$in. species, so ,e have +ee$in.s about a$$ ,e do.
Last$y, peop$e need to be capab$e to ma6e sense o+ ,hat they are $earnin.. %+ it
doesn5t have a vibrant method that can be absorbed, it ,on5t be $earned. )ur minds
certain$y cate.ory out ,hat is bene+icia$ and bui$d on that ,hi$e $eavin. ,hat isn5t
essentia$. #onseBuent$y, ,e +actua$$y are assimi$atin. the in+ormation upcomin.. The
tas6 has to be understandab$e in order +or it to be $earned.
1#o$$aborative Learnin. )r., 0!!2
2.4: What is Computer-supported collaborative learning?
#omputer-supported co$$aborative $earnin. 1#S#L2 is a deve$opin. division o+ the
$earnin. sciences concerned ,ith revie,in. ho, individua$s can $earn to.ether ,ith
the assistance o+ computers.
The inc$usion o+ co$$aboration, computer intermediation and distance education has
prob$ematiIed the very concept o+ $earnin. and ca$$ed into Buestion predominant
suppositions around ho, to study it. 1Stah$, 0., Joschmann, T., H Suthers, D.,
00>2.
2$+$1' ,hy use -omputer-supported collaborati"e learning .-/-L0
"ecause is a peda.o.ica$ method in ,hich $earnin. pro+its usin. socia$ interaction
,ith a computer or over the %nternet. This type o+ education is cate.oriIed by the
Page 2
D%SS&'T(T%)* '&P)'T
May 5, 0!!
sharin. and construction o+ 6no,$ed.e bet,een members by usin. techno$o.y as
their main means o+ communication. #S#L can be app$ied in on$ine and c$assroom
$earnin. atmospheres.
17me$o-Si$ver, #.&. 00>2
2$+$2' -omputers and education
#omputers in the teachin. space are +reBuent$y seen ,ith doubt. They are understood
by criticisers as du$$ and anti-socia$, a sanctuary +or .ee6s and a mechanica$,
inhumane method o+ trainin.. #S#L is centred on precise$y the reverse idea: it
su..ests the deve$opment o+ ne, so+t,are and app$ications that carry $earners
to.ether and that can propose creative activities o+ inte$$i.ent e3p$oration and socia$
contact.
#S#L arose in the !CC0s in response to so+t,are that en+orced students to $earn as
$one$y persons. The e3citin. prospective o+ the %nternet to $in6 peop$e in ne, ,ays
de$ivered an incentive +or #S#L study. (s #S#L advanced, une3pected obstac$es to
desi.nin., propa.atin. and e3ce$$ent$y ta6in. advanta.e o+ ne, educationa$ so+t,are
became more and more obvious. ( renovation o+ the comp$ete idea o+ $earnin. ,as
necessary, inc$udin. important modi+ications in schoo$in., teachin. and bein. a
student. 1Stah$, 0., Joschmann, T., H Suthers, D., 00>2.
2$+$&' E-learning at a distance
#S#L is o+ten combinin. ,ith e-$earnin., the .roup o+ instruction throu.h computer
net,or6s. &-$earnin. is +reBuent$y driven by an innocent be$ie+ that c$assroom
content can be di.itiIed and dispersed to a .reat numbers o+ $earners ,ith $itt$e
persistent association o+ teachers or other costs, such as bui$din.s and transportation.
There are an amount o+ comp$ications ,ith this opinion.
9irst, it is basica$$y not true that the postin. o+ content, such as s$ides, te3ts or videos,
creates a compe$$in. $esson. Such content may de$iver si.ni+icant resources +or
Page 3
D%SS&'T(T%)* '&P)'T
May 5, 0!!
students, just as te3tboo6s at a$$ times have, on the other hand they can on$y be
current in a superior motivationa$ and interactive conte3t. 1Stah$, 0., Joschmann, T.,
H Suthers, D., 00>2.
Second, on$ine $essons needs at $east as much ,or6 by human teachers as
schoo$room teachin.. *ot on$y reBuisite the tutor to or.aniIe materia$s and ma6e
them accessib$e by computer, the educator must stimu$ate and $ead each pupi$,
throu.h on-.oin. interaction and a sense o+ socia$ presence. ?hereas on$ine $essons
permit students +rom about every,here in the ,or$d to ta6e part, a$so it permits
$ecturers to ,or6 +rom any,here ,ith %nternet connectivity.
Third, #S#L stresses co$$aboration bet,een the scho$ars, so that they are not on$y
respondin. in separation to posted resources. The $earnin. ta6es p$ace most$y
throu.h co$$aborations amid students. Scho$ars pic6 up by e3pressin. their Buestions,
+o$$o,in. $ines o+ inBuiry to.ether, teachin. each other and seein. ho, others are
$earnin.. #omputer support +or such team,or6 is vita$ to a #S#L methodo$o.y to e-
$earnin.. Motivatin. and supportin. use+u$ student contact is di++icu$t to attain,
,ithout s6i$+u$ preparation, or.aniIation and imp$ementation o+ pro.ram, peda.o.y
and techno$o.y.
9ourth, #S#L is a$so ,orried ,ith +ace-to-+ace 1992 re$ationship. #omputer support
o+ education and does not continuous$y ta6e the +orm o+ an on$ine communication
intermediateE the computer support may inc$ude, +or e3amp$e, a computer
reproduction o+ a scienti+ic idea or a shared interactive demonstration. %n this case,
the co$$aboration emphases on the creation and investi.ation o+ the recreation or
demonstration. )n the other hand, a .roup o+ $earners mi.ht use a computer to sur+
over in+ormation on the %nternet and to ta$6 over, discuss, co$$ect and e3hibit ,hat
they +ound co$$aborative$y1Stah$, 0., Joschmann, T., H Suthers, D., 00>2.
Page 4
D%SS&'T(T%)* '&P)'T
May 5, 0!!
2$+$+' Designing technology to support -/-L
The aim +or desi.n in #S#L is to create arte+acts, events and situations that enrich
the practices o+ .roup meanin. ma6in.. 'apid pro.resses in computer and
communication s6i$$s in $atest decades, a$i6e the %nternet, has intense$y a$tered the
,ays in ,hich ,e ,or6, p$ay, and $earn.
(s the tit$e o+ a comment by Le"aron 1002 proposes, FTechno$o.y does not e3ist
independent o+ its use.G Substitute 4activities, arte+acts, and environments5 +or
4techno$o.y5 and the messa.e continues the sameKthese e$ements themse$ves cannot
de+ine di++erent +orms o+ trainin., but are as an a$ternative created ,ithin practice.
(n environment +or an anticipated +orm o+ practice becomes such throu.h the
or.aniIed actions o+ its natives. &Bua$ activities are on$y made detectab$e as such in
the ,ays that participants turn to them as ordered +orms o+ combined action.
Desi.n o+ so+t,are +or #S#L, conseBuent$y, must be attached ,ith ana$ysis o+ the
si.ni+icances constructed in deve$opin. practice. :a$ues re+$ect past e3perience and
are open to in+inite ne.otiation and re-eva$uation. 1Stah$, 0., Joschmann, T., H
Suthers, D., 00>2.
Page /5
D%SS&'T(T%)* '&P)'T
May 5, 0!!
CHAPTER 3
TECHNICAL BACKGROUND
There are many methods to deve$op this ,eb systemE this chapter is a description o+
each technica$ e$ement ,hich he$ped bui$din. the +ina$ system.
3.1: Apache Server
(pache is a +ree, +u$$y con+i.urab$e ?eb server and one o+ the most popu$ar servers
avai$ab$e at the moment. This server is used to store the ,ebpa.es, ,hich ,i$$ be
accessed on$y by the administrator o+ the system. 9i$$eLi$a ,i$$ be used to trans+er the
+ina$ +i$es to the server and is a +ast, re$iab$e, and secure 9TPMS9TP c$ient.
F(pache emphasises a variety o+ +eatures, many emp$oyed as compi$ed modu$es
,hich e3tend the core +unctiona$ity. These can ran.e +rom server-side pro.rammin.
$an.ua.e bac6in. to authentication schemes. Some usua$ $an.ua.e inter+aces support
Per$, Python, Tc$, and P7P.G1?i6ipedia, 0!!2
3.2: HTML
7TML is an easy $an.ua.e to use. You donNt have to be a pro.rammer to use it. %tNs a
,ay o+ describin. ho, the te3t and ima.es shou$d be disp$ayed to the user, simi$ar in
to a ma.aIine editorNs mar6up symbo$s.
3.3: CSS
Page //
D%SS&'T(T%)* '&P)'T
May 5, 0!!
F#ascadin. Sty$e Sheets 1#SS2 are strai.ht+or,ard +i$es that mana.e the visua$
appearance o+ a ?eb pa.e ,ithout compromisin. its structure. /sin. #SS one can
contro$ +ont siIe, +ont co$our, $in6 co$our, and many other attributes o+ a ,eb pa.e,
reducin. a pa.eNs +i$e siIe.
#SS is a very popu$ar $an.ua.e. Sometimes used on$y to +ormat te3t, or as a
substitute +or 7TML tab$es.
?ithout #SS, 7TML is used to create a$$ aspects o+ a site and tab$es upon tab$es are
created, to the point that the site5s code becomes hard to navi.ate and edit throu.h.
This cause the increase the +i$es siIe and resu$ts in an e3tra time to the pa.e to $oad.
*o,adays visitors ,ant pa.es that $oad a$most instant$y. 1*9;2
3.4: PHP
P7P is very use+u$ i+ dea$in. ,ith dynamic te3t embedded into static te3t and
correspondin.$y +or incorporatin. ,eb pa.es ,ith databases. %t is a server-side
scriptin. $an.ua.e and a$$ the ,or6 is done on the server.
%+ you reBuire embed dynamic te3t into static te3t, you5$$ come across ,ith P7P
bein. very use+u$. %t ,as desi.ned +or this, and it e3ce$s at it. P7P is a$so very
bene+icia$ +or incorporatin. ,eb pa.es ,ith databases.
Figure 1. Description of how PHP works (webucator, 2011)
Page /+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
F(s sho,n in the +i.ure !, the P7P interpreter processes the pa.e, communicatin.
,ith +i$e systems, databases, and emai$ servers as necessary, and then de$ivers a ,eb
pa.e to the ,eb server to return to the bro,ser.G 1,ebucator, 0!!2
3.5: Data Storage
Data stora.e is reBuired to maintain the system, records needs to be stored and easi$y
thou.ht and retrieved. The main data stora.e revie,ed here is the database.
&$1$1' Databases
FMyS8L is a database mana.ement system 1D"MS2 +or re$ationa$ databases, +or that
reason MyS8L is an 'D"MS 1'e$ationa$ Database Mode$ System2.G 1/$$man,
0052
"y incorporatin. a database into a ,eb app$ication, some o+ the data created by P7P
can be retrieved +rom MyS8L 19i.ure 2. This additiona$$y moves the site5s contents
+rom a static 1hard-coded2 to a +$e3ib$e one and +$e3ibi$ity is the 6ey to a dynamic
,eb site. 1/$$man, 0052
Figure 2. Ilustration of the database working. (Database1ournal,2011)
Page /-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
&$1$2' 2y/3L
MyS8L is a simp$e and po,er+u$ $an.ua.e to manipu$ate database systems 19@2. The
synta3 is easy to use and comp$e3 searches can be done easi$y. There are +ive
important commands or Bueries to create databases and tab$es 1/$$man, 0052
#reate O creates tab$es and databases.
Se$ect O a$$o,s the retrieva$ o+ in+ormation +rom one or more tab$es +rom the
database.
%nsert O a$$o,s the insertion o+ ne, in+ormation into a tab$e on the database.
/pdate Oa$$o,s the chan.e o+ in+ormation a$ready on the database.
De$ete Oa$$o,s the de$etion o+ data e3istin. in a database tab$e.
&$1$&' P(P2y4dmin
P7PMy(dmin is a too$ ,ritten in P7P meant to contro$ the administration o+
MyS8L over the ?or$d ?ide ?eb. %t can comp$ete numerous jobs such as creatin.,
modi+yin. or de$etin. databases, tab$es, +ie$ds or ro,sE per+ormin. S8L statementsE
or hand$in. users and permissions.1phpMy(dmin, 0!!2
&$1$+' Data /ecurity
The system ,i$$ be pass,ord protected 1*9<2, and a$$ users ,i$$ have access to their
o,n data 19!02. The on$y e3ception ,i$$ be administrator that ,i$$ have +u$$ access to
the system. The pass,ords ,i$$ be stored on the database that ,i$$ be encrypted usin.
the md5 1Messa.e-Di.est a$.orithm 52. MD5 is an e3tensive$y used crypto.raphic
hash +unction ,ith a !A-bit 1!>-byte2 hash va$ue and is a$so +reBuent$y used to
chec6 the inte.rity o+ +i$es. 1'9# !;!, 0!!2
Page /0
D%SS&'T(T%)* '&P)'T
May 5, 0!!
CHAPTER 4
REVIEW OF PREVIOUS WORK
4.1: Introduction
This section ,i$$ revie, the previous ,ebpa.e, startin. ,ith screenshots on +i.ures ;
and <, and conc$udin. ,ith some recommendations +or improvement.
4.2: Screenshots
Figure 3. Screenshot of website main login page.
Page /)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 4. Screenshot after login
The screen shots on the +i.ures ; and < sho,s the e3istin. system, one o+ the
reBuirements +or deve$opin. a ne, system is a e3istin. system is not very attractive
to the users.
)ne o+ the reasons to deve$op a ne, system is because the actua$ system is not very
appea$in. +or the users and a$so a+ter the users $o.in to the ne3t $eve$ is not very c$ear
in ,hat to do. "e$$o, it5s a tab$e $istin. some bene+its and dra,bac6s +rom the actua$
system and ,ay the need +or deve$opin. a ne, ,ebsite.
Page /1
D%SS&'T(T%)* '&P)'T
May 5, 0!!
System Properties Actual state of system
9unctiona$ity c$ear +or +irst time user
)vera$$ /sabi$ity and user +riend$iness
Pa.e Load Speed
(ccessibi$ity +rom any,here
/se o+ #ascadin. Sty$e Sheets 1#SS2
Table1. Actual System properties
Key: How the properties reflect on this system?
Not very good
Good
4.3: Conclusion
The tab$e ! represents the major system properties, and ,here it cou$d have some
improvements.
(+ter revie,in. the actua$ system, it5s c$ear the need o+ deve$opin. a ne, ,ebsite.
?hereas it5s a .ood structured ,ebsite it5s $ac6in. in user +riend$iness and a$so the
+irst users are not very c$ear in ,hat to do as soon they $o. in.
Page /2
D%SS&'T(T%)* '&P)'T
May 5, 0!!
CHAPTER 5
SYSTEM REQUIREMENTS
5.1: Requirements
(+ter ana$ysin. the e3istin. system, the ne, system is described here as user cases.
/se #ases are descriptions o+ steps or actions bet,een a user and a so+t,are system.
"e$o, is dra,n in a tabu$ar +ormat the use cases in order to ma6e it more presentab$e
these dia.rams represents the +unctiona$ity o+ the system by the user5s point o+ vie,.
The +unctiona$ reBuirements 1,hat the system supposed to do2 are numbered +rom 9!
to 9!0 and non-+unctiona$ 1ho, the product shou$d be imp$emented2 reBuirements
+rom *9! to *9>
5.2: Functional Requirements
The tab$e be$o, is representin. the use cases
and the +unctiona$ system reBuirements o+ the
system to c$ari+y the project. /se cases are
used to represent the steps or actions bet,een
the system user and the system itse$+.
F
u
n
c
t
i
o
n
a
l

R
e
q
u
i
r
e
m
e
n
t
s
U
s
e
r
s

L
e
v
e
l

1

(
y
e
a
r

1

s
t
u
d
e
n
t
s
)
U
s
e
r
s

L
e
v
e
l

2

(
Y
e
a
r

2

s
t
u
d
e
n
t
s
)
U
s
e
r

L
e
v
e
l

3

(
A
d
m
i
n
i
s
t
r
a
t
o
r
)
Post Pobs F1 - Q -
&dit posted jobs F2 - Q -
Page /3
D%SS&'T(T%)* '&P)'T
May 5, 0!!
:ie, posted jobs F3 Q Q -
(pp$y +or Pobs F4 Q - -
/p$oad #:s F5 Q - -
#reate and de$ete users F6 - - Q
:ie, and modi+y the main system database F7 - - Q
Set ne, $eve$s to users F8 - - Q
/se the system at /niversity, home or a,ay F9 Q Q Q
(ccess to persona$ %n+ormation F10 Q Q Q
Table 1. Functional Requirements and use cases
5.3: Non-Functional Requirements
The +o$$o,in. have been set as properties o+ the system in a non-+unctiona$ term:
NF1 The system is desi.ned in a ,ay that is understandab$e by ne, users, even
un+ami$iar ,ith the system.
NF2 System ,i$$ run in di++erent bro,sers
NF3 The desi.n ,i$$ be easy to maintain and +uture up.rade
NF4 The system ,i$$ be secure ,ith di++erent $eve$s o+ access to users
NF5 The system ,i$$ be documented in order to aid *9;
NF6 The system ,i$$ run in di++erent p$at+orms 1 di++erent bro,sers2
Table 2. Non- Functional Requirements
(s the system ,i$$ be on the internet certain data ,i$$ be stored on a database on the
main server. The system ,i$$ be ,ritten in P7P, due to its portabi$ity and object-
oriented capabi$ities. This sty$e is adopted in order to ensure that the users can reach
the system +rom any machine connected to the internet 1+unctiona$ use reBuirement
9C2 and a$so portab$e across mu$tip$e p$at+orms 1non-+unctiona$ reBuirement *9>2.
5.4: Conclusion
Page /4
D%SS&'T(T%)* '&P)'T
May 5, 0!!
This section dea$s ,ith the user reBuirements in the system, the tab$e ! represents the
use cases +or the +unctiona$ reBuirements and the tab$e represents the non-
+unctiona$ reBuirements o+ the system. The tabu$ar +ormat ,as chosen the ma6e
easier to understand.
CHAPTER 6
SYSTEM DESIGN
Page +5
D%SS&'T(T%)* '&P)'T
May 5, 0!!
This section covers the desi.n o+ the system in terms o+ 0/%, database, and a$so
i$$ustrates some aspects o+ users $eve$s.
The time p$an +or this project has been visua$$y e3pressed in the :-Mode$ sty$e in
so+t,are en.ineerin., this mode$ can be considered as an e3tension to the ,ater+a$$
mode$, the :-Mode$ di++ers +rom the ,ater+a$$ mode$ on the testin. phase, ,hereas
the ,ater+a$$ mode$ +o$$o,s phase by phase and testin. on the end o+ the system, the
:-Mode$ each $i+e cyc$e phase is associated ,ith a test. The :-Mode$ has been
chosen +or this project because i+ there is any mista6e on the system deve$opment it5s
easy to detect ear$ier than i+ usin. the ,ater+a$$ mode$ ,here
6.1: GUI Design
The .raphica$ user inter+ace ,as desi.ned ta6in. into consideration *ie$sen5s
/sabi$ity 7euristics 1*ie$sen, !CC;2, as one o+ the conditions to deve$op the ,eb
app$ication is to ensure the user-+riend$iness. The 9i.ure > i$$ustrates the initia$ $ayout
used in the desi.n process.
Figure 6. General GUI Design
Page +/
(rea ,here the contents
o+ the ,eb site chan.es.
D%SS&'T(T%)* '&P)'T
May 5, 0!!
>$1$1' 5eneral Layout
($$ the pa.es have been deve$oped usin. #SS, to 6eep the $ayout simi$ar throu.hout
the system and ma6in. easier to maintain and chan.e the $ayout o+ the ,ebsite and
a$so rein+orce the system reBuirement 1*9;2. ($$ the ,indo,s have a .rey co$our
bac6.round, over$aid ,ith a ,hite bac6.round. The +onts used are (ria$, 7e$vetica or
sans-seri+ 1either one is present on the $oca$ system2. The +ont-siIe is set to !p3.
There are three 7TML header siIes 17!, 7, 7;2 assi.ned conditiona$ to the
importance o+ the in+ormation disp$ayed on the ,eb site. 9i.ure @ revie,s the
in+ormation above.
Figure 7. The layout of components in the system.
6.2: Database Design
Page ++
L)0)
L%*JS
('&(
?7&'&
T7&
#)*T&*TS
#7(*0&
M&*/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
The +i.ures A and C sho, the desi.n +or the database tab$es. The tab$es have been
norma$iIed to minimiIe the unnecessary repetition. FThe purpose o+ database
norma$iIation is to brea6 do,n re$ations ,ith anoma$ies in order to create sma$$er,
,e$$-structured re$ations.G1?i6ipedia,0!!2
!"gin p"st6activity
username* id* **login.username
c6id a6descripti"n
company_id* a6details
s6name c"mpany6id7 *Login.company_id
email c6details
pass8"rd
year6id
p"st69"b pl"ad
id* **login.username id* **login.username
9"b6title title
descripti"n descripti"n
c"mpany6id data
filename
filesi:e
file6type
Figure 8. Tables Login,post_activity, post_job and upload.
TABLES E!"
Database;able / Database;able +
Primaryey#Re$erenced%** Primaryey#&o'Re$erenced%*
&ield;able/ &ield;able+ Ta(le.)ield**
<n"ther&ield;ablke / <n"ther&ield;ablke /
Re$erences
Figure 9. Database Design Tables Key
6$2$1' 7able' Login
This tab$e ho$ds in+ormation on each user re.istered by the administrator on the
database. The in+ormation stored are the company id, username, student name, e-
Page +-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
mai$, pass,ord and year id 1identi+ies the $eve$ o+ access the user have2. The %D +or
this tab$e is .enerated automatica$$y by the system.

6$2$2' 7able' Post8acti"ity
This tab$e ho$ds the posts done by a$$ the students, this is a $o. boo6 used to contro$
the students day-to-day activities. This tab$e has +ive +ie$ds described on the tab$e ;.
Table Field Description
id This is an auto increment +ie$d.
aDdescription This +ie$d is the activity description %D, the activity main
pa.e ,i$$ have a drop do,n menu and each activity ,i$$
have an %D that is stored on the database. %t .oes +rom a! to
a!.
a0!RTrave$in. +or business
a0RTeam meetin.
a0;R(na$ysis
a0<R'esearch
a05RDra+tin. documentation
a0>R0enera$ administration
a0@R?ritin. up meetin.
a0ARPreparin. documentation +or c$ient
a0CRDra+tin. and sendin. emai$s
a!0RTe$ephone conversation1put ,ho in notes2
a!!R%n+ormation e$icitation intervie,s
a!RMeetin. ,ith c$ient
aDdetai$s This +ie$d is a te3t bo3 ,here the students can describe
their activities.
companyDid This is the company %D number and is re+erred to the tab$e
$o.in.
cDdetai$s This is a drop do,n menu ,here each activity has an id
+rom c0! to c05
Page +0
D%SS&'T(T%)* '&P)'T
May 5, 0!!
c0!R9ace-to-+ace
c0RMobi$e-Phone
c0;R&-mai$
c0<R&$ectronic chatM9aceboo6
c05R*o team communication
Table 4. Description of the post_activity table on the database

6$2$&' 7able' Post8job
This tab$e ,i$$ ho$d the jobs that ,i$$ be posted by the year studentsE the +ie$d id is
the primary 6ey the tab$e 5 ,i$$ describe each +ie$d o+ the database tab$e.
id This +ie$d is the primary 6ey and a$so is an auto increment +ie$d,
,here the system .enerates automatic the id ,ith every ne, +i$e
up$oaded.
jobDtit$e This +ie$d ho$ds the tit$e o+ the job that a$$ students and the system
administrator ,i$$ see as a $ist on$ine ,ith a $in6 to each particu$ar
job.
description This +ie$d is a description o+ the job that ,i$$ be up$oaded to the
database. This is visib$e to a$$ users but on$y the year ! students can
app$y +or the jobs by up$oadin. #:s to speci+ic jobs.
companyDid This +ie$d ho$ds the company idE this +ie$d is a$so re+erred to the
company id on the $o.in tab$e.
Table 5. Description of the post_job table on the database.

6$2$+' 7able' 9pload
Page +)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
This tab$e ho$ds the +i$es up$oaded by the students o+ year !E these +i$es are on$y te3t
+i$es, as the students have to post #:s +or each job they app$y +or. These +i$es are
stored on the database and on$y year students or the administrator can see then. The
tab$e > ,i$$ describe each +ie$d o+ the database tab$e.
id %s an auto increment +ie$d, ,here the system .enerates automatic the id
,ith every ne, +i$e up$oaded.
tit$e This +ie$d is +or the students to name the +i$e there is up$oadin. as
convenient to then.
description ( brie+ description o+ the +i$e up$oaded.
data This is the type o+ data up$oaded. 7ere is used $on.b$ob that ran.es up
to <0.
+i$ename This +ie$d ho$ds the name o+ the +i$e up$oaded, not the same as the tit$e,
here is the actua$ +i$e name.
+i$esiIe This +ie$d ho$ds the actua$ siIe o+ the siIe up$oaded into database.
+i$eDtype This +ie$d ho$ds the type o+ +i$e up$oaded to the database, on the system
is on$y a$$o,ed the te3t +i$es.
Table 6. Description of the upload table on the database.
6.4: Conclusion
The system is desi.ned usin. the v mode$, this mode$ is used because it enab$es to
the system to be tested a$on. ,ith the deve$opment. This he$ps to detect errors
ear$ier, and prevent e3tra costs and de$ays on the project. The 0/% is based on the
*ie$sen5s 7euristics, and is done this ,ay to aid a better user inter+ace desi.n and
create a user +riend$y ,ebsite.
CHAPTER 7
SYSTEM IMPLEMENTATION
Page +1
D%SS&'T(T%)* '&P)'T
May 5, 0!!
7.1: The Login System
The $o.in system has been imp$emented usin. P7P scriptE this $an.ua.e is used in
7TML pa.es. The $o.in pa.e have t,o $eve$s o+ access, one +or year one and another
+or year t,o. This $eve$s have been created by modi+yin. the $o.in.proc +i$e as it
sho,s on the +i.ure !0, it has been added a ne, header +unction .ivin. t,o options
o+ $o.in as it sho,s hi.h$i.hted on the +i.ure !0. ?hen a user $o.s in and is year !
the yearDid estab$ished on the database tab$e $o.in as it sho,s on the +i.ure A, it .oes
to years ! on$y pa.e, and ,hen a user $o.s in ,ith year id eBua$s it .oes to years
t,o ,ebpa.e, other,ise it .oes bac6 to main $o.in pa.e.
The +unction that connects to the database 1hostname, $o.in, username and pass,ord2
is 6ept on a separate +i$e +rom the $o.in.proc ca$$ed con+i..inc, this is done this ,ay
to protect these detai$s, +i.ure !! sho,s this +i$e.
<?php
MM %nia$iIe session
sessionDstart12E
MM %nc$ude database connection settin.s
inc$ude1Ncon+i..incN2E
MM 'etrieve username and pass,ord +rom database accordin. to userNs input
S$o.in R mysB$DBuery1TS&L&#T U 9')M $o.in ?7&'& 1username R NT .
mysB$Drea$DescapeDstrin.1SDP)STVNusernameNW2 . TN2 and 1pass,ord R NT .
mysB$Drea$DescapeDstrin.1md51SDP)STVNpass,ordNW22 . TN2T2E
MM #hec6 username and pass,ord match
i+ 1mysB$DnumDro,s1S$o.in2 RR !2 X
MM Set username session variab$e
SDS&SS%)*VNusernameNW R SDP)STVNusernameNWE
Sro, R mysB$D+etchDassoc1S$o.in2E
Page +2
D%SS&'T(T%)* '&P)'T
May 5, 0!!
i+1Sro,VNyearDidNWRR!2
X
MM Pump to secured pa.e +or second year students
header1NLocation: year!homepa.e.phpN2E
Y
e$se
X
MM Pump to secured pa.e +or +irst year students
header1NLocation: yearhomepa.e.phpN2E
Y
Y
e$se X
MM Pump to $o.in pa.e
header1NLocation: inde3.phpN2E
Y
mysB$D+reeDresu$t1S$o.in2E
?>
Figure 10. Login.proc file source code.
<?php
Shostname R N$oca$hostNE MM Your MyS8L hostname.
Sdbname R NbusinessDprojectNE MM Your database name.
Susername R NrootNE MM Your database username.
Spass,ord R N!;!50NE MM Your database pass,ord.
MM #onnect to host
mysB$Dconnect1Shostname, Susername, Spass,ord2 or D%&1N#onnection to host is
+ai$ed, perhaps the service is do,nZN2E
MM Se$ect the database
mysB$Dse$ectDdb1Sdbname2 or D%&1NDatabase name is not avai$ab$eZN2E
Page +3
D%SS&'T(T%)* '&P)'T
May 5, 0!!
?>
Figure 11. Source code for the login.proc file
7.2: Querying the Database
The project reBuired a construction o+ a set o+ too$s to ma6e connection and
manipu$atin. the database. ( se$ection o+ MyS8L speci+ic Bueries have been used to
do this speci+ic job.
%n order to access the database the same Buery is used to a$$ pa.es deve$oped, ma6in.
easy to maintain and +uture up.rade 1*9;2. "e$o, hi.h$i.hted on +i.ure ! is an
e3amp$e on ho, the P7P +i$es are ,ritten.
<?php
[ ensure a$$ +ie$ds have entries
i+1 SsDid and SaDdescription and SaDdetai$s2
X
[ connect to MyS8L
SconnR\mysB$Dconnect1T$oca$hostT, TrootT, T!;!50T2
or die1T&rr:#onnT2E
[ se$ect the speci+ied database
SrsR\mysB$Dse$ectDdb1TbusinessDprojectT, Sconn2
or die1T&rr:DbT2E
[ create the Buery
SsB$RTinsert into postDactivity 1sDid, aDdescription, aDdetai$s2
va$ues 1 ]TSsDid]T, ]TSaDdescription]T, ]TSaDdetai$s]T 2TE
[ e3ecute the Buery
Page +4
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Srs!RmysB$DBuery1SsB$,Sconn2E
[ con+irm the added record detai$s
print T^head_^Mhead_^body_^b_'ecord +or SsDid success+u$$y added to the
database^Mb_^Mbody_TE
Y
?>
Figure 12. Database Query
7.3: Problems with the System
($$ the in+ormation that is used by the system is input via 7TML +orms. These +orms
,ere sometimes in sin.$e pa.es and sometimes over severa$ pa.es. %n order to pass
this +orms in+ormation to the database P7P is used and a ,ay to 6eep the users
records is needed 1,hich is one o+ main prob$ems encountered on this project2. (s
the 7TTP is a state$ess techno$o.y, meanin. that each individua$ 7TML pa.e is an
iso$ated entity. 7TTP has no method +or trac6in. users or ho$din. variab$es as
somebody .o across a site. /sin. a ,eb scriptin. $an.ua.e $i6e P7P, it disab$es the
state$essness o+ the ,eb. 9rom a +e, options to choose, the most used ones are
coo6ies and sessions. 1/$$man, 0052
:$&$1' Description of the problem
)ne o+ the main prob$ems ,as doin. the $o.in pa.e ,ere the users needed to have
$eve$s o+ access and ,hen a user $o.in and navi.ates +or throu.h the pa.es the server
cou$d trac6 the user, and ma6e custom persona$iIation to the speci+ic user, and the
most important on$y the users ,ith $o.in and pass,ord cou$d see throu.h the ,eb
pa.es.
#oo6ies and session cou$d be used to do this jobE sessions improve upon coo6ies,
$ettin. the ,eb app$ication to store and retrieve +ar more in+ormation than coo6ies.
Page -5
D%SS&'T(T%)* '&P)'T
May 5, 0!!
:$&$2' /trategy
The use o+ sessions ,as chosen to overcome this prob$em. This $i6e coo6ies is a
method o+ ma6in. data avai$ab$e to mu$tip$e pa.es o+ a ,eb site. The princip$e o+ a
session is that data is stored on the server, not in the ,eb bro,ser, and a session
identi+ier is used to $ocate a particu$ar user5s record 1session data2. This session
identi+ier is norma$$y stored in the ,eb bro,ser via a coo6ie, but the sensitive data
itse$+`$i6e the user5s %D, name, and so onà$,ays remains on the server. So ,hy
use session i+ coo6ies ,or6 +ine= 9irst$y because sessions are more secure in that a$$
the recorded in+ormation is stored on the server and not continua$$y sent bac6 and
+orth bet,een the server and the c$ient. Second$y, some users reject coo6ies or turn
then o++ comp$ete$y. Sessions, ,hi$e desi.ned to ,or6 ,ith coo6ie, can +unction
,ithout them. 1/$$man, 0052
The +i.ure !; sho,s the use o+ a session startin. by ca$$in. the sessionDstart12
+unction. This session te$$ the P7P to either be.in a ne, session or use the e3istin.
one, on this case ,i$$ use the use the e3istent session.
// Inialize session
sessionDstart12E
// Check, if username session is NOT set then this page will jump to login page
i+ 1Zisset1SDS&SS%)*VNusernameNW22 X
header1NLocation: inde3.phpN2E Y
Figure 13. The use of session.
7.4: System Screen-Shoots of the System
Page -/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 14. Main Page (login page)
:$+$1' ;ear 2 /tudents /creen-shoots
Page -+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 15. Year 2 students Login showing the user name and the company they
belong to.
Figure 16. Year 2 students posting a job page
Page --
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 17. List of jobs posted by the year 2 students
Figure 18. 1ob Details Year 2 students can see the jobs they posted.
:$+$2' ;ear 1 /tudents /creen-shoots
Page -0
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 19. Login as studend of year 1
Figure 20. List of jobs available.
Page -)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 21. Description of the job.
Figure 22. CVs upload page.
Page -1
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 23. File being uploaded.
:$+$&' Log Boo* screen shoots for all students
Figure 24. Log Book page
Page -2
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Figure 25. Log Book page 2
7.5: Conclusion
This chapter described the too$s used to access the database and ho, the in+ormation
,i$$ be trans+erred +rom the user to the database. ($so the main prob$em ,hi$e doin.
this project and +inishin. ,ith the screen shoots o+ the +inished system.
Page -3
D%SS&'T(T%)* '&P)'T
May 5, 0!!
CHAPTER 8
TESTING
Testin. has been per+ormed in order to ensure that the system ,ou$d accomp$ish its
+unctions as set out in the reBuirements. There are t,o di++erent ,ays o+ testin. a
system, the ,hite-bo3 testin. ,ere reBuires the access the source code, and the
b$ac6-bo3 testin., ,hich $oo6s at ,hat the system is supposed to do. )n this testin.
the speci+ic 6no,$ed.e o+ the app$icationNs codeMinterna$ structure and pro.rammin.
6no,$ed.e in .enera$ is not reBuired.
)n this system the b$ac6 bo3 testin., usabi$ity testin. and data inte.rity testin. ,i$$
be per+ormed.
8.1: Black Box Testing
Test
No
Description Expected result Actual result Pass/
Fail
0! :a$idation on
$o.in +orm +or
a$$ students
%+ any input is b$an6 it
shou$d return to $o.in
pa.e
%+ a +ie$d is $e+t b$an6
and the users
submits the system
,i$$ .o bac6 to
initia$ pa.e
Pass
0 :a$idation on
$o.in +orm input
detai$s +or a$$
students
%+ detai$s match those in
the database, then it
$o.s in, other,ise it .oes
bac6 to $o.in pa.e
:a$idation compares
a.ainst detai$s in the
database, stays at
$o.in pa.e other,ise
Pass
0; :a$idation on
re.ister +orm
shou$d return an error
messa.e
(n error messa.es
does not sho,s i+
there is a b$an6 +ie$d
9ai$
Page -4
D%SS&'T(T%)* '&P)'T
May 5, 0!!
0< Year students
$o. in to the
system and
company name
sho,s on the
,e$come pa.e
%+ year students $o.in to
the system the company
they be$on. disp$ays on
the top o+ the pa.e
The company name
do not sho,, and an
error messa.e
appears
9ai$
05 Year students
$o. in to the
system and
company name
sho,s on the
,e$come pa.e
%+ year students $o.in to
the system the company
they be$on. disp$ays on
the top o+ the pa.e
The company name
does sho,s on top o+
the pa.e
Pass
0> Year students
can save jobs to
the database
%+ year students +i$$ the
+orm the in+ormation is
saved on the database
($$ the in+ormation
is not saved on the
database.
9ai$
0@ Year students
can save jobs to
the database
%+ year students +i$$ the
+orm the in+ormation is
saved on the database
($$ the in+ormation
is saved on the
database.
Pass
0A ($$ users are
ab$e to see a $ist
o+ jobs saved on
the database
($$ the jobs saved on the
database are ca$$ed +rom
the database and
disp$ayed on a $ist ,ith
$in6s to each speci+ic job
($$ the jobs saved on
the database are
ca$$ed +rom the
database and
disp$ayed on a $ist
,ithout $in6s to each
speci+ic job. &rror
messa.e: Fcannot
connect to the
databaseG.
9ai$
0C ($$ users are
ab$e to see a $ist
o+ jobs saved on
the database
($$ the jobs saved on the
database are ca$$ed +rom
the database and
disp$ayed on a $ist ,ith
($$ the jobs saved on
the database are
ca$$ed +rom the
database and
Pass
Page 05
D%SS&'T(T%)* '&P)'T
May 5, 0!!
$in6s to each speci+ic job disp$ayed on a $ist
,ith $in6s to each
speci+ic job
!0 ($$ users can
c$ic6 on the jobs
$in6s and see the
job description,
but on$y year !
students can
app$y to the jobs
posted
($$ users can c$ic6 on the
jobs $in6s and see the job
description, but on$y year
! students can app$y to
the jobs posted
($$ users can c$ic6
on the jobs $in6s and
see the job
description, on$y
sho,in. the app$y
button +or year !
students
Pass
!! )n$y te3t +i$es
are a$$o,ed +or
up$oad, not
pictures or other
+i$es
)n$y te3t +i$es are
a$$o,ed +or up$oad, i+
tryin. to do,n$oad a
di++erent +i$e it sho,s an
error messa.e
?hen tryin. to
do,n$oad a di++erent
type o+ +i$e an error
messa.e disp$ay.
Pass
! Year ! students
up$oadin. +i$es
?hen year ! students
app$y +or a speci+ic job,
the #: can be up$oaded
and saved on the
database.
The +i$e is saved on
the temp +i$e instead
o+ the database
9ai$
!; Year ! students
up$oadin. +i$es
?hen year ! students
app$y +or a speci+ic job,
the #: can be up$oaded
and saved on the
database
The +i$e is saved on
the temp +i$e and
them to the database
Pass
!< :a$idation on
entry +orm
shou$d return an error
messa.e
(ny b$an6 +ie$ds
does not return an
error messa.e
9ai$
($$ users can
post on the $o.
boo6 session
($$ in+ormation entered
on the +orms on the $o.
boo6 session is sent to
the database
%n+ormation entered
on the +orms o+ the
$o. boo6 session is
not sent to the
9ai$
Page 0/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
database
!5 ($$ users can
post on the $o.
boo6 session
the database
%n+ormation entered
on the +orms o+ the
$o. boo6 session is
not sent to the
database and error
messa.e disp$ays
that cannot connect
to the database.
9ai$
!> ($$ users can
post on the $o.
boo6 session
the database
%n+ormation entered
on the +orms, sho,s
that has been send to
the database but is
not in the database
9ai$
!@ ($$ users can
post on the $o.
boo6 session
the database
%n+ormation entered
on the +orms, sho,s
that has been send to
the database but is
not saved in the
database and a b$an6
pa.e disp$ays.
9ai$
!A ($$ users can
post on the $o.
boo6 session
the database
%n+ormation entered
on the +orms, is send
and saved to the
database.
Pass
!C ?hen users
$o.in and can
see their posts
on the $o. boo6
/sers5 $o.in and can see
their posts on the $o.
boo6.
/sers5 $o.in and can
see their posts on the
$o. boo6.
Pass
0 'emovin. jobs %+ a job is not needed
anymore on$y the site
administrator can de$ete
Pobs are de$eted
+rom the database.
Pass
Page 0+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
the jobs via database.
! (ddin. ne,
user
/sers ,i$$ be added by
the system administrator
via phpMy(dmin
/sers ,i$$ be added
by the system
administrator via
phpMy(dmin
Pass
/sers
in+ormation
($$ the users5
in+ormation ,i$$ be
added by the ,ebsite
administrator via
phpMy(dmin, inc$udin.
the pass,ord ,hich ,i$$
be stored usin. md5
encryption.
/ser5s in+ormation
added to the
database.
Pass
; &dit account )n$y the system
administrator can edit the
users account detai$s via
p+pMy(dmin.
/sers in+ormation
can be edited.
Pass
< Lo.out ?en $o.out button is
pressed, it $o.s the user
out
?hen $o.out button
is pressed, it $o.s the
user out o+ the
system.
Pass
5 &nterin. the
system ,ithout
$o..in. in
%+ a user tries to enter the
system via a certain pa.e,
and they are $o..ed out,
it shou$d ta6e them to the
$o.in pa.e
%+ user is not $o..ed
in and try to enter
the system, they are
redirected to the
$o.in pa.e
Pass
> 9or.ot pass,ord ?hen user enters their
emai$, it sends them an
emai$ ,ith their
pass,ord
&rror messa.e: no
SMTP server setup
9ai$
Page 0-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
<$1$1$' 7et 4reas
($$ te3t area app$ied in the system, the user does not have to enter anythin. on them,
they are compu$sory +or the process to continue. This is done this ,ay because o+
$ac6 o+ 6no,$ed.e o+ doin. in a di++erent ,ayE this cou$d be a possib$e improvement
+or the +uture ,or6.
<$1$2' Pass!ord =ields
Pass,ord +ie$ds are used ,hen $o..in. in the system. Pass,ord +ie$ds a$,ays need to
be +i$$ed. The main test that is done on them is ,hether the user has entered any
va$ue and ,hether the va$ue entered +or the combination o+ t,o +ie$d5s 1username
and pass,ord2 match ,ith the database.
<$1$&' 7et =ields
Te3t +ie$ds are very important in+ormation into the system. (s the te3t area the user
does not have to enter anythin. on them, they are compu$sory +or the process to
continue. This a$so cou$d be a possib$e improvement +or the +uture ,or6.
8.2: Usability Test
/sabi$ity testin. ,as conducted by a$$o,in. users to test the system. "ecause the
system ,as not ready on the time p$anned it cou$dn5t be tested by a$$ the students,
instead +riends have been used to do this testin..
%nitia$$y users comp$ained that the $o.in pa.e did not have any ,ay o+ recoverin. the
pass,ord in case o+ +or.ettin. it. %+ a user +or.ets a pass,ord the system
administrator has to re send the pass,ord via e-mai$ a.ain. The system has been done
this ,ay because ,as reBuired that the users $o.in ,ith the university user %Ds, but
Page 00
D%SS&'T(T%)* '&P)'T
May 5, 0!!
cou$d be chan.ed in the +uture a$$o,in. the students to create their usernames and
pass,ords.
(nother idea su..ested ,as to disp$ay an error messa.e or a ,arnin. i+ any entry
,as not entered on the $o.in and a$$ the other +orms on the system, this cou$d be
added $ater into the system.
)vera$$, the usabi$ity o+ the system ,as )J. There are a +e, prob$ems ,ith the
+orms and error disp$ay messa.es that ,ou$d ca$$ +or a redesi.n in order to ma6e the
system better. The p$acement o+ error or ,arnin. messa.es ,ou$d bene+it the system
as a ,ho$e.
8.4: Conclusion
Testin. the te3t +ie$ds, pass,ord +ie$ds and te3t areas have been conducted in order to
va$idate the data to be 6ept on the database.
The main reason +or a b$ac6 bo3 testin. is to test the +unctiona$ity o+ the system as a
,ho$e. ($so these tests are used to demonstrate that the input is proper$y accepted
and output is correct$y produced, and that the inte.rity o+ e3terna$ in+ormation is
maintained. 1Product Deve$opers, 0!!2
CHAPTER 9
CONCLUSION
9.1: Achievements
There ,ere severa$ objectives to be accomp$ished on this project ,hich most o+ them
success+u$$y comp$eted. The main achievements ,ere:
Page 0)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
#reation o+ a system that not on$y ,or6s but a$so is user +riend$y.
%mp$ementation o+ a set o+ 8uery c$asses to access and manipu$ate the
database.
/sed the $earned s6i$$s durin. the $ast t,o years and app$y the techno$o.y o+
P7P, #SS, 7TML, MyS8L, (pache Server, bet,een other.
Deve$oped a database ,ere users can save their data secure$y.
/se the princip$e o+ e-$earnin. to aid the deve$opment o+ the system.
9.2: Evaluation
#ertain$y this project cou$d not have been more e3citin., sometimes bein.
cha$$en.ed to the $imit o+ your abi$ities to improve yourse$+ and do better. Many
times ,or6in. under pressure, but a$$ o+ this is a part o+ $earnin. and ma6es this
project even more specia$.
The ,or6 ,as most$y .one accordin. to the p$an, ,ith some prob$ems ,hen passin.
the system +rom the $oca$ server ,here it ,as bein. deve$oped to the /niversity
serverE this caused a bi. prob$em and resu$t in not de$iverin. the project on time
reBuired by the students. This ,as very +rustratin. but did not permit the +ai$ure o+
the project.
The opportunity to research into e-$earnin. and co$$aborative $earnin. patterns and
use it to aid the deve$opment o+ this project ,as very interestin.. &-$earnin. ,as one
o+ the princip$es o+ this project as the system bein. on$ine on the ?or$d ?ide ?eb,
de$iverin. student5s in+ormation and p$ayin. an active ro$e in the ,ay they $earn.
The use o+ co$$aborative $earnin. ideo$o.y a$so ,as very important because this
project had an e++ect on the year one and t,o students ,hich ,ere ,or6in. in a
co$$aborative ,ay to reach the end o+ their project.
%t ,as very interestin. a$so, to read about #omputer-supported co$$aborative $earnin.
,hich is an emer.in. branch o+ the $earnin. sciences concerned ,ith studyin. ho,
Page 01
D%SS&'T(T%)* '&P)'T
May 5, 0!!
peop$e can $earn to.ether ,ith the he$p o+ computers.1Stah$, 0., Joschmann, T., H
Suthers, D., 00>2.
9.3: Future Development
%+ the ,or6 had to start a.ain, it cou$d be better in many ,ays. 9irst$y in the $o.in
pa.e a ,ay o+ recoverin. a $ost or +or.otten pass,ord cou$d be inc$uded, as ,e$$ as
error messa.es or ,arnin. messa.es i+ any +ie$d $e+t in b$an6. The te3t +ie$d bo3es
cou$d be improved by addin. a ,ord count and ,hen reachin. the $imit o+ the ,ords
a ,arnin. messa.e cou$d be disp$ayed.
The most important step, ,hen $oo6in. into the +uture, is maybe that this project
shou$d be imp$emented by creatin. bac6 end structure ,ere the ,ebsite administrator
did not have to .o in the phpMy(dmin to add, edit or de$ete users. 9urthermore
,hen a year student posted a job a button to edit or de$ete the job posted cou$d be
added to +aci$itate in case or mista6es done ,hen postin. a job.
BIBLIOGRAPHY
"er.e, L., H #o$$ins, M.P. 1&ds.2. 1!CC52. #omputer-mediated communications and
the on$ine c$assroom, :o$. %%%: Distance Learnin.. #ress6i$$, *P: 7ampton Press.
#ahoon, ". 1!CCA2. *e, directions +or adu$t and continuin. education, summer, *o.
@A, (du$t Learnin. and the %nternet. San 9rancisco: Possey-"ass.
#hiu, M. M. 10002. 0roup prob$em so$vin. processes: Socia$ interactions and
individua$ actions. Pourna$ +or the Theory o+ Socia$ "ehavior, ;0, !, @-50.>00->;!.
Page 02
D%SS&'T(T%)* '&P)'T
May 5, 0!!
#hiu, M. M. 100A2. 9$o,in. to,ard correct contributions durin. .roupsN
mathematics prob$em so$vin.: ( statistica$ discourse ana$ysis. Pourna$ o+ the
Learnin. Sciences, !@ 1;2, <!5 - <>;.
#hiu, M. M. 100A2. &++ects o+ ar.umentation on .roup micro-creativity.
#ontemporary &ducationa$ Psycho$o.y, ;;, ;A; O <0.
#ode"etterVon$ineW.(vai$ab$e:http:MMcodebetter.comMb$o.sMraymond.$e,a$$enMarchiveM
005M0@M!;M!C!!<.asp3 V(ccessed ; (pri$,0!0W.
#o$$aborative0Learnin.0)r..Von$ineW.(vai$ab$e: http:MMco$$aborative-
$earnin..or.Mco$$aborative-$earnin.-as-a-teachin.-phi$osophy.htm$ V(ccessed !5
(pri$,0!0W.
#o$$is, ". 1!CC>2. Te$e-$earnin. in a di.ita$ ,or$d: The +uture o+ distance $earnin..
*e, Yor6: %nternationa$ Thomson #omputer Press.
#yrs, T.&. 1&d.2. 1!CC@2. *e, directions in teachin. H $earnin., +a$$, *o. @!,
Teachin. H $earnin. at a distance: ?hat it ta6es to e++ective$y desi.n, de$iver, H
eva$uate pro.rams.
Database0Pourna$.0V)n$ineW,0(vai$ab$e:http:MM,,,.databasejourna$.comM+eaturesMmy
sB$Martic$e.phpM!<0A!M"ui$d-Your-),n-Database-Driven-?ebsite-/sin.-P7P--
MyS8L-Pt-<.htm V(ccessed @ March 0!0W.
Dai$y "$o. Tips. V)n$ineW, n.d. (vai$ab$e: http:MM,,,.dai$yb$o.tips.comMuser-
+riend$y-,ebsiteM V(ccessed A *ovember 0!0W.
Page 03
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Di$$enbour., P. 1!CCC2. #o$$aborative Learnin.: #o.nitive and #omputationa$
(pproaches. (dvances in Learnin. and %nstruction Series. *e, Yor6, *Y: &$sevier
Science, %nc.
&astman, D.:. 1!CC52. ($one but to.ether: (du$t distance study by computer
con+erencin.. #ress6i$$, *P: 7ampton Press.
7ensha,, P. 10!02 %#T and the +uture o+ education V)n$ineW, (vai$ab$e +rom
http:MM,,,.sec-ed.co.u6Mdo,n$oadsMde$$.pd+ V(ccessed A )ctober 0!0W.
7me$o-Si$ver, #.&. 100>2. (na$yIin. co$$aborative $earnin.: Mu$tip$e approaches to
understandin. processes and outcomes. Proceedin.s o+ the @th internationa$
con+erence on Learnin. sciences, /S(, !05C-!0>5. %S"*:0-A05A->!@<-
7oc6inson, V)n$ineW. (vai$ab$e: http:MM,,,.hoc6inson.comMinde3.php=sR;
V(ccessed A *ovember 0!0W
7TML)r., V)n$ineW. (vai$ab$e: http:MMhtm$5.or.M V(ccessed A *ovember 0!0W
Leun., 7areton J. *.100;2 N&va$uatin. the &++ectiveness o+ e-Learnin.N, #omputer
Science &ducation, !;: , !; K !;>
Lei.h b., Mac0re.or T. 1!CC2. #o$$aborative Learnin.: ( Sourceboo6 +or 7i.her
&ducation. *ationa$ #entre on Postsecondary Teachin., Learnin., and (ssessment at
Pennsy$vania State /niversity.
Mitni6, '., 'ecabarren, M., *ussbaum, M., H Soto, (. 100C2. #o$$aborative
'obotic %nstruction: ( 0raph Teachin. &3perience. #omputers H &ducation, 5;12,
;;0-;<.
*ie$sen, P. 1!CC;2. F/sabi$ity &n.ineerin.G O (cademic Press
Page 04
D%SS&'T(T%)* '&P)'T
May 5, 0!!
phpMy(dmin, V)n$ineW. (vai$ab$e: http:MM,,,.phpmyadmin.netMhomeDpa.eM
V(ccessed A (pri$ 0!0W
Porter, L.'. 1!CC@2. #reatin. the virtua$ c$assroom: Distance $earnin. ,ith the
internet. *e, Yor6: ?i$ey #omputer Pub$ishin., Pohn ?i$ey H Sons, %nc.
Product Deve$opers, V)n$ineW. (vai$ab$e: http:MMproductdeve$op.b$o.spot.comM
V(ccessed 05 (pri$ 0!0W
'9# !;!, section ;.<, TStep <. Process Messa.e in !>-?ord "$oc6sT, pa.e 5.
Stah$, 0., Joschmann, T., H Suthers, D. 100>2. #omputer-supported co$$aborative
$earnin.: (n historica$ perspective. %n '. J. Sa,yer 1&d.2, #ambrid.e handboo6 o+
the $earnin. sciences 1pp. <0C-<>2. #ambrid.e, /J: #ambrid.e /niversity Press.
/$$man, L. 10052. P7P and MyS8L +or Dynamic ?eb Sites. *e, Yor6: Peachpit
Press,
/niversity0o+0&dunbur.hoOnline],0n.d.0(vai$ab$e'>,,,. project s.ed.ac.u6M...M Pr
ojectProposal 00>@D/?S.doc Vaccessed A *ovember 0!0W.
:o$ery, T., H Lord, D. 10002. #ritica$ success +actors in on$ine education.
%nternationa$ Pourna$ o+ &ducationa$ Mana.ement, !<152, !>O;.
?eb#T homepa.es. 1002. V)n$ineW http:MM,,,.,ebct.com V(ccessed !0 (pri$
0!!W.
?ebopedia0homepa.es10!!2.0V)n$ineW0(vai$ab$e:http:MM,,,.,ebopedia.comMT&
'MM(M(pacheD?ebDserver.htm$ V(ccessed !0 (pri$ 0!!W.
Page )5
D%SS&'T(T%)* '&P)'T
May 5, 0!!
?ebucator0homepa.es10!!2.0V)n$ineW0(vai$ab$e:0http:MM,,,.$earnphp-
tutoria$.comM V(ccessed !0 (pri$ 0!!W.
?hittin.ton, D. 10002. &va$uatin. three years5 use o+ virtua$ university. 8ua$ity
(ssurance in &ducation, A1!2, <AO5.
?i6ipedia0V)n$ineW,0n.d.0(vai$ab$e:http:MMen.,i6ipedia.or.M,i6iM:-
Mode$D1so+t,areDdeve$opment2 V(ccessed A *ovember 0!0W.
?MTips.0V)n$ineW,0n.d.0(vai$ab$e:0?i6ipedia)http:MM,,,.,mtips.comMcssMadvant
a.es-usin.-css.htm V(ccessed A *ovember 0!0W.
APPENDIX I - TIME PLAN
T%M& PL(* "'&(JD)?*
PROJECT PLAN
Project Name: Business Project for Years 1&2 Dataase
Project !ana"er: !aria Cisi#otto
P#anne$ %tart Date:2&'1('2(1(
P#anne$ )inis* Date:(&'(&'2(11
Page )/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
%ummar+ Duration
ID Task Name Duration Start Finish
/ ,N,T,AT,ON
/*/ Esta#is* Project Re-uirements 2 weeks M"n +)=/5=+5// M"n 53=//=+5/5
/*/*/ Identify Pr"9ect Sc"pe
/*/*+ Identify Pr"9ect Strctre
/*/*- Identify Pr"9ect Pr"cesses
/*/*0 D"cment Pr"9ect %e'irements
+ PLANN,N.
2.2 Create Project P#an 1 week Tue 02/11/2010 Tue 09/11/2010
+*/*/ Identify Phases
+*/*+ Identify <ctivities
+*/*- Identify ;asks
+*/*0 D"cment Pr"9ect Plan
- E/EC0T,ON
-*/ Bui#$'Desi"n De#i1era#es
-*/*/ System Design/ Layout 2 weeks M"n /)=//=+5/5 M"n +4=//=+5/5
-*/*+ Database and bak!end de"e#o$ment%&se o' DFD and ()D*2 weeks ;e /0=/+=+5/5 ;e +3=/+=+5/5
-*/*- Testing the bak!end de"e#o$ment 1 day ;e +3=/+=+5/5 >ed +4=/+=+5/5
-*/*0 +ak!end modi'iations 2 days >ed +4=/+=+5/5 &ri -/=/+=+5/5
-*/*) Testing the bak!end ,odi'iations 1 day ;e 50=5/=+5// >ed 5)=5/=+5//
-*/*1 -ro.et Designs 2 weeks ;h 51=5/=+5// ;h +5=5/=+5//
-*/*2 Front!end de"e#o$ment 1 day M"n +0=5/=+5// ;e +)=5/=+5//
-*/*3 Testing 'ront!end de"e#o$ment 1 day >ed +1=5/=+5// ;h +2=5/=+5//
-*/*4 Front!end modi'iations 1 day ;h +2=5/=+5// &ri +3=5/=+5//
-*/*/5 Testing 'ront!end modi'iations 1 day M"n -/=5/=+5// ;e 5/=5+=+5//
-*/*// Students /ti"ities ,onitoring $age de"e#o$ment 1 0eek M"n +0=5/=+5// M"n -/=5/=+5//
-*/*/+ Testing Students /ti"ities ,onitoring $age 1 day ;e 5/=5+=+5// >ed 5+=5+=+5//
-*/*/- Students /ti"ities ,onitoring $age modi'iations 2 days >ed 5+=5+=+5// &ri 50=5+=+5//
/*/*/0 Testing Students /ti"ities ,onitoring $age modi'iations 1 day &ri 50=5+=+5// Sat 5)=5+=+5//
-*/*/) ;est Pr"9ect Deliverables 2 days M"n 52=5+=+5// >ed 54=5+=+5//
1.1.12 Im$#ement -ro.et De#i"erab#es 21 days ,on 13/11/2010 0ed 09/02/2011
0 CLO%0RE
0*/ Perform Project C#osure
0*/*/ ("a#uation 1 day M"n /0=5+=+5// ;e /)=5+=+5//
0*/*+ -ro.et Fina# )e$ort 1 day >ed /1=5+=+5// ;h /2=5+=+5//
Page )+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
;<S? ID
Task Name Start Date
Duration
%days*
(nd Date
;<S? / System Design/ Layout 13/11/10 14 29/11/2010
;<S? + Database and bak!end de"e#o$ment%&se o' DFD and ()D* 14/12/10 14 25/12/2010
;<S? - Testing the bak!end de"e#o$ment 25/12/10 1 29/12/2010
;<S? 0 +ak!end modi'iations 29/12/10 2 11/12/2010
;<S? ) Testing the bak!end ,odi'iations 4/1/11 1 03/01/2011
;<S? 1 -ro.et Designs 2/1/11 14 20/01/2011
;<S? 2 Front!end de"e#o$ment 24/1/11 1 23/01/2011
;<S? 3 Testing 'ront!end de"e#o$ment 22/1/11 1 26/01/2011
;<S? 4 Front!end modi'iations 26/1/11 1 25/01/2011
;<S? /5 Testing 'ront!end modi'iations 11/1/11 1 01/02/2011
;<S? // Students /ti"ities ,onitoring $age de"e#o$ment 24/1/11 6 11/01/2011
;<S? /+ Testing Students /ti"ities ,onitoring $age 1/2/11 1 02/02/2011
;<S? /- Students /ti"ities ,onitoring $age modi'iations 2/2/11 2 04/02/2011
;<S? /0 Testing Students /ti"ities ,onitoring $age modi'iations 4/2/11 1 03/02/2011
;<S? /) ;est Pr"9ect Deliverables 6/2/11 2 09/02/2011
;<S? /1 Im$#ement -ro.et De#i"erab#es 10/1/11 1 11/01/2011
;<S? +5 Im$#ement -ro.et De#i"erab#es 13/11/10 24 09/02/2011
;<S? +/ ("a#uation 25/01/2011 1 29/01/2011
;<S? ++ -ro.et Learning outomes 25/01/2011 1 29/01/2011
0antt chart
Page )-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
APPENDIX II - SOURCE CODE
1-default.css
MU Main Layout Sty$es UM
body Xbac6.round: [&"&"&"E +ont-+ami$y: (ria$, 7e$vetica, sans-seri+E +ont-siIe:
!p3E co$or: [>>>EY
.ri.ht X+$oat: ri.htEY
.$e+t X+$oat: $e+tEY
im. Xborder: noneEY
u$, $i Xmar.in: 0E paddin.: 0E $ist-sty$e: noneEY
+orm Xmar.in: 0E paddin.: 0EY
a Xco$or:[00AA"5E +ont-,ei.ht: bo$dE Y
a:hover Xco$or: [00@A(0E Y
[container X,idth: C;0p3E paddin.: !5p3E -moI-border-radius: !;p3E bac6.round:
[+++E mar.in: !0p3 autoE over+$o,: autoEY
[content X,idth: C;0p3E over+$o,: autoEY
[header X,idth: C;0p3E hei.ht: 55p3EY
.$o.o Xmar.in: !5p3E +$oat: $e+tEY
u$[top$in6s X+$oat: ri.htE co$or: [CCCE mar.in: 0E paddin.: 0E $ist-sty$e:
noneEY
u$[top$in6s $i X+$oat: ri.htE mar.in: ;p3 0 0 !0p3EY
u$[top$in6s a X co$or: [CCCE +ont-,ei.ht: norma$EY
u$[top$in6s a:hover X co$or: [>>>E +ont-,ei.ht: norma$EY
[nav Xpaddin.: 0E ,idth: C!0p3E bac6.round: [00AD"#
ur$1ima.esMb.Dnav.pn.2 repeat-3 bottomE paddin.: Cp3 0 !0p3 0p3E -moI-border-
radius: !0p3E co$or: [+++E hei.ht: !p3E mar.in: !5p3 0EY
Page )0
D%SS&'T(T%)* '&P)'T
May 5, 0!!
[nav $i Xpaddin.-ri.ht: 0p3E +$oat: $e+tE disp$ay: b$oc6EY
[nav a Xco$or: [+++E te3t-decoration: noneE +ont-,ei.ht: norma$EY
[nav a:hover Xco$or: [;;##99EY
[+ooter X,idth: C>0p3E te3t-a$i.n: centerE mar.in: !0p3 autoE paddin.-bottom:
!5p3E c$ear: bothEY
[+ooter u$ X,idth: ;A0p3E mar.in: 0 autoEY
[+ooter $iX+$oat: $e+tE mar.in-ri.ht: 0p3EY
[+ooter $i aXco$or: [CCCEY
/` Homepage Styles `/
[topbo3 X,idth: AC0p3E paddin.: 0p3E -moI-border-radius: !0p3E
bac6.round: [00(#&> ur$1ima.esMb.D+ptopbo3.pn.2 repeat-3 bottomE over+$o,: autoE
co$or: [+++EY
[topbo3 h< Xco$or: [+++E +ont-siIe: 0p3E $etter-spacin.: -!p3E mar.in:
0E paddin.: 0 0 5p3 0E Y
[topbo3 input Xborder: !p3 so$id [00C;#<E paddin.: ;p3 ;p3E ,idth:
;0p3EY
[topbo3 se$ect Xmar.in-$e+t: ;p3EY
[topbo3 .btn Xpaddin.: ;p3 5p3E bac6.round: [00<055E co$or: [+++E
border: noneE -moI-border-radius: ;p3E position:abso$uteE mar.in-$e+t: 5p3E cursor:
pointerE ,idth: >0p3E +ont-siIe: !!p3EY
[topbo3 .btn:hover Xbac6.round: [005@@;E Y
[tb$e+t X+$oat: $e+tE ,idth: <50p3E paddin.: !5p3 0 0 !0p3EY
[tb$e+t .t$d X,idth: @5p3EY
[tbri.ht X+ont-siIe: !p3E +$oat: ri.htE ,idth: ;C0p3E border-$e+t: !p3
so$id [00(#&5E paddin.-$e+t: !5p3EY
[tbri.ht [bo3$e+t X+$oat: $e+tE ,idth: 5p3EY
[tbri.ht input X,idth: !<5p3E mar.in: 5p3 0 0 5p3EY
Page ))
D%SS&'T(T%)* '&P)'T
May 5, 0!!
[tbri.ht p X+$oat: ri.htE mar.in: 0E paddin.: 0EY
[tbri.ht p.$in6 X+$oat: $e+tE mar.in: !;p3 0 0 !0p3E +ont-siIe:
!!p3E paddin.: 0EY
[tbri.ht a Xco$or: [+++E te3t-decoration: under$ineEY
u$[promobo3 X,idth: C;0p3E position: re$ativeE +$oat: $e+tE mar.in-bottom:
!5p3EY
u$[promobo3 p Xmar.in: 0E paddin.: 0EY
u$[promobo3 $i X,idth: @0p3E paddin.: 0p3 !0p3 0p3 0p3E +$oat:
$e+tE bac6.round: [00AD"# ur$1ima.esMb.Dpromo!.pn.2 repeat-3 bottomE mar.in:
!5p3 !5p3 0 0E -moI-border-radius: !0p3E co$or: [+++E Y
u$[promobo3 u$ Xmar.in: 0 0 !0p3 0EY
u$[promobo3 $i u$ $i Xmar.in: 5p3 0 0 0E bac6.round:
ur$1ima.esMbu$$et.pn.2 no-repeat $e+t centerE paddin.: 0 0 0 !0p3E ,idth: 50p3EY
u$[promobo3 $i h; X$ine-hei.ht: !E co$or: [+++E $etter-spacin.:
-!p3E +ont-siIe: 5p3E +$oat: $e+tE mar.in: 0E paddin.: 0 0 ;p3 0EY
u$[promobo3 $i .pricebo3 X$ine-hei.ht: !E +$oat: ri.htE te3t-
a$i.n: centerE paddin.-ri.ht: !0p3EY
u$[promobo3 $i .pricebo3 .$r. X$ine-hei.ht: !E $etter-spacin.:
-!p3E +ont-siIe: ;5p3E +ont-,ei.ht: bo$dE mar.in: 0E paddin.: 0EY
u$[promobo3 a Xbac6.round: [00<055E co$or: [+++E mar.in:
!5p3 !0p3 0 0E paddin.: 5p3 !0p3E te3t-decoration: noneE -moI-border-radius: 5p3E
+ont-,ei.ht: norma$EY
u$[promobo3 a:hover Xbac6.round: [005@@;EY
.jobs$ist X bac6.round:none ZimportantE paddin.:0 ZimportantE
+$oat:none ZimportantE mar.in-top: 0p3 ZimportantE Y
.promobo3 X ,idth: 500p3 ZimportantE bac6.round:[00AD"#
ZimportantE paddin.: 0p3 !0p3 0p3 0p3 ZimportantE +$oat:midd$e ZimportantE
mar.in: !5p3 !0p3 0 0 ZimportantE Y
.promobo3; X ,idth: ;00p3 ZimportantE bac6.round:[00AD"#
ZimportantE paddin.: 0p3 !0p3 0p3 0p3 ZimportantE +$oat:midd$e ZimportantE
Page )1
D%SS&'T(T%)* '&P)'T
May 5, 0!!
mar.in: !5p3 !0p3 0 0 ZimportantE Y
u$[promobo3 $i.t,oXbac6.round: [00(#&>
ur$1ima.esMb.Dpromo.pn.2 repeat-3 bottomEY
u$[promobo3 $i.three Xmar.in-ri.ht: 0E bac6.round: [0C#!99
ur$1ima.esMb.Dpromo;.pn.2 repeat-3 bottomEY
[ne,sbo3 X,idth: 5@5p3E paddin.: 0p3E bac6.round: [+@+@+@E +$oat: $e+tE
-moI-border-radius: !0p3EY
[ne,sbo3 p Xmar.in: 0E paddin.: 0EY
[ne,sbo3 h5 X+ont-siIe: 5p3E $etter-spacin.: -!p3E co$or: [00>#C!E
mar.in: 0E paddin.: 0E $ine-hei.ht: !EY
[ne,sbo3 h> a X+ont-siIe: !<p3E $etter-spacin.: -!p3E co$or: [00>#C!E
mar.in: 0E paddin.: 0E $ine-hei.ht: !EY
[ne,sbo3 h> Xmar.in-bottom: p3E paddin.: 0E $ine-hei.ht: !EY
[ne,sbo3 $i Xmar.in-top: !5p3E $ine-hei.ht: !.5emEY
[ne,sbo3 .rss aX+$oat: ri.htE mar.in: ;p3 Ap3 0 0E co$or: [CCCE +ont-
,ei.ht: norma$EY
[Buotes X,idth: >0p3E paddin.: 0p3E +$oat: ri.htE bac6.round: [0C#!99
ur$1ima.esMb.Dpromo;.pn.2 repeat-3 bottomE -moI-border-radius: !0p3E co$or: [+++EY
[Buotes p Xmar.in: 0E paddin.: 0EY
[Buotes h; X$ine-hei.ht: !E $etter-spacin.: -!p3E +ont-siIe: 5p3E
mar.in: 0E paddin.: 0EY
[Buotes $i Xmar.in-top: !@p3E +ont-siIe: !@p3E +ont-,ei.ht: bo$dE
$etter-spacin.: -!p3EY
[Buotes a X+$oat: $e+tE co$or: [+++E paddin.: 0E mar.in-top: !5p3EY
2- index.php
^ZD)#TYP& htm$ P/"L%# T-MM?;#MMDTD a7TML !.0 Transitiona$MM&*T
Page )2
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Thttp:MM,,,.,;.or.MT'M3htm$!MDTDM3htm$!-transitiona$.dtdT_
^htm$ 3m$nsRThttp:MM,,,.,;.or.M!CCCM3htm$T_
^head_
^meta http-eBuivRT#ontent-TypeT contentRTte3tMhtm$E charsetRut+-AT M_
^tit$e_"usiness Project^Mtit$e_
^$in6 re$RTsty$esheetT typeRTte3tMcssT hre+RTde+au$t.cssTM_
^Mhead_
^body_
^div idRTcontainerT_
^div idRTheaderT_
û$ idRTtop$in6sT_

^Mu$_
îm. srcRTuniD$o.o.jp.T ,idthRT!>AT hei.htRT>AT a$tRTLo.oT M_^Mdiv_
^div idRTnavT_

û$_
^$i_â hre+RTinde3.phpT_7ome^Ma_^M$i_
^$i_â hre+RTcontent.htm$T_#ontact ^Ma_^M$i_
^Mu$_
^Mdiv_
^div idRTtopbo3T_
^div idRTtb$e+tT_
^h<_ ?e$come to the "usiness Project ?ebpa.e^Mh<_
^Mdiv_
^div idRTtbri.htT_
^+orm methodRTP)STT actionRT$o.inproc.phpT_
^div idRTbo3$e+tT_
^p_^$abe$ +orRTusernameT_/sername:^M$abe$_înput
nameRTusernameT typeRTte3tT va$ueRTT idRTusernameT M_^Mp_
^p_^$abe$ +orRTpass,ordT_Pass,ord:^M$abe$_înput
Page )3
D%SS&'T(T%)* '&P)'T
May 5, 0!!
typeRTpass,ordT nameRTpass,ordT va$ueRTT idRTpass,ordT M_^Mp_
^Mdiv_
^div idRTbo3ri.htT_
înput nameRTLo.inT typeRTsubmitT c$assRTbtnT va$ueRTsubmitT
sty$eRTposition: re$ativeETM_^Mdiv_
^M+orm_
^Mdiv_
^Mdiv_
^p_HnbspE^Mp_
^div idRTne,sbo3T_
^h5_%ntroduction to the Project^Mh5_
û$_
^$i_
^h>_â hre+RTcontent.htm$T_Project )vervie,:^Ma_^Mh>_
^p_This project is uniBue in that is desi.ned to a$$o, co$$aboration
bet,een !st and nd years students in the "%T& department,^Mp_
^M$i_
^$i_
^h>_â hre+RTcontent.htm$T_*e,s story tit$e ,ou$d .o here^Ma_^Mh>_
^p_Lorem ipsum do$or sit amet, consectetuer adipiscin. e$it, sed diam
nonummy nibh euismod tincidunt ut $aoreet do$ore ma.na a$iBuam erat vo$utpat.^Mp_
^M$i_
^$i_
^h>_â hre+RTcontent.htm$T_*e,s story tit$e ,ou$d .o here^Ma_^Mh>_
^p_Lorem ipsum do$or sit amet, consectetuer adipiscin. e$it, sed diam
nonummy nibh euismod tincidunt ut $aoreet do$ore ma.na a$iBuam erat vo$utpat.^Mp_
^M$i_
^Mu$_
^Mdiv_
^p_HnbspE^Mp_
îm. srcRTmed,ay.jp.T a$tRTLo.oT M_^Mp_
Page )4
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^Mdiv_
^p_HnbspE^Mp_
^Mdiv_
^div idRT+ooterT_
û$_
^$i_â hre+RThttp:MM,,,..re.ac.u6T_/niversity )+ 0reen,ich^Ma_^M$i_
^$i_â hre+RThttps:MMporta$..re.ac.u6McpMhomeMdisp$ay$o.inT_Student
Porta$^Ma_^M$i_
^$i_â hre+RThttp:MM,,,,..re.ac.u6MstudentsM.etT_0&T^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
3-year1homepage.php
<?php
MM %nia$iIe session
sessionDstart12E
MM #hec6, i+ username session is *)T set then this pa.e ,i$$ jump to $o.in pa.e
Y
?>
^head_
Page 15
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^tit$e_7ostin. Temp$ate^Mtit$e_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^$i_â hre+RT$o.out.phpT_Lo.out^Ma_^M$i_
^Mu$_
^div idRTnavT_
û$_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
^p_^b_/sername: ^b_^=php echo SDS&SS%)*VNusernameNWE =_^Mb_^p_
^$i_
^p_â hre+RTsho,Djobsbyname#).phpT tit$eRTPost PobsT_Pobs (vai$ab$e^Ma_^Mp_
^M$i_
^$i_
^p_â hre+RTpostDactivity!.phpT tit$eRTLo. "oo6T_Lo.
"oo6^Ma_â hre+RTsho,Dactivitiesbystudent.phpT tit$eRTSee Lo.sT_See
Lo.s^Ma_^Mp_
^M$i_
^p_HnbspE^Mp_
^Mu$_
^Mdiv_
Page 1/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
4- year2homepage.php
<?php
MM %nia$iIe session
sessionDstart12E
Y
?>
^head_
Page 1+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
#ompany %D:
<?php
[ connect to MyS8L
Sconnection R \mysB$Dconnect1T$oca$hostT, TrootT, T!;!50T2
or die1mysB$Derror122E
Sresu$t R \mysB$Dse$ectDdb1TbusinessDprojectT, Sconnection2
[ set up tab$e name
Stab$eDname R TpostDjobTE
[ create the Buery
Page 1-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
SsB$ R TS&L&#T companyDid 9')M Stab$eDname )'D&' "Y
companyDidTE
[ e3ecute the Buery
Sresu$t R mysB$DBuery1SsB$,Sconnection2
[create a $ist b$oc6 o+ resu$ts
,hi$e1 Sro, R mysB$D+etchDarray1Sresu$t22
X
ScompanyDid R Sro,VNcompanyDidNWE
Y
echo ScompanyDidE
?>
^$i_
^p_â hre+RTpostDjob.phpT tit$eRTPost PobsT_Post Pobs^Ma_â
hre+RTsho,Djobsbyname#).phpT tit$eRTSee PobsT_Pobs Posted^Ma_^Mp_
^M$i_
^$i_
^p_â hre+RTpostDactivity!.phpT tit$eRTLo. "oo6T_Lo.
"oo6^Ma_â hre+RTsho,Dactivitiesbystudent.phpT tit$eRTSee Lo.sT_See
Lo.s^Ma_^Mp_
^M$i_
^p_HnbspE^Mp_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
Page 10
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
5-add_job.php
^=php
i+1SjobDtit$e and Sdescription2
X
[ connect to MyS8L
or die1T&rr:#onnT2E
or die1T&rr:DbT2E
[ create the Buery
SsB$RTinsert into postDjob 1jobDtit$e, description2
va$ues 1]TSjobDtit$e]T, ]TSdescription]T 2TE
[ e3ecute the Buery
Page 1)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
print T^head_^Mhead_^body_^b_'ecord +or SjobDtit$e success+u$$y added to
the database^Mb_^Mbody_TE
Y
=_

6-file_upload.php
^=php
MM %nia$iIe session
sessionDstart12E
Y
=_
^head_
Page 11
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
^$i_â hre+RTinde3.phpT_Lo.out^Ma_^M$i_
^$i_â hre+RTyear!homepa.e.phpT_Main Menu^Ma_^M$i_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_

^div idRTpromobo3T_
^tit$e_P7P 9i$e /p$oad^Mtit$e_^+orm actionRNup$oad.phpN methodRNP)STN
enctypeRNmu$tipartM+orm-dataN_
^tab$e_
^tr_
^td_Tit$e:^Mtd_
^td_înput typeRNte3tN nameRN+ormDtit$eN_^Mtd_
^Mtr_
^tr_
Page 12
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^td_Description:^Mtd_
^td_^te3tarea nameRN+ormDdescriptionN co$sRN;5N ro,sRN5N_^Mte3tarea_^Mtd_
^Mtr_
^tr_
^td_^Mtd_
^td_
^=php
reBuireDonce Tphpup$oaderMinc$udeDphpup$oader.phpTE
MMStep : #reate /p$oader object.
Sup$oaderRne, Php/p$oader12E
MMStep ;: Set a uniBue name to /p$oader
Sup$oader-_*ameRTmyup$oaderTE
MMStep <: 'ender /p$oader
Sup$oader-_'ender12E
=_
^Mtd_
^Mtr_
^tr_
^td_^Mtd_
^td_înput typeRNsubmitN nameRNsubmitN va$ueRNsubmitN_^Mtd_
^Mtr_
^Mtab$e_
^M+orm_
^M$i_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
Page 13
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_^Mhtm$_
7-loginproc.php
^=php
MM %nia$iIe session
sessionDstart12E
MM %nc$ude database connection settin.s
inc$ude1Ncon+i..incN2E
MM 'etrieve username and pass,ord +rom database accordin. to userNs input
S$o.in R mysB$DBuery1TS&L&#T U 9')M $o.in ?7&'& 1username R NT .
mysB$Drea$DescapeDstrin.1SDP)STVNusernameNW2 . TN2 and 1pass,ord R NT .
mysB$Drea$DescapeDstrin.1md51SDP)STVNpass,ordNW22 . TN2T2E
MM #hec6 username and pass,ord match
i+ 1mysB$DnumDro,s1S$o.in2 RR !2 X
MM Set username session variab$e
SDS&SS%)*VNusernameNW R SDP)STVNusernameNWE
Sro, R mysB$D+etchDassoc1S$o.in2E
i+1Sro,VNyearDidNWRR!2
X
MM Pump to secured pa.e +or second year students
header1NLocation: year!homepa.e.phpN2E
Page 14
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Y
e$se
X
MM Pump to secured pa.e +or +irst year students
header1NLocation: yearhomepa.e.phpN2E
Y
Y
e$se X
Y
mysB$D+reeDresu$t1S$o.in2E
=_
8-logout.php
^=php
MM %nia$iIe session
sessionDstart12E
MM De$ete certain session
unset1SDS&SS%)*VNusernameNW2E
MM De$ete a$$ session variab$es
MM sessionDdestroy12E
=_
Page 25
D%SS&'T(T%)* '&P)'T
May 5, 0!!
10-post_activity.php
^=php
i+1SaDdescription and SaDdetai$s and ScDdescription and ScDdetai$s2
X
[ connect to MyS8L
or die1T&rr:#onnT2E
or die1T&rr:DbT2E
[ create the Buery
SsB$RTinsert into postDactivity 1aDdescription, aDdetai$s, cDdescription,
cDdetai$s2
va$ues 1]TSaDdescription]T, ]TSaDdetai$s]T, ]TScDdescription]T, ]TScDdetai$s]T 2TE
[ e3ecute the Buery
print T^head_^Mhead_^body_^b_'ecord +or SaDdescription success+u$$y
added to the database^Mb_^Mbody_TE
Y
Page 2/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
=_
11-post_activity1.php
^=php
MM %nia$iIe session
sessionDstart12E
Y
=_
^head_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
Page 2+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^Mu$_
^div idRTnavT_
û$_
^$i_â hre+RTyearhomepa.e.phpT_Main Menu^Ma_^M$i_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_

^div idRTpromobo3T_

^$i c$assRNpromobo3;N_
^+orm methodRT.etT actionRTpostDactivity.phpT_
^b_&nter your (ctivity 'ecord^Mb_
^pre_
^se$ect nameRTaDdescriptionT_
ôption va$ueRTa0!T_Trave$in. +or bussiness^Moption_
ôption va$ueRTa0T_Team meetin.^Moption_
ôption va$ueRTa0;T_(na$ysis^Moption_
ôption va$ueRTa0<T_'esearch^Moption_
ôption va$ueRTa05T_Dra+tin. documentation^Moption_
ôption va$ueRTa0>T_0enera$ administration^Moption_
ôption va$ueRTa0@T_?ritin. up meetin.^Moption_
ôption va$ueRTa0AT_Preparin. documentation +or c$ient^Moption_
ôption va$ueRTa0CT_Dra+tin. and sendin. emai$s^Moption_
ôption va$ueRTa!0T_Te$ephone conversation1put ,ho in notes2^Moption_
Page 2-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
ôption va$ueRTa!!T_%n+ormation e$icitation intervie,s^Moption_
ôption va$ueRTa!T_Meetin. ,ith c$ient^Moption_
ôption va$ueRT#hooseT se$ected_P$ease Se$ect...^Moption_
^Mse$ect_
(ctivity Description:
^te3tarea nameRTaDdetai$sT ro,sRT0T co$sRT;<T_
^Mte3tarea_
^Mpre_
^$i_
^b_Main Type o+ #ommunication durin. your (ctivity^Mb_
^pre_
^se$ect nameRTcDdescriptionT_
ôption va$ueRTc0!T_9ace-to-9ace^Moption_
ôption va$ueRTc0T_Mobi$e-Phone^Moption_
ôption va$ueRTc0;T_&-mai$^Moption_
ôption va$ueRTc0<T_&$ectronic #hatM9aceboo6 etc^Moption_
ôption va$ueRTc05T_*o Team #ommunication^Moption_
ôption va$ueRT#hooseT se$ected_P$ease Se$ect...^Moption_
^Mse$ect_
(ctivity Description:
^te3tarea nameRTcDdetai$sT ro,sRT0T co$sRT;0T_
^Mte3tarea_
^Mpre_
^M$i_
^br M_
îm. srcRTunico$$a.e.jp.T a$tRTLo.oT M_^Mp_
^p a$i.nRTcenterT_înput typeRTsubmitT va$ueRTSubmitT c$assRTbtnT_^Mp_
Page 20
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^M+orm_
^Mu$_

^Mdiv_
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
12-post_job2.php
^=php
MM %nia$iIe session
sessionDstart12E
Y
=_
Page 2)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^head_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
#ompany %D:
^=php
[ connect to MyS8L
Page 21
D%SS&'T(T%)* '&P)'T
May 5, 0!!
[ set up tab$e name
[ create the Buery
companyDidTE
[ e3ecute the Buery
X
Y
echo ScompanyDidE
=_
^div idRTpromobo3T_
^$i c$assRNpromobo3N_
^+orm methodRT.etT actionRTaddDjob.phpT_
^Z-- ^div a$i.nRT$e+tT_
^div a$i.nRTcenterT_--_^b_&nter a *e, 'ecord^Mb_
^pre_^Z--^Mpre_
Page 22
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^pre_ --_
^div a$i.nRT$e+tT_^pre_
Pob Tit$e: înput typeRTte3tT nameRTjobDtit$eT siIeRT<0T_
^Mpre_
^Z--^Mpre_
^pre_ --_
Pob Description:
^te3tarea nameRTdescriptionT ro,sRT!5T co$sRT>0T_
^Mte3tarea_^Mdiv_
^Mpre_
^div a$i.nRTcenterT_
înput typeRTsubmitT va$ueRTSubmitT c$assRTbtnT_

^Mdiv_

^M+orm_
^M$i_
^br M_
^br M_
îm. srcRTunico$$a.e.jp.T a$tRTLo.oT M_^Mp_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
Page 23
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
13-show_activitiesbystudent.php
^=php
MM %nia$iIe session
sessionDstart12E
Y
=_
^head_
^Mhead_
^body_
Page 24
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
#ompany %D:
^=php
[ connect to MyS8L
[ set up tab$e name
[ create the Buery
companyDidTE
Page 35
D%SS&'T(T%)* '&P)'T
May 5, 0!!
[ e3ecute the Buery
X
Y
echo ScompanyDidE
=_
^=php
[ connect to MyS8L
[ set up tab$e name
Stab$eDname R TpostDactivityTE
[ create the Buery
SsB$ R TS&L&#T aDid, username, sDname, 9')M Stab$eDname )'D&' "Y
sDnameTE
[ e3ecute the Buery
Page 3/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
SactivityD$ist R Tû$_TE
X
SaDid R Sro,VNaDidNWE
Susername R Sro,VNusernameNWE
SsDname R Sro,VNsDnameNWE
SactivityD$ist .R T^p a$i.nRNcenterN_^$i_
â hre+R]Tsho,Djob.php=aDidRSaDid]T_^+ont co$orR]T[++++++]T_^p
a$i.nRcenter_Susername, SsDname^Ma_TE
Y
SactivityD$ist .R T^Mu$_TE
print T^head_^T%TL&_ "usiness
,ebpa.e^MT%TL&_^Mhead_^body_^7!_List o+ Pobs avai$ab$e:^M7!_
^P_Se$ect a job +rom the $ist be$o,, to vie, the +u$$ description and
app$y:^MP_^b_^p_^stron._ SactivityD$ist^Mb_^Mbody_TE
=_
^Mdiv_
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
Page 3+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
14-show_job2.php
^=php
MM %nia$iIe session
sessionDstart12E
Y
=_
^head_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
Page 3-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^div idRTnavT_
û$_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_

^=php
[ set up tab$e name
SdbDname R TbusinessDprojectTE
[ connect to MyS8L
Sdb R \mysB$Dse$ectDdb1SdbDname, Sconnection2
[ create the Buery
Sch6Did R TS&L&#T id 9')M Stab$eDname ?7&'& id R NSD0&TVidWNTE
Sch6DidDres R \mysB$DBuery1Sch6Did,Sconnection2 or die1mysB$Derror122E
Sch6DidDnum R mysB$DnumDro,s1Sch6DidDres2E
[ chec6 +or va$id resu$ts
i+ 1ch6DidDnum ZR 02 X
[i+ not va$id, redirect to menu
Page 30
D%SS&'T(T%)* '&P)'T
May 5, 0!!
header1TLocation: http:MM!@.0.0.!Msecuredpa.e.phpT2E
e3itE
Y e$se X
[i+ va$id, .et in+ormation
SsB$ R TS&L&#T companyDid, jobDtit$e, description 9')M Stab$eDname ?7&'&
id R NSD0&TVidWNTE
Sresu$t R \mysB$DBuery1SsB$,Sconnection2 or die1mysB$Derror122E
[ .et resu$ts +or disp$ay
,hi$e 1Sro, R mysB$D+etchDarray1Sresu$t22 X
SjobDtit$e R Sro,VNjobDtit$eNWE
Sdescription R Sro,VNdescriptionNWE
Y
Y
printT ^7TML_
^7&(D_
^T%TL&_ Pob Detai$s:^MT%TL&_
^M7&(D_
^")DY_
^7!_ Pob Detai$s +or #ompany ScompanyDid ^M7!_
^7_SjobDtit$e ^M7_
^p_^stron._ ^Mstron._^br_^br_
Sdescription^Mp_
^p c$assR$in6_HnbspE^Mp_
â hre+R+i$eDup$oad.php tit$eR(pp$y c$assRbtn_(pp$y^Ma_
â hre+Rsho,Djobsbyname#).php tit$eR(pp$y c$assRbtn_"ac6 to Pobs^Ma_
Page 3)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^M")DY_T
=_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
15-show_job22.php
^=php
MM %nia$iIe session
sessionDstart12E
Y
Page 31
D%SS&'T(T%)* '&P)'T
May 5, 0!!
=_
^head_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
^$i_â hre+RTsecuredpa.e.phpT_Main Menu^Ma_^M$i_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
^p_^b_/sername: ^b_^=php echo SDS&SS%)*VNusernameNWE =
_^Mb_^p_
#ompany %D:
Page 32
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^=php
[ connect to MyS8L
[ set up tab$e name
[ create the Buery
companyDidTE
[ e3ecute the Buery
X
Y
echo ScompanyDidE
=_
^=php
[ set up tab$e name
SdbDname R TbusinessDprojectTE
Page 33
D%SS&'T(T%)* '&P)'T
May 5, 0!!
[ connect to MyS8L
Sdb R \mysB$Dse$ectDdb1SdbDname, Sconnection2
[ create the Buery
Sch6Did R TS&L&#T id 9')M Stab$eDname ?7&'& id R NSD0&TVidWNTE
Sch6DidDres R \mysB$DBuery1Sch6Did,Sconnection2 or die1mysB$Derror122E
Sch6DidDnum R mysB$DnumDro,s1Sch6DidDres2E
[ chec6 +or va$id resu$ts
i+ 1ch6DidDnum ZR 02 X
[i+ not va$id, redirect to menu
header1TLocation: http:MM!@.0.0.!Msecuredpa.e.phpT2E
e3itE
Y e$se X
[i+ va$id, .et in+ormation
SsB$ R TS&L&#T companyDid, jobDtit$e, description 9')M Stab$eDname ?7&'&
id R NSD0&TVidWNTE
Sresu$t R \mysB$DBuery1SsB$,Sconnection2 or die1mysB$Derror122E
[ .et resu$ts +or disp$ay
,hi$e 1Sro, R mysB$D+etchDarray1Sresu$t22 X
Sdescription R Sro,VNdescriptionNWE
Y
Y
printT ^7TML_
Page 34
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^7&(D_
^T%TL&_ Pob Detai$s:^MT%TL&_
^M7&(D_
^")DY_
^7!_ Pob Detai$s +or #ompany ScompanyDid ^M7!_
^7_SjobDtit$e ^M7_
^p_^stron._ ^Mstron._^br_^br_
Sdescription^Mp_
â hre+Rsho,Djobsbyname#).php tit$eR(pp$y c$assRbtn_"ac6 to Pobs^Ma_
^M")DY_T
=_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
^$i_â hre+RTcontent.htm$T_Terms HampE #onditions^Ma_^M$i_
^$i_â hre+RTcontent.htm$T_Privacy Po$icy^Ma_^M$i_
^$i_â hre+RTcontent.htm$T_System Status^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
16-show_jobsbynameCO.php
Page 45
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^=php
MM %nia$iIe session
sessionDstart12E
Y
=_
^head_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
Page 4/
D%SS&'T(T%)* '&P)'T
May 5, 0!!
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
^=php
[ connect to MyS8L
[ set up tab$e name
[ create the Buery
SsB$ R TS&L&#T id, companyDid, jobDtit$e 9')M Stab$eDname )'D&' "Y
jobDtit$eTE
[ e3ecute the Buery
SjobD$ist R Tû$_TE
X
Sid R Sro,VNidNWE
Page 4+
D%SS&'T(T%)* '&P)'T
May 5, 0!!
SjobD$ist .R T^$i c$assRNjobs$istN_â hre+R]Tsho,Djob.php=
idRSid]T_SjobDtit$e^Ma_^M$i_TE
Y
SjobD$ist .R T^Mu$_TE
print T^head_^T%TL&_ "usiness ,ebpa.e^MT%TL&_^Mhead_^body_
^P_Se$ect a job +rom the $ist be$o,, to vie, the +u$$
description:^MP_^p_^stron._ SjobD$ist^Mbody_TE
=_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
17-show_jobsbynameCO2.php
^=php
MM %nia$iIe session
sessionDstart12E
Page 4-
D%SS&'T(T%)* '&P)'T
May 5, 0!!
Y
=_
^head_
^Mhead_
^body_
^div idRTheaderT_
û$ idRTtop$in6sT_
^Mu$_
^div idRTnavT_
û$_
^Mu$_
^Mdiv_
û$ idRTpromobo3T_
Page 40
D%SS&'T(T%)* '&P)'T
May 5, 0!!
#ompany %D:
^=php
[ connect to MyS8L
[ set up tab$e name
[ create the Buery
companyDidTE
[ e3ecute the Buery
X
Y
echo ScompanyDidE
=_
^=php
[ connect to MyS8L
Page 4)
D%SS&'T(T%)* '&P)'T
May 5, 0!!
[ set up tab$e name
[ create the Buery
SsB$ R TS&L&#T id, companyDid, jobDtit$e 9')M Stab$eDname )'D&' "Y
jobDtit$eTE
[ e3ecute the Buery
SjobD$ist R Tû$_TE
X
Sid R Sro,VNidNWE
SjobD$ist .R T^$i c$assRNjobs$istN_â hre+R]Tsho,Djob.php=
idRSid]T_SjobDtit$e^Ma_^M$i_TE
Y
SjobD$ist .R T^Mu$_TE
print T^head_^T%TL&_ "usiness ,ebpa.e^MT%TL&_^Mhead_^body_
^P_Se$ect a job +rom the $ist be$o,, to vie, the +u$$
description:^MP_^p_^stron._ SjobD$ist^Mbody_TE
Page 41
D%SS&'T(T%)* '&P)'T
May 5, 0!!
=_
^Mu$_
^Mdiv_
^div idRT+ooterT_
û$_
Porta$^Ma_^M$i_
^Mu$_
^Mdiv_
^Mbody_
^Mhtm$_
18-upload.php and config.inc
/p$oad.php
^=php reBuireDonce Tphpup$oaderMinc$udeDphpup$oader.phpT =_
^=php
inc$ude 1Tcon+i..incT2E
SdescRSDP)STVN+ormDdescriptionNWE
Stit$eRSDP)STVN+ormDtit$eNWE
Sresu$tRMYS8LD8/&'Y1T%*S&'T %*T) up$oads 1tit$e,description, data2 T.
T:(L/&S 1NStit$eN,NSdescN,NSdataN2T2E
SidR mysB$DinsertDid12E
MM0ets the 0/%D o+ the +i$e based on up$oader name
S+i$e.uidRSDP)STVTmyup$oaderTWE
echo S+i$e.uidE
Page 42
D%SS&'T(T%)* '&P)'T
May 5, 0!!
i+1S+i$e.uid2
X
MM.et the up$oaded +i$e based on 0/%D
i+1Smvc+i$e2
X
MM0ets the name o+ the +i$e.
echo1Smvc+i$e-_9i$e*ame2E
MM0ets the temp +i$e path.
echo1Smvc+i$e-_9i$ePath2E
MM0ets the siIe o+ the +i$e.
echo1Smvc+i$e-_9i$eSiIe2E
MM#opys the up$oaded +i$e to a ne, $ocation.
Smvc+i$e-_#opyTo1Thttp:MM$oca$hostM"$ueMup$oadsT2E
MMMoves the up$oaded +i$e to a ne, $ocation.
Smvc+i$e-_MoveTo1Thttp:MM$oca$hostM"$ueMup$oadsT2E
MMDe$etes this instance.
Smvc+i$e-_De$ete12E
Y
Y
=_
#on+i..inc
^=php
Shostname R N$oca$hostNE MM Your MyS8L hostname.
Sdbname R NbusinessDprojectNE MM Your database name.
Susername R NrootNE MM Your database username.
Spass,ord R N!;!50NE MM Your database pass,ord.
MM connect to host
mysB$Dconnect1Shostname, Susername, Spass,ord2 or D%&1N#onnection to host is
+ai$ed, perhaps the service is do,nZN2E
MM Se$ect the database
Page 43
D%SS&'T(T%)* '&P)'T
May 5, 0!!
mysB$Dse$ectDdb1Sdbname2 or D%&1NDatabase name is not avai$ab$eZN2E
=_
Page 44

BSc ICT Employee Database

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

BSc ICT Employee Database

Uploaded by

Copyright:

Available Formats

The UNIVERSITY of GREENWICH

MEDWAY SCHOOL OF ENGINEERING

You might also like