CS4ODFL/Knowing your ODFL communications ecosystem/Creating

From WikiEducator
Jump to: navigation, search

Overview

Social-media-devices.jpg

The ability to create media is a key component of the definition of media literacy. In this learning pathway, we focus on developing digital skills for different media modalities in preparation for creating a multimodal presentation.

The create media learning pathway is assembled as a progression from simple to more complex objectives that will enable you to:

  1. Create static images (remixing scalable vector graphics to produce a diagram)
  2. Create moving images assembled from static images (GIF animation for visual interest or explanation of a concept)
  3. Generate a sequence of static and moving images for a web-based presentation (using the Reveal.js framework for online presentations)
  4. Record and remix audio (generating an audio file from multiple tracks for inclusion in a video)

These component skills will enable you to assemble and remix a multimodal online presentation.

Icon objectives line.svg
Objectives

On successful completion of this learning pathway you will be able to:

  • Generate a diagram by remixing openly licensed scalable vector graphics resources for inclusion in your multimedia presentation
  • Produce an animated GIF from a sequence of static image file frames
  • Produce and share an online presentation (without audio) using web-based technologies.
  • Generate an audio file from multiple audio tracks.



Overview

Social-media-devices.jpg
The ability to create media is a key component of the definition of media literacy. In this learning pathway, we focus on developing digital skills for different media modalities in preparation for creating a multimodal presentation.

The create media learning pathway is assembled as a progression from simple to more complex objectives that will enable you to:

  1. Create static images (remixing scalable vector graphics to produce a diagram)
  2. Create moving images assembled from static images (GIF animation for visual interest or explanation of a concept)
  3. Generate a sequence of static and moving images for a web-based presentation (using the Reveal.js framework for online presentations)
  4. Record and remix audio (generating an audio file from multiple tracks for inclusion in a video)

These component skills will enable you to assemble and remix a multimodal online presentation.

Icon objectives line.svg
Objectives

On successful completion of this learning pathway you will be able to:

  • Generate a diagram by remixing openly licensed scalable vector graphics resources for inclusion in your multimedia presentation
  • Produce an animated GIF from a sequence of static image file frames
  • Produce and share an online presentation (without audio) using web-based technologies.
  • Generate an audio file from multiple audio tracks.



Icon objectives line.svg
Choose a subject and draft a plan




Icon objectives line.svg
Choose a subject and draft a plan

You can change the title of any IDevice.



Choose a subject and draft a plan

Door choice.jpg
In this learning pathway, we will focus on digital skills for creating media.

If you are planning to take the assessment for this course for formal credit, we recommend that you read the requirements for Task 4 of the assignment so that you can re-use the outputs of the mini-learning challenges in this learning pathway for incorporation into your presentation.

Icon summary line.svg
Mini challenge summary
Summary: Select a subject and draft an initial plan for creating a multimodal presentation
Time7.svg
30 - 45 minutes



Icon define line.svg
Definition

Multimodal media
Digital media enables the simultaneous expression of multiple modes of communication including text, static images, moving images, gestures and sound. These modalities can be used in various combinations in digital communication formats. Multimodal media can convey meaning beyond "alphabetical communication" and requires "readers" to develop abilities to understand these modes of making meaning. Media literate digital citizens require the ability to craft, create and manipulate media as forms of communication and expression.



The assignment for Critical media literacies and associated digital skills (LiDA104) requires that you create a multimedia presentation saved as a video file that incorporates an audio track plus at least two other modalities such as text, static images, animations or video. The mini challenges in this learning pathway will support you in developing your digital skills in each of these modalities. We recommend that you now select a topic or subject for the multimodal presentation so that the outputs you generate from the mini challenges can be incorporated into your final multimedia presentation. We also recommend that you now select an authentic use case for your presentation so that you have a defined target audience. This also means that the time you spend on this course can be used productively in the real world.

Icon inter line.svg
Stimulus resources



Tasks

  1. Choose a topic or subject for an authentic presentation, that is something you can use in the real world, for example:
    • Educators can choose a subject to produce an online presentation that you can use in your own teaching;
    • Employees can choose a subject for use in a business presentation for colleagues or clients;
    • Entrepreneurs can produce a short presentation to market a product or service;
    • Product support employees can generate a help resource showing how to use a product or service;
    • If you're unsure, you can create a help resource for any learning pathway or topic for the Learning in a digital age (LiDA) micro-courses. Outputs which are licensed with a Creative Commons Attribution or Creative Commons Attribution-ShareAlike license could be incorporated into future offerings of the LiDA courses. This is a good way to give-back to the OERu learning community.

Note: If you are planning to complete the assignment for this micro-course, be aware that the assessment requirement is to create a multimedia presentation "on any topic that expresses the outputs of your learning or a resource to support learners studying a topic of your choice, for e.g: a multimedia presentation summarising the outputs of one of your assessment tasks or learning activities; or a learning resource to support a topic from the Learning in a Digital Age course."

  1. Plan a rough outline for a 3 minute multimodal presentation (Note: this is an initial draft, so don't spend too much time preparing a detailed plan. Producing media is an iterative process and for now, you only require a rough outline).
    • Specify the purpose of your presentation
    • Draft a simple story board to outline the sequence and approximate timeline for your presentation.
Icon activity line.svg
Learning output actions

Share the subject area or topic and reason for your choice by posting a comment on WENotes below.


Diagram remix

Icon summary line.svg
Mini challenge summary
Summary: Construct a diagram with reusable Scalable Vector Graphics (SVG) images
Time7.svg
1.5 to 2 hours

The static image is the first modality of this learning pathway on creating media.



Start here

Icon inter line.svg
Stimulus resources

Examples of svg images from the Wikimedia Commons (Click on the image for metadata and download link)



Icon objectives line.svg
Purpose

The purpose of this challenge is to enable you to gain expertise in generating a graphic, diagram, or chart for reuse in a presentation using the Scalable Vector Graphics (SVG) file format.

The value of this exercise is for you to develop component skills that will enable you to:

  • Produce editable images using an open file format (improves reuse potential; for example, translation of diagram labels).
  • Remix and reuse existing OER image assets.
  • Use the SVG file format, which facilitates resizing of images without loss of image quality.



Tasks

  1. Visit the Inkscape homepage, and download and install the official release package for your operating system.
    • Note: We recommend using an official release package.
    • Make sure that you download the version for your operating system, i.e. Windows, Mac, or Linux.
    • If you are not sure how to install software, search for "How to install Inkscape" or seek advice from a friend.
    • If you are more comfortable using slideshow software, you may prefer trying LibreOffice Impress, which is part of the LibreOffice suite. You can download and install the latest stable version of the software for your operating system. LibreOffice supports the import and export of SVG files (see here).
  2. Other software options:
    • Gravit Designer is a free but proprietary vector based authoring solution. With Gravit Designer, you can either work online or download local versions of the software.
    • You are free to use any software package which supports the import and export of open SVG file formats.
  3. Launch Inkscape, Gravit Designer or your preferred tool and explore the software.
    • If you are new to using graphics software, search YouTube for Inkscape tutorials. You will find extensive resources; for example, the Derek Banas introduction to Inkscape tools or the playlist for Inkscape tutorials for beginners published by Davina and Caroline.
    • Note: You are not expected to become an intermediate or advanced user of graphics software. All that is required are basic skills to add text, squares, and rectangles; to change colours;and to import/export SVG graphics.
  4. Conceptualize a chart, diagram, or graphic for inclusion in the learning pathway you are planning to develop.
    • Revisit the stimulus resources above to generate ideas.
    • Draft a freehand version of the concept for the diagram on a separate piece of paper.
  5. Conduct a search for SVG graphics that you could potentially copy, reuse, and remix for inclusion in your diagram. A few suggestions:
    • Search on Wikimedia Commons, and include the string "SVG" in your search. A good starting point may be the category SVG icons.
    • Visit Pixbay's SVG collection - there are a large number of images you can download in SVG format.
    • Conduct a web search for openly licensed SVG images.
  6. Record the urls of the pages of the SVG graphics you would like to download, as well as the names of the authors and license types of the images, all of which will be required when attributing your derivative work.
    • See, for example,the attribution of the SVG icons included in this graphic illustrating the structure of an OERu course. Note that this is a SVG graphic, which you could download, modify, and reuse for your own purposes.
  7. Download and save the SVG graphics you would like to reuse and incorporate in your own diagram.
    • Remember to record the url and relevant metadata for attribution in your derivative work.
  8. Please share your learning journey with our community by posting regularly on WENotes below.


Icon activity line.svg
Learning outcome actions
  1. Develop a graphic, diagram or chart for use in a presentation using Inkscape (or alternative software) which supports SVG graphics. Your graphic must:
    • Incorporate at least two openly licensed SVG files, which have been downloaded and imported into your graphic for remix. (Note: You are free to change colours and remove elements from the source graphic(s) for the purposes of your reuse context. For attribution purposes --- remember to keep information on the metadata and source urls of the images you reused.)
  2. Prepare a blog post of approximately 150 - 200 words where you:
    • Upload the image to your blog with proper attribution of the source svg files that you used.
    • Share a brief reflection of your experiences in designing and publishing the graphic.


Animated GIF

A cinemagraph showing reeds waving in the wind.
The Graphics Interchange Format (GIF) is a bitmap image format. The format can support the compilation of a sequence of still images and when played back, it generates a moving picture. GIF animations are gaining popularity again as a form of creative expression and as a method to use moving pictures to illustrate or explain concepts. In this section, you will create your own animated GIF from a sequence of still frames.


Icon summary line.svg
Mini challenge
Summary: Generate an animated GIF from still image frames
Time7.svg
1.5 hours

Moving images (without sound) is the next modality in this learning pathway on creating media.



Start here

Icon inter line.svg
Stimulus resources

The following animated GIF examples illustrate the utility of moving pictures to illustrate concepts. In this challenge you are not required to produce complex animations. However, simple animations can add value to the online media you produce. (Click on the image to view the GIF source file on the Wikimedia Commons and use the back button of your browser to return to this page).


Note, the following video does not have a sound track.




Icon objectives line.svg
Purpose

The purpose of this mini challenge is to develop and improve your digital skills in creating media using the animated GIF format.

(Note: You are not required to produce sophisticated or complex animated GIFS. The intention is to think creatively within the constraints of your current level of expertise.)



Tasks

A simple animation created by adding the letters and text to separate frames to generate an animated sequence.
  1. Think about an authentic application for your animated GIF, which could be used in your multimodal presentation assignment for this microcourse. For example:
    • A cinemagraph for subtle visual interest in a professional presentation.
    • A diagram or graph where changes in colour can be used for emphasis or attention during a written or verbal explanation.
    • A short screen cast showing how to navigate a website with text inserts or highlights to provide support.
    • An animation for marketing promotion in social media, for example a Twitter post.
  2. Note: There are online web services that will automatically convert video files into animated GIFs. You shouldn't use this approach because the learning output actions require a blog post showing examples of the still image frames you used to generate the animation.
  3. You are free to use any graphic software package with the capability of generating animated GIFs from still frames. GIMP is a good open source software option. Download the correct option for your operating system and install the software.
    • You can use graphic software that you are familiar with to generate the images, and then open them in GIMP to generate the animination. In GIMP, select all the image files you created (these should be number sequentially, e.g Imagename01, Imagename02, Imagename03 etc) and use: File -> Open as layers.
    • Search online for help resources and tutorials if you're not sure what to do.
  4. Export your image sequence as a GIF following the instructions provided in the stimulus resources above.

Outputs

Icon activity line.svg
Learning output actions

Example blog posts

Animated GIF generated from photographs by Alan Levine
Publish a short blog post (about 300 words) sharing the process you followed for generating the animated GIF, including a short comment on why you chose the subject matter.
  1. Your blog post should:
    • Contain at least two of the still frames you used to generate the animation.
    • Embed the resultant animated GIF.
    • Summarise the process and tools that you used.
    • Provide a personal reflection on your experience with this creative process.
  2. Remember to tag or label your post using the course code: LiDA104
  3. Upload a copy of your animated GIF on mastodon.oeru.org or Twitter with a creative caption using the hashtag #LiDA104image


HTML Slideshow

HTML-code screen.jpg
In this section we explore web-based slideshows which are coded in HTML. This enables the slideshow to be viewed and presented using a web browser, with the advantage of supporting responsive design for mobile devices and applying styles using CSS (Cascading Style Sheets). Together with JavaScript (JS) it is possible generate dynamic and professional presentations authored natively for the web.

In this course, you are not required to learn how to code slide shows in HTML, but you will develop associated skills in web-based slideshows using the Slides.com web-service. This web-service generates the underlying HTML for the open source Reveal.js framework for web-based slideshow presentations.

Note: If you choose to complete the formal assignment for this micro-course, you may choose which slideshow software to use; it is not a requirement to use Slides.com. We suggest that you complete the research on various software options in the Recording your presentation mini challenge before finalising your choice of presentation software for the assignment.


Icon summary line.svg
Mini challenge summary
Summary: Prepare a short web-based slideshow based on the Reveal.js framework.
Time7.svg
1 - 1.5 hours



Start here

Icon inter line.svg
Stimulus resources


Icon objectives line.svg
Purpose

The purpose of this mini challenge is to develop an early draft of one or two concept ideas for your multimodal presentation assignment while improving your skills in creating media using web technologies rather than traditional presentation software.



Tasks

  1. Signup for a free account on Slides.com to trial the web service. (Note: Using the free account option, your presentations will be public and storage is limited to 250MB. Paid subscriptions provide additional features, but are not needed for this mini-challenge.).
  2. Create a short presentation of approximately 5 slides. You can use this mini-challenge as a draft for planning the structure for the multimodal presentation assignment for this microcourse.
  3. Your presentation should incorporate the following:
    • One slide using a background image
    • One slide including an image on the page
    • One slide that uses "fragments" to build up the text
    • One or more nested slides (that is, incorporating the down / up navigation option)
  4. Experiment with applying different:
    • Font styles
    • Slide transitions
    • Colour templates
  5. Optional:
    • Inserting your animated GIF
    • Embedding a video
    • Embedding an iframe (that is, embedding a live third party website into your online presentation)

How did you go? Share your thoughts by posting a comment on WENotes below.


Outputs

Icon activity line.svg
Learning output actions
  1. Export your presentation as HTML, download and save a local copy.
    • Open this HTML file locally in your browser (If you're not sure how to do this, search for "How to open HTML file <insert browser name>".)
  2. Optional - share the outputs of your creativity with your LiDA peers:
    • Share the public link to the online version of your file on slides.com by posting on mastodon.oeru.org (include the hashtag #LiDA104), or
    • If your prefer, publish a short blog post with a link to your presentation (label or tag using the course code: LiDA104).


Record and mix audio

Microphone-audio-recording.jpg
A multimodal presentation requires an audio track. Learning how to edit and mix audio snippets is a valuable skill for creating online presentations with an audio. In this mini learning challenge you will learn how to use Audacity to record voice and mix an music track into the recording.


Icon summary line.svg
Mini challenge summary
Summary: Mix a music track with personal voice recording using Audacity
Time7.svg
1 hours

Audacity is a free, easy to use, multi-track audio editor and recorder. This open source software is available for Windows, Mac OS X, GNU/Linux and other operating systems.



Start here

Icon inter line.svg
Stimulus resources



Icon objectives line.svg
Purpose

The purpose of this mini challenge is to produce a digital audio file with a music prelude that fades into a personal voice introduction to develop skills in recording and mixing audio files using Audacity.

(This recording can be reused for your mutlimodal presentation assignment)


Tasks

  1. Download a copy of Audacity (Be sure to select the correct version for your operating system.)
  2. Install the Audacity software. (If you are unsure how to do this, you can search "How to install Audacity" on Youtube or Google for your operating system, review Audacity's FAQ page or ask a friend or work colleague who is familiar with installing software.
  3. Select and download a suitable music file which is openly licensed for reuse for the prelude of your audio mix project.
    • Be sure to check the license of the audio track before downloading. The license is usually displayed on the homepage of the music file. Some sites, like Jamendo below, also host music files which are not openly licensed. It is your responsibility to check the usage sites. Keep a record of the source url and license which you will need for attribution purposes.
    • Sites: Free music archive, Free Music Public Domain, Jamendo (be sure to click on the free download section of the site) or search for Creative Commons licensed music.
  4. Open Audacity, import your music file and record your voice track.
  5. Edit your music clip so that it fades into your voice recording.
  6. Edit the audio tracks as appropriate, for example clipping, amplifying, reducing volume etc.
  7. Save your project file as *.aup (so you can edit this later)
  8. Export your audio file in a suitable format for playback.

Record your presentation

Microphone head.jpg
By this stage, you have a visually engaging slideshow and maybe a sound track to go with it. You are also likely to want to add voice narration for each slide. There are several ways of doing this, depending on what software you choose to use.

In this mini learning challenge you will research different tools for recording narration for your slideshow and then create your own video presentation.

As a learner in a digital age, there are likely to be many occasions when you need to find and work out how to use unfamiliar software. For this reason, this mini challenge only points you in the direction of some suitable tools and how to find instructions - this is an opportunity for you to explore and develop confidence in using digital tools which are new to you.

Icon summary line.svg
Mini challenge summary
Summary: Select and use a tool for video-recording a presentation with narration
Time7.svg
1 - 2 hours



Start here

Icon inter line.svg
Stimulus resources

A slide narration means creating a video file of the slide sequence with audio (live recording or pre-recorded audio files for each slide). This is effectively a two step process - generating the slides then adding timed audio narration (before saving the output as a video file).

Here are some possible options for creating your narrated video presentation:

  1. Screen recording of your slideshow (e.g. your slides.com slide deck) while recording your narration. OBS studio is a free, open source tool which you can download to your computer and use for this.
  2. Using native slideshow capabilities (i.e. functionality that is included in your presentation software) for embedding audio then exporting as video file. Slides.com does not provide the option to embed audio, but some other types of presentation software, such as Open Office Impress and Microsoft Powerpoint, do.
  3. Using video editing software, where each slide is imported as a still image and then associating each image with an audio file.
  4. Using a webconferencing tool with recording capabilities.

You can search the internet to find instructions on how to use different digital tools. Video instructions are often the most useful as they illustrate exactly what you need to do on your screen. For example:



Icon objectives line.svg
Purpose

The purpose of this mini challenge is to:

  • develop your digital skills by independently researching and using suitable digital tools
  • produce a video recording of your presentation with narration

(The video presentation can be used for your multimodal presentation assignment.)



Tasks

  1. Use the internet to research how to add narration to your slideshow and create a video. For this you will need to find out:
    • What digital tool, or combination of tools, is suitable for the task (use the stimulus resources above to get you started) and
    • How to use those tools
  2. Record your narration, create your video presentation and save it in a suitable format for playback.

Outputs

Icon activity line.svg
Learning output actions
  • A completed video recording of your presentation
  • How did you go? Share your thoughts by posting a comment on WENotes below.


Publish your video presentation

170-Typing.jpg
At last - you have completed your presentation and saved it as a video! Well done. Now we encourage you to upload your presentation to a video-sharing platform such as Vimeo or YouTube and share it with your fellow learners.

Note: If you choose to do the formal assessment for this micro-course, you are encouraged, but not obliged, to upload your presentation to a public video platform. If you wish to keep your presentation private, you may share the video privately with the assessor instead.

Icon summary line.svg
Mini challenge summary
Summary: Upload and share a video presentation on a public video-sharing platform
Time7.svg
30 - 45 minutes



Start here

Icon inter line.svg
Stimulus resources

Platforms:

About creative commons licensing:



Icon objectives line.svg
Purpose

The purpose of this mini challenge is to enable you to gain experience in uploading video that you have created to a public video-hosting platform and selecting the settings that you wish to apply to your work.



Tasks

  1. Decide which video-hosting platform you wish to use for your video.
  2. Create a free account on that platform, if you do not already have one. (There are paid options available for both YouTube and Vimeo, but you do not need to use them for this mini challenge or the assessment.)
  3. Search on the internet for instructions on how to upload a video, change the settings on your video and share a link to it.
  4. Select the licensing, privacy and other settings that you wish for your video.
  5. Obtain the sharing link and share with your fellow learners through Mastodon, WENotes or your learning journal blog.


Outputs

Icon activity line.svg
Learning output actions
  1. Upload your video
  2. Share the public link to your video presentation by:
    • Posting on mastodon.oeru.org (include the hashtag #LiDA104)
    • Publishing a short blog post with a link to your video presentation (label or tag using the course code: LiDA104) or
    • posting it in a comment on WENotes


Quiz

Test sign.jpg
The questions which follow provide a basic knowledge test of selected concepts covered in this learning pathway: Create media.

The questions published at the end of each learning pathway are re-used for the knowledge test for learners interested in earning a digital badge or certificate of participation for the Communication skills for open, distance and flexible learning (CS4OFDL) micro-course. Please consult the Certify participation page for more information.

Icon qmark line.svg
True - false questions

Indicate whether the following statements are true or false:

  • A storyboard is used to record the detailed final content for media such as presentations and videos.
    • True
      • No. Look at the page 'Choose a subject and draft a plan' in this learning pathway to understand more about what a storyboard is.
    • False
      • That's right. A storyboard is more of a rough outline at the beginning of a project.
  • In the context of online diagrams, SVG is an abbreviation for ‘Standard View Graphic’.
    • True
      • No. Check this out again.
    • False
      • Yes, well done. SVG stands for 'Scalable Vector Graphic'.
  • A cinemagraph is a series of still photographs put together in a seamless loop of sequential frames, to give the appearance of a minor and repeated movement in one element of the image.
    • True
      • That's right.
    • False
      • No. Check out the definition again.
  • Audacity is a free video-making tool.
    • True
      • No. Search for Audacity on the internet or look at the learning materials again to find out what it is.
    • False
      • Yes. Audacity is a free audio software.



Icon qmark line.svg
Multiple choice questions
  • Which one of the following would NOT be included in a list of modes of communication for multimodal media? (Tick one.)
    • Presentation slide
      • You are right - a presentation slide is a platform for modes of communication, not a mode of communication in itself.
    • Text
      • No - try again. Text is a mode of communication.
    • Music
      • No - try again. Music is a mode of communication.
    • Static images
      • No - try again. Images are a mode of communication.
  • Which of the following formats is recommended in the LiDA104 micro-course to create a moving picture out of a series of still images? (Tick one.)
    • SVG
      • No - SVG is primarily a format for creating static diagrams (though it does support animation which can be exported in a moving picture format for the web).
    • HTML
      • No, HTML is a markup language used to create content on a web page.
    • CSS
      • No, CSS (Cascade Styling Sheets) is a notation format used to format HTML elements on screen.
    • GIF
      • That’s right - you can create animations by saving a series of still images in the Graphical Interchange Format.
  • Which of the following tools might you use to create and edit diagrams? (There are two correct answers.)
    • Audacity
      • No - look back at the Diagram Remix mini challenge to find out the answer.
    • Gravit Designer
      • You’re right. This is a browser-based vector graphic editing application.
    • Jamendo
      • No - look back at the Diagram Remix mini challenge to find out the answer.
    • Inkscape
      • You’re right. This is an open source vector graphic editor.
  • Which TWO of the following websites are sources of free music files that are openly licensed for re-use? (Tick two.)
    • Free Music Archive
      • That’s right.
    • Spotify
      • No, Spotify’s music is not openly licensed.
    • Apple Music
      • No, Apple Music is not openly licensed.
    • Jamendo
      • That’s right - though it also has an option to source music that is not openly licensed.