WEEK 3 | Instructional Design

WEEKLY NOTES-WEEK 3

Instructional Design and Technology:

Digital Media, New Tools, and Technology University of Maryland, University College - IDT300x

WEEK 3 - AIMS OF LESSON

1. Define three main image types and uses
2. Identify royalty free and creative commons licensed images
3. Create digital image from scratch
4. Edit and publish image for learning

-----------------------------------------------------------------------------
Common File Form

JPEG, which stands for Joint Photographic Experts Groups
GIF or Graphics Interchange Format
PNG or Portable Network Graphics
SVG or Scalable Vector Graphic

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

Image Source:

https://pixabay.com/en/office-flowers-apple-computer-605503
https://commons.wikimedia.org/wiki/File:Bitmap_VS_SVG.svg
https://pxhere.com/en/photo/107327

Moving Type Image:

https://commons.wikimedia.org/wiki/

File:Metal_movable_type.jpg, attribute Willi Heidelbach GFDL http://www.gnu.org/copyleft/fdl.html

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

CREATIVE COMMONS LICENSES:

CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/) or

CC-BY 2.5 (https://creativecommons.org/licenses/by/2.5,

via Wikimedia Commons information for the image type section from a few different

Creative Common's licensed resource including

https://guides.lib.umich.edu/c.php?g=282942&p=1885348

--------------------------------------------------------------------
Image Repositories & Resources

https://pixabay.com
https://www.pexels.com
https://stocksnap.io
https://unsplash.com

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

IMAGE GUIDES

https://guides.lib.umich.edu/c.php?g=282942&p=1885352

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

How to Include Alt Text to Images

The easiest method is to use the help feature and search for inserting alt text tags or conduct an internet search for using alt text tags with the software application title.

- - Alt Text tags in Microsoft applications: https://support.office.com/en-us/article/add-alternative-text-to-a-shape-picture-chart-smartart-graphic-or-other-object-44989b2a-903c-4d9a-b742-6a75b451c669
  - Alt Text tags in Microsoft Word 2016 https://www.itsupportguides.com/knowledge-base/office-2016/word-2016-how-to-add-alt-text-to-images
  - Alt text and making Google Docs Accessible: https://webaccess.msu.edu/Tutorials/google-drive.html
  - Alt text in Wix website creator: https://support.wix.com/en/article/optimizing-your-images-for-seo-alt-text

-----------------------------------------------------------------------------
FREE FONTS

1001fonts.com

https://www.1001fonts.com/

Font space

https://www.fontspace.com/popular/fonts

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

RESPONSE TO AIMS OF LESSON

Submitted: 04.04.19

1. Define three main image types and uses -

For this requirement we have identified the following file formats to use for both the folio website and the poster design for this week.

JPEG (.jpg, .jpeg)
JPEG, which stands for Joint Photographic Experts Groups is a “lossy” format meaning that the image is compressed to make a smaller file. The compression does create a loss in quality but this loss is generally not noticeable. JPEG files are very common on the Internet and JPEG is a popular format for digital cameras - making it ideal for web use and non-professional prints. This file format is also very good for representing colour gradients and maintaining a small file size.

Compression: Lossy - some file information is compressed or lost
Best For: Web Images, Non-Professional Printing, E-Mail, Powerpoint
Special Attributes: Can choose amount of compression when saving in image editing programs like Adobe Photoshop or GIMP.

GIF (.gif)
GIF or Graphics Interchange Format files are widely used for web graphics, because they are limited to only 256 colors, can allow for transparency, and can be animated. GIF files are typically small is size and are very portable.

Compression: Lossless - compression without loss of quality
Best For: Web Images
Special Attributes: Can be Animated, Can Save Transparency

PNG (.png)
PNG or Portable Network Graphics files are a lossless image format originally designed to improve upon and replace the gif format. PNG files are able to handle up to 16 million colors, unlike the 256 colors supported by GIF.

Compression: Lossless - compression without loss of quality
Best For: Web Images
Special Attributes: Save Transparency

Information Source:

https://guides.lib.umich.edu/c.php?g=282942&p=1885348

2. Identify royalty free and creative commons licensed images

For this requirement we have identified several copyright free image repositories as follows:

Some of these have been used to download images for this folio website.

1. https://pixabay.com/
2. https://pxhere.com

3. https://www.pexels.com/
4. https://stocksnap.io
5. https://unsplash.com/

3. Create digital image from scratch - Edited image by you

The digital image chosen was downloaded from pixabay as a copy rights free image.

Click on the thumbnail below to see original:

Pixabay License

Free for commercial use
No attribution required

Although it was taken by the following photographer:

https://pixabay.com/users/tuendebede-3187213/

4. Edit and publish image for learning - Logo designed by you

Poster design

As part of this poster website and poster development for this week I needed to create a logo that would suit the purpose of representing my own folio identity.

Click to enlarge logo thumbnail below

For this requirement I decided to develop a promotional poster design for this course.

It is developed and sponsored by my folio website, Learning Design, where you can see that this course is also the showpiece and focus as a multimedia resources site.

It seemed that this course is providing the tools and experience to navigate the varied media development tools and concepts to apply them with, and moving us in the
teaching profession from an old approach of delivery to a new and ever changing
dynamic environment.

My poster, although not immediately obvious, is an attempt to meld the old approach / tools and the new concepts that will allow us to be flexible and accommodating to new and exciting ways of delivering learning / instructional design.