Introduction to HTML5

Assignment

Read (Quiz Material) Introduction to HTML

HTML Reference – Code Guide | Introduction to HTML

WordPress Explained

Assignment

Make sure you have done the following by Tuesday of next week. We’ll be moving on to new topics so you should have all blog related issues and assignments squared away.

  • Make sure I have your Blog URL
  • Customize your blog
    • Apply a new theme
    • Customize the sidebar or wigitized areas
      • Add a few widgets.
      • Display an rss feed from a site that you frequent.
    • Try using a shortcode in a post or a page.
  • Completed About Page
  • Created a Custom Menu

Introduction to HTML5

Assignment

Create a Codepen Account and experiment with it’s features.

Read (Quiz Material) Introduction to HTML

Web Based Publishing and Information Literacy

Staying Engaged through student Organizations

  • Society of Computing and Information Science (SOCIS)
    • Facebook Page
    • Subscribe to the Mail List
      • Send Email to listserv@ualr.edu. Subject Blank, In the body write subscribe socis@ualr.edu
  • UALR eSports

WordPress Q&A

Web Based Services and Presentation Technologies

Scavenger Hunt

Assignment

  1. Before class on September 12  complete the first two sessions of Power Searching with Google course. Create a Google doc and share it with tswallace@ualr.edu. In this document, I’d like you to take notes from the Power Searching with Google course. Once we have completed the course you will use these notes to craft a blog post containing lessons learned from the workshop. Do not email me this document!. Use the built in sharing functionality of Google Docs. If you do not know how to do this you can look here for help.
  2. Write a blog post reflecting  on the experience you had during the scavenger hunt this week. Discuss how your team decided to tackle the hunt, whether or not you felt like you worked as a team, and what you would do differently.
  3. Be prepared to to present to the class on September 12. Make sure you follow the requirements listed here. It will take two sessions to get through the entire class but everyone should be prepared to present the first day. I will randomly generate a list for presentation order. If you are not prepared at your selected time you will have to visit the Communication SCIL Center and record your presentation. These will be distributed to the class. It is in your best interest to be prepared and present in your allotted time.

Introduction to WordPress

Homework

Homework (Due 8.30.16): Write your first blog post reflecting on your first week in the program and your personal expectations for the class. Make sure you catergorize and/or tag the post. If you are feeling adventurous try adding a photo to the post as well. There is no length requirement for this assignment.

Structure, Content, Design, Behavior

Assignment

Evaluate your favorite web site based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should be emailed to me (tswallace@ualr.edu) no later than 8-30-16. Make sure you discuss the following elements: Site URL, An assessment of the Structure, Content, Design, and Behavior of the site, Things you like about the site, Things you would change.

Chromebook Orientation and Introduction to WordPress

Homework

Homework (Due 8.25.16): Visit WordPress.com and create a new blog. This will be where you reflect and write over the course of the next semester. Send me the address of your blog via email (tswallace@ualr.edu). We will review all of the settings on Tuesday.

Course Overview / Introduction to WordPress

Homework

(Due 8.29.16):

Set up a new blog account on WordPress.com. If you need assistance, spend some time with the documentation. Please make sure to apply a theme to your blog and personalize it to the best of your ability.

Write your first blog post reflecting on your personal expectations for the semester. Make sure you categorize and/or tag the post. If you are feeling adventurous try adding a photo to the post.

Send the URL of your newly created blog to tswallace@ualr.edu

Welcome to IT Amber

Assignment

Complete Program Pre-Survey if you have not done so already. Bring your Chromebook to class on Tuesday.

IT Obsidian – Final Project Presentations

  • Final Presentation
  • Review Grades
  • Peer Evaluation – Due Next Tuesday – Emailed to all faculty
  • Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
  • Project Due Date – Friday May 6

We hope you have a great Summer and we look forward to seeing you all in the Fall. If any of you are looking for project work for the Summer please let us know and we’ll try to pass along opportunities as they present themselves.

Analytics and Geolocation

Introduction to JavaScript Libraries

Additional Reading and Study – Javascript 101

Read the following Article on Progressive Enhancement. Send me an email (tswallace@ualr.edu) explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancement and include a link to another article you found and read relating to the topic. Due before class Wednesday.

Responsive Imagery with Picturefill

Assignment

Build out 3 working demos using picturefill. I’d like to see you create your own scaled imagery that includes picture dimensions so we can visually see the change. You could use different images for each breakpoint if you like. Experiment with the different options in your demos. I am looking for a mastery of the concepts. Your final project will need to leverage this technique for all imagery. Due Thursday.

Responsive Images and Media

Assignment

Review the following Articles. It is imperative that you are familiar with primary concepts associated with Responsive imagery and the challenges it presents to our design and development work. We’ll work through several examples on Tuesday.

Rapid Prototyping Lab Wrap up

Today you should finish working on your rapid prototype. Once you have a good representation of the wireframe you developed, I’d like you to find and implement a theme for the prototype. Below are a few resource to get you started but feel free to some additional research. On Thursday we will share a few of the implementations and begin our discussion on responsive media techniques.

Assignment

Complete and theme your Bootstrap mockups and send to me no later than the beginning of class on Thursday.

Site Planning and Prototyping

Assignment

Refine your site concept and create a preliminary sitemap for the site/app using a service discover in class. Experiment with one of the prototyping tools we discussed in class and build a prototype of the desktop and mobile views of your new site. This only needs to an outline.

Use Kuler or a similar tool to generate a color scheme for your web site. You should make note of the hexadecimal color values of your scheme. If you need more information check out the following post on deciding on good colors.

You should have a wireframe of the homepage in both desktop and mobile views before class on Thursday. We will use it in class please come prepared to work.

Creating and Optimizing Site Imagery

Assignment

Create Banner image for your sample page in Fireworks. The image should be as wide as your container div and between 80px and 200px tall and less than 40kb in size. Emailed tswallace@ualr.edu before class on Tuesday. Have fun with this. You can make an image for anything. It could be a company, an event, a hobby etc. I’d like to see the following elements present in your design. Typographical Element, some sort of photographic element or vector artwork, and a consistent color scheme (Try Kuler).

Next class I’ll show you how to integrate this image into your template page properly. Please bring the file to class.

HTML5 Video and Audio Elements

Assignment

Provide a working example of both an Audio and Video implementation using HTML5. This should be cross browser and work in IE 9 as well as modern browsers. Be prepared to discuss the implementation in class on Thursday. Included on the page should be the url of technique you used and a list of browsers and devices you were able to support.

Working With Photography

Working with Photography

Image Optimization

Assignment

Email me the completed optimized samples of the images you created in class. Due when we return from Spring Break.

Introduction to JavaScript Libraries

Assignment

Read the following Article on Progressive Enhancement. Write a blog post explaining progressive enhancement in your own words. Please discuss why it is important to use progressive enhancement and include a link to another article you found and read relating to the topic. Due before class Thursday.

Mobile Resume Show and Tell and Peer Feedback

  • Show and Tell
  • Class Activity: Peer Feedback

Assignment

In this activity I’d like you to partner with a classmate (or someone outside of class with web development experience) and ask them to use your site. The should evaluate on Mobile and Desktop. I’d like the to provide you with something they like and 3 constructive criticisms. Your home work will be to address the issues identified by your reviewer and resubmit you page to me with an email that outlines the criticisms/suggestions you received and what you did to address them. This is due next Tuesday.

Introduction to Image Editing

  • Fireworks Workspace
  • Creating Shapes
  • Working with Typography
  • Cropping and Resizing

Assignment

Complete the following tutorials and submit the folder icon you create in the 3rd tutorial.

You should email this icon to me before class this Wednesday. Late submissions will not be accepted. I do not expect you to perfectly replicate the icon in the tutorial but I would like to see a solid effort from each of you. This is a challenging assignment so I encourage you to not wait until the night before it is due. Good Luck! If you’d like you can download a 30 day trial of Fireworks on your own computer so you can work off campus.

Responsive Resume Wrap Up

I’d like you spend today’s lab building out a desktop view to the mobile resume we created in class. If you need help in creating the proper media queries make sure to reference this article. This assignment is graded and should be submitted to me by Monday  so I can look it over prior to class on Tuesday. Be prepared to share your work with the class. We will be demoing these next week. I’d like to see at a minimum of two media queries addressing tablet and  desktop view. Please send the url to the project and remember to make this your own. It doesn’t need to look exactly like the initial resume we built. Personalize it. This might be someones first impression of you.

Introduction to Image Editing

  • Review Positioning Exercises
  • Fireworks Workspace
  • Creating Shapes
  • Working with Typography
  • Cropping and Resizing

Assignment

Complete the following tutorials and submit the folder icon you create in the 3rd tutorial.

You should email this icon to me before class next Wednesday. Late submissions will not be accepted. I do not expect you to perfectly replicate the icon in the tutorial but I would like to see a solid effort from each of you. This is a challenging assignment so I encourage you to not wait until the night before it is due. Good Luck! If you’d like you can download a 30 day trial of Fireworks on your own computer so you can work off campus.

Site Planning

Site Planning

Working with HTML5 Boilerplate

Individual Web Site Project

Assignment

Watch the HTML5 Boilerplate Video | Download the Files (If you haven’t done so already) Review the HTML and CSS Documentation while looking through the boilerplate files. Be prepared to discuss on Thursday.

Begin thinking about a topic for your individual web project. By next Tuesday I should have a planning document and site map for the new site.

Responsive Resume Lab (Tablet / Desktop View)

  • General comments about Mobile First Implementations
    • Body Padding
    • Remove Design Time Styles

I’d like you spend today’s lab building out a desktop view to the mobile resume we created in class. If you need help in creating the proper media queries make sure to reference this article. This assignment is graded and should be submitted to me by Monday  so I can look it over prior to class on Tuesday. I’d like to see at a minimum of two media queries addressing tablet and  desktop view. Please send the url to the project and remember to make this your own. It doesn’t need to look exactly like the initial resume we built. Personalize it. This might be someones first impression of you.