Digital Images for the Web

Team ASKA

Aaron Krieger

Scot Uhl

Kathryn Hawk

Ahmad Ghashmari

Team Members

● We met with our SME and learned he has a need for a lesson on Image formats used for web design.

● He also wants some basics of photoshop covered in the lesson.

● The lesson needs to be one students can do outside of class independent of the professor because he doesn't have time to cover these topics in class.

Initial Status REport

● Our SME provided us with the content he currently gives his students to read.

● He explained to us that it is evident that only about ⅓ of his class reads or references his content.

Our team is following the ADDIE model of design and using some concepts from backwards design. We created a final evaluation and planed backwards to help us with a timeline for this project

● Our target students are college level, majority are 2nd and 3rd year graphic design students

● The lesson we are developing is for a 200 level course called Design for Web and Devices 1

● The course is taught face to face with supporting materials provided on SpringBoard

Analysis

● Our team found that the materials our SME is currently using are mostly text and lacking good examples.

● We attribute the students inadequate use of the SME content to it being boring and written like a manual.

● So our team has been working on creating a narrative and enriching the content with images and examples. We are also providing students with additional external resources that they can use

● Our team developed the following 4 learning objectives for this lessono Students will be able to identify 3 types of

acceptable image formats with 100% accuracy.o Students will be able to explain how each

image format works and distinguish which format to use based on strength and weaknesses with 100% accuracy.

o Students will be able to adjust the image and size in relationship to the display with 100% accuracy.

o Students will be able to export images to the web from Photoshop and adjust the compression, transparency, and image size with 100% accuracy.

Design

Photoshop Playbook: Image File

Formats Explained: When to Save As

What https://www.youtube.com/watch?v=Wlw7miWNQH4

Image Types and Usage in Web

Design ● http://webdesign.tutsplus.com/articles/image-types-and-usage-in-web-design--webd

esign-1298

Objective #1: Students will be able to identify 3 acceptable image formats used for web application with 100% accuracy.

Jpg Vs Png Vs Gif - What's The

Difference Between Image Formats? https://www.youtube.com/watch?v=qXUHeenLAtM

Objective #2Students will be able to explain how each image format works and distinguish which format to use based on strength and weaknesses with 100% accuracy.

Photoshop Help: Image Size and

Resolutionhttps://helpx.adobe.com/photoshop/using/image-size-resolution.html

Objective #3:Students will be able to adjust the image and size in relationship to the display with 100% accuracy.

Objective #4: Students will be able to export images to the web from Photoshop and adjust the compression, transparency, and image size with 100% accuracy.

Image Resizing in Photoshop CChttps://www.youtube.com/watch?v=pRrw2OBDQFo

Our team has discussed finishing the Springboard Module by Sunday April 12, 2015.

Implementation Date

In the analysis stage, we created a pre-assessment for our subject matter expert to implement in the classroom so we could collect some quantitative data. Doing a pre-assessment and a post-assessment allows the instructor to see any type of measurable growth based on the instruction and content of the material. In order to generate usable data, we wanted to make sure the tests are aligned; therefore, the closer these two documents are to each other, and are scored using the same criteria, the more reliable and consistent the actual data will be.

We will also evaluate our implementation through a Qualtrics survey. Asking questions on the presentation of content on Springboard and ease of navigation through the module.

Evaluating Success