Google Search and Gmail

Google Services

Using the Web Like a pro

Assignment:

Review your favorite web-based service in a blog post explaining it’s functionality, the pro’s and con’s of using the particular service, and discuss the service’s potential for impacting the way you work. Post is due next Tuesday. Please be prepared to discuss in class.

Introduction to HTML5

Assignment

Read (Quiz Material) Introduction to HTML

HTML Reference – Code Guide | Introduction to HTML

Creating Imagery for your Site

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 Monday. 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.

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

Introduction to Fireworks

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

Working with Photography

Image Optimization

Assignment

Post optimized samples of the images you created to your blog with an explanation of the tools and approach you used.

Introduction to WordPress

Homework

Homework (Due 8.29.17): Write your first blog post reflecting on your first week in the program and your personal expectations for the class. Make sure you categorize 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-29-17. 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

Homework

Homework (Due 8.24.17): 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 Thursday. (Note:  your address will be some like so… yourchosenname.wordpress.com)

Introduction to Fireworks

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

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 Thursday. 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. You are welcome to use any graphic design software you have access to to complete the assignment. Good Luck!

IT Diamond Orientation

Assignments

Semester Wrap-up

  • Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
  • Peer Evaluations
  • Package all project materials in a Team Drive that is shared with all faculty (ERD, Database export, All web-site files, documentation, etc.)
  • Register for ITEC 4610
  • If you have non-profits or other causes that you support in the Central Arkansas area that would benefit from a web/database project next semester please send them my way. We are currently looking for capstone projects.
  • Have a great summer!

IT Amber – Semester Wrap Up

  • Review Grades
  • Peer Evaluation – Due Friday – May 5, 2017 – Emailed to all faculty
  • Course Evaluations – Please fill out 3 times (Once for Each Faculty Member)
  • Project Presentation – Thursday May 4, 2017 – 1:30pm

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.

Final Presentations & Wrap Up

  • Final Project Guidelines
    • Due May 9, 10:30am
    • Site URL
    • A brief description of the sites purpose and target audience
    • 1-2 pages outlining the takeaways from the course. (What you learned, What you’d like to investigate further, ideas for improvement)
  • Course Evaluations

I’ve enjoyed working with each of you and I look forward to hearing from you in the future. Please let me know if you need assistance with recommendations or freelance opportunities.

Analytics and Geolocation

Introduction to JavaScript

Assignment

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 Image Techniques

Assignment

Using your own images and breakpoints create a working responsive image demo using one of the techniques covered in class today.  Please send the working demo to me. Remember that I’d like to see this technique implemented in your final project. Keep that in mind as you work through the design of your demo.

Bootstrap Wrap Up

Assignment

Please review and research the current state of responsive images. In class on Tuesday we’ll look at current techniques and polyfiills.  Here are a few resources to get you started.

Bootstrap Rapid Prototype Lab

Finish up work on your Bootstrap prototypes today submit the URL for review.  I will have the classroom open if you choose to work there. If you are having difficulties with Bootstrap, I encourage you to collaborate with your classmates or send me a link to your code to look over so I may assist. Please try to have the prototype finished up by Thursday so we can discuss theming and introduce concepts relating to responsive media. I’ll see you 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 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 Wednesday. 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.

Adaptive Design

For today’s out of class assignment, I’d like you to watch the video below and then share with me via email 5 takeaways (ideas, technical concepts, techniques). You should be able to complete this assignment in the time allotted to class. Please be thoughtful in your responses and be prepared to discuss on Tuesday. I also encourage you to check out some of the additional content on the speakers web site. (http://bradfrostweb.com/blog/)

Beyond Media Queries: An Anatomy of an Adaptive Web Experience from marc thiele on Vimeo.

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.