Upload
rodney-lewis
View
215
Download
0
Tags:
Embed Size (px)
Citation preview
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