Thomas Wallace

Lectures and Resources

IT Amethyst

Spring 2021 | ITEC 3610

Semester Wrap-up

Presentation Order

  1. Natural State
  2. Silver Consulting

Reminders

  • Final Report – Presentation 0utline and any additional relevant information) – Submitted to faculty prior to the presentation
  • Individual Reflection – This should be a thorough evaluation of your team and individual performance. Discuss your role, the team process, the strengths and weaknesses of your approach. 1-2 pages Submitted to faculty by 5/10.
  • Peer Evaluations (Fill out once per team member, Do not evaluate yourself). Failure to evaluate your peers will negatively impact your grade. Due 5/10.

Team Meeting

  • Meet with your team to organize and structure team roles and responsibilities.
  • Continue to work on questions for the initial client meeting.
  • The project manager should send me an email that contains the following information: Team Name, Team member names and their role, and a primary point of contact for the team. I will relay this information to your client.
  • Due to time constraints, you will have 15 minutes with your client for the initial meeting. Make sure you are well organized. Meetings will be held on Tuesday, March 30, 2021 during class time. You will be assigned a time slot once we have received the requested information.

Individual Feedback

  • Today I will meet with each of you to discuss course progress and to address any issues you might be having.

Progressive Enhancement

Assignment

Due Tuesday (3/2) – Create a blog post on the Dragon project. Include the site URL,  a screenshot of the design, and discuss the feedback you received,  Reflect on the development experience. What did you do well? Where can you improve? How you address the issues identified by your reviewer?  There should also be a working version of a contact form implemented.

At this point, there should be the following work either on your blog or posted to GitHub:

  • Screenshot of CSS Diner Completion – Linked From Homepage
  • Logo Tutorial (Star Logo or Alternative) – Linked From Homepage
  • Image Replacement Exercise (Bear) – Linked From Homepage
  • Image Optimization Blog Post that Includes the Logo and Bear images – Assigned 1/28
  • First Draft of Dragon Project
  • Second Draft of Dragon Project that includes feedback you received and Contact Form – Due 3/2
  • Progressive Enhancement Blog Post
  • Project Reflection Blog Post – Due 3/2

 

 

JavaScript Libraries and Manipulating the Document Object Model (DOM)

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

Contact Forms

Assignment

Implement a contact form solution on your Dragon Project. If necessary create a contact page. Try to integrate the form with your site design as much as possible.

Individual Project Q&A

Continue working on the Individual Web Project. You should use your class time to ask questions and troubleshoot issues with your classmates.

Assignment

Add the URL of your first draft to your Github Homepage before class on Thursday. On Thursday we will work in groups to get feedback on what you have so far.

Individual Web Project Lab

Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.

Image Integration and Optimization

Assignment

Please read the following article on image optimization and write a short blog post discussing three takeaways from the article. Attach the images we created in class Tuesday and the logo you were assigned last week. These should all be embedded in the post.

You should also review your workspace to make sure everything is organized and named correctly. On Tuesday we will start a new project so it is important that you’re are organized and ready to go.

Image Manipulation

Assignment

Export a copy of the image you create in class today and provide a link to it from your course homepage. You’ll need to upload it to AWS and link to the file. You should also provide a link to the Icon you create in the tutorial.

Image Editing and Optimization

Assignment

Complete one of the following tutorials and submit what you create in the tutorial.

You should upload and add a link to the image you create before class the Thursday, February 4, 2021. I do not expect you to perfectly replicate 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!

Semester Wrap Up

Additional Learning Resources

Assignment

Please have all missing work and assignments to the faculty by Monday, December 8th.

Make sure you have posted all of the positioning exercises, the css-demo we built together in class, the gordo assignment and added style to your homepage.

Have a great Holiday Season!

4610 Portfolio Presentations

Tomorrow your cohort will attend the ITEC 4610 portfolio presentations. You can join that presentation room at the link below. Once they have completed you’ll need to return to our classroom for final prep for your speeches on Thursday.

Also, I would like to meet with you individually to discuss you work this semester and to make sure we have all of your work. This will give me an opportunity to provide you each with individual feedback and address any questions you might have. Send me an email (Do not respond to with your availability this Friday, next Monday, and Tuesday. I will then schedule our appointment. We are in the home stretch, Finish strong!

Return to ITEC 3610 session after presentations for Speech Workshop

Positioning Lab

Assignment

Over the weekend please work through the 4 design problems and make your best effort at each. Please have your work completed by class on Tuesday. I will review your work on Tuesday and provide feedback to each of you. If you have previously completed this exercise I would like you to do it again, but with a different approach. You are welcome to use nth-child, attribute selectors, descendent selectors or any other advanced css techniques you find appropriate.

 

Capstone Presentations

For the first half of today’s sessions please join us to attend the ITEC 4610 Capstone Presentations. At the end of each presentation, I encourage you to ask questions of the teams.

Adobe Max Day

Students: Please take today to attend an Adobe Max Session(s) of your choice.

https://max.adobe.com/

Upon completion of the conference, please write a blog post about the sessions you attended and key takeaways from the presentations. There are several different tracks so choose an area that interests you. I look forward to hearing a report about your experience on Thursday.

Alternate Assignment

If you choose not to attend the Adobe Max sessions please complete the following:

Watch – Accessibility for the Modern Web by Derek Featherstone

Write a blog post explaining in your own words what web accessibility means to you & why it is important to build accessible web sites? What are the key takeaways from the presentation?

 

File Management and Publishing to GitHub

Assignment

  • Create and Validate a prototype HTML document that includes examples of all HTML elements covered thus far. For a list of requirements view this page.
  • Create a link to this assignment from your course homepage. Name it “Prototype HTML5 Assignment”
  • When complete publish it to your Github account with the Commit Note “Prototype HTML5 Assignment Submission”.
  • Make sure you have submitted your Github Pages URL here: https://forms.gle/RnyJRBM5wG6mYLYu8
  • We will have a Q&A on the assignment on Tuesday and the Quiz.
  • Due 10/22/2020
  • Reading Assignment: CSS Basics

Web Standards and setting up our development environment

Assignment

Setup and Account at Codepen.io. The free account is acceptable for the work we will do in class.

Evaluate a web site you frequent based on our discussion of Structure, Content, Design, and Behavior. This is a written assignment that should be posted to your blog.  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. Due no later than 10/1/20

Exploring Web Based Services

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 Thursday. Please be prepared to discuss in class.

Introduction to WordPress

Assignment

Make sure you have done by next Tuesday. 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

Additional Reading

Learn more about the new Wordpress Gutenberg Editor

Chromebook Orientation

Assignment

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

Welcome to IT Amethyst

We will be using a broad array of tools to support this course this semester. If you would like to familiarize yourself with these feel free to do so. I will explain and do walkthroughs with the tools when we begin to use them.  You are welcome to go ahead and create your accounts (they are all free) but make sure to keep track of your credentials.

  • Icebreaker Activity
  • Chromebook Distribution and Overview
    • Chromebook Agreement
    • Using Multiple Google Accounts