SIWESTECHNICALREPORT I

RIVERSSTATEUNIVERSITY
OFSCIENCEAND
TECHNOLOGY
p.M.B.5080,NKP' OL u..oROWOROKWO,PORTHARCOUR

DEPARTMENT OFCOl\fPUTER SCJENCE

SJXMONTHS REPORTONSTUDENTSINDUSTRIAL
WOR KEXPERIENCE SCHEJ\1E (SIWES

AT
AD'MASITPLACE
OPPOSITEBORICAMPRUMUOLA,PORTHARCOURT',RI
SSTATE.

EJEDAFETAEJIRONDJFEREKED
E.2014/2883
 SIWESTECHNICALREPORT I
DEDICATION

ThEreport ]s dedicatedfor,ID)St coGodahnightyfurhisfavour,n-ercyandgraceuponmy

lifuespeciallydurmgmysix(6)m:mtihsSIVVESprogrannIE atAd'nns ITPlace..

I woukl also like to dedicate it to myparents and siblings fortheirhv and suppo

, veiyone elethat comhut towardsmakJn.gn1ySI\VEStraining afunandsuccessfulone

 SIWESTECHNICALREPORT I
AKNOWLED GEMEN T
My appreciation goes to the industrial Training Fund fur their foresight m putting this

programinplac.

1amgrate'-11toAd'nnsforprovidingire withthenecessary skills to be

inmyfield.Ialsowanttosayabigthank:you to myinch1stiybased sup.nrisors :Mr.Klvinand Nlr.S

n1y abC: colleague :fur rmking mystay at d'n1fts. an exciting and blissful one.

To:my parents and siblings thank: you allfur yournnraland financial support Icamot wlibforab u

I am deeply indebted to God ahnlght.y, the givr of all wisdofl\ knowl2.dg

andund rstanding, without whom iwoull hav aclre.vednothing atall

Finally to n1y Institution based supwisor for ms support and to my other fren

colleagues.Tbarikyouall,IamIDgh.lygratieful
 SIWESTECHNICALREPORT I
ABSTRACT

This industrialreponpresents. th xperi n egain dduringmysix 6)monthsofindustrialtrainingund rtakenatA

ITPlac oppositeBoriCamp Ruuuoia PortHarcourt Ri ers State.
MytrainingwasonW bD signandadvan dWebD sign.
Iacquiredpm ricalknowledg onhowtodes.ignaw bs.iteandhowtoaddandmanagre ordsinadataha .This
rep01td iscuss s th t hnicals.kill.sgainedd uringt hetra.iningperiodandjrustifyingth rel van
.chenminequippin gs.tudntswithneededtchnical omptnee tothriv inthere.alworld
 SIWESTECHNICALREPORT I
TABLEOFCONTENT

CoverPage
TitlePage
Dedicatbn ............................................................................................................................ 1
Aclk:rtowled, genEnt .............................................................................. ,.2.
Abstract. ................................................ ............................................,,3
Table,ofContent .......................................................................................................................... 4

Chapter1
lntrct dueti.on...............,,............,.....................,.............,..........., ....................................... 1
Ptu:po se ,of1training............................................................ ,........................................................................
Brief story of Skves.............................................................................,........
Bod esinvolvedinsiwes.,.....,................................................., .................................
Ain1sa1·d·. nob, _ .ectr.ves ot"S.l\¥es ..............................................................................................

BenetitsofIndustria 1Training ..................................................................................................

Descriptionoftheestablishirentof'd1eattachmen ..............................................................
,Objectives and vision ofAd'nns ITPlace................................................,......,.10
Company'sareaofspecialization .......................................................................................
Depafitn tsinthe conipany...................................................................., ...11

Chapter2
Indus,bialE-xpe ri,e nee ..................................................................................................................
web,dsjgndepartn:lent. .................................................................................................................
Defin it ion of'ter.1ll3.....••......•......•.....•.•.....••.....••.....•..............••.....••.....•..,...12.
.'fI1vll... and itsproperiti.es ..................................................................... , .....................................
CSSandit5p:roperties ....................................................................................................................
WbsitedsignusingHTMLandCSS .....................................................................................
 SIWESTECHNICALREPORT I
MyfullwebsitewithHTivlL,CSS,JavaScript,PHP,andsenttoDatabase ..................................... 4

Chapter3
SkillsacquiredandchaUengesencountered ..................................................................... 3
Technica1skillsacquired ........................................................................................................... 44
Socialandfunctionalskillsacquired ...........................................................................................44
PersomllinplltbytJheoonvany(Ad 'nnsITPlace) ............................................................45
Challenges encomtered ..........................................................................................................45

Chapter4
Co·ncl11Sionand:Reconm.endatiom,............................................................................................................................................................................4
Conclusion .................................................................................................................................................. 46
Recoillll1endati o.ns.....•.............•......•..............•.............•......• ................... 46

Rete renee.............,.......... 11!1 ·47

1 1 !1 •••••••••••11!1 •••••••••••••••••••••••1 1!1 ••••••••••••••••••••••••••••
 SIWESTECHNICALREPORT I
CHAPTER 1

IN1RODUCTION

1.0 PURPOSE OF1RAINING:

Thesmdent.indusl'rialwork xprience scheme(SIWES)popularlycalled

IndustrialTraining (lT) by Nigerian studnts is a yarly

program design by the instit-ruion in

collaborationw.ththeindustriestogiVistudentstheopportunitytogainpract£alworkingexperie

eirvarious

fieldofstudyorareaofspecnlization.Itisanefforttobridgetheexistinggapbetw'eenclassroomtheo

practical's inengineering, man

andotherprofissionalprograrrnintheNigeriantrtiuyinstitutions.

Trainingisakeyfactorinchanging,xprtiseofaworkfofCe.Theworklispassingthrougho

worsteconomiccrisisinr ecenttitne.Boththede.v.bpdanddveloping economicsareexpriencing

1 1

cononlicdownturns .

Globalizationhastumd dieworldintoonebigvillageandwhat,v.rhappensinone

,econo:mywillhaveeffectsinothereconomicsandthegrowingcone.emannngourindustrm]isti

duatsofourinstitutionsofhigherlearning,lackadeq uatpracticalbackgroundstudies,soastohelp

llStriesledtothefonnationofSmdemIndustrialWorkExprinee Sche(SIVVES) bylTF1993/1

Itist11roughthisInd ustrialTrainingthattheducationalsystemsaml'Sathelpings md,e:nt

,appropriatskills abililiesandconJPtncies bothrr:nt alandphysicai aswell aseqlliptheindividua

insociety.The focusofthe IndustrialTrainingFund

 SIWESTECHNICALREPORT I
nedsofthesociety.Itwas againsttE:lls background that SJWES,othenvisere:fimed ro

indusll:'ialTraining (IT) wasmtroduced inNigerian tniaryinsticucion

1.1 S1'VES:(Studentlndmbial WorkExperience Scheme)

Sincetheaimofournathnalpolicyineducationis tobuild astrongand self=reliant

nation,ftomthegovermxm.1'sder No.47ofgth Octobr, 1971asa:nde

whichledtotheestablishnntofIndutrnlTrainingFund(lTF)in19'73/1974andthrough thefonrn.t

body(11F) intheyar199311994andthroughthe formationofthisbody

(l1F) mthe y ar 1993/1974 SIWES was formed.InNigeria, the current formofCoop rativ
Education isknownastheStudentsIndustrial Work Exprience Scheme(SIWES).

The Studnts lndutr.Ill Womtt Exp reno Scherre. (Sl\VES) :i a phnn

super ed training irJt,rvention bas d on stated and specific learning and car. r objecti

andgearedtowardsdev.bpingtheoccupati>naloorrptnciesoftheparticipants.Theaim.is

.make ducatio.n more relevance and alsoto bridg thescienoe-relatddisc.ipllnes.intrt

institutions inNigeria.

Sl\VES :bl nm part oftheapprovd mmnmm.acad.micstandaros 1ntheinsriutions,

and i acoreacadmicrequirIDBnccarryingfiften(15)creditunits.Thisrequiremem fillSt

bemetbyallstudents invarn us djsciplines beforegraduation

 SIWESTECHNICALREPORT I
1.2 BOUIESINVOLVEDINSIW'ES:

Therrninbodesinvolved inStudentIndustrialWorkExperience Scheme are;

The trtnry:institution.;; and the Federal Govermnent through the Industrial Training

(ITF).

Othersupervii;;ingagenciesinclude:

1. Natbna l Univ rsit.y Commission (NUC)

2. NatbnalBoardforTectmi:al Education(NBTE)

3. .NatbnalCouncil forcolleges forEducation (NCCE)

4. Industry/Emp loyers (NECA,NACCIMA MAN,Gov,mment Establishments)

5. TertiaryInstitutions(Umversites Polytedm.ics,CollegesofEducation)

6. Stud nt Trainees (Engineering, Sc1enc ,Technology NCE Technical).

Thefunctionsoftheseanciesabov areto:

1. Ensureadequatefundingof[hesche.me

2. Establish SIWESandaccreditSIWESunit intheapprovedinstit.utioms

3. Frn.m.tlate p6licies and guideline furpart.i:.jpatingbodE.s andinstitutions as w

appointingSIWEScoordinators andsupportingstaff

4. SupfVis,estudms at their pbces ofat.tacl:urem and sign their log book: and I

fonm.

5. Vtandprocessstude·rusLogbooksandrorwardsametoITFareaoffice

6. Eni;;urepayn1Bntofallalbwances forthestudnts andsuprvisors.

1.3 NATUREANDSCOPEOFSIWES:
 SIWESTECHNICALREPORT I
of attachn"ent.over the ntire priod of the cours should prefirably b not short

than240hrs full time which willtak p.hcedming tenn-tll"re. orlong vocation

Inductionsessbn'iwhichisconducted

byteachingdepartntstoinstaUtheconceptsofkeyskills(skillsforlearning,employm.ntandlifi)w

satityandpro:fessbnalexpectations legalitiesandethics.

L4 AIMSANDOBJECTIVES OFSTINES:

The specific objectives ofSIVIES were sllllIDfilized bythe federalgoverru:rent asfollows:

1. To provde students with an opportunity to apply their knowbdge inr, al work

andacrualpractice.

2. To make the transtbn ftom schoolto theworld of wo eas1r andto, rd

studntscontacts furlaterjobplacement

3.Advancedcountries,withover100yearsofsustainedindustrialdvelopire.nt.andreJquisitetec

ndhumaninfras tructurebav.benabetoadequatlyimplement.industrialtrainingfortheir

4.. They also include providing a structural attachment program. wlh

emphasf)applications, management and hands-on xprinee :for stud ms

apply knowledge

acquired.

5. Italso ailsstudencs toacquir practica lskill :inotherroscrngt: n ilieirworkvalu

6. Moreover :it helps the.n1to gain int erpersonaland ":ntrepreneurial skills and aJso instil
1

inthemtheright.kindofworkattitudesandprofessionalismthroughfilt,ractions
 SIWESTECHNICALREPORT I
1.5 BENEFITSOFIN" DUSTRIALTRAINING:

Expertsidentifiedindustrialexprienceasneessiyforproperjobprparatbn1hf:sisbecan

ivityisenhaoce,dbyexpriencegraduateornew entranceintothe wod:lofwork rally neds and

xposure to the valu and skills of the industry. Tuerfor,,

withoutappropriateskillsand,xperiencesyounggraduatesan.notproperl)trainedonwod:::,norm

ebbaviourannngothers, fues,ecorrponents will n'iur suco·ss at thejobplao .

Today Infunmtim and CollllllJfJicationTechnology (IC1)is changing the way many

jobsarep rfom18d,thus alteringtheknowledgeandskillsrequiredofwork:rs.Consequntly,

anewlevelofcomptency15requir1dofourstudents.Tbiscannotbsufficintlyn""etbytrainingfacilit

educationinstimti::msheno,theneedfur collaborativ ffOrtbetween:institutionsandindutrial .

The majorbenefits accruingto studnts who

partripaeoonscenti>uslyinindustrialtrammgaretheskillsandco

nciestheyacquir.TheserelevantproductionskiJE(RPSs)

remain a part.oftherecipients ofindustrial trainingas lifelong assts w:bichcannotbe taken

away from the.m.This.isbcaus theknowledgeand skTh acquired through train

internalized andbecon'.'er,leantwhenr,quired to performjobs or:functions.Severaloth

bene.fts canaccru ·tosn11.dentswhoprutcipaneinindustrial training.

Provision of an nabling environrrent where srudents can de\ lo

nhanceprsonalattributs

suchascriticalthinking,creativity,initiativere.somroe:fulnessleadrshiptirrernanagen

nt,pn1sentationskills andintIpersonalskills arrnngstothers.

 SIWESTECHNICALREPORT I
1.6 DESCRIPTIONOFTHEESTABLISHlVIENTOFTHEATTACHlVIENT

The establisihn:-ent is called Ad'nns LT PLACE· it is an infumntio

conmunicaition technology company wdh broad expertise in lCT colllSukancy.

Digital Technologies ltd (RC 365322) JS a Nigerian based t lecomrrmication

tiechnobgyconglomarat :inco-opratdin 1999andoffe

rangeofauton:nt,edandintgratedsoh.ltioninbroad sp ·trum of cm:rputrs and tebcomrruni

hnobgy.Thislargetdmology-orientedcorporationisonrecord to b the cheap st

for.b]ghqualitygoodsandservicesand has a high reputation fur pr

incustomization,distribut.hnand after-sales srvres ofhptop, desktops, printers, softwareand

of systmaccesones, securt.y gadgets and comrnmication equipnxmt's s

nnin.tenance,softwaredvlopnt, training andsoft.warecustonlization.

1.7 OBJECTIVESANDVISIONOFAD'MASITPLACE

1. To s·n;. as acatalyst for bothindiidualand collectiv. dvlopn1nt tmo

provisnnofcuttingedgetechnologicalserver'ssolution,resourcesandguiiance.

2.. Toproduc profissio.nalsindm raofglobalt hnologies.

3. To otrer a wid range of amomued and intgratd sobtbn in broad spec

computer and telecommunication

4. Tobuildbridgesbewenneedandthesolution.

5.. Ad'nns IT PLACE sposition to offirum:ru and innovative solution to clien

tern:Eoftechnologies.

6. Om vision is to beconle the leading full-srvice infbrmation and

 SIWESTECHNICALREPORT I
1.8 COM.PANY'SAREAOFSPECIALIZATION

Withat·amofseasonedCOitlput.erEnginersandPrograminerswithprovent:rackrecords

:in co1q:mter andoomrrnnicalionbusiness, the companyoffers the fulbw:ingwile aras

sp ializatio n

1. Rpairs Asserrh1ingandMaintnanoeofcorrputrs

2. Sales and Leas of allup-to dat Computrs Computr pripheral an

conl.llnlbcs

J. Sa.sofPhotocopyingandFaxMachines

4. SoftwareDevelopmentandMamtnano

5. ConiprnerNtworking andMaintnance

6. VSATInstaDationandMaintnance, RadioandotheroomJIDOicat.ion qillprren

7. WebDevelopment

8. Internet.andE-mailServices

'9. TrainingSrvices

1.9 DEPARTMENTSINTHEC0 MPANY 1

A Computrrepairandnnintnances dpartment

B. Net.work:ingdepart.It'ent

C. Soft.waredevelopntdeparll:rent

D. Salesdpanmenc

E. Intmetca:ff.e
 SIWESTECHNICALREPORT I
CHAPTER2

INDUSTRIALEXPERIENCE

2.0 WEB DESIGNDEPARTMENT

Thls dpartmmt waswheremyJndu'itr1alTrainingtook:pl1cewhereiwasgrounded

andexpos, to the wbsit world sp ially the c, ation ofwbsit s taking mB step by stp

withpracticalallthroughtheprooss.

2.1 DEFINITIONO,F1ERMS

Thefolbwingaretermsthat.we1 rmd us of,inthisdpartm.:nt

'\NEBSITE:

Awebsitisa st of relatedwebpages containing ,contnt such as

imagesvideosaudiosetc.Awebsite ishost donatleast.one wb server, accessibl

anetwork:suchastheintmetoraprivateLANtb.rol1e_,.aninternet.addressknownasaURL(UnivrsalR

Locator)..Aplibliclyaccessiblewebsites·OOlleccivelyconstitlltestheWorldWideWeb (WWW

"WEBPAGE:

A webpageisadocl1ID3nt typica llywritten inplain t xt interspersed withfon

instnICtionsofhypertxt.narlc uplanguage (HTNIL,XH11VIL)..Awbpae; may inco

,eJerrentsfromotherwbsit,eswithsutable anchors. Webpa_ gesare acc

transportedwiththehypertexttransfer protocol (H1TP), whch n:ny occasionally

":1ncryplion(HTIP secure HTIPS) to provil scuriry and pnvacy for theu, of thew bpage c

user's application oti:en a webbro'WSer renders diepage oonrent according to itsHIML

 SIWESTECHNICALREPORT I
HfTP:

Thls standsforHyper Txt.TransferProtocolwhichisthesetofrulesfortransirring

:files(text graphic innges, sound video and other m.tltimedia filis) on the World W

wb.
URL:

This stands rorUniforn1Resourc Locator and as the name suggests, itprovi:l s a

waytobcarearesource ontheweb thehypertextsystmthatoperates ovrthe int met

2.2 HfMLANDrrsPROPERTIES

HTML stands torHypertextMark-upLanguage and i1 the nnst

widelyusedlanguage towriteWbPages.

••Hypertext refers to the way inwhich Web pages (HTML documents) ar

together..Thus thelink availab onawebpage iscalled Hyprt,ex.t

•• As its name suggests, HTML ·f:s a MarkupLanguage whichnl!ans youus

to s.irrply rm.rk:-up' a
11 11
txt document. w i:h tags that. tell a Web br{)wser how

struct ure.ittoilisplay.

Originally, HTML was dvlopedwith title intnt ofde:firringthe structure ofdocrnrems Jik, headings

paragraphs lists and so :forth co facilitate the sharing of scintific.

:imonratbnbetw nres archers.

Now, HTML is being widely nsd to furn"llt wb pages withthe help of di.ftennt

available :inHTMLlanguage.
 SIWESTECHNICALREPORT I
2.2.1 HfMLTAGS:

AstoklearJi·rHTMLisamarkuplanguageandmaesuseofvarioustagscotbnnatthecon

tagsare nclosedwithinanglebraes<TagName>.Exeptrewtags,Il))Stof the tags bav

corresponding dosing tags. For xample, <hbnl>fuas its closing

tag<lhhD>and <hody>tagbasitsclosingtag</body>tag tc.

Therollowingar,ethenarresoftagsandtheirdscr:iption.

Tag Descrip·tion

<llllnl> 1his tag encbses the corrplet ,e HTNIL doctJit'e.nt

mainlycm:qJnssofdocurre.ntheadrwhichtsrepres,e:ntedby<

ad>....<lh.ead>anddocntbodywhichJSrprsntdby<:body>

body>tags..

1
<head> 'Thistagrepr , sents thedocrn:rent sheader whichcanIcep

other HTML tags like <title>,<limk>, <script langu

]avascript>, tc.

<title> The<tt:C>tagJS used insidethe<head>tagtomention

tli1edOCl.llre,nttitle.

<body> Tustagrpre.sntsthedocument'sbodywhichkepsotherHTML

slike<hl>,<div> ,<p><table>etc.
 SIWESTECHNICALREPORT I
<hl> Tustagrepresentsaheading

<p> Tustagrepresents aparagraph

<b>,<i>'<Ii> '<u1> Bolditalic list unorderedffit

2.2.2 HTIVILTABIE:

TheHTivILtabEmodI allowswebdesignerstoarra

textprei>nnattedtext,nnages ,linksfurfumifiel:lsothertables, tc. :into rows and colunms o

isdefined wilththe<table>tag.

Table aredividedinto tablerows wifih the<n:>tag.Tablerows aredividedinto table

datawiththe<td>tag.Atablerowcanalsobedividd intotableheadingswitih the<th>tag.Table data <

the data containers ofthe table. Theycancontain all sorts ofHTNIL

elements liketxt,images,lists,othertable.s.

CODEVIEW
 SIWESTECHNICALREPORT I
DESIGNVIEW

)II +

j r >11 . 'I Hll I

fNmne. r--------
lr.•1111111 '..1..L( .M Ulllllhj' "'l

2.3 cssANDrrsPROPERTIES
CSSstandsforCascadingStyleSheetns.dforformattinghtn1ldocl.lfllentIt]sastylesheetlan

edforde.scribingthepr,esentationofadocun")!ntwritteninannmk-uplanguage.

Note: CSS codeinot writtn the sameway asHTMLcod i. Tfuismakssns

becansecss1snotHTN.lL,butratherawayofnYtnipulating emtingHTh1L.

2.3.1 REASONSFOR CSS

Thefnlbwing an ,r asonswhyCSS1sbetter

L ItsavsLm

2.. It radicatetheidaofusing , patingcods

3. Itpromsefficiency.indesignandupdates:withcss weareable,toer,aten.i.es

andapplythoserlllistomany len\entswithinthewbsite.

4. Itcanlead to fastr pagedownloads: sincerules areonlydownloaded one

 SIWESTECHNICALREPORT I
lightrpageloads,andiniprovedprfomJanc.Thiscontributstolightrservrload,

andlower requif,encs which overallsaesrrnney forourclients.

5.. Itcreatesexternal file (serverside)formanaging html cont-nt

2.3.2 METHODUSEDBY CSSINFORMATIINGFITMLDOCUl\llENT

1. IDlineStyle:Itisused toapplyauniquestyletoasingleHTivILeementAninlin.e

CSSusesthestyleattribute ofanIITMl. ement

CODEVIE\N DESIGNVIEW

2. Enj)eddedIlnte. malStyle:Itisus,edifonesinglepagehasauniquestyle.Internalstylesa

dwithinthe<style>·elenlent,msidethe<head>secti:>nofanJfl1vILpage.

CODEVJE\iV DESIGN VIEW

 SIWESTECHNICALREPORT I
3. External Style: Wih an, xtemal style sheet youcanchange thelookofan

wbsit by changingjustonefile.Eachpagemuseincludeare:ferenc totheex

styleshootfileimddethe<link>,elamentThe<link>elerrentgoesinsid the<head>sction

nusmg xt rnalcss itis pr:firable to p thecss

:fromyourHTML.PlacingCSSinaseparatefileallows the web designer to complet

ntiate btween cont ru(HI':ML) and design (CSS). Ext mal CSS isa filethat

contains onlyC SS cod and E.saved witha ''.css'fileeXJtension ThsCSSisthen

referenced1n)"OurHTMLusingthe<link>insteadof<st.ye>asearlierstated.

EXTERNAL CSSFILE HTNILCODE DESIGNVIEW

bo {

}
{

I){

2.3.3 CSSSELECTORSANDHO·WTHEYCANBEUSED

CSSsleetorsareusd tofindorselectH.Th1L lemerusbasedontheir lenl8n

idorclass

1. Element Selector:Theelerrem.slecors·elects lemantsbas dontheelef1)8,ntna

2. IdSelector: The id seector uses the id attribut ofanHTMLelamentto selec

specific ·ele:nt The id of an lerrent should b lDllquewithinapage so

selectorisllSedtoselec onetmi)_ueelen'"£11te.g.id=hello css#helb{color;red

 SIWESTECHNICALREPORT I
2.3.4 CSSRULESOVERRIDING

1. Any:iolinestylesheettakesthehighestprbrity,soitwilloverrideanyruledefinedin

<style>......</style>tags.

2. Anyruledefinedin<style>...-.-.-.</style>tagswilloverridetheruesdefinedinany

, xtlenmlstylesheetire:..

2.3.5 CSSCOMMENTS

Tosimplypu con'lllUltinsidea scylesheetyou llse/*...........*!,you

canuseittocommentmulti-lineblocksinsimilarwayasyou doincandc++programminglanguag

2.3.6 BACKGROUND ANDFONT OFVARIOUS HTM:L

ELEMENTSYou·CansetthetbUowingbackgroundpropertiesofan leme:nt

1. The background-color: Isapropertyusedtosetthecolorback.groundofanelenrnt.

2. The backgromd.-image property: is used to S· t the background image

·elenr.nt.

3. The backgmmd. repeat: Is usdto controlthe rep ttionof an mnge

background.

4. The backgmmtd position: Is usedto controlthe position of an mnge

background.

5. The back.groundattachment: Isused tocontrolthe scrollingofaninngeinthe

background.

6. The backgmumd property:ls used as a short handto spcify

 SIWESTECHNICALREPORT I
FONTWHICHARE;

1. TheFomt-famly property: 1bis isusedtochange thefaceofafunt

2. TheFont-styleproperty:This:isus,edtomakeafunt.:italic orobliqn.

3. The Font-weight property:This Eused to increas, or d reas how bold orli

fontappears.

4. TheFont-sheproperty: 'This ius dtoincr as,eordeer as fhesizeofafont

2.3.7 TEXTDECORATION:

Tim dem:mstrate how to dcorate a text incss, the values are none, underline, ov,r

line, line through andblink..

2.3..8 PROPERTIES OFHYPERLINK USING

CSS1.Thelinksigrufiesunvis itdhyperlinks

2. Thelink visif:,ed signifi!s visitedhyprlinks

3. The link: hovered signifies an. elent thatcllffentlyhas the llqer's, mouse

hovring ov;erit.

4. Thelinkac.tiv signifi·s anelement onwhich theuser currently c.fukmg.

 SIWESTECHNICALREPORT I
2.4 '\NEBSITEDESIGNUSINGHTI\l_[LANDCSS

HIMLCODINGVIEW

ncd ;h
ishou d
"
1

ni1· o, rno. . - kin mony -nd

JosepPepGuard1ol eionv·-ncd hat
ID Ii in ··s i.shou1d
no kin mony nd
r></b></· ble>
bcolor="80FFFF
 SIWESTECHNICALREPORT I
CSSCODINGVIEW
.. ...

.
' G!.ne\ 1 ,s ssrifj

id'th 300,px;}

able{magin-leftBpx; }
cground-ma-e .url(manc y2 jpg);
marr-n op1e j
arin- ft.Gp;
background-epeatno-
repatifba ,c:kgroucl-
aitachm'"fix,ed;background-
 SIWESTECHNICALREPORT I
DESIGNVIEW

HOMEPAGE

PHOTOMENU
 SIWESTECHNICALREPORT I
2.5 JAVASCRIPTANDITSPROPERTIES

JavaScript i'i a dynamic corrputer programrning language.. Itis lightw-ight and Il

commonly us·eti as a part of wb pages, whos implementations albwsclientsid s

intract with the us.er and make dyname pages.Itis an interpreted programming language

withobj,"•torientedcapabilities.ItwasdvlopdbyBrnanEiCh1995-1996itisanimplen-.entation of ECM

(European Computer Manufacturers Association).It wasalso known as hvescript later c

javascrJ>t It is us for client si:le wb furmvalidatnnJavascript camotnmw

embeddedintheHT.NIL.

2.5.1 FUNCTIONSOFJAVASCRIPT

1. Itismostcomnnnlyrn·dasaclientsid,cr{>tinglanguagewhichU:np lies

javascript.iswrittenintoanHTh1Lpageandwhenauserr equestanHTh1Lpagewithjavascr
1

initthescript.issenttothebrowser.

2. Itusedforformvalidation.

2.5.2 BROWSERDETECTION

This rerers to afeatureofawebbrowser to·eNeCute ajavascript. cod with

·errorirrsp.ctiv ofits ersio:n

2.5.3 ADVANTAGESOFJAVASCRIPT

1. Less senrer interaction:You can validat u, rinput bfur sendingthepageo

 SIWESTECHNICALREPORT I
3. Increased inleractivity: You can create interfaces that ract when the usrhovers

overthemwitharrnuseoractiva£esthem'Viathekeyboru:d.

4. Ridler intetfaces: You can usejavascript toincludesucbil!-

ITEasdraganddropcorrponent andslidrstogiv arichinterfacetoyoursit visitors

2.5.4 JAVASCRIPfDEVELOPMENTTOO,LS

Oneofthe mjorstrengthsofja ascriptis that it dos

reqwreexpns1ved:elopmenttooB.Onecanbeginwithasimpletext,editorsuchasnotepad

ornot!epad++.Sinceitisaninterpretedlanguageinsidethecontextofawebbrowser, youdon'teve

buyacompiler.

Howver to nnk, lifi simpler, vanous vndors hav come up with ve

javascript, ,ditingtoofa,theyar, macronl.edia Dramwav,r.

2.5.5 JAVASCRIPfSYNTAX

JavaScript.canbelinp.lenruedusingjavascrjpt state. ntsthat.areplaoedwithin

<script>..............</script>HTML'tagsin.awebpage.Youcanplacethe<script>'tags,

containingyourjavascr]pcanywhe1withinyourwbpagebut.:tisnorm.lilyrecon:nrendedthatwe

keepii:withinthe<head>rags

Thescr_pc.tagcakescwoirr.porraruanrihms:

1. Language:Tfuisattributespedfi·swhatscriptinglanguageian1using.

2. Type:Thisati'ribut iswhat:Snowrecomm.ndedtoindicatethescriptinglanguagein

useanditsvalueshouldbesetto'1extljavascript'.
 SIWESTECHNICALREPORT I
2.5..6 COMMENTSINJAVASCRIPT

JavaScriptsupportsbothc-styhandc++st yEcomnl:?.nt.s.11rus:

1. Anyt xtbetw na//andtheendofalineistreatedasacorrml.:tltandisignondby

JavaScript

2.Anytextbtweenthedmract,rs/*and*/istreatdasacolt'llTJant Tusmayspann:ultiplelines

3. JavaScript alorcogmzesthe1-ITMLcomment operungsequence < !--

.JavaScripttreatsthis asasingle-lineconnnmt,just astdosthel/connrnt

4. The HTh1L corrnre:m cbsingsequenc· --!>isnot r ognized byJavaScrip

shouldbewritnas//-->

2..5.7 MYJAVASCRIPf PROGRAIVITOO,UTPUTMYNAME

CODEVIEW DESIGNVIEW

2.5.,8 HOWTOENABLEJAVASCRIPTINBROWSER

Iwastaughtthatallthennd·mbrowserscomewithbuit-

insupportf:orJavaScript.Frequntly,wmayneedtoenable.ordiablethissupportmanually.Thefo

rocedurewillhelpustoenableanddisableJavaScriptInourbrowseIS.
 SIWESTECHNICALREPORT I
2.5.8.1 JAVASCRIPfININTERNETEXPLORER

HerearetlhesnepstommonJavaScriptinImmetExpbrer:

• FollowTools->lnlemetOptiom finm themenu.

• SetSecuritytabfron1thedialogbox.

• ClicktheCuslomLeelbutton.

• Scrolldowntill youfind theScripting option

• S ectEnable radiobutton und rActiveScripting.

• Fmally elideOk

2.5.8.2 JAVASCRIPf INMOZILIA.

FIREF,OXHreareiliestpstotumonJavaScriptinFirefo

x:

• Opena newtab.>typ about: eonfig inthe address bar.

• Thenyouwillfind thewarningdialog.SelectP'Ubecareful,Ipromise.

• Thenyouwill find theJistofconfigure optionsinthebrowsr..

• Inthesarchbar,typejavascriptenabled.

• There you will find the option to enablejavascript byright clicking on the

valueofthatoption->selecttoggle.

Note: Ifjavascript disabled :ii:getsenableduponcliCkingtoggle.

2.5.'8.3 JAVASCRIPf IN GOOGLE

CHROMEHer.earethesnepstommonJavaScriptinChro

rre:
 SIWESTECHNICALREPORT I
2.5.' 9 DATATYPESINJAVASCRIPT

OneoftheITl)St fund anntalcharacrisl'ics ofaprogramrninglanguage is

ofdatatypsitsupportTbesarethetypeofvalusthatcanb

re.presntdandman:ipruatedinaprogrammingIanguage.Theyinclud :

• Nuni>el'S :Thisr,epresents ric valuse.g.100.

• Strings.:Thisrepresntssequno ofcbaractr, .g.Hello.

• Boolean:1hisrpresntsHooeanva.he ithertrueorfa.Js,e

• Nul :Thisreprsentsnothingi.itcanb empty. 1

• Umdefi.ned:Thisrepresentsundefined values.

• Object:Thisrepresentvaluesreturnbyfunction.

2.5.10JAVASCRIPfVARIABLES

Timisame-nxnylocationus,e<lforholdingvalusorLtdforstoringvalusinamen-

nry.var(kyword)isusedtobollavaluorddarea valuitmaksitknowntoacorrpiler int:rpretr.

E.g. varname-----Ddaration

Nam!:='John'-----Initializat.ion

2.3.10.l VARIABLENAMES

While namingthevariablesinJavaScr_pt thefollowingrulesshouldb

mmmd.

• You shouldnotus· anyoftheJavaScriptres,ervdkywords

 SIWESTECHNICALREPORT I
• JavaScript.variabe,namesshouldnotstart.witha·nun1ral(0-

9).1heynnst.bginwithaletteroranunderscorecharactr.For example876ejiroi 1

lid namebut s76ejro,ejm1savalidone.

• JavaScript.variablem1m.s

sensitive.FbrexampleEjiroande.., mare.twodife
irent variables.

CODEVIEW DESIGNVIEW

t< Idoc:yp h l>

orkin.ithJa,a.scrip·t
¢htinI)
c:h d>
B">
fil e:./!IC:/ Users/ejiro-pc/Desktop ·BlJavascript2.htmI
hJ r"' It )

TheAreais:_1-419999999999998
ThePeiimter1.:4.5·99999999999998

f'

..,: •r - r}

2.5.11OPERATORS
Let..mecakeasinipleexprssion

togiveitsniearung4+5=9.Hre4and5arecalledoperandsand''+,iscalleddteoperator.JavaSc
 SIWESTECHNICALREPORT I
1. Aridnne·ticOpera.lors:JavaScript supportsthefollowingarithmetic oprators

an xpression Asunlevariabe Aholds10andvariableBholds20,then

a. Addition (+)e.g.A+B=30

h. Suhtmction(·)e.g..A-B=- 10

c. M ultiplication(*)·e.g.A*B=200

·d Division(/)e.g.BIA=2

e.Mndulus(% )e.g.B%A=0

1: Increment(++)e.g.A++=11

g. Decrement(....)e.g.A--=9

2. Comparison Operarois: JavaScript support. the fullowing compansonoper

Asll!revarnbleAholdsI0andvariableBhold 20then

a. Equal (==).:Checks ifthe vain oftwooperands areequalornot :ifyesthen

theoondilt.bnbecon'.'.estru.e.g.(A=B)isnottrue.

h. NutEqual (!=):C.hecks ifthevalueoftwo oprands areequalornot,if

valuesarenotequaithenthecondi:io.nbecorrestm.e.g.(A!=B)islnl.e.

c.GreaterTham(>):Checksifthevaluoftheleftoperandisgreaterthanthevalueofth

prand,ifys,thentheconditionbcomestrue.e.g.(A>B)isnottrue.

·d LessThan (<):Chee.ks ifthe valu oftheJe:fi:operandislessthanthevaluo

therightoperand,ifyes thenthecondition becomestrue.e.g.(A<B)istrue..

e. Grea te r Than orEqualTo (>=):Checks ifthe valueoftheleioprand is

greatr than or , qual to the valu of the rightoprand, if ys, then

cond tionbcomastru.e.g.(A>=B)isnottru.
 SIWESTECHNICALREPORT I
f. LessThanorEqualTo (<=):Checks ifthevalu ofthelefioprandHle

or equal to the value of the right oprand if yes then the c

beoon-estn1..e.g.(A<=B)itrue.

3.Logical (or Relational) Operators: JavaScripc supports the following

logicaloprators.Assvariable Ahokls 10andvariable holds20 then

a.LogicalAND(&&):Ifboth the oprands ar non ro then theco

beconstru.e.. g.(A&&B)is tru.

b. LogicalOR (II):Ifanyofthe twooperands arenon-zero, thenthecondilion

beoon stru.e.. g.(AIIB)stru.

c. Logical NOT(!):Rversesthe logicalstateofitsoperand.Ifaconditionti

tru .the logical NOTopratorwillmakei:faEe. ·e.g.!(A&&B)isfake.

4.Assigmrient Oprators

5.ConditionalOperators

2.5.12SELECTIONSTATEIVIENTS

Whenwritingaprogram,ther rmyb asiiualionwbenwenedtoadopto.neoutofa

gv
i n s·etof paths.In such cases conditionalstatnlent wr usedwhichallowsourprog

to mike correct decisions and perfonn r]ght actions. The following selection stat

upport dbyJa aScript are:

 SIWESTECHNICALREPORT I
1. IFSTA TEIVIENT: This is thefundarrental control staterrent that allows Jav

tomak decisionsandexecuc statements condi.nnally.

CODEVIEW DESIGNVIEW

2. IF-ELSESTATEMENT: Thisi"thenext formoftheselection staterr.ent.that allows

JavaScript to xecut statmntsmarmr controlled way.

CODEVIEW DESIGNVIEW
r E

To: 11

}
eh
(
ls:•
}
¢(IC.l)

3. IF-ELSE-IF STATEMENT: This JS an advancd furm of if ls that

JavaScript toniak acorrectdecision outofseveralconditions.

CODEVIEW DESIGNVIEW
IfB.-.SEIF J( +
 SIWESTECHNICALREPORT I
4. S'WITCH CASE: Switch cas i'i usd to handle situation rmre fficin

repatedif-else-ifstatm.:l.nts..

CODEVIEW DESIGNVIEW

u
r"l;

2.5.13LOOPSTATEM:ENT

Whilewritingaprogranl,youmayencouruerasituationwhe.reyouneedtop

rfbm1anactio.noverandoveragain.Insuchstuatio.ns youwouldneedto

eloopstateme.ntstoreduce the mnber of lines. JavaScript. suppor

allthe necessary bops to ease downthepressureofprogranmin

1. WHILEL·OOP:Thepurposeofawhileloopistoexecuteastatn"entorcod

peatdlyaslongas anexpressnnisttu.One theexpressionbecomes

fa.ISe,theloopcerminats..

CODEVIE\¥ DESIGNVIEW

lELOOP +

_ (,Iitb
 SIWESTECHNICALREPORT I
2. DO '\VHILE LOOP: This is similar to the \\hie loop except that

theconditionchecks what happens attheend oftheloop.Trusmeans that tlheloopwillalwa

{,xe.cutedatleastonceevenifthecondition iffalse.

CODEVIEW DESIGNVIEW

• I I:

3. FORLOO,P:Tus isthennstcorrpact fom1oflooping.Itioclud s thefu:Jbw ing

three(3)U:nportantparts:

• LoopInitialization where weinitialize ourcounter toastarting value.

TheDritialization statment isexcutdbforetheloopbegiru.

• Tes·tstateJtEntwhich willtestifagiencondition istrueornolIfthe

condi:i:mitru·,thenthecodegvieninside theloopwillbe,

xecuted,otherwiethecontrolwillcomeoutoftheloop.

• llerntionstatement where youcanmcreas or decreas

yourcountr.Note:Allthistbre

(3)partsareinsrt d ina inglelin separat

dbyseinicolons.
 SIWESTECHNICALREPORT I
Afunction isagroupofreusable codewhich canbecalled anywhere inyourprogram.

Tfrneliminates theneedofwriting thesam· codeagainandagain ]thelpsp1ograrnm3,rs

inwri:ingmodular cods.Itallowsaprogran:nrer todivid ab]gprograminto anumb r

ofsmaUandmanage.ab functions.

afur,eweus,eafunction,w dtodefineit_The mostcornm::m waytod.:fin

functioninJavaScriptEbyusingthefunctionkeyword,fullowed byalllliqu 'functionn

alist ofpararret rs (tbis might beempty),andastatement block surrounded bycurlybraces.

Afotoinvokeafunction somewherelatrinthescript, youwould sirrlply nedto

wrietheruureofthatfunct ion

2.6

JAVASCRIPfWOR KUSINGIITlVIL,CSSANDJAVASCRIPTC

odeView

CSSAREA
 SIWESTECHNICALREPORT I

JAVASCRIPTAREA

}
{

}
 SIWESTECHNICALREPORT I
unc·ionchc cu ()

j_'f(con dpnredy ,ocheckou?'))

dcu:urn o en Byid('"d scouot or, • )• ubm ()·,
}

<I c:r p >

</h d)

inr">

<ody>·
<'formll'Fm =d 1
• -oun- or -o l!'I· 'i'Or'ltl .-- -od= ••
ac onnheckQupa'. • 1·-neon rm('Re.a1dy

HTMLAREA

X/•-)

f>

<I'
)

·' ·mu 'd: isc

• f)

<I-,
 SIWESTECHNICALREPORT I
(11-afli;:!l> <ltd>
<I r>
<I b >
<:/div>
<I or >
<:, f'lpUI cla -""buton" lu·-1Res ·
onliek- i"' ()/>
bsp;&nbp;
cL!is.s 1:u.1tto11"v
on
<I

DESIGNVJEW

:oUJntcalrnlator ,,h·I
 SIWESTECHNICALREPORT I
2.7 FHPANDfISPROPERTIES

PHP was originally called PHP/FI whicb rr..aans Persona l Home Pa

Interpret r m 1995 by Ram.JS Leardof H was a. ollection ofPed Script for handlingfurmsubmissi

butJackrrnnyus·ful language :fratures suchas furloop.

PHP/F2 was written m 1997 by Ramus yet with some lacking feature an

ution style. .g.thewhileloop.

PHP3whichnleansPHPHypertextPr-

processorwaslatrwrittnbyRam1s,z.eaveAudraskiandAndiGutman in 1998

linprovementandaddedfiature like databaseaccess.

PHP4waswrittenwiththesluggard"CompareFirstand executeLater" Styleinlate

1998.Thecompmcodewillb u toexecm theobjectcod usingtheZendEngine.

PHP5contain:impnv objectorientdf; ature.

2.7.1 COMM ONUSESO·FPHP

PHP prfomli system.:functions i.e.fromfiles on a systen1itcan create, open,r.ead

wri·,andcbsethem.1heotherases ofPHPare:

• PHP can handl fonns, ie..gatherdata.from·files,sav. datatoafile,thro

email

• Youadd,delete,andnndify·eem-c:nts withinyourdatabasethroughPHP.

• Accesscooki ·svariables and"·etcookies.

• UsingPHP,youcanre.strictusers toaccesssomepagesofyourwebsit .
 SIWESTECHNICALREPORT I
2.7.2 PHPElVIBEDDEDINHTl\llL

OnceyouhavePHPinyourHTivlLdonocsaveit.with .hbnl

CODEVIEW DESIGNVIEW

PHPCODE +

(
'd>

dpp

<!ody>
c/tr111>

2.7.3 ENVIRONMENTALSETUP

In orderto devebpand run my PHP web pages three (3) vi.alcomponents w

ms·talle-0onmyconiputersytem

• Web Senrer: PHP willwork: with virtually allwb r-versoft.war

Microsoft. ruemerInfomntion SeI"\"r(ITS)andwamp,erver.

• Database: PHP will work with virtually alldatabase software

includingMyS QL Oracle.

• PHPParser:Inorderto processPHP script instructnns a parserm

beinstalledtogenerateHTMLoutputthatcanb senttotheWebBro'mter.

2.7.4 COMMENTIN GPHPCODE

A.comment·i)theportionofaprogramthatexistsonlyfortheJium.':'llnr·adrandstrippe
 SIWESTECHNICALREPORT I
• Single-lineconnnen'fs :Tileyaregenera llyusdforshort.

xplana

notesrelevant.tothebcalcode.e.g.#II

• Multi-

linesconmrnts:Theyaregenerallyus,edtoprovidpse111docodealgor.thm

redetailedexp.bnat:bnswhen necessary.1henultilinestyle ofoonnnentin

san\easinC.e.g./ *..........*I

2.7.5 VARIABLE TYPES

Thenninwayto store infi:nmati1n inthemiddleofa

progran1isbynsmgavariable.Theirrportantthingtok:nowaboutvariableinPHPi

• Allvariable mPHPandenotedwithahadingdollarsign($).

• Thevalueofavariable isthevalueofitsrrnstrecentassignment

• Varnblesareassignedwiththe=oprator,withthevariableonthele:tl

hand sideandtheexpresshntobeevauatedo.ntheright

• Varilbles can,butdonotned tobedeclanedbefurea.signnnt.

• Var.ilblesinPHPdonothav::intrinsi::typs-avariabledosnot

know:inadvaooewhetheritwillbeusedtostor anurrherorastringofchar

• Varilbles usedbefur theyareassignedhav defautvalues.

• PHP do s a good job of automatically convrting types finmone to

 SIWESTECHNICALREPORT I
• Doubles:Theyarefloa ting-pointnurrbrse.g.3.14159or49.l

• Booleans:They fuav oruy(WOpossible values ither ttueorfalse.

• NUIL: Is aspecialtyp matonlyhasone valu·:NUIL.

• Strings:Theyaresequencesofcharacters,like'PHPsupportsstrings

operations'.

• AITays:Theyarenan'ledandind,xedcollections ofothervalues.

• Ob,jects:Theyare mstaoosofprogramnr.r-definedclass

whichcanpackageupbothotherkindsofvaluesandfunctionsthatare.spe,ci

eclass.

• Resources: They are instances variahs that hold referen

resouro s xtemaltoPHP(suchasdata.bas" connections).

2.7.7 VARIABLENAMING

Rulesformaming avariable are:

• Varnble narresIlllStbegin witha.lettrorundrscorecharactr.

• Avariable narrecanconsistofnurrnrs,letters mderscoresbu

cannotusedmracterlik +,- %,(,)&,etc.

Note:Thereinostzelimit forvariables.

2.7 .,8 VARAIABLES

Scop can be dfined as the range of aailability a var1able bas topro

 SIWESTECHNICALREPORT I
assJgrutlent outside of that flU1Ctionwillb con'\idered ro b

different. variab£fromtheonecontained inthefunction.

• Global Variables:Incontrast tolocal

aglobalvariablecanbaccessedinanypartoftheprogram..Howverinorde

berrndified,aglobalvariablemust beexplictlydeclared to

globalinthefunctioninwhichitistoberrodifu<l.Thisisaccomplished,con

y,enough, byplacmg thekeywordGLOBALin:fromofthe

variahe that should b recognized as global

2.7.9 ARRAYS

Anarray1sadatastructurethatstoresoneornnrsinillartypofvaluesina

alue.Forexample,ifyouwanttostore100nurrbrs,tlheninstadofdfming100va

sasytodefineanarrayof100lengths.Anarraycon'\istsoftwo(2)basicelemen

• Key

• Value

Thegeneralfur.mofanarray .g. statel 2,3,4ar calledth nam.

=
thelikes ofKaduna,Abuja are.called values. $statel Kadunaetc.

CODEVIEW DESIGNVIElV
 SIWESTECHNICALREPORT I
2.7.10 GETAN DPOSTMETHODS

There are two ways thebrowser clientcansnd:infonnationtotlheweb

• The GETMethod: It sends theencoded us rinformationappended to

the page request Thepage and cheencodedinfOnnation are separac ·d

bythe?character.

• The POST Me'01od: This n:"ethod transfers intbnrntion vn

headers.

Nole:B{.forethebrowsersendsthe infonnation, it,encodesitusin

scherrecalldURLencoding.Inthis scherre, name/value pairs arejoine

e.qualsignsanddifferentparsares<C!paratedbythe a

e.g.namel=valuel&narre2=value&name3=vabe3. Spa·s are r rrnvedandrepl

the +character and anyothernon-alphanuniericcharacters ar,

replacedwith ahexadecimal va lues.Aftr the infurmationis encoded,it is sent

tothebrowser.

2.8

OTHERPHPCODESAND1BEIRDESIG·NC DESIGNVIEW
?HPCOOE X

ODEVIEW
 SIWESTECHNICALREPORT I
2.'9 DATABASEANDITSPROPETIES

StructnredQ ueryLanguage(SQL)isusedtomanipulatedatabaseobjectDatab

aseisatabularrepresentationofdatawithspecific attribut.

2.9.1 DATABASESTRUCTURE

DATABASE

Table1 Table2 Table3 Tab 4

Row1Row2 Row3

Co.lrunnl Colunm2Column 3

Alltherows inagiventablearerentedinawaymatdscribsthedatabas

function. Arowofdatainatableisacalledarecord.

Datainatablecanbefuiced withanotherrecordinatablewhichisdonebyaprimary k

Aprmnrykeyuniquelyidntifyrecord inthe enlire database.The primarykey

duplicatd ina table.Uniqueid bhaves inthe sam wayitisus toprevint duplicate inatable.

NO'le:Forrretowork(insert)andupdaterecordintoadatabas, willb done

 SIWESTECHNICALREPORT I
2.9.2 HOWDOYOUINSERTRECORDS

Theyareinsrtd.fromHTivIL:lbnmorfromascripting language

2.9.3 PHPMYADMIN

PhpMyAdnmis aw·b basd mtrfaceto aMYSQL, rvr.Thismtrfac is

PHP .hnguage. Which is :Jrequntly used for web bas, ed interactive pr

PhpMyAd mintranslat'S w hat.ierurintothewhbrowser sndsquriestotheMy

databas,andtranslates ilier,etumedJnformationbacktowebfomnt.

2.9.4 DATABASECREATION

A database w as created for n1y project so that the formcr,eated can

submitt d
 SIWESTECHNICALREPORT I
2.9.5 SQLSTATEMENTS

1. INSERT:Itisusetoaddrecordtodatabasetables

2. UPDATE:Itisus tochange,existingrecordsdatain tables

3.SELECT:Itqueryorviewrecorddataintables.

2.10MYFULL 'WEBSITEWI1H HTirlL, CSS,JAVASCRIPT,PHP'AND SENTTO

DATABASE

Du · tohowlengthythecod isthed.sjgnviewwillb ciisplayed only.

DESIGNVIEW

-- -

- -- -- -
 SIWESTECHNICALREPORT I
REGISTRATIONPAGE

II

LOGINPAGE

------
- --- - - - - --- -

I
 SIWESTECHNICALREPORT I
CHAPTER THREE

SKIILSACQUIREDANDCHALLENGESENCOUN'IERD

3.1 TECHNICAL SKILLSACQUIRED

alow arelistof,killsiacquired during mylndusbialTraining atADM

PLACE

• Deepknowledgeinunderstandingwebdesignanddatabasemaintenanc.

• Ability tocreatewbsir s witlll thehelpofHTivIL.

• Ability tocreat websitswiththehelpofHTivILandCSS.

• AbilitytocreateastandardizewbsitswiththehelpofHTIVI1.,CSSJAVASCRIPT

andPHP.

• D. buggingerrorsandbeencreativeinarrange.n.ntofcods.

• Installing Database(W amp)andlinking PHPtotheDatabase.

• Installing s,everaldevelopnntaltooli like Adob CS6 wbi:hcontain Dreamwea

andFireworks,knowinghowtous, theme:ffectively.

• LeaminghowtoworkwthdesignedTemp:Jatesandcreating"]:err-plates.

• Ability to Insert Updat , S lect D let records inthe Database and

Importing,Exportingdatabase:fi1B fromonelocalservertoanother.

3.2 SOCIALANDFUNCTIONAL SKIIJSACQUIRED

• Enhancedcolllilllflication skills.
 SIWESTECHNICALREPORT I
• Enhancedtachingandeflecti'velearningskills

• GoodcustOID.'}IBs, rvicesorientationskill

3.2 PERSONALINPUTTOTHECOMPANY(ADMASITPIACE)

• Tacfuingandass:isringstudents(C lients)throughtheirlessons.

• AssEt studnts withilieircodeswhennotrunning.

• Running oferrands toboostacnvities intheworkplace.

• Checkandwork:oncolleague'ssys·tell"6whenchallenge withanerrorcode.

• H1pinmstalling variousdv.lopment applCations tocoleagues and clent.

3.3 CHALLENGES ENCOUNTERD

• Diffi:ulty ins kingforITattachment.

• Lackoftransportation fee.

• Lackofgood:facilitiesforwebdesign.

• IwasnotpaideitherbySIWESortheplao ofmyattachnnt

• Therearenostandardequiptren.'s ib:rlearning andpractbal

• Thecoanylack:sproprSl\VESorientation onhowtotrain stud nt

 SIWESTECHNICALREPORT I
CHAPTERFOUR

CONCLUSION ANDRECOMMENDATIONS

4.1 CONCLUSION

My six (6)months Industrial Training at AD'MAS lT PLACE was

succssandagreattirreofacquisitionofknowlede>and

skills.1hroughmytrainingiwasabletoappreciatmychosencourseofstudye

nnnrebcamsihadtheopportunity

thetheor,elicalknowE<lgeacquir"dfromschoolwiththepracticalhands-onapplication

of knowledge gained here to perform Vi ry U:nportant tasks that contriliuted ina way

to·myproductivityinthecorrpany.Mytrainingher, basgivenmeabroadrW.wtothelinpmtancand

of Comput r Scinee (\Veb Design Dvloprrent).inthe inm'"ediat soci ty

andtheworldas awhoc,asinowlook furward toitnpac tingitpos:iriv.lyaftergraduation.Ibavalso be

ableto irrprove n1y,comm..mication andpresntationskiJB and therebydevelopedgood

relationshipw lbmyfellow colleagu s at work. Ihav alsob n able o apprecnt

thecomecti:>nbtweenmycours ofstudyandotherdisciplines inproducing

asuccessfulresult

4.2 RECOMMENDATIONS:

• Schoolshouldprovideaplaceofattachmant for student

• Allowances shouldbe paid to studentsduring theirprogramrrejust like NYSC and

notaft r.Thliwould.helpthemagrat.daltohandleso.n""efinancialproble.n"Eduring
 SIWESTECHNICALREPORT I
REFERENCE
PAPER

)' Stu.dentindustrialwork:experienced sche2015/2016band.book

)' Webdsignn:nnualbyindustrialsuprvisor:MI.Klv:inP.

)'WebdsignandAdvanoeManualbyIndustrialbasdsuprvisor:MI.AdyemiSegun

LINK

»- htp://ww -w3schools.com

»- hltp://ww v.t utorialpointcom

};-- ht tp://'www.tizag.com/CSS

http://\vw''·CSSIHTI\il L/116583/artide.com