Thomas Wallace

Lectures and Resources

IT Onyx

Spring 2023 | ITEC 3650

Project Wrapup

  • Peer Evaluation Form – Please complete for each team member. Do not evaluate yourself. Failure to do so will forfeit all points you would receive from your team. – Due 11/10
  • Reflection – On your blog please collect your thoughts and discuss/reflect on your experience with the final project. Speak to your roll on the team. Your strengths and weaknesses and lessons learned.  – Due 11/10
  • Begin project wrap up with your client. Make any final tweaks to your project, uninstall any unused plugins. Discuss with client there expectations and when they would like the site to go live. I’d like to shoot to have these tasks complete prior to Thanksgiving Break. We’ll spend the week after deploying the sites.

Semester Wrap Up

  • 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 all faculty by 5/7.
  • Peer Evaluations (Fill out once per team member, Do not evaluate yourself). Failure to evaluate your peers will negatively impact your grade. Due 5/7.
  • All missing work is due by 5/7/2023. Remember in order to participate in ITEC 4610 you must earn a B grade or better.
  • Have a great Summer and we’ll see you in the Fall.

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 20 minutes with your client for the initial meeting. Make sure you are well organized. Meetings will be held on Tuesday, March 28, 2023 during class time. You will be assigned a time slot once we have received the requested information. Please dress appropriately.

Content Carousel Lab

Class Exercise

Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage.

Example with Content

 

Assignment

Please add a working url of today’s lab to your course homepage on Github by next Tuesday.

Progressive Enhancement

Assignment

Due Tuesday (3/16) – 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
  • Links to the 6 required Positioning Lab Demos plus and you did for extra credit.
  • Logo Tutorial (Star Logo or Alternative) – Linked From Homepage
  • Image Optimization Blog Post that Includes the Logo – Linked From Homepage – Assigned 2/7
  • Dragon Project that includes feedback you received and Contact Form – Due 3/7 – Linked From Homepage
  • Progressive Enhancement Blog Post – Due 3/14
  • Project Reflection Blog Post – Due 3/16

Project Feedback Session

Using the available time today meet with your partner and review and evaluate each others development work thus far and provide feedback using the techniques presented by Elizabeth.

Contact Forms

Assignment

Once you have completed and duplicated pages for your project, implement a contact form solution on your Web Project. If necessary create a contact page. Try to integrate the form with your site design as much as possible.

Project Status Updates and 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 next 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.

Positioning Lab Debreif

  • Solution Presentations

Assignment

Please read the following articles on image optimization: 1 |  2 and write a short blog post discussing three takeaways from the articles. Embed the the logo you were assigned last week.

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

Image Creation and Manipulation

In today’s session I would like you to make sure you are familiar with Image editing tools. Many of you have worked with Corel Vector (Formerly Gravit) and or Illustrator. If you have previous experiences with these tools skip to the assignments section for your next steps. If these tools are new to you, please create an account and work through the tutorials below.

 

Collaborative Lab

Today we will partner up to discuss and share potential solutions to the lab problems presented in class on Tuesday.

Positioning Lab

Assignment

This week please work through the 4 design problems and solve each using as many applicable techniques as possible. For example: Exercise 1 Could be solved using Floating, Absolute Positioning, Flexbox, and Grid. At a minimum you should provide 1 solution per exercise, but anything beyond this will be counted for extra credit.

HTML Cheat Sheet Wrapup

Using the following code snippets build the HTML Cheatsheet. Upon completion. Examine and tweak the CSS to your liking. Make it your own.

  1. Structure/Content
  2. Design
  3. Behavior
    • Include the following script in the head of your document:
      <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
  4. Additional Information on Prism.js

Assignment

Makes sure that your GitHub is up to date with your recent assignments.

Introduction to CSS

Assignment

Complete the exercises at Flexbox Froggy. Link a screenshot of the completion page for exercise 24 on your assignment page and link to it. If you have already done this exercise complete CSS Grid Garden in its place.

Naming Conventions and Validation

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”.
  • Due 11/1/2022
  • Reading Assignment: CSS Basics

Setting up our Work Environment

  1. Create a Github Account and verify your email address.
  2. Create a Repository using these instructions.
  3. Login to Gitpod.io with your Github credentials.
  4. Be sure to submit your github pages URL.

Publishing your Work to GitHub

Web Related Terminology

Today we will build a collaborative list of frequently used terms and Definitions from across the web. As you edit the collaborative list please be sure to adhere to example information structure provided. It might be helpful for you to work on your definitions and then migrate them into the document once complete

  • Collaborative List – Google Docs Collaboration Exercise (25 Minutes)
  • Present Terms to class

Assignment

Write a blog post about 5 new tips/tricks you learned from the Power Searching with Google course. Please explain each technique and a situation where you might use it to find valuable information. – Due no later than 9/27/22.

Additional Reading

300 Million Dollar Button

Exploring Web Based Services

Web-Based Services

  • Present Ideas for workflow automation using Zapier or IFTTT.
  • Resources

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 WordPress

Assignment

Make sure you have done the following 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 that points to your writing assignments.

Introduction to WordPress

Assignment

Make sure you have done the following 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 that points to your writing assignments.

Additional Reading

Learn more about the new Wordpress Gutenberg Editor

Introduction to WordPress

Assignment

Homework (Due 8.30.22): 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 Onyx

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
  • Laptop Distribution and Overview
    • Laptop Agreement
    • Using Multiple Google Accounts