be a teacher-webmaster in 90 minutes!

7/25/2019 Be a Teacher-Webmaster in 90 Minutes!

1/28

Be a Webmaster inBe a Webmaster in

90 Minutes90 MinutesEmpower teacher webmastersEmpower teacher webmastersfor today's e-learning andfor today's e-learning andtomorrow's e-services.tomorrow's e-services.

By Ray MananghayaBy Ray [email protected]@gmail.com


2/28

Why Use Internet ServerWhy Use Internet Server

in Schoolsin Schools P !"ce of the President has promotedP !"ce of the President has promoted

#$ in schools% o"ces since &$ in schools% o"ces since &&

(niversal internet access has been a(niversal internet access has been aglobal goal since )*#* &+global goal since )*#* &+

*t,dents are now #$-ready smartphones*t,dents are now #$-ready smartphonesare act,ally personal comp,tersare act,ally personal comp,ters

/eed a,thoritative ed,cational reso,rce/eed a,thoritative ed,cational reso,rcecreated by a,thoritative ed,catorscreated by a,thoritative ed,cators


3/28

Examples of Educational ServersExamples of Educational Servers

)i0ipedia a nonpro1t)i0ipedia a nonpro1t

2han 3cademy nonpro1t4 by *alman2han 3cademy nonpro1t4 by *alman

2han4 an ethnic #ndian-3sian in the (*2han4 an ethnic #ndian-3sian in the (* !pen 5o,rse )are M#$4 (*!pen 5o,rse )are M#$4 (*

6,tenberg Pro7ect6,tenberg Pro7ect

3ll are not for pro1t3ll are not for pro1t

*alman 2han*alman 2han

started on his ownstarted on his own


4/28

Are e ready for I! inAre e ready for I! in

Schools"Schools" 8o we 1nd o,rselves in the #nternet48o we 1nd o,rselves in the #nternet4

partic,larly in ed,cational websites9partic,larly in ed,cational websites9

8o we broadcast% 0eep ownership of8o we broadcast% 0eep ownership oforiginal ed,cational material9original ed,cational material9

3re we able to create #nternet-li0e3re we able to create #nternet-li0e

e:perience in the classroom9e:perience in the classroom9 We ant the ansers to beWe ant the ansers to be

#$es%$es%&


5/28

'ur (ourse 'b)ectives'ur (ourse 'b)ectives

Enable teachers to become webmastersEnable teachers to become webmasters they shall be able to ,se interactivethey shall be able to ,se interactive

webpages and tests in class e-learningwebpages and tests in class e-learning they shall be able to train st,dents to getthey shall be able to train st,dents to get

started as webmasters of f,t,re e-servicesstarted as webmasters of f,t,re e-services

$o do ,sing own server$o do ,sing own server

start the server on his%her ownstart the server on his%her own create a personali;ed webpagecreate a personali;ed webpage create a


6/28

*a + Start the Server*a + Start the Server 6et% E:tract6et% E:tract a+server&,ipa+server&,ipto hard dis0to hard dis0 ((

*tart the server= 8o,ble-clic0*tart the server= 8o,ble-clic0 -o&bat-o&bat


7/28

*b + Allo throu-h .ireall*b + Allo throu-h .ireall

3llow access by tic0ing networ0s to !/3llow access by tic0ing networ0s to !/


8/28

/a 1repare (onnection/a 1repare (onnection

6et6et I1 AddressI1 Addressof *erverof *erver cmdcmd

ipcon1gipcon1g

Wired connecton o server is preferred


9/28

/b + (onnect to Server/b + (onnect to Server Enter #P 3ddress in browserEnter #P 3ddress in browser

>?&.>A.>?&.>A.2&22&2or name of P5or name of P5

PC ViewMobile View


10/28

3 + Administer (ontent3 + Administer (ontent

Edit htm4t:t (pload 1les $estEdit htm4t:t (pload 1les $esttemplatetemplate myweb.php (can be renamed)


11/28

3a + Editin- htm .ile3a + Editin- htm .ile

)ysiwyg editing in a window with b,ttons)ysiwyg editing in a window with b,ttons


12/28


#nserting a pict,re ,ploaded previo,sly#nserting a pict,re ,ploaded previo,sly

Firs, place crsor where picre shold appear


13/28


#nserting a lin0 previo,sly copied#nserting a lin0 previo,sly copied

Firs, selec

ima!e

or e"


14/28


Cormatting te:t /o paste from )ord plsDCormatting te:t /o paste from )ord plsD Paragraph heading & or pre as typedParagraph heading & or pre as typed

Forma before ypin! or

apply on seleced e"


15/28

3b + Editin- txt .ile3b + Editin- txt .ile nav&txtnav&txtfor men,for men, 4ome+side&txt4ome+side&txtfor sidebarfor sidebar

title&txttitle&txtfor page titlefor page title banner&txtbanner&txtfor bannerfor banner

)hen)hennotnotto beto be,sed4,sed4delete ordelete orchangechange1lename1lename


16/28

3c + Uploadin- .ile3c + Uploadin- .ile

htm4 t:t4 pdf4 gif4 7pg4 png4 < test


17/28

3d + !est !emplate3d + !est !emplate


18/28

3d + !est Entries3d + !est Entries

EnterEnter-+4cl,e ?cl,e ?

#void

sin!$oe %

in enries,

se &

insead


19/28

3d + !est Announcement3d + !est Announcement

6et test (RF after ,ploading test6et test (RF after ,ploading test 55

Insert test U67Insert test U67in ebpa-ein ebpa-e

Firs, ri!h'clic on $eston le


20/28

3d + !est 6ecord 8 Analysis3d + !est 6ecord 8 Analysis

5lic0 on test tally5lic0 on test tally tt

/ote= 8i"c,lt


21/28

!ips and !rics Use !abs!ips and !rics Use !abs$ou can do editin-: viein-: testin- or uploadin- at$ou can do editin-: viein-: testin- or uploadin- at

the same time by usin- multiple broser tabs&the same time by usin- multiple broser tabs&


22/28

!ips (ommon 1roblems!ips (ommon 1roblems

)hen loo0ing in the folder c=%a-server%www4 the)hen loo0ing in the folder c=%a-server%www4 the1lenames have no e:tension 1lenames have no e:tension htm: txt: 5: thtm: txt: 5: tSolution: Make Windows un-hide flename extension*Solution: Make Windows un-hide flename extension*

)hen do,ble-clic0ing on the test)hen do,ble-clic0ing on the test template 5template 544

nothing happens /otepad does not open itnothing happens /otepad does not open itSolution: Make Windows open it with Notepad*Solution: Make Windows open it with Notepad*

)hen # open)hen # open ome.htmome.htmwith /otepad4 # see awith /otepad4 # see a7,mble of letters4 no spacing or paragraphsD7,mble of letters4 no spacing or paragraphsDSolution: Use only your browser (Solution: Use only your browser (myweb.phpmyweb.php to edit to edit htmhtmflesfles

1les.php1les.phpin /otepad also shows a 7,mble of lettersDin /otepad also shows a 7,mble of lettersD!pen!pen fles.phpfles.phpinin NotepadNotepadonly to "han#eonly to "han#e username $username $passwordpassword

H 3 t,torial for this is provided atH 3 t,torial for this is provided at eminima.org%servereminima.org%server


23/28

!ips 1ictures and ;ideos!ips 1ictures and ;ideos

5rop the right view% content 5rop the right view% content M* PaintM* Paintcan docan dothisthis !r scale% resi;e to the right width!r scale% resi;e to the right width

IJp: width ma:im,m IJp: width ma:im,m +>p: ma:im,m if ,sing side col,mn +>p: ma:im,m if ,sing side col,mnM* Pict,re ManagerM* Pict,re Manageror free software li0eor free software li0eIrfanvieIrfanviecan do thiscan do this

*ave to*ave to pn-pn-type of 1le when changing thetype of 1le when changing thepict,re so that its


24/28

!ipsBanner and


25/28

!ips .ont (hoice!ips .ont (hoice

8efa,lt font is8efa,lt font is>eor-ia>eor-ia44

aa serifseriffont thatfont thatloo0s attractiveloo0s attractive

in newer P5sin newer P5sli0e )inIli0e )inI

and mobilesand mobiles

5hange font in5hange font instyle&cssstyle&csssee %codes%csssee %codes%css

Minimi,e fontMinimi,e font

edits in pa-es?edits in pa-es?

!i 7i i


26/28

!ips 7inin-!ips 7inin-(se short name no blan0s for page names(se short name no blan0s for page names

lin0 to the pagelin0 to the page ome.htmome.htm= 9pageLome.htm= 9pageLome.htma hrefLN9pageLome.htmNOa hrefLN9pageLome.htmNO%ome%ome%aO%aO

lin0 to the testlin0 to the test Math,i;->Math,i;->= test.php9testLMath,i;->= test.php9testLMath,i;->a hrefLNtest.php9testLMath,i;->NOa hrefLNtest.php9testLMath,i;->NOour frst Math &ui'our frst Math &ui'%aO%aO

lin0 e:ternal to a Ko,t,be video=lin0 e:ternal to a Ko,t,be video=http=%%yo,t,be.com%watch9vL)+y*!


27/28

!ips .ile Mana-ement!ips .ile Mana-ement $he ,sers 1les are in the folder$he ,sers 1les are in the folder

c@a+serverc@a+server in )indows style of writing foldersin )indows style of writing folders c@a+serverc@a+server in the server style of writing foldersin the server style of writing folders

Beca,se these 1les are in yo,r comp,ter4 yo, can rename orBeca,se these 1les are in yo,r comp,ter4 yo, can rename ordelete them thro,gh )indows E:plorer. #mportant ca,tions=delete them thro,gh )indows E:plorer. #mportant ca,tions=

- only rename- only rename txttxt1les when hiding or ,n-hiding webpage1les when hiding or ,n-hiding webpage elements4 s,ch as nav.t:t4 ome-side.t:t4 banner.t:t4 elements4 s,ch as nav.t:t4 ome-side.t:t4 banner.t:t4

title.t:ttitle.t:t- only delete- only delete templatetemplate-test.-test.551les test templates1les test templates

!ther changes sho,ld be done thro,gh yo,r browser!ther changes sho,ld be done thro,gh yo,r browser

$o delete 1les thro,gh the browser4 r,n$o delete 1les thro,gh the browser4 r,n Cles&phpCles&phpand loginand loginwith ,sernamewith ,sername myebmyeband passwordand password &php&php

Ko, can change this ,sername and password by changingKo, can change this ,sername and password by changingST5!/C#6U',sers'VST5!/C#6U',sers'VL arrayarrayNL arrayarrayNmyebmyebN4NN4N&php&phpN4NadminNN4NadminN

inin Cles&phpCles&php,se /otepad to edit the 1le,se /otepad to edit the 1le


28/28

!han you?!han you?

[email protected]@gmail.com
mailto:[email protected]:[email protected]:[email protected]

be a teacher-webmaster in 90 minutes!

Documents