úterý 11. dubna 2017

Scenario

See this link for basic info about scenarios, and Cathy Moore's blog to find out about the practical use of scenarios.


Examples of scenarios:
http://sunil-rao.com/wp-content/uploads/Inner-Vision.swf
http://www.worldwarfighter.com/hajikamal/activity/


While writing the scenario, define the following:
1. Target group - age, proficiency
2. Task - what the class should do, identifying the final outcome and product
3. Aims and objectives: what the class will learn in these fields:
factual knowledge
language (vocabulary, reading skills...)
communicative skills
social skills

Make a list of keywords to help the class read and understand.

Computers skills and specifics:
create a correct, logical text
write the whole scenario into a single text file first
add illustrations and graphics to support reading with undestanding

For brainstorming, you may want to use this software: http://www.mindmeister.com/

Evaluation criteria:
Creativity
The applied reading skills
Ethical and informational dimensions
Aesthetics






TWINE engine to download: http://www.gimcrackd.com/etc/src/
HELP for TWINE

easy start with twine

More at
http://blog.cathy-moore.com/2011/07/sample-branching-scenario-cool-tool/
http://blog.cathy-moore.com/2010/05/elearning-example-branching-scenario/


Examples of scenarios:
http://scenariodeanasam.euweb.cz/
http://www.kucas.borec.cz/twine/prisonbreak.html
http://www.cizle.euweb.cz/Scenario.html
http://secondtry.wz.cz/scenario/scenar.html


středa 29. března 2017

Interactive Board Advanced


A  What should the teacher do?

- present text, images, sound, animations, video, links
- give the class a chance to think
- support creativity
- use the time wisely
- motivate the students


B What should we include?
- a functional combination of text, visual support and audio
- variability of all sorts
- empty space
- motivating activities (games)
- feedback

C Technical skills to be mastered:
- inserting text
- inserting images
- inserting audio
- inserting links

- locking
- grouping
- using layers - covering one object with another
- containing
- magical window


Promethean Planet: Examples of IWB tasks
Youtube tutorials
How to use Containers
Multiple Containers
How to make a magic box
Creating Action Objects
Magic revealer window

Lesson Activity Toolkit  - Smart
5 Tips and Trick  - Smart



TIPS:

USING CONTAINERS
1. Text to be moved:
Identification: Name = Panda
Contain: Return if not contained = True

2. Image or a space where to put the text/answer:
Can Contain = Specific object
Contain Object = (Select Object) Panda
Contain Rule = Completely contained

Česká verze:
1. Text (objekt), s nímž se bude pohybovat:
Identifikace: Název = Panda
Kontejner: Vrátit, pokud není obsaženo = Pravda

2. Objekt (obrázek), kam se text/odpověď přesouvá:
Může obsahovat = Konkrétní objekt
Obsažený objekt = (Vybrat objekt) Panda
Pravidlo pro obsah = Úplně obsaženo


Magic revealer window (Activ)
http://www.youtube.com/watch?v=fNYwDJ0ghkc
http://www.prometheanplanet.com/en/Download.aspx?ContentId=76847

1.    Insert two images
2.    Put one of them to the Top layer
3.    Create a rectangle. Settings:
           a.    Margin (ohraničení) – cca 20
           b.    Výplň – Nic
4.    Activate the magic ink. Fill in the rectangle.
5.    Set the order of the resulting two objects (rectangle will be above the magic ink to make the margins smooth)
6.    Group them together.
7. Check the order of the layers: Object (the rectangle),  Pen (the magic ink) nad the upper image are in the upper layer in the mentioned order, the remaining image is in the middle layer.

středa 22. března 2017

Interactive Board



ITB works as a multifunctional tool: you can present text, images, audio, video, internet resources...
But you (or the students) can also INTERACT with the board - write answers to questions, drag and drop, draw, or play games.

Our task is to explore the possibilities of SMART and Activ IWB software. The editor works intuitively, and some choices are similar to those available in MS office. To get an idea, we will also evaluate some internet-available examples.

________________________________________

Homework
1. Check the specifications of Smart Board (*.notebook files) and Active Inspire (*.flipchart files).
Look here:
AV Media
Promethean Planet
2. Install both softwares into your PC. Follow the instructions given in the lesson.
3. Continue working on your project.
_______________________________________

CLASS TASKS

1. Browse some shared interactive board materials, to get an idea :)
http://www.veskole.cz/
http://www.jazykyinteraktivne.cz/
http://www.pekarjeucitelonline.cz/
http://www.gymnaziainteraktivne.cz/
http://www.activucitel.cz/

2. Create your own project! Open Smart or Activ Inspire. Start a new file.
Enter the topic and your name and date into the first slide.
Insert a text, an image, a weblink, explore the pen function.
Browse all menus. Feel free to experiment and have fun creating. :)

3. Explore the imbedded galleries. Look also for animations!

4. Create an activity to practise the set of vocabulary you chose for your project. For each task, include the feedback; a good tip is to duplicate the page, and solve the exercise there.

5. Use the last pages as T's book - write there the standard info (topic, target group) and methodological instructions fot the Teacher. Link the T's book to the first page and vice versa.

6. Do you know how to get the IWB material online?
Tip: if the file is too big to be put into webzdarma directly, save it into some permanent online space (e.g. dropbox) and enter the link into your web.




úterý 21. března 2017

Audio

Audio material is regularly used when teaching speaking and listening in foreign languages. Therefore the teachers and the students should be able to edit and modify audio as well as texts.
Probably the best freeware available for editing sound is called AUDACITY.


Audacity Basics - you should be able to
- install Audacity and the lame library which enables export to mp3
- open a file in Audacity
- edit the file: cut and paste, fade in/out, change speed, delete, add silence
- create a new file
- combine two files (e.g. speech + background music)
- inserting silence (e.g. as a space for an answer)
- changing the speed or pitch (carefully!)


TASK 1 - TEACHER'S JOB
Browse Youtube for videos suitable for the topic you chose for HotPot tasks.
View, listen and choose; consider the target level and age!
Convert the video to mp3 using an online convertor.
Cut out a part of the recording, add an appropriate task and illustration and publish all that in your HotPotaoes index webpage (see the related blog entry for details).


TASK 2 - AN EXAMPLE OF A STUDENT TASK
You have just become a radio reporter!
Listen to the story of a toddler falling into a gorilla cage at Youtube. Another link HERE.
Find more stories covering the same or similar incidents.
Download the material converted into mp3.
Combining the available audios, create a thrilling radio report about the troubles caused by irresponsible ZOO visitors (max 70 seconds long).
If you feel like it, find more sounds (e.g. crowd shouting, Zoo animals sounds etc.).
Upload the story with an appropriate illustration to your web.

OR choose your own topic, download materials and edit your own story!

You can use Free YouTube to MP3 Converter to get audio from youtube easily, or find xonline converters, eg. Convert2mp3.


TASK 3 - EXAMPLES OF GOOD TEACHING PRACTICE
2. What does the word "podcast" mean? Go to Podomatic, create an account and browse the site. How can we use it in teaching English?

Good examples - Teacher Luke at PodomaticSplendid Speaking for advances learners

Podcast on podcasting in ELT


Sound files extensions:
wav -  Standard audio file container format used mainly in Windows PCs. Commonly used for storing uncompressed (PCM), CD-quality sound files, which means that they can be large in size—around 10 MB per minute. Wave files can also contain data encoded with a variety of (lossy) codecs to reduce the file size (for example the GSM or MP3 formats). Wav files use a RIFF structure

mp3 - compressed, MPEG Layer III Audio. Is the most common sound file format used today

flac - Free Lossless Audio Codec
ape - Monkey's Audio lossless audio compression format
ogg - A free, open source container format supporting a variety of formats, the most popular of which is the audio format Vorbis; compression similar to MP3

webm - Royalty-free format created for HTML5 video
aiff - Standard audio file format used by Apple. It could be considered the Apple equivalent of wav

ref: https://en.wikipedia.org/wiki/Audio_file_format



Sluchové pole (nebo oblast slyšitelnosti) je rozsah všech zvuků, které dokáže lidské ucho vnímat. Vnímání zvuku je u člověka omezeno slyšitelnými frekvencemi (přibližně 16–20 000 Hz). U každé frekvence je odlišný rozdíl intenzit, jež slyšíme. Lidský sluchový orgán je nejcitlivější v oblasti frekvencí 1–5 kHz.

http://www.wikiskripta.eu/index.php/Pr%C3%A1h_sluchu_a_sluchov%C3%A9_pole


pondělí 13. března 2017

Working with Images


HOMEWORK

1. Make a collage of two photos - as if creating a hoax image. Insert the final photo with a suitable comment into your Homepage (index.html) and publish online.

2. Prepare 10 images which you will use in your vocabulary teaching HotPot project. Keep them in the original size + make the same set in web version (max size 40kb per image).

_______________________________________________________

Visual support is vital in any teaching situation. As English teachers, we use pictures of objects to teach vocabulary, photos of situations to stimulate communication, authentic visual materials to teach realia and culture...

What characteristics of an image influence its effect on remembering the vocabulary?
  • context or the absence of context
  • vivid colours
  • contrast
  • golden ratio
  • the size of the target object
_______________________________________________________

 WHAT ARE THE KEY SKILLS IN THE FIELD OF PHOTOGRAPHY FOR  THE ENGLISH TEACHER TO MASTER?

My suggestion:
1. Basic knowledge of the electronic image formats and their specifics.
2. Basic editing abilities: crop, contrast, colour adjustment
3. Basic photo-making skills and knowledge (to be able to prepare original materials, and to document school events, projects, students'activities and products).

4. Advanced editing abilities - collage (to create more original materials, and to be resistant to hoax), inserting text to the image...

Typical Viral :D

Any other suggestions?

_______________________________________________________

It is easier and more satisfactory to use one's own images and photos instead of stealing them from the web and risking troubles.

A teacher should be able to:
- draw a picture, scan, save and publish
- make a good photo which he/she can use in teaching, edit and save


The difference between good and bad photos is obvious to anyone! And it is not so difficult to follow several basic rules to make your photos better.



_________________________________________________________________

What shall we know?

1. How to compose a photography
Practical composition (in Czech) 

Practical tips:
concentrate on a single idea, object, feeling
get closer, fill almost the whole field with the target object/situation


2. How to save an image
raw - full data
jpg - compressed (lossy)
tiff - for print, usually lossless; can handle CMYK
bmp - full data (bitmap)
gif - small (and animated); saves only used colours; 8bit
png - lossless, successor of gif, 8-24-48 bit

For web, an image with the longer side of 1600px is big enough, Let's say the size limit is cca 50KB - to save space.
When reducing the size, always keep the original untouched! Save the small version as a new file, say, IMG2345_Small.jpg. 
JPEGS reduce the size exponetially, so if you reduce the original at 80%, the amount of data may be reduced form 12MB to 1,5 MB. 


More in Wiki (in Czech)
and Wiki (in English)


_______________________________________________________
What shall we know?
3. The basic editing skills you should master:


1. Compressing, saving in various formats (with different extensions) and size
2. Crop (ořez)
3. Changing brightness, sharpness, hue and other basic features
4. Making a part of the image transparent


Tasks:
1. Open your image in Photoshop. Work with Crop first (C). Remember - the main part of the image should be taken by the main object (or idea, or situation)
2.  Use LEVELS to set the Lightning (Photoshop: Ctrl+L, or Obraz - přizpůsobení; Menu in Gimp: Enhance - Adjust Lightning - Levels)
3. Adjust sharpness. play with blur :)
4. Working with layers and masks in Photoshop:
Open the image
Duplicate the layer (Ctrl+J)
Choose the type of layers combination (Měkké světlo, závoj...)
Přidejte masku vrstvy (možnosti - odkrýt vše nebo skrýt vše)
Malujeme do masky!

COLLAGE
5. Use GIMP: Find two images and combine them into one, applying transparency (e.g. Donald Duck walking through Usti nad Labem :) )
6. Advanced: Try to do the same in Photoshop: make a collage of two photos!
tutorial in Czech
 List of  Photoshop Hotkeys - EN
List of  Photoshop Hotkeys - CZ

B - Brush
C - Crop
H - Hand
J - Healing brush
L - Lasso
S - Stamp
W - Wand

TIPS
How to make things transparent in Photoshop:
New Image - Background transparent
Import the image into a new layer
Magic wand - choose parts which should be transparent

Layer - Mask - Hide the choice (Vrstvy - maska - skrýt výběr)

How to make things transparent in GIMP:
Layers – Transparency – Add alpha channel
Choose the background using the magic wand.
The simplest method is to use Edit → Clear

You can also test transparency in Word - add the image into text and choose Formát obrázku - pozice - před textem.


Want a top quality image legally?
Visit Getty.

_________________________________________________________________

Product Photo
Choose an object within the class and make a picture which shows only the object - as if you needed an illustration of the word.

What shall we know?
4. How to make a photo of an isolated object
check the background
fill amost the whole image with the object
search for light
use simple aids, such as lamps, scarfs, sheets of paper
experiment 
Link to Product Photography at digineff

_________________________________________________________________

... want to know more?

"Kreativní fotografie si neklade za cíl zobrazit realitu (takové to tam Mařenko bylo) ale zobrazit 
něco víc. Zobrazit emoce (pocity, nálady ...), které autor na místě cítil a chce vám předat.
Když se díváte na fotografie z vaší dovolené obvykle si vybavíte pocity, jaké to tam bylo (jé podívej - tady jsme byli ...). Díváte-li se ale na fotografie z cizí dovolené, vidíte jenom obyčejné pláže, hrady, zámky atp. Prostě emoce spojené s místem a zážitkem vám chybí a proto vám často tyto fotografie připadají obyčejné. Dobrá fotografie vám dokáže předat pocity a zážitky i z míst, kde jste nebyli. A o tom to je...
Když stojíte v lese, vidíte široko okolo sebe, vnímáte vítr, šumění lesa, vůni jehličí a do zad vás pálí slunce. Toto vše na fotografii však chybí. Je tam jen obrazový výsek a to ještě ve 2 rozměrech (3 rozměr prostoru / perspektivy chybí). A proto je to tak těžké. A proto je pokoušet se o to taky tak krásné!"




pondělí 27. února 2017

HotPot


HOMEWORK: Bring a camera for the next lesson!


Hot Potatoes is probably one of the oldest freewares focused on teaching. See http://hotpot.uvic.ca/!

TASK:
At the hot pot page go to tutorial. Choose Standard Tutorial for Windows, Start and go to The Potatoes, one by one - JMatch (matching exercises).
Open the HotPot program in your PC, go to the green potatoe - matching exercises.
Explore the possibilities of setting, start creating the exercise, call for help if necessary.

______________________________________

http://hotpot.uvic.ca/wintutor6/tutorial.htm

HP HotLine:

1. Keep all files in the same folder. Do not change the names after you link them.
2. HP create two types of files:
*.j?? (jcl, jmt...) "Teacher's book" can be edited; save it carefully!
*.html  - "Students'book",  the exported file interactive, but cannot be edited
3. Save, export, check.

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

HotPot Index or Teacher's book:
a place/page which basic information:
1. Target group (proficiency, age)
2. Topic (preferably a list of new vocabulary items you are teaching)

You can create a whole  HotPot site, combining and connecting various task formats. This is the suggested order of exercises (Can you guess why?):

1. Matching
- 10 items (target vocabulary)
- if using pictures, set the same height for all of them  (e.g. 100 pixels)
- find out how to set the timer, shuffle questions, show a limited number of questions

2. Multiple choice
- 10 questions
- 4 distractors (no mistakes!)
- use sentences, not isolated words
- feedback - additional information, input

Good feedback: motivating, positive, informative

3. Gap fill
- 10 gaps
- context (e.g. a story)
- choose the gaps wisely  :)

Tips:
+ Create feedback which is interesting and informative; do not hesistate to include facts from our real life.
+ Do not skip determiners, e.g. articles:)
+ do not hesitate to include images, links, or audio!


HP exercises can be interonnected using the menu Configure - Buttons.
Suggested course of actions:

1. Create HP matching exercise Ex1. Connect it to the index.html. Make sure you have all the files, including images, in the same folder as the exercise. Save, export.
2. Create a HP multiple choice exercise Ex2.Connect it to the index.html. Carefully fill in the feedback! Save, export.
3. Create a HP gap fill exercise Ex3. Connect it to the index.html and Ex1.html. Save, export.
4. Connect Ex1 to Ex2, and Ex2 to Ex3. Save, export.
5. Open your index.html in NVU. Add links to all three HotPot exercises. Save.
6. Upload all files (index.html, Ex1.html, Ex2.html, Ex3.html, all images) to the web.



Do not forget:
+ No diacritics, no spaces in filenames.
+ Save everything you want to put online into a single folder. No subfolders.
+ Regularly save your changes.

 FAQ:

1. Do I have to use an authentic text in jcloze (gapfill) exercise?
YES.
Try to find an authentic text which will focus on the topic; some of the target vocabulary items should be included, but not necessarily all of them.
Such a text activates the passive vocabulary of the student, helps them understand the new words in context, and is much more informative than isolated sentences.

Tip: explore primary level sites for native speakers, e.g.
BBC for kids
British Council
Encyclopedia for kids


2. How do I make a good feedback in multiple choice?
Just follow these simple tips:
- DO NOT use capitals, exclamation marks, "NO!" "Unfortunately..." etc.
- be positive :) - do not start the feedback with "Sorry, no..."
- add extra information, eg.
Where do lions live? Chosen answer: "India"
Feedback: "Tigers live in India, but lions live in Africa."

3. How should I set the colour scheme?
- Remember that the text should be easy to read - the font and the background should be constrasting.
- The backgroud itself should not bee too bright, not to tire the eyes.
- study the Color Wheel site

4. What is the HotPot index?
It is a html file which includes links to all three hotpot exercises, and the basic info:
- the author
- the aim of the exercises, e.g. "Teaching the names of family members"


- the target group description, e.g. "Third grade, basic school, elementary level"

pondělí 20. února 2017

Your Brand New Website



HOMEWORK:
Choose a topic and a target level for your HotPot and Interactive board exercises.
Insert this information into the comment to this blog entry.

Format:
Your Name
Topic (in detail)
Level + age

Example:
Novakova
Winter clothes

6th grade - elementary

________________________________

BASIC RULES:

1. Save, save, backup, save...
2. All files in one folder.
3. No spaces, no diacritics in filenames.

First think, then click!


LESSON SUMMARY:
You should be able to:
  • create and format a html file in NVU
  • choose the appropriate structure of the page and suitable graphics
  • insert links and images into your webpage
  • start a website at webzdarma.cz
Create an Avatar HERE and add the link into your index.html.


Task:
Create a folder named PCSkills on your pen drive.
Create the index.html file in NVU. Save it into the PCSkills folder.
Insert your pre-prepared texts into the file index.html.

Experiment with formatting, colours, consider the role of images and graphics...

Insert a link to the KAJ Dept. page.
Insert a picture you took (avoid copyright problems!).
Add the speking Avatar link.

Upload your index.html and the image to your site in webzdarma.

Bask in glory, admiring your first hand-made web page!

Inspiration:







pondělí 13. února 2017

ICT in ELT

HOMEWORK
1.  Prepare texts you will publish in your website, e.g. personal profile, hobbies etc. (see the Credit Requirements for details). Save the texts in .txt file (poznamkovy blok).
2. Think of a catchy name for your new website - e.g. karbanatek.zaridito.cz
3. Bring the answers to Task 4 (printed) for the next lesson.


ALWAYS BRING
- a pen drive
- headphones


Task 1
What does it mean TEOTWAWKI?
Find at least two artificial works which use this acronym in their title.

Task 2
What approaches did you apply when searching the web for answers?

Task 3
List 3 skills which are vital for a good web user.
Enter your suggestions into the comment to this blog. Do not forget to sign your entry!

Task 4
How can you use ICT in teaching English? USE PEN AND PAPER to list your suggestions.


Internet Survival Guide

CREDIT REQUIREMENTS

active participation, working on classroom tasks
80% attendance

Projects: (submission deadline April 12, 2017)
1. A personal website (includes: personal profile, a page on your hobbies/interests including active links to references, HotPot index with basic info (topic, age, level) and links to all HP exercises, a link to Interactive Board material)
2. Hot Potatoes project (matching, multiple choice, gapfill, min. 10 questions each)
3. Interactive Board material (A SINGLE FILE includes: T's information = target group, objectives; topic presentation and explanation, various tasks for practice, audio, video - link to youtibe, illustrations, active links, inner links -- ALL ACTIVITIES PRACTISING THE SINGLE CHOSEN TOPIC)
4. Class-based projects - to be included into your website: an image of the school, a hoax image, a radio report (gorilla or your own choice), an audio suitable to your chosen topic.



Topics:
1. ICT in ELT, basic Internet skills, web safety
2. Creating a webpage - elementary; Avatar
3. Hot Poatoes
4. Working with images
5. Working with audio
6. Interactive board - elementary
7. Interactive board - advanced
8. Scenario
9. WebQuest