Monday, January 6th

Class hours: 10:05 – 2:45
Mr. Bohmann | wbohmann@ewsd.org

10:05 Today’s Notes & Attendance

Week 18

Welcome to Week 18 – make those folders

Visitors Today – We have 4 visitors & 5 Stations (5 minute rotations) starting at 10:30am

Station One – Mr. Bohmann (game design)
Station Two – Mia (sprites & Unity)
Station Three – Phoenix (working with the web)
Station Four – Zander (illustrator and visual effects)
Station Five – Gabi (digital drawing with a tablet)

10:10 Monday Mail –

10:12 Mood Board – Ben Martin

10:15 Portfolio Discussion (see 11:50)

10:25 Bootstrap Assignment – Pho Hong Needs a Menu!

Assignment: Pho Hong Menu Challenge

Pho Hong is a Vietnamese Restaurant in Burlington. Link to Menu

Deliverable: Create a one page menu

Pick just two sections (of the menu). Create a one page menu using Bootstrap. You will build this in VS Code – upload your webserver when complete
Layout and style any way you like – use the Bootstrap utilities and components to help you
Use Font Awesome to help with icons or try out the new Bootstrap Icons!
Use HTML Special Symbols to help with those special characters if necessary
Style however you like using only Bootstrap (no CSS!)
Page must have a break for mobile layout – We’ll use the sm breakpoint (576px)
- You do not need a css stylesheet to make this breakpoint!
Folder Name: PhoMenu and index.html for your page. Load to the server.
Try to be creative by looking at Bootstrap Documentation / Examples / Components / Utilities
Check for Validation!
Project is due on Monday, January 13th

This is your only web assignment this week besides the work on your Portfolio

10:30 Burlington HS visits CAWD Program

If you are not working with visitors, finish incomplete work or work on your web portfolio. Wireframes due this week.

10:50 Break

11:00 English with Mx. Yopp

11:50 – 12:25 Portfolio Worksession

Web Portfolio

The last major project of this quarter is the creation of your very own hand coded portfolio. We started this project shortly before the new year. Over the next two and a half weeks we’ll scaffold the work.
This project will be the culmination of the web tools, design and development you have been exploring over the last month. You may use static HTML/CSS/JavaScript and / or Bootstrap (or another front end framework)

Project Details – Make a Copy

January 2nd –4th Week 17	Collection of portfolio assets Personal Photo Final Draft About Me Site Design, Layout planning Wireframe of About Me (graded) – Friday
January 6th -10th – Week 18	Wireframes Due this week Coding Sprint, desktop & mobile– all pages
January 13th – 17th – Week 19	Usability testing of coded website Coding Sprint, mobile version Updates Presentation of Portfolios – (Monday, January 20th)

11:50 – 12:25 Portfolio Worksession

This is a short work-session to lunch. You should have this work done:

You should have a folder called WebPortfolio on the WebServer. Inside you should have at least two pages coded. Don’t worry about CSS
- index.html (which is your About Me page)
- resume.html
You also should have a wireframe of your landing page and a mobile version (the About Me page) that you have shared with me.
Image of Yourself – in your images folder, edited and resized on your about me page

Wireframe of rest of your site (due Friday)
Build the structure based on your desktop wireframe design (you can CSS later or use Bootstrap)
Connect Pages with Navigation
By the end of the week the rough design of your site is complete, based on your wireframe designs