Project: Developing an HTML Web Site for a (Non-Existent !

ac"elor Progra# Data Science

Project Handbook Study Guide

Project coordinator: dr. ir. Natalia Stash Project supervisors (tutors): dr. ir. Natalia Stash ([email protected]) prof. dr. Paul e !ra (debra@"in.tue.nl)

epart#ent of $athe#atics and %o#puter Science

Subject: Design-Based Learning Hypermedia (2IO80)

February, 2014

Project: Developing an HTML Web Site for a (Non-Existent !ac"elor Progra# Data Science

&able of contents
'. ''. '''. '*. *. *'. *''.

'ntroduction $otivation (earnin) outco#es Project description +,pected results and deliverables &he assess#ent #ethod and criteria Plannin) and or)ani-ation

February, 2014

Project: Developing an HTML Web Site for a (Non-Existent !ac"elor Progra# Data Science

'. 'ntroduction
In t is c!urse students "i## #earn ab!ut t e c!ncepts !$ ypermedia and t e shared c aracter !$ t e %eb & pe!p#e s are resp!nsibi#ity $!r pr!'iding in$!rmati!n !n t e %eb ( t in) ab!ut %i)ipedia* s!cia# net"!r)s* b#!gs* etc++Students "i## be ab#e t! app#y t e )n!"#edge t at t ey gained during t is c!urse $!r creating c!mmunity supp!rted %eb sites+ , is "i## in'!#'e #earning !" t! structure in$!rmati!n s! t at it resu#ts in a usab#e %eb site and #earning ab!ut t e c!ncepts !$ H,-L (Hyper,e.t -ar)up Language)* /SS (/ascading Sty#e S eets) and 0a'aScript $!r creating interacti'e %eb sites+ Students "i## "!r) !n creating s ared %eb c!ntent in gr!ups+ , is "i## e#p t em t! #earn !" t! "!r) e$$icient#y as a team+ 1 %eb site t at is g!ing t! be de'e#!ped "it in t is c!urse is targeted at ,23e students !r pr!specti'e students and "i## teac ab!ut Data Science+

''. $otivation
.hy choosin) ata Science as the content of a .eb site/
Data Science is a ne" interdiscip#inary $ie#d t at $!cuses !n t e e.tracti!n !$ )n!"#edge $r!m rea# sets !$ eter!gene!us data+ ,23e aims at intr!ducing a Data Science bac e#!r trac) in academic year 2045-2046+ Data Science as been c !sen as t e c!ntent !$ t e pr!ject because ,23e "!u#d #i)e t! )n!" !" t e students c!nsider t ey s !u#d study t e $ie#d !$ t e Data Science t emse#'es+

0pplication of the project outco#es

Best pr!jects "i## be s !"n t! t e ne.t year students and may be ta)en int! c!nsiderati!n $!r t e design !$ t e ,23e curricu#um !n Data Science+ , e H,-L %eb sites de'e#!ped "it in t is c!urse can be used in t e master c!urse !n 1dapti'e %eb-Based Systems t! ma)e t em pers!na#i7ed+ , e pre'i!us generati!n !$ DBL Hypermedia students (spring 2048) de'e#!ped H,-L %eb sites ab!ut Web Science+ The winner project can be found at ttp:33"""is+"in+tue+n#32IO80320483db# 43+

'''. (earnin) outco#es

, ere are t ree #earning !utc!mes $!r t is c!urse: 4+ ,! #earn ab!ut t e c!ncepts !$ ypermedia+ 2+ ,! design t e structure !$ t e %eb site ab!ut Data Science+ 8+ ,! imp#ement t e %eb site in H,-L+ 9!r t e $irst #earning !utc!me students a'e t! study indi'idua##y an !n#ine c!urse :Hypermedia and t e %eb; !n Sa)ai (Sa)ai is a Learning -anagement System used in t is c!urse)+ ,! $!##!" t e c!urse #!gin in Sa)ai "it ,23e credentia#s* j!in 2IO80* c !!se :1dapti'e /!urse ,e.t !n Hypermedia; !n t e #e$t+

'*. Project description

<r!ups !$ = students "i## a'e t! create an H,-L %eb site $!r !"n educati!n ab!ut Data Science+ , e pr!ject c!nsists !$ t"! p ases* c!rresp!nding t! t e t"! #earning !utc!mes+ Phase 1 => LO To design the structure of the Web site about Data Science In > ase 4* students a'e t! design t e structure !$ t e %eb site ab!ut Data Science+ %eb site s !u#d describe t e curricu#um !n Data Science+ , e target gr!up !$ t e %eb site are ,23e students !r pr!specti'e students+ In !rder t! per$!rm t is tas)* students s !u#d study " at t e $ie#d !$ Data Science is ab!ut+ , us as t e $irst step students s !u#d prepare t e c!ntent $!r t eir %eb site+ ?e.t* t ey s !u#d structure gat ered in$!rmati!n s! t at it resu#ts in a usab#e %eb site ab!ut Data Science

February, 2014

Project: Developing an HTML Web Site for a (Non-Existent !ac"elor Progra# Data Science
$ie#d+ , is in'!#'es gr!uping and sp#itting in$!rmati!n t! end up "it reas!nab#y si7ed and meaning$u# units !$ in$!rmati!n+ , e resu#t !$ t is $irst p ase !$ t e pr!ject is t e design d!cument s !"ing t e !'era## structure !$ t e %eb site+ Phase 2 => LO To imp ement the Web site in !T"L , e resu#t !$ t e sec!nd p ase !$ t e pr!ject is t e actua# imp#ementati!n !$ t e %eb site+ % i#e designing t e c!ntent !$ t e %eb site students s !u#d c!nsider !" t! guide t e users* !" t! e#p t em na'igate t r!ug t e %eb site+ In !rder t! per$!rm t is tas) t e students need t! a'e t e )n!"#edge !$ t e c!ncepts !$ H,-L* /SS and 0a'aScript+ 1 tut!ria# !n t ese c!ncepts* as "e## as t e additi!na# tut!ria# !n j@uery* "i## be pr!'ided at t e start !$ t e c!urse+ Aac gr!up is pr!'ided "it an in$!rmati!n space !n http://wwwis.win.tue.nl+ It gets a separate acc!unt !n t e ser'er suc as dblh1 "it pass"!rd dblh1 " ere B indicates t e number !$ t e gr!up e+g+ db# 4+ <r!upCs %eb site can be 'ie"ed at http://wwwis.win.tue.nl/ dblh!/ e+g+ http://wwwis.win.tue.nl/ dblh1/+ , e %eb sites are pass"!rd pr!tected+ 2ser name and pass"!rd are db h# 3 dblh1 + D!u may c ange t e pass"!rds but* p#ease* #et t e tut!rs )n!"+ ,! access t is in$!rmati!n space* !n -ac and 2ni.3Linu. use termina#+ On %ind!"s insta## >u,,D (www.putty.or") ( an SSH and te#net c#ient+

*. +,pected results and deliverables

A.pected resu#ts and de#i'erab#es !$ t e pr!ject (per gr!up) inc#ude: 4+ Design d!cument describing t e structure !$ t e %eb site and presentati!n+ , e design d!cument temp#ate can be $!und !n Sa)ai in Resources/2IO80_report_template.doc (.odt)+ 2+ 9ina# rep!rt* based !n t e design d!cument* and presentati!n+ 8+ Imp#ementati!n !$ t e %eb site ab!ut Data Science+ &urn this project into a challen)e for yourself2 I$ y!u are a#ready $ami#iar "it H,-L3/SS try adding interacti'ity t! y!ur %eb site t r!ug 0a'aScript3j@uery !r #!!) int! t e p!ssibi#ities t at c!me "it H,-L63/SS8 e+g+ design $!r des)t!p 'ersus m!bi#e 'ersi!ns !r ma)e use !$ database* etc++

*'. &he assess#ent #ethod and criteria

,ab#e 4 describes !" t e #earning !utc!mes are g!ing t! be assessed+
(earnin) outco#es En!"#edge !$ t e c!ncepts !$ ypermedia ,! design t e structure !$ t e %eb site ab!ut Data Science a+ Design d!cument b+ Ora# presentati!n 1ssignmentH Ora# Products (deliverables) 3 processes 0ssess#ent #ethod Group 'ndividual 1ssignment ( mu#tip#e-c !ice test >eer assessmentH inter'ie"s 1ut!matica##y 'ia Sa)aiF ,ut!r 4*2 ,ut!r 4*2 0ssessors 4 of the final )rade 46G

46G

,! imp#ement a+ H,-L %eb site H,-L %eb site in imp#ementati!n H,-L b+ 9ina# rep!rt c+ Ora# presentati!n >r!$essi!na# s)i##s: :,eam"!r); >resence at S,2 :,eam"!r); trainings

1ssignmentH Ora#

>eer assessmentH inter'ie"s

,ut!r 4*2

I0G

>eer assessment3 !bser'ati!ns !$ tut!r

,ut!r 4*2

g!!d3 su$$icient3 $ai#ed

&able 5. 0ssess#ent of the learnin) outco#es

February, 2014

Project: Developing an HTML Web Site for a (Non-Existent !ac"elor Progra# Data Science
.hat do "e assess/ %e per$!rm t"! types !$ assessment ( gr!up and indi'idua#+ 4+ Indi'idua#: Aac indi'idua# studentJs no!led"e o# the concepts o# h$permedia+ , e mu#tip#e c !ice test t! assess indi'idua# studentJs )n!"#edge is graded aut!matica##y by t e Sa)ai Learning -anagement System+ , e test c!unts $!r 46G !$ t e grade+ '#portant2 D!u -2S, a'e studied t e !n-#ine adapti'e c!urse te.t :Hypermedia and t e %eb; (!$$ered 'ia Sa)ai) and y!u -2S, a'e ta)en t e $ina# test embedded in t is c!urse te.t BA9OKA ta)ing t e e.am (mu#tip#e-c !ice test) !n 9ebruary 4L+ I$ y!u participate in t e e.am "it !ut a'ing ta)en t at $ina# test $irst y!u "i## get a 0 $!r t e e.am* regard#ess " at y!u ans"ered !n t e Muesti!ns !$ t e e.am+ Studying care$u##y t e !n#ine c!urse is imp!rtant $!r t e success !$ t e gr!up pr!jectN In t is c!urse tut!rs a'e t! gi'e indi'idua# $eedbac) up!n a number !$ pr!$essi!na# s)i##s+ Students need t! get "ood !r su##icient $!r a## s)i##s t! be ab#e pass t e c!urse+ a+ team!or - S,2 (Student Ser'ice /entre) pr!'ides ,eam"!r) training (8 !urs #!ng)+ '#portant2 ,eam"!r) training is c!mpu#s!ryN D!u "i## n!t pass t e c!urse i$ y!u d! n!t attend t e training+ StudentCs abi#ity t! "!r) in a team "i## be assessed based !n t e training* peer assessments and tut!rCs !bser'ati!ns up!n t e studentCs c!ntributi!n t! t e gr!up pr!ject+ b+ presentation s ills - eac student s !u#d present part !$ t e gr!upCs pr!ject during t e c!urse+ 1n !'era## assessment "i## be made !n t e basis !$ t e $!##!"ing criteria: Mua#ity !$ t e message* structure* n!n-'erba# c!mmunicati!n* use !$ #anguage* use !$ ('isua#) aids* target gr!upF '#portant2 S,2 pr!'ides n!n-mandat!ry training !n presentati!n s)i##s $!r t !se " ! $ee# t at t ey need t! "!r) !n t eir presentati!n s)i##s+ c+ !ritin" s ills ( students s !u#d indicate in t e $ina# rep!rt " ! "r!te " ic part $!r t e tut!rs t! assess "riting s)i##s+ /riteria: Mua#ity !$ t e message* structure* use !$ #anguage3$!rmu#ati!n* #ay-!ut* tai#!red t! target gr!upF d+ p#anning and !rgani7ing ( !" t e students p#an t eir "!r) !n t e pr!ject)+ /riteria: dra$ting and imp#ementing p#anning* setting pri!rities* adjusting p#anning+ 2+ >er gr!up: , e assignments are gr!up assignments+ , e assignment $!r eac gr!up is t e same+ But eac gr!up can c!me up "it a di$$erent structure and as a resu#t imp#ementati!n !$ a %eb site ab!ut Data Science+ , e design d!cument is graded j!int#y by t"! assess!rs and c!unts $!r 46G !$ t e grade+ , e $ina# rep!rt and pr!t!type pr!duced are graded j!int#y by t e t"! assess!rs and c!unt $!r I0G !$ t e grade+ 9ina# indi'idua# studentCs grade can be adjusted based !n t e !bser'ati!n !$ t e tut!rs up!n t e c!ntributi!n t! t e pr!ject+ , e criteria $!r assessing t"! p ases !$ t e pr!ject are as $!##!"s: a+ Designing t e structure !$ t e %eb site ab!ut Data Science En!"#edge !$ t e t!pic !$ Data Science ( !" "e## t e students studied t e t!pic t! create a %eb site* Ke$erences being used ( " et er students d! c!rrect citati!n*

February, 2014

Project: Developing an HTML Web Site for a (Non-Existent !ac"elor Progra# Data Science
Structure !$ t e H,-L %eb site ( structuring in$!rmati!n s! t at it resu#ts in a usab#e %eb site+ Imp#ementati!n p#anning ( " ! is d!ing " at+ b+ Imp#ementati!n !$ t e %eb site in H,-L 9!##!"ing g!!d princip#es !$ ypermedia (basic aspects !$ ypermedia): #!ng 'ersus s !rt pages* judge c!ntent and na'igati!n* page si7es and structure+

*''. Plannin) and or)ani-ation

1## in$!rmati!n ab!ut t e c!urse can be $!und !n t e c!urse page ttp:33"""is+"in+tue+n#32IO80+ 9irst !$ a##* students participating in t e c!urse a'e t! register !n Sa)ai site ttp:33sa)ai+"in+tue+n#+ Depending !n t e number !$ participants t e tut!rs "i## $!rm gr!ups !$ 6-= students t! "!r) !n t e pr!ject+ Oia Sa)ai students "i## be ab#e t! a'e access t! a## study materia# used in t is c!urse+ 1## submissi!ns* e+g+ pr!ject rep!rts* presentati!ns a'e t! be d!ne 'ia Sa)ai as "e##+ , e pr!ject and trainingsC sc edu#es can be $!und at ttp:33"""is+"in+tue+n#32IO803sc edu#e+ tm#+ ,ut!rs meet "it t e students e'ery "ee) t! discuss t e pr!ject pr!gress+ Aac student gi'es a presentati!n !$ is3 er gr!upCs "!r)+ "ee) a di$$erent

'#portant2 0ll )roup #e#bers have to be present durin) these #eetin)s "ith the tutors2 , e c!urse starts !n %ednesday* 9ebruary 6 "it an intr!duct!ry #ecture* e.p#aining t e c!ncepts !$ ypermedia* pr!'iding pr!ject descripti!n* $!##!"ed up by a training !n creating an H,-L page+ Depending !n t e needs !$ t e students t e tut!ria# ab!ut t e c!ncepts !$ H,-L* /SS* 0a'aScript and j@uery can be c!ntinued !n 9ebruary I+ 1$ter t at t e students can start "!r)ing !n creating t e c!ntent+ In t e $irst "ee) a$ter t e intr!duct!ry presentati!n t e students are as)ed t! prepare an abstract !$ t e pr!ject andb!!) ( !" d! t ey understand t e pr!ject* indicati!n !$ uncertainties t! be discussed in t e $!##!"ing meeting+ It s !u#d a#s! re$#ect t e p#anning up!n " ic tec n!#!gies t e students are g!ing t! use in t e pr!ject - is it g!ing t! be H,-L3/SS30a'aScript !r s!me !t er tec n!#!gies as "e##+ It is important to carefully study the online course 6Hyper#edia and the .eb7 for the success of the )roup project2 , e )n!"#edge !$ t e c!ncepts !$ ypermedia "i## be assessed t r!ug t e !n#ine mu#tip#e-c !ice test !$$ered 'ia Sa)ai+ , ere "i## be t"! r!unds !$ pr!jects presentati!ns ( in t e $irst r!und* sc edu#ed !n -arc 42* t e students present t e structures !$ t eir %eb sites* in t e sec!nd r!und* t! be sc edu#ed during t e e.aminati!ns peri!d* t e students dem!nstrate t e %eb sites imp#ementati!ns+

February, 2014