present web tutorial for teaching object oriented programming

8/10/2019 Present Web Tutorial for Teaching Object Oriented Programming

1/19

Towards a Web LearningEnvironment for Supporting Object

Oriented Programming Courses

Carlos R. aime! "on!#le! $ Wulfrano %. Luna Ram&re!

'epartamento de Tecnolog&as de la (nformaci)n'ivisi)n de Ciencias de la Comunicaci)n * 'ise+o

Universidad Autnoma Metropolitana Unidad Cuajimalpa.

13th. International Congress on Computer Science


2/19

%genda

(ntroduction

Related tools and applications

T,e Web Learning Environment

%rc,itecture

Edition

Compilation - Eecution

Conclusions

/uture wor0

References


3/19

(ntroduction

T,e Object Oriented Programming 1OOP2 isa ver* useful matter wit,in t,e (nformationTec,nolog* 1(T2 field.

(t is included in t,e Lic. en Sistemas *Tecnolog&as de la (nformaci)n 1LTS(2curriculum.

T,ere is a need to ,ave material for learningPOO3 particularl* Web based tutorials.


4/19

(ntroduction

4oreover3 a Web environment for supportingt,e learning of t,e OOP principles ma0ingtransparent t,e compilation and eecution

steps is needed. ava is one of t,e OOP language most used

in industr* and and teac,ed in universities.

% Web learning environment for supportingOOP programming courses is beingdeveloped. (t is focused in ava but it can beetended to ot,er languages.


5/19

Related tools and

applications T,ere are some projects available on t,e Web3

w,ic, are tools for supporting programming from aWeb platform3 but some of t,em are ver* simple5673 epensive 58735973 or t,e* do not provide t,e

possibilit* of wor0ing wit, ava 5:7. Some ot,ers provide t,e possibilit* of wor0ing wit,

several files at t,e same time 59735673 or compilingonline and running offline 5;7.

T,e* are t,oug,t as an online (ntegrated'evelopment Environment 1('E2 and not as a toolfor learning a programming paradigm.


6/19

Related tools and

applicationsTable 1.Tools for edition3 compilation3 and eecution.


7/19

T,e Web LearningEnvironment

T,e process of programming implies t,reemain steps? Editing3 Compilation andEecution. Eac, step needs a tool for being

performed. %dditionall*3 ava programs needs t,e ava

'evelopment @it 1'@2 in order to becompiled and run.

(t can be accomplis,ed b* tow means?

Command line

Asing an ('E


8/19


T,e process of edition3 compilation andeecution of ava programs.


9/19


T,e web environment is composed of anonline code editor for OOP languages3suc, as ava or CBB. (t is designed for

,elping students during t,e learning processof t,is programming paradigm?

(t allows t,e eecuting of t,e edited code.

S,ows t,e output of t,e program3 t,e list of

errors during compilation3 and w,ere t,e*are inside t,e code.

% remote compileris also provided b* t,eenvironment3 so students do not need to install

an*.


10/19


Web environment is based on a client$serverarc,itecture?

T,e server is in c,arge of t,e compilationand eecution of programs it also registers

t,e output of t,e program and an* errors oreceptions occurred.

T,e client side s,ows t,e web interface3w,ic, is composed of a source code editor3

w,ere t,e user can edit t,e code and sendit to t,e server side to be compiled andeecuted

(t is t,oug,t to be stand$alone? students do not

nedd to leave t,e Web learning environmentD


11/19


Client and server sides? edition3 compilation and eecution of ava programs.


12/19


T,e web environment uses %pac,e Tomcat as aweb server and container of ava Server Pages.

(t also uses t,e JavaCompiler class in order toma0e t,e compilation of t,e programs on t,e

server side. T,e web user interface it is used T4L3 CSS3 and

avaScript? T4L for t,e structure of t,e content3CSS for t,e presentation of t,e content3 and

avaScript for t,e interaction wit, t,e user and fort,e as*nc,ronous met,od calls to t,e server.

CodeMirror was c,osen as t,e code editor wit,s*nta ,ig,lig,ting.


13/19


T,e code editor


14/19


T,e code editor


15/19


Compiling wit, errors


16/19


Correcting and compiling wit,out errors


17/19

Conclusions

% Web learning environment3 w,ic, is allows t,ecode edtion b* means of an online code editor3 andremote compilation of programs.

(t is focused in t,e ava programming language3

but it can be etended to ot,er OOP languages3suc, as CBB.

(t provides support for students during t,e processof learning t,is programming paradigm3 suc, as

s,owing t,e output of t,e program3 s,owing t,e listof eceptions occurred during compilation andpointing out t,e place of t,e eception.


18/19

/uture Wor0

/inis, t,e web environment wit, t,ecomplete functionalit* to compile andeecute programs 1user proof2.

(nclude t,e full ,elp for students? eact placeof errors and eamples of functional code.

%dditionall*3 t,is learning environment isplanned to be incorporated to t,e onlineinteractive tutorials platform3 w,ic, is beingdeveloped 5F87.


19/19

References

F2Ec0el3 G. T,in0ing in ava 1;t, Edition23 Prentice all 1HII82.

H2/lanagan3 '. ava in a

present web tutorial for teaching object oriented programming

Documents