Web Tools - C2 InDig

WEB TOOLS BOOKLET C2: Web Tools for Foreign Language Learning Innovative digital approaches in learning environment in European schools

Prezi Prezi is a presentation tool that can be used for presenting ideas/slides on a virtual campus.

Prezi is an online presentation creation software that allows users to create compelling graphical presentations. We made this in hopes of teaching users, who may not be familiar with the software, how to effectively use this website to create presentations free of cost.

Step 1: Prezi.com Using your computer, start your internet browser and navigate to www.prezi.com. Once there click on the blue “get started” button on the top right hand side of the website.

Step 2: Setting Up an Account Once you click on “Get Started” you will be redirected to a page that list a variety of different pricing options for those who wish to pay a monthly fee to get extra features; to make a free account simply click on “Continue Free” on the right column of your screen. To make a new Prezi account the website will ask for your: first name; last name; e-mail address; password; and what of their listed career affiliations best describe you (if none of their listed affiliations apply to you, simply click on “other”). Once you have entered all your information, simply click on the “Create your free Public account” button, towards the bottom of the page.

Step 3: Dashboard Once logged in, you will be greeted with a welcome screen with a small floating overview of some of the features of Prezi; on the first screen click on “Get Started” and then click on the floating arrow button on the right hand side repeatedly until the “Start Creating” button appears; once you click on that, the welcome prompt disappears. You will be then redirected to a brief interactive tutorial; for the purposes of this demonstration, exit out of that tab, and once you do, you will be brought to the Prezi dashboard.

Step 4: Start a New Prezi Once you are in the dashboard, click on the “Create a new Prezi” button to get started on making your new presentation. This button will take you to a new tab called the “Canvas” which is where you will edit your Prezi. It will prompt you to select a pre-made template by clicking on one of them and then clicking on the “Use template” button on the bottom right. If you so wish, you can also create a blank Prezi by clicking on “Start blank Prezi” button on the bottom of that prompt. For the purposes of this demonstration, select “Start a blank Prezi.”

Note: You can search for a specific template by using the search bar at the top of the prompt to type a query and then clicking on the magnifying glass symbol to the right of the bar.

1

Step 5: Using the Canvas Once you click on the “Start a blank Prezi” button the prompt will disappear and you will be able to see your “Canvas”. You will see a large circle with two labels reading “Click to add text”; the circle is called a frame and they are equivalent to “slides” on traditional presentation software such as PowerPoint. To begin creating your presentation, click on the field that reads “Click to add text” in bold to give your first frame a title. Once your cursor is in that text field, a small floating toolbar will appear above your cursor that allows you to modify the font settings, things such as: typeface; font choice (bold, italic, underline); text color; spacing; indentation and bulleted list, in case you wish to change your text’s formatting.

Step 6: Create Frames To create a new frame, click on the top left corner of the page where there is a circle with a “+” symbol in the middle; you can change the shape of the new frame before adding it by clicking on “Circle frame” button and selecting from: bracket; circle; rectangle or invisible. Once you select a shape that you like, click the “+” button and a new frame will be added to the screen. On the left hand side you will see the slide manager, you can hide/unhide it by clicking the handle in the middle. Every time you create a new frame it will be added in that order to the presentation; we will show you how to change the order later in this document. You can resize the frame by clicking and dragging on the edges of the square that appears whenever you select a frame. From that same menu you can reshape or delete a frame by clicking on their correspondingly labeled buttons.

Step 7: Adding Text Begin by adding text, to do so click inside the frame that you just added and a text field will appear which will allow you to type alongside the same floating toolbar containing the text styling choices described earlier. Give your new frame a title by selecting “Title” from the floating toolbar. To add body text, simply click on a different area of the frame and a new text field will appear, select on “Body” from the floating toolbar to create body text, which will be distinct from the title in appearance.

Step 8: Add As Many Frames As You Need Add as many slides as required by your respective presentation by clicking on the “+” circle button on the top left corner of the page; add your textual information using the methods described above.

Step 9: Re-order Frames (Simplest Method) The easiest way to reorder your frames is to simply click and hold on the overview of your frames on the left hand side and dragging it to its desired position.

Step 10: Edit Path Button Alternative to dragging slides on the left, you can use the path manager to change slide order; just click on the “Edit Path” button on the bottom left hand side of to get started.

2

Step 11: Re-ordering and Creating New Paths After you click on the “Edit Path” button, lines connecting each slide will appear; to change the order of the slides click on the numbered button next to a slide and drag it to a new slide. If you want to add another path simply click on the small “+” circle button and drag it into a new slide or object to place it into your presentation.

Step 12: Adding Images To supplement your text, you may want to add photos or even videos, in order to do so, simply click on “Insert” at the top of the page. A drop down menu will appear that will allow you to add an image, YouTube video, an arrow and much more. To add a photo click on “image” from the drop down menu and a side menu will appear with pre-loaded images; you can select one of their images or add your own by clicking on the “Select files” button and searching your computer files for the desired image. Add your image to a frame by clicking and dragging into your frame of choice.

Step 13: Adding Videos To add a video using the “insert” menu, click on “YouTube video. A small pop up screen will appear; paste the YouTube video URL on this text field and click on the “Insert” button and the video will be added to your presentation.

To know more: https://www.instructables.com/How-to-Use-Prezi/

3

Voki Voki is a fun tool that students can use for homework, classwork or projects.

SPEAKING CHARACTERS FOR EDUCATION Step 1: Create New Presentation Once you are logged in, click Presenter in the main menu bar. You’ll be taken to the My Presentations page. Click Create New. A pop up window will then appear. Go ahead and type the name and description. Click OK. Your new presentation has been created. You are ready to edit your presentation. Click the pencil on the right to begin. This opens the presentation editor.

You can check every step with examples, here: https://l-www.voki.com/pdf/Voki_Presenter_Getting_Started.pdf https://l-www.voki.com/

4

Xtranormal ANIMATED MOVIES - MADE BY YOU Once you’re registered, you click on “Create” and begin by selecting the theme for your movie.

You then choose from 1 or 2 actors and are directed to the editing screen.

Step 1 has you select your background.

Step 2 has you select your characters and choose from a long list of possible voice choices.

Step 3 allows you to choose background noise or music.

Step 4 involves writing and editing your movie. The text-to-speech format is a bit tricky to use and you have to modify some words to make them sound right. The edit feature allow you add camera angles, motions, facial expressions, pauses and sound effects from a list of choices in each category.

You may find more, here: http://www.xtranormal.com/

5

Powtoon Powtoon is the visual communication platform that gives you the freedom to create professional and fully customized videos your audience will love.

Step 1: Script You need to create a script that describes what will happen in every “scene”.

We recommend working with the following simple guidelines to create exciting presentations with an engaging and captivating story: 1. Identify the problem are you or your product addressing.

2. How does the frustration manifest itself? (Expensive, labor-intensive, annoying, etc…)

3. Aggravate problem (for example show what usefulness other solutions are there) 4. What is your solution, what are its benefits and why is it better?

5. CALL TO ACTION: Test us – Try us – Buy Us. Remember that when reading your newly created script without pauses, 90 seconds corresponds to around 225 words! So before finalizing your script, please make sure to do a word count (and if I can give you another piece of advice: SHORTEN THE SCRIPT ONCE and then SHORTEN IT AGAIN).

Step 2: Voiceover Guide / Background Music You need to either choose a background track for your music or record a voiceover. This means that you need an MP3 file of the TEXT PARTS of the script read out as they will appear in the Powtoon. Don’t worry, this does not have to be a professional voiceover, it can just be something basic for now, you are doing this mainly as a TIMING guide.

Once you have your voice-over guide, all you need to do is upload it into Powtoon and you will now be able to add the visuals to the sound.

Step 3: Dividing the Slides Now you can start creating visual content according to the script. Each slide represents a scene and an idea as outlined in the script. Try to keep your slides short, this way you can put a lot of interesting visuals in your Powtoon project.

If you have a voiceover, you can make some of the words come to life using Powtoon’s animated options by making them appear in time on the screen. You don’t need to have each word that appears in the script on the stage but rather chose important words to emphasize certain points.

Step 4: Populate the Slides Now it’s time to include additional features and make things fun such as colors, graphics, background, animation styles, props, images, and characters to your slides. It’s important to convey the message together with the graphic objects and as little text as possible, so the audience doesn’t have to sit there reading all the time.

6

Step 5: Timing Now you have to time it all. This is the last step and is actually one that can have a significant effect on the “professional” look and feel of your final result.

The Powtoon timeline is designed to allow you to easily adjust the appearance and timing of all the elements on the screen. You can now listen to the voiceover running in the background and make sure that all the visual elements reflect what you hear. The more accurate you get this; the more awesome the final result!

More info, here: https://www.powtoon.com/

7

Blogger Create a unique and beautiful blog easily.

1. Sign in to Blogger.

2. On the left, click the Down arrow .

3. Click New blog.

4. Enter a name for your blog.

5. Click Next.

6. Choose a blog address or URL. 7. Click Save.

You can follow everything easily, right here: https://www.blogger.com/about/

8

Padlet Padlet takes the idea of the notice board and makes it digital, meaning it's enhanced. This creates a space for teachers and students in education to share but in a way that's actually better than the real-world version.

Padlet is a place where you can create a single or multiple walls that are able to house all the posts you want to share. From videos and images to documents and audio, it is literally a blank slate. It's collaborative, too, allowing you to involve students, other teachers and even parents and guardians.

Who you share that with is up to you as a moderator. It can be public, open to all, or you can place a password on the wall. You can only allow invited members to use the wall, which is the ideal setup for education. Share the link and anyone invited can enter easily.

Once up and running, it's possible to post an update with your identity, or anonymously.

Start off by creating an account on Padlet, or via the iOS or Android app. Then you can make your first board to share using a link or QR code, to name just two of the many sharing options.

To get posting, double click anywhere on the board. Then you can drag files, you can paste files, or even use the Save As bookmark with Padlet mini. Or simply click the plus icon in the lower right corner and add that way. This can be images, videos, audio files, links, or documents.

From a brainstorming board to a live questions bank, there are lots of ways to use Padlet, limited only by your imagination. Even that limit can be overcome by allowing the board to be collaborative so your students can use their imaginations to grow it in new directions.

More, here: https://padlet.com/dashboard

9

Voicethread For student presentations conversational practice.

1. Go to http://voicethread.com/ 2. Click on Sign in or Register.

3. Register if you are a new user or sign into your existing account.

4. Once you have signed into your account, you will be taken to the navigation page with three tabs to choose from: Browse, Create, and My Voice.

BROWSE Use this tab to view all VoiceThreads that authors have publicly placed in “Browse”. When you create your VoiceThread, you will be able to determine its privacy settings.

CREATE Use this tab to create a new VoiceThread presentation.

MY VOICE Use this tab to view all VoiceThreads that you’ve created or that have been shared with you.

Creating a VoiceThread involves 3 easy steps: 1) Upload, 2) Comment, and 3) Share.

STEP 1: UPLOAD 1. Select the Create tab from the top and click Upload.

2. From the Upload menu, choose from the following options: MY COMPUTER: Click here to upload files from your computer (PowerPoints, images, PDFs, etc.).

MEDIA SOURCES: Click here to access images from previous VoiceThreads, Flickr, Facebook, and the New York Public Library.

URL: Click here to upload a link to a Web site.

MY WEBCAM: Click here to use your Webcam to upload a photo or video clip.

STEP 2: COMMENT 1. When you have finished uploading your files and images, click once on the slide you wish to comment on to select it.

2. Click Comment from the menu at the left.

3. Click the Comment button at the bottom of the slide.

4. Select from the commenting options (audio, webcam, type, etc.).

5. Continue this process with the other slides in your presentation. You can mix and match the types of comments you leave, so have fun with it!

STEP 3: SHARE A. Set up your Publishing and Playback Options. From the Create tab, you will see buttons at the bottom of the screen where you can control your playback and publishing settings. It’s a good idea to set these up before sharing your presentation. 1.

We recommend selecting the following Playback and Publishing Options. Click Save when you have made your selections.

This will allow users to view and comment on your presentation, but your VoiceThread will not show up publicly in a search or on the Browse page.

10

2. If you do not want users to comment on your slides, deselect Allow anyone to Comment from the Publishing Options.

B. Share your presentation via URL link.

1. Click the Share button from the Create tab.

2. Click Get a Link 3. Select Copy the Link.

4. Your link is now ready to be pasted into your course.

C. Embed your presentation. You may also choose to embed your presentation into your course by following these steps: 1. From the Create tab, select the Embed button at the bottom of the screen.

2. From the Embed window, select the Copy this button next to the Embed code.

3. Your embed code is now ready to be pasted into your course.

You may find more, here: https://voicethread.com/

11

H5P H5P is a plugin for existing publishing systems that enables the system to create interactive content like Interactive Videos, Presentations, Games, Quizzes and more!

1. Get the right video format.

2. Create a file.

3. Open the Interactive Video Editor.

4. Add Interactions.

5. To add Text Interactions.

6. To add Image Interactions.

7. Add Bookmarks.

8. In the final step To know more: https://h5p.org/

12

Google Docs Use Google Docs to create, and collaborate on online documents. Edit together with secure sharing in real-time and from any device.

Step 1: Create a document To create a new document: 1. On your computer, open the Docs home screen at docs.google.com.

2. In the top left, under "Start a new document," click Blank .

You can also create new documents from the URL docs.google.com/create.

Step 2: Edit and format To edit a document: 1. On your computer, open a document in Google Docs.

2. To select a word, double-click it or use your cursor to select the text you want to change.

3. Start editing.

4. To undo or redo an action, at the top, click Undo or Redo .

Note: To edit a document on a touchscreen device, like a Pixel Book, double-tap the document to start typing.

You can add and edit text, paragraphs, spacing, and more in a document.

Format paragraphs or font Add a title, heading, or table of contents Step 3: Share & work with others You can share files and folders with people and choose whether they can view, edit, or comment on them.

13

Mindomo LinkFacts combines visual thinking, concept mapping, mind mapping, and datas.

Click on the "Create" button on the top-left corner of your Dashboard. You'll be presented with a panel from which you can choose to create mind maps, concept maps, folders etc., as well as choose from several mind map templates.

Click on the "Create" button from "Blank mind map" to create a mind map from scratch.

Click on the arrow from the right to select the theme of the mind map before creating it.

You will see all the themes available: the ones created by you and the predefined themes from Mindomo.

Choose a theme and click on "Create" to start working on the mind map.

After creating the mind map you'll be presented with Mindomo's tidy and easy to use interface.

There are four topic types: 1. central topic 2. main topic 3. subtopic 4. floating topic To name a topic, click on the topic to select it. The topic shape will turn blue. Click again to have the text in the topic highlighted in blue. Now you can type in the words.

To insert a new text line into a topic, place the mouse cursor at the end of the current line, hold the SHIFT key, and then press the ENTER key.

Find more, here: https://www.linkfacts.link/? gclid=CjwKCAjw682TBhATEiwA9crl31CoNDRFSX1G7GbG3rdaMEZmI7n8ABz2xDsztf3W59ZcQ12ZxiydxoCZ30QAvD_BwE

14

Calameo Publishing platform for digital magazines, interactive publications and online catalogs.

Click on the blue PUBLISH button at the top of the page. Select a file from your computer or drag and drop the file you wish to upload. After selecting your document, in the window that opens you can personalize the appearance and privacy of your publication.

Do it, here: https://en.calameo.com/

15

Classtools Create free educational games and tools for the classroom.

This one, you have to check by yourself! So many things to use: games, quizzes, diagrams, activities - Check it, here: https://classtools.net/

16

Dipity Dipity is a free digital timeline website. Their mission is to organize the web's content by date and time. Users can create, share, embed and collaborate on interactive, visually engaging timelines that integrate video, audio, images, text, links, social media, location and timestamps.

1) To create your timeline, initially click on the green button (Join Dipity) and register for free.

2) Then click on “Creat a timeline” and fill in the fields with the name from the timeline, a short description, the category it belongs to, location details and add a related photo to your timeline. In the permissions you can control who can view your work.

3) Afterwards, click on the yellow button "Continue to add events". Add events, date and other related materials such as photos and links. When you finish entering the events, click on the yellow "Continue" button.

4) On this screen you can complete the fields with the tags related to your work and allow comments on events or on the timeline. Also you can choose the theme for your work. Finally, click on "Save and view timeline".

5) Then the created timeline will appear. You can edit each event by clicking the "Edit" link.

6) If you want to edit your timeline by inserting more events or materials, click on “Settings” at the top of the page.

7) You can embed your timeline in a blog. To do so, click on word “Embed”, at the top of the timeline, copy the HTML code and paste in the blog.

17