Transcript Presentation - gozips.uakron.edu

Digital Images for the
Web
Team ASKA
Team Members
Aaron Krieger
Scot Uhl
Kathryn Hawk
Ahmad Ghashmari
Initial Status REport
● 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.
● 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
Analysis
● 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
● 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
Design
● Our team developed the following
4 learning objectives for this
lesson
o
o
o
o
Students will be able to identify 3 types of
acceptable image formats with 100% accuracy.
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.
Students will be able to adjust the image and size in
relationship to the display with 100% accuracy.
Students will be able to export images to the web
from Photoshop and adjust the compression,
transparency, and image size with 100% accuracy.
Objective #1:
Students will be able to identify 3 acceptable image
formats used for web application with 100% accuracy.
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--webdesign1298
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.
Jpg Vs Png Vs Gif - What's The Difference
Between Image Formats?
https://www.youtube.com/watch?v=qXUHeenLAtM
Objective #3:
Students will be able to adjust the image and size in
relationship to the display with 100% accuracy.
Photoshop Help: Image Size and Resolution
https://helpx.adobe.com/photoshop/using/image-size-resolution.html
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
https://www.youtube.com/watch?v=pRrw2OBDQFo
Implementation Date
Our team has discussed finishing the
Springboard Module by Sunday April 12,
2015.
Evaluating Success
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.