VIA PROJECT AII_1112_08 EASY SCRIPTING WITH JAVASCRIPT. Project Resultaten

VIA PROJECT AII_1112_08 EASY SCRIPTING WITH JAVASCRIPT Project Resultaten

Adriana Quintero Ramirez April – Juni 2012

INHOUD

1. Introductie 2. Screencast overzicht 3. Feedback van studenten per screencast 4. FAQ’s per screencast 5. Eind enquete resultaten 6. Bijlage: Project Voorstel

1. Introductie Dit Project bestaat uit: 

11 screencasts om JavaScript aan studenten van Jaar 1 Blok 4 van CMD te leren.



Per screencast hebben studenten een elektronisch feedback formulier ingevuld over de kwaliteit van de film.



Per screencast hebben studenten ook 1 vraag gesteld en met alle vragen is een “Frequently Asked Questions” lijst gemaakt.



Aan het einde van het blok hebben studenten een enquete ingevuld over de hele Onderwijsmethode gebruikt tijdens het blok.

Er is een voorstel van de evaluatiemethode met vragen over de inhoud en technische kwaliteit van elke screencast, en over het onderwijsmethode in het algemeen. De data en de vragen zelfs moeten nog geanaliseerd worden om volgend jaar de screencasts, de onderwijsmethode en de enquetes te verbeteren. De bedoeling van dit document is alleen de resultaten laten zien. De data is nog niet geanaliseerd dus nog geen conclusies kunnen worden gemaakt.

2. Screencast overzicht Screencast Naam

Screencast URL

Screencast lengte

A)

Flowcharts:

http://youtu.be/GvSFNNprUdk

13:19

B)

Document Object Model:

http://youtu.be/CCo0mkUdunU

13:15

C)

JavaScript syntax Window & Document object:

http://youtu.be/bJp_hajSvbY

15:01

D)

Variables:

http://youtu.be/mdRoCcXzHKg

7:03

E)

Data types and operators:

http://youtu.be/1VMtc9qrYgg

9:06

F)

Functions:

http://youtu.be/qkOoG3v7Wqg

3:49

G)

Conditional statements:

http://youtu.be/t1bvkkitykQ

12:48

H)

Looping statements:

http://youtu.be/ESDmgeYnLOI

14:18

I)

String object:

http://youtu.be/6TgGrtntefQ

10:52

J)

Math object:

http://youtu.be/xKswrbVesPg

7:00

K)

Arrays:

http://youtu.be/EuoHGujfTLU

14:23

3. Feedback van studenten per screencast

A) FLOWCHARTS (13 min 19 sec) Aantal enquetes: 80

1. Is het onderwerp / einddoel van de screencast voldoende duidelijk?

2. Was de technische kwaliteit (beeld, geluid) van de screencast voldoende?

3. Hoeveel keer heb je deze screencast bekeken?

4. Was de lengte (speelduur) van de screen cast OK?

5. Was de screencast goed te volgen/begrijpen?

6. Sluit de moeilijkheidsgraad voldoende aan bij je voorkennis?

7. Heeft de screencast je geholpen bij het maken van de praktijkopdrachten / huiswerk?

8. Wat kan beter in deze screencast? 

De andere tools ook laten zien



Volume may be increased



Kan sneller

B) DOCUMENT OBJECT MODEL (13 min 15 sec) Aantal enquetes: 67









Add more difficulty



Kan sneller

C) JAVASCRIPT SYNTAX, WINDOW AND DOCUMENT OBJECTS (15 min 1 sec) Aantal enquetes: 62









Niet zo snel

D) VARIABLES (7 min 3 sec) Aantal enquetes: 64









Summary at the end



Too simple

E) DATA TYPES AND OPERATORS (9 min 6 sec) Aantal enquetes: 61








8. Wat kan beter in deze screencast?

F) FUNCTIONS (3 min 49 sec) Aantal enquetes: 64









Introductie scherm



More examples

G) CONDITIONAL STATEMENTS (12 min 48 sec) Aantal enquetes: 62









Example over the switch statement

H) LOOPING STATEMENTS (14 min 18 sec) Aantal enquetes: 62









More differences between the for and the while



Kan sneller

I) STRING OBJECT (10 min 52 sec) Aantal enquetes: 69









More examples with combinations of methods

J) MATH OBJECT (7 min 0 sec) Aantal enquetes: 64









More examples of when do you use the Math object

K) ARRAYS (14 min 23 sec) Aantal enquetes: 49









Huiswerk was te moeilijk

4. FAQ’s per screencast Elke week moesten studenten minimaal 1 vraag over elke screencast formuleren. De meest gestelde vragen en zijn antwoorden zijn hier verzameld. A) FLOWCHARTS 

Question: What happens when you have a question that has more than two possible answers (other than true or false)? Answer: You have to convert it to one or more questions that CAN be answered with true or false. For example: Wrong question: Which color do you like? Good questions: Do you like the color red? (Yes/No) Do you like the color green (Yes/No), etc etc



Q: With which software can I easily make a flowchart? A: Illustrator, Power Point, Word, Excel, Dia (open source), Visio, among others

B) DOCUMENT OBJECT MODEL 

Q: How many form objects can we make with the tag ? And which ones of them are supported in all browsers? A: HTML 4: (Supported by all browsers) Text fields: Password fields: Radio buttons: Checkboxes: Hidden fields: Submit buttons: Buttons: Reset buttons: HTML 5: (These work only in IE 9+, Chrome 10+, Firefox 4+) Color input: Date input: Datetime field: Email field: Month field: Number field: among others.



Q: Can you activate a button without JavaScript? A: You can use the HTML submit button in order to send the form automatically to the server without using any JavaScript. For example:

However, if you want to execute some client-side actions before, you have to use JavaScript.



Q: Does an object can have more than one method? A: Yes. An object can have 1 or more methods. For example: Object: String Methods: charAt(), substring(), substr(), indexOf(), etc



Q: How do you link the javascript functions with the html objects (for example a button?) A: You link the HTML objects with javascript functions using the events. For example: Onclick :

 

Q: What is the difference of using Notepad++ compared to just Notepad? A: Notepad ++ is an "advanced" text editor that allows to to have a better overview of your code (for example, adding colors to the objects and methods).

C) JAVASCRIPT SYNTAX, WINDOW & DOCUMENT OBJECTS 

Q: What is the difference between an attribute and an method? A: An attribute is a property or characteristic of an object. A method is something that the object can do. For example: Object: document Attribute: bgColor // determines the color of the body Method: Write() //Writes something in the screen



Q: Is it possible to show in an alert the innerWidth and innerHeight of the screen? A: Yes. alert("The height of the screen is " + window.innerHeight + " and the width is " + window.innerWidth);



Q: Should you know all the names of the attributes and methodes by heart? A: No because you can find the exact terms in books or internet. But you should understand the logica of javascript and know how does the syntax works.



Q: Can you use a prompt in combination with a variable in order to save its value? A: Yes. var yourName = prompt("What is your name?");



Q: What does the method .getElementById() do? How do I use it? A: It returns the HTML object of the element with the specified ID. For example: var obj = document.getElementById("the_id_of_a_span"); obj.innerHTML = "hello";//this will write the text "hello" inside the element with id "the_id_of_a_span"



Q: How do I add comments inside my javascript code and why would I want to do that? A: You can add comments to JavaScript in two ways: // This will comment one line of code /* And this will comment several lines of code */. It is important to make comments in your code to explain what does every function does. Often you work with a team of people and it's very useful if someone else can easily understand your code, instead of wasting time in trying to read the code itself.



Q: Is JavaScript case sensitive? A: Yes. For example: var my_variable is NOT the same to var My_Variable. The same thing happens with functions and with attributes and methods of the objects. For example: document.GETELEMENTBYID() doesn't work document.getElementById() is the right syntax.



Q: Why do we put ; after each line of javascript code? What happens if we don't put it? A: ; is the sign to determine an end of a code line. If it is not used, but each line of code is in a different line in the file (separated with an "enter"), the code will still run. However, if you put more than one line of code in the same line in your file, it is necessary to put a ; to separate them. Otherwise your code won't run. For example: var a = 5; var b = a + 7; var c = 6 + 6; or var a = 5 var b = a + 7 var c = 6+6 However, it is a good practice to ALWAYS use ; after each line of code.



Q: How can I display a "break" (enter,
) inside an alert? For example if I want to display one word in the first line and the second word in the sencond line)? A: You use \n inside the text of the alert. For example: alert("this is the first line \n and this is the second line");



Q: Is it possible to write the javascript code in an external file, the same thing that we do for css?? If yes, how do I do that? A: Yes that is possible. You have to write all the javascript code (without any <scrip> tags) in a file and save it as "any_name.js". Then, you include that file in the of the html file with the tag: <script src="any_name.js">



Q: Is JavaScript a client-side or a server-side language? Why? A: It is client side because it is sent to the computer of the user and it's executed by the browser that the client is using.



Q: When do I use <script language='javascript'> and when <script type='text/javascript'> to insert javascript code inside a html file? A: You can use both and it will work. But the language attibute is deprecated so now only the type attribute is used.

D) VARIABLES 

Q: When do you use the $ symbol? A: You can use the $ symbol to name your variables. For example: var $text = "hello"; If you use jQuery the $ symbol $ is used as reference for the jQuery object. In other languages like PHP $ is required as the start character of a variable.



Q: What does "loosely typed" means? Are there other languages other than JavaScript that have this same characteristic? A: Loosely typed means that you don't have to declare which data type will a variabla contain. Any variable can contain any kind of value (number, string, boolean, etc) and it can change from containing one data type to another data type throughout the execution of the program. Another example of a loosely typed language is PHP.



Q: Can you give an example of a global and a local variable? A: Global variables are variables defined outside of any function and they can be used overall in the program. Local variables are defined inside a function and they will exist only when the function is executing. For example: <script type="text/javascript"> //this is a global variable var my_global_variable = 5; function myFunction() { //this is a local variable var my_local_variable = "hello"; }



Q: Which browsers have a "developer toolbar" to check javascript syntax errors? A: Firefox has the Firebug plugin. Internet Explorer and Chrome have a Developer toolbar



Q: What is the biggest number that I can store inside a variable? A: Numbers in javascript are 64bit (8 bytes) floating point numbers which yields an effective range of 5e-324 (negative) to 1.7976931348623157e+308 (positive). Source: http://www.hunlock.com/blogs/The_Complete_Javascript_Number_Reference

E) DATA TYPES AND OPERATORS 

Q: Can you give an example of the use of the logical operators !, ||, && ? A: && (AND), || (OR), ! (NOT): var a = 5; if((a>1) && (a<10)) { } //In this case the if will be true because the two conditions are true. if((a==5) || (a==3)) { } //In this case the if will also be true because one of the two conditions is true if(!(a==5)){ } //In this case the if will be false because, although a==5 the ! operator changes boolean value of the condition



Q: What does the operator % do? A: It returns the remainder of the integer division between two numbers. For example: var result = 10%5; The answer will be 0 because 10/5 is exactly 2.



Q: Is the concatenate operator only used for strings? A: Yes, the concatenate operator concatenates two or more strings. You can also concatenate a number and a string but the result will always be a string. For example: var num1 = 5; var text = "My favorite number is " + num1; In the variable text you will get a string with the text "My favorite number is 5".



Q: What is the difference between == and ===? A: == returns true if the value of two variables is the same. === returns true if the value AND the data type of two variables are the same. For example: var num1 = 5; var num2 = "5"; alert(num1==num2); //In this alert you will get true because the two variables have 5 as value alert(num1===num2); //In this alert you will get false because, although the two variables have the value 5, one variable is a number and the other one is a string.



Q: How do I use ++ and --? A: var num1 = 5; num1++; //This is the same as saying: num1 = num1 + 1; or num1+=1; num1--; //This is the same as saying num1 = num1-1; or num1-=1;



Q: What does NaN means? And when do I get it as a result of an arithmetic operation? A: NaN means Not a Number. You get NaN when you try to make an arithmetic operation between a number and a string or when you make an invalid operation (for example divide by 0).



Q: What is a boolean? A: A boolean is a type of data that can be only TRUE or FALSE

F) FUNCTIONS 

Q: What is the best way to name a function? A: You can use any name for a function. However, it is handy if you use some logic behind the names in order to help you identify what does the function does.



Q: Do I have to put the code of the function in the or in the ? A: It is beter to always put the javascript code in the of the document. This will make the javascript code load before the html elements in the body to avoid problems with the interaction with the user.



Q: Do I always have to put () after the name of a function or a method? A: Yes. The syntax for functions and methods is always: function nameOfTheFunction() {} or object.nameOfTheMethod();

G) CONDITIONAL STATEMENTS 

Q: What is the difference between a switch and an if..else and when do you use each? A: An if..else sentence executes some code when a codition is true and some other code when the condition is false. The switch statement executes a different code depending on the value of a variable. Mostly a switch statement is used instead of a lot of nested if...else statements.



Q: What happens if I don't use the "break" after each case in a switch? A: Without the break all the "cases" of the switch are compared and the default case will always be executed.



Q: Is there a limit to the amount of conditional statements that you can use in an application? A: No, you can use as many conditional statements as you need.



Q: What is the correct way to write if(y = 100 || 200)? A: if((y == 100) || (y == 200)) {}



Q: Can you have nested ifs? Can you give an example? A: Yes. For example: var a = 5; var b = 6; if(a==5) { if(b==6) { if(a>b) { //some code here } } }

H) LOOPING STATEMENTS  Q: How can you combine a conditional statement with a looping statement? A: if(a==b) { for(i=0; i<10; i++) { //some code here } } Of for(i=0; i<10; i++) { if(i==5) { //some code here } } 

Q: Why do we use the letter i as variable of the loop statement? Could we use another variable name instead?

  

Q: What is the difference between a while() and a for()? Q: Can you give an example of an infitite loop? Q: Is it possible to have nested loops? Can you give an example?

I) STRING OBJECT  How can I get the second word of a sentence using substring() and indexOf()?  Q: What happens if I choose a value for substr() that is beyond the length of the string? A: You get an empty string J) MATH OBJECT  How do I get a random number between 1 and 100? And between 0 and 99? And between 0 and 100?  Q: Is there a limit to the amount of numbers for the max() and min() methods? A: No. You can compare as many numbers as you want. For example: Math.max(1,2,3,4,5,6,7,8,9,10,11,12,13,13,15,16,17,18,19,20); //will return 20 

Q: How can I get a random number between 4 and 10? A: Math.floor(Math.random()*10)+4;



Q: How many decimal places does a random number generated with Math.random() has? A: It depends on which browser are you using. But most of the cases you get 16 decimal places in 60% of the cases, less than 16 decimal places in 30% of the cases and more than 16 decimal places in 10% of the cases.

5. Eind enquete resultaten De bedoeling van dit enquete was feedback over de hele onderwijsmethode te krijgen (en niet alleen over de screencasts). De enquete had 2 delen: DEEL 1 ging over het Onderwijsmethode. DEEL 2 ging over cijfers, voorwaarden en beoordelingscriteria. In het begin van elke deel is er een beschrijving van de punten waarom feedback aangevraagd was. Voor elke vraag is een chart met de resultaten gemaakt. Bij sommige vragen is er meer dan 1 chart te vinden omdat de antwoorden van studenten is ook gegroepeerd per verschillende attributen van studenten (b.v studenten die minder dan 20% aanwezig bij de lessen zijn geweest, of studenten die plagiaat-problemen hebben gehad). In het algemeen zijn de antwoorden van studenten die bij minder dan 20% van de lessen aanwezig waren en die plagiaat-problemen hadden, teruggetrokken van de resultaten omdat de antwoorden zijn beinvloed door hun persoonlijk situatie. In totaal, 90 studenten hebben Deel 1 van de enquete ingevuld en 86 studenten hebben Deel 2 van de enquete ingevuld.

DEEL 1: Onderwijsmethode    

Elke week moeten studenten vóór de les tussen 1 en 5 screencasts (films) bekijken (max. 30 minuten bij elkaar). In sommige films was huiswerk opgenomen. Studenten moeten dat huiswerk maken en maximaal op de eerstvolgende maandag (vóór de les) om 9:00am per email sturen Per week moeten studenten minimaal 1 vraag per screencast sturen. De vraag moet concreet zijn (“ik heb niks begrepen” is niet een geldige vraag). Tijdens de les maken studenten samen met de docent een praktijkopdracht waar studenten de theorie van de screencasts kunnen toepassen.

1. Hoe tevreden bent u over de Onderwijsmethode?

RESULTAAT (90 studenten)

ONTEVREDEN STUDENTEN

ZEER ONTEVREDEN STUDENTEN

(21 studenten)

(6 studenten)

AANGEPASTE RESULTAAT (70 studenten)

2. Met deze methode heb je makkelijker programmeren geleerd dan met en methode zonder screencasts

3. Denk je dat deze methode je helpt om zelfstudie te kunnen maken (b.v als student of docent ziek bent op de dag van de les of voor herkansingen)?

4. Wat is voor jou een belangrijk voordeel van deze onderwijsmethode?

(Dit was een open vraag waar studenten hun eigen mening op kunnen geven)

5. Wat is voor jou een belangrijk nadeel van deze onderwijsmethode?

(Dit was een open vraag waar studenten hun eigen mening op kunnen geven)

6. Heb je andere commentaar/sugesties?

 Misschien een idee om in de les het huiswerk van de komende week te bespreken, dan kunnen wij ook direct vragen stellen als wij iets niet snappen.  Andere volgorde: screencast, les, huiswerk  Dat er nog een vraag moment tussen de les en het inleveren van het huiswerkt zit.  De lessen gaan veel te snel. Er ontbreekt heel veel info en er wordt te veel van de studenten verwacht.  Even terugkoppelen in de les. Waar zijn we mee bezig? Waar gingen de screencasts over? En vat het even kort samen. Dan verder gaan.  Extra opdracht geven die wat meer uitdaging geven.  Het huiswerk sluit goed aan op de screencast, maar soms is het wel moeilijker en moet je (te) veel zelf uit gaan zoeken.  Huiswerk bespreken in de les.  Huiswerk op Blackboard zetten.  Meer voorbeelden gebruiken die aansluiten met het huiswerk  Niveau van de lesstof ligt te hoog. Al het script voor de huiswerkopdrachten moet behandelt worden.

DEEL 2: Cijfers, voorwaarden en beoordelingscriteria De beoordelingcriteria voor huiswerk was: 9,0: 7,0: 5,5: 4,0: 2,0:

Helemaal perfect + iets extra Helemaal perfect Goed met max. 2 fouten Met 3 – 5 fouten Niet gelukt

De eindcijfer was een combinatie van: 20% - Inleveren van minimaal 1 vraag per film in het gegeven format 30% - Huiswerk 50% - Praktijktoets De voorwaarden waren: o Alle huiswerk moet individueel gemaakt worden o “Copy-Paste” van code is niet toegestaan. Alle code moet zelf geschreven worden. Opdrachten met “copy-paste” van internet of van een andere student zijn ongeldig, krijgen een 0 en gaan meteen naar de examencomissie”

1. Was de beoordelingscriteria voor huiswerk eerlijk? ("it shows correctly what you know").


ANTWOORD NEE, EINDCIJFER > 5.5 (28 studenten)

ANTWOORD NEE, EINDCIJFER <5.5 (17 studenten)

Toelichting: 

Cijfers zijn te streng



Met meer dan 2 fouten nog een voldoende halen



Een perfect opdracht moet minimaal 8 krijgen en extra werk moet 10 krijgen

Toelichting:  Een 5,5 is demotiverend  Feedback over het cijfer

2. Was het eindcijfer eerlijk?


ANTWOORD NEE, EINDCIJFER > 5.5 (28 studenten)

ANTWOORD NEE, EINDCIJFER <5.5 (13 studenten)

Toelichting:

Toelichting:



Te streng beoordeeld voor zo‟n moeilijk vak



Een 10 voor perfectie, geen 7.

 Voor huiswerk zou geen cijfer gegeven moeten worden. Dat is eigen verantwoordelijkheid van de student. Alleen een eindcijfer aan het einde van het blok is voldoende.

3. Denk je dat je programmeren beter leert als je individueel of samen werkt?


4. Ben je akkoord met het geven van een sanctie wanneer je plagiaat pleegt?


ANTWOORD NEE, WEL Plagiaat problemen gehad (3 studenten)  Nee ik vind het niet normaal als je iemand aangeeft voor plagiaat als je samenwerkt. dit hoort gewoon niet als plagiaat te staan aangegeven  Het is onzin als je iemand aangeeft voor fraude als studenten elkaar willen helpen.  Bij plagiaat wel. Letterlijk alles copy past van internet of een medestudent.  Als er samen is gewerkt, dan geldt dit niet. Je zoekt samen naar het juiste antwoord, dan heb je dus ook dezelfde antwoorden!!

ANTWOORD NEE, GEEN Plagiaat problemen gehad (26 studenten) 

Sommige mensen zijn er nu eenmaal minder goed in ik denk juist dat ze er veel aan hebben om de codes van anderen in te zien. Ze moeten het alleen niet als kip zonder kop kopiëren en er niet meer naar kijken.

 Ik vind het moeilijk om met het programmeren van simpele opdrachtjes zoals wij die hadden te zeggen of het plagiaat is. Als je allebei dezelfde fout hebt gemaakt, omdat je iets niet snapte en het aan een ander hebt gevraagd vind ik een sanctie raar. Maar als je het letterlijk gekopieërd hebt hoort daar natuurlijk een sanctie bij.  Omdat huiswerk iets is om van te leren. Als je het dan zelf niet snapt, vind ik dat je je verantwoordelijk gedraagt als je naar iemand toegaat die het wel snapt, zodat je het uiteindelijk begrijpt. Dat is dan geen plagiaat vind ik, maar samenwerken tot een positief eindproduct.  Te streng, het kost heel veel tijd als je niets aan anderen kan vragen.

 Mij lijkt het logisch dat je bij een code als javascript dezelfde codes hebt. Dus ik denk niet dat je weet wanneer iemand plagiaat pleegt. Tenzij alle variabele dezelfde naam hebben of zo  Ligt aan de situatie, als je iets letterlijk copieeërt wel, maar als je met iemand samen werkt niet

5. Heb je andere commentaar/sugesties?  Misschien een begrippenlijst maken met alle termen van Javascript. Dit geeft je een goed overzicht.  Vaker opdrachten gezamenlijk maken, daar heb ik het meeste van geleerd.  Het huiswerk samen in de les behandelen zodat iedereen het uiteindelijk snapt.  Volgende keer beter inlichting qua huiswerk en eindcijfer samenstelling

6. Bijlage: Project Voorstel

PROJECTVOORSTEL ‘VIRTUALISEREN IN AVANS’ VOLGNUMMER PROJECT:

AII_1112_08

Academie(s): AI&I Naam projecteigenaar: Adriana Quintero Ramirez Datum: Maart 2012

1. EASY SCRIPTING WITH JAVASCRIPT

2. ONDERBOUWING EN BEOOGD RESULTAAT Probleemstelling of ambitie en analyse 2.1 Beschrijf het probleem/aanleiding of de ambitie die ten grondslag liggen aan het projectvoorstel en de relevantie daarvan in relatie tot het thema Virtualiseren in Avans.



Probleem/aanleiding:

1. Zelfstudie Programmeren is altijd een moeilijk vak geweest voor studenten omdat ze de logica heel goed moeten begrijpen om verder te kunnen gaan. Elke student leert in zijn eigen tempo en soms is één les niet genoeg om de boodschap goed te begrijpen. Als studenten toegang hebben tot het les materiaal (theorie over programmeren in Javascript) in de vorm van een screencast kunnen ze van tevoren de les voorbereiden. Tijdens de les kunnen ze dan deze “nieuwe” kennis in een bepaald onderwerp verdiepen of duidelijker maken door middel van het stellen van vragen. Na de praktijkles kunnen ze de screencasts als naslagwerken gebruiken. 2. Kwaliteit Door de feedback van studenten op de screencasts is mogelijk om de kwaliteit van de lessen continue te verbeteren. 3. Onderwijs methode In het begin kunnen praktijk opdrachten lastig voor studenten zijn. Dan raken ze daarvan gefrustreerd. Daarom is het doel van de les in dit voorstel dat alle praktijkopdrachten tijdens de les behandeled worden en de theorie (in de screencasts) huiswerk wordt. 4. Ziekte Afwezigheid door onvoorziene omstandigheden (bijvoorbeeld ziekte) moet niet een reden zijn om een les te missen. Studenten kunnen eenvoudig de theorie van de gemiste les bekijken. 5. Herkansingen Herkansingen worden heel duidelijk als de inhoud van de hele vak op film staat. Studenten en docenten weten precies wat ze moeten studeren en toetsen.

6. Internationalisering CMD is echt een internationaal beroep en engels is de basis van programmeertalen. Daarom is belangrijk voor studenten om hun engelse vaadigheden te verbeteren. Om dit te bereiken zullen de screencasts in het Engels worden gemaakt, maar de les zal in het Nederlands gegeven worden om alles duidelijk voor studenten te maken. Projectdoelstellingen en ambitieniveau 2.2 Beschrijf de doelstellingen van het project: wat is de gewenste toestand die het project gaat opleveren?

2.3 Beargumenteer hoe het project bijdraagt aan het realiseren van de ambities van het project Virtualiseren in Avans: aantrekkelijker, effectiever en efficiënter onderwijs.

1. Klassikaal instructie veronderstelt min of meer gelijk niveau van alle studenten. Met screencasts kunnen studenten in hun eigen tempo studeren en kan tijdens de werkcolleges beter maatwerk geleverd worden op vragen van studenten. 2. Stimuleer studenten om echt voor zichzelf te leren en bied de mogelijkheid om de studenten die iets goed weten en dat naar de andere studenten kunnen uitleggen. Daarmee worden de studenten uitgedaagd tijdens de les.



Aantrekkelijker: 24/7 toegang naar de les. Leren in je eigen tijd en tempo.



Effectiever: Studenten komen met een basis kennis naar de les en de docent kan beter vragen beantwoorden.



Efficiënter: De inhoud van de les is vast en de kwaliteit is altijd hetzelfde voor idereen. De inhoud van de herkansingen zijn duidelijk, en ziekte is geen reden om een les te missen.

Beoogd resultaat en afbakening 2.4 Beschrijf wat je gaat doen (activiteiten) om de doelstellingen van het project te realiseren.

1) 11 korte Screencasts (videos) maken van elke thema die de studenten moeten leren om met JavaScript te kunnen programmeren. De thema‟s zijn: a) Flowcharts b) Document Object Model (DOM) c) JavaScript sintax, Window en Document Object d) Variables e) Data types and Operators f) Functions g) Conditional statements (if..else, switch) h) Looping statements (for, while) i) String object j) Math Object k) Arrays 2) Natuurlijk is belangrijk dat studenten de videos bekijken! Daarom zal het verplicht zijn dat de studenten minimaal 2 vragen per video naar de les meenemen. Zonder vragen krijgen de studenten geen toegang tot de praktijk les. 3) Samen met de vragen moeten de studenten per video een “enquete” invullen om feedback te geven.

2.5 Beschrijf de concrete resultaten die het project gaat opleveren („deliverables’).

1. .avi videos met de basis van JavaScript worden op Youtube gezet (OER). 2. Overzicht van de volgorde van de videos. 3. Er zal een lijst ontstaan van Frequently Asked Questions (FAQ list). Eventueel kan die lijst met antwoorden of verwijzigingen gepubliceerd worden.

Doelgroep 2.6 Beschrijf op welke doelgroepen het projectvoorstel zich richt, en welk belang deze en mogelijk andere doelgroepen (kunnen) hebben bij de resultaten van het project.



Doelgroep(en) (student/docent/ondersteunend medewerker): CMD studenten van Jaar 1 Blok 4. Dit is de eerste programmeerles die ze zullen hebben en is de basis om alle de andere talen (action script, php, stc) te leren.



Andere doelgroep? De huidige CMD studenten van jaar 2 hebben nooit javascript les gehad. Dus kunnen ze de screencasts ook gebruiken in leerjaar 3.

3. PLAN VAN AANPAK Planning 3.1 Geschatte doorlooptijd, onderwijsperiode(n) en studiejaar.

 

Geschatte doorlooptijd: April – Juni 2012 (LW1 – LW7 P4) Studiejaar: 2011-2012

3.2 Beschrijf de projectbegroting (uren, namen, materialen).



Uren (voor welk deel/act. en door wie (namen)): Adriana Quintero. Ongeveer 64 uur (4 uur per video, 16 videos)



Materiaal(-kosten): een goede microfoon à € 50,-

3.3 Benoem, zo concreet mogelijk, de digitale tools of toepassing(en) die je inzet om het onderwijs te virtualiseren.



Screencastsoftware: http://screencast-o-matic.com/



Youtube

3.3 Beschrijf welke activiteiten georganiseerd worden voor kennisoverdracht om de uitkomsten en ervaringen met anderen te delen, en wanneer.



Activiteiten kennisdeling: de video‟s worden gedeeld via Youtube, als er behoefte is aan een presentatie zal die gegeven worden binnen de Academie over gebruik van screencasts (blended learning) in het onderwijs en/of kennisdelen met collega‟s binnen 6 techniek academies die ook bezig zijn met screencasting.

3.4 Beschrijf hoe het project wordt geëvalueerd tijdens de uitvoering en na afronding en hoe de kwaliteitsbewaking wordt vormgegeven.



Evaluatie tijdens uitvoering en na afloop: Elke lesweek is het de bedoeling dat studenten feedback van de videos geven.



Hoe kwaliteitsbewaking (plan do check act): Met de feedback van studenten kan een nieuwe versie van de video gemaakt worden.

3.5 Beschrijf op welke manier je gaat meten of de gewenste effecten worden gerealiseerd en met behulp van welke indicatoren dat gebeurd, en wanneer.



Effectmeting (evt. kwalitatief/kwantitatief?): dit is de eerste keer dat deze lessen worden gegeven voor deze doelgroep. Op het eind wordt de feedback van de studenten gevraagd.



Indicatoren: studenttevredenheid



Wanneer: eind van de laatste les in LW7 P4

Kennisdeling

 Wanneer: aan het eind van het project Evaluatie en kwaliteitsbewaking

VIA PROJECT AII_1112_08 EASY SCRIPTING WITH JAVASCRIPT. Project Resultaten

Recommend Documents