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 lesson o 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 Image Types and Usage in Web Design ● 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? Objective #2 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.

Photoshop Help: Image Size and Resolution 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 CC

Our team has discussed finishing the Springboard Module by Sunday April 12, 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