Final Grades Fall Semester

A	7
B	3
C	3
D	0
F	0

Vocabulary

This is a work in progress. The sequence/random buttons do not work yet. This has about 80 vocabulary terms defined.

http://mobileapps1920.svctestudents.org/vocab/vocab.php

Monday December 16

Mr. Brautigam will not be in class today. Your assignment is to bring up your grade. You are to work quietly and independently. You may help each other, but you must do so in such a way that others around you can work.

The biggest improvement in your grade will come from turning in these assignments if they are missing:

• App Ideas (share me 3 app ideas in Google Docs according to the instructions, or you may print them to printer 251).
• Print Poster. Tuesday is the last day I can accept your print poster for credit. Also, if you do not turn in the print poster, you cannot enter the competition.
• App Journal. Lessons 1-6 only. Share with me in Google Docs.  
• Improve your final portfolio case studies. 
• Improve your final portfolio technical aspects (navigation, etc.)
• Review playground. Some of you did not turn it in. 
• Xcode lessons 12, 13, 14, 15, 16, 17. Some of you did not turn these in. Some of you did not turn in any of these lessons. 

If you have completed all these items, here are some things you could work on:

• Find an Adobe Illustrator tutorial on the other blog post today.
• Continue working independently as much as you can on Xcode lessons 14, 15, etc. up to Lesson 20.
• In Lesson 17, you will make an app from scratch. There is no starting point playground and no starting point code. Set up your app to use Storyboards, NOT SwiftUI. 
• Lesson 20 has two parts, both apps, and you will do both parts.
• Lessons 14-20 are more difficult than the previous lessons.

Adobe Illustrator Tutorials

Mr. Brautigam will not be in class today. If you are all caught up with everything, here are some suggestions for Adobe Illustrator tutorials you may try.

Part 1: Camera Tutorial. Choose from one of these two:

1. How to Create a Vintage Camera in Adobe Illustrator
2. How to Create a Stylised, Textured Flat Camera in Adobe Illustrator

Part 2: Other tutorials.

50 All Time Best Adobe Illustrator Tutorials for Beginners

Note: these tutorials date from 2014, so some of the tools may have changed since then. Also, check some tutorials first to see how long they are going to take. Some of the tutorials indicate the number of minutes you can expect to spend.

My suggestions: Italian Roast, Serenity, Shadows, Red Riding Hood, Retro Fox, Spaceship, Hill Scene, Cute Shapes, Lighthouse Sketch, Donut, Polygonal, Diamond Icon, Bunny, Owl, Skating Girl, Kermit, Realistic Leaves, Cloud Bookshelf, Power Plug, Vampire, 100% Green, Lollipop.

101 Awesome Adobe Illustrator Tutorials

Suggestions: Cupcake, Retro Chrome, Woman Emoji, Bold Fruit Pattern, Spring Illustration, Floral Lettering, Travel Poster, Headphones, Sleeping Fox, Unicorn, Flat Winter Scene, Peach, Gradient Icon, Monochrome Portrait

If you start a tutorial but don't finish it, just turn in the AI file so I can see how far you got and how much you did.

Review Playground

Download the review playground from the materials page or directly from this link:

http://mobileapps1920.svctestudents.org/materials/Review.playground.zip

Possible Xcode Fixes

These fixed are untested (by me). I don't guarantee a fix.

Fix 1

1. Quit Xcode
2. Go to Activity Monitor and force quit com.apple.CoreSimulator.CoreSimulatorService
3. Restart Xcode

 Fix 2

1. Open the right-side panel (inspectors)
2. Change playground settings from iOS to MacOS
3. You may need to quit Xcode and start it again
4. You may need to change from iOS to MacOS a couple times before the setting sticks 

https://fluffy.es/fix-playground-stuck/
https://stackoverflow.com/questions/39978092/xcode-playground-gets-stuck-on-running-playground-or-launching-simulator-and

Vocabulary

Vocabulary from Lessons 1-5 or so

• Results sidebar
• Mathematical operators
• Comment
• Comment out
• Uncomment
• Error
• Troubleshooting
• Integer
• Floating Point
• Double
• Integer division
• Constant
• Variable
• Identifier
• Camel Case
• Statement
• Declaration
• Keyword
• Assignment
• String
• Character
• Invisible characters
• Unicode
• String interpolation
• Backslash
• Escape character
• Escape sequence
• Newline character
• 
  

Buying a Mac on a Budget

[1] Your friend who works at Apple may be able to get you a discount. However, Apple employees are inundated with such requests from their friends, and they have a limited number of discounts to use, so employees usually reserve the discounts for their family members.

[2] Don't be afraid to buy a refurbished Mac. Apple sells them for about 15% less than list price. A refurbished computer has been returned to a tech who checks everything and fixes what may be broken, so it has been checked a second time beyond the normal factory testing. But be careful: you may be buying last year's model.

Go to http://store.apple.com, scroll to the bottom, and look for "Refurbished and Clearance."

[3] There are also educational and military discounts. The discount is about 10-15%. You can get the discount only on Mac Books and iMacs, not on Mac Minis or Mac Pros.

[4] You can buy online, but buy only from trusted sources, such as Tech Restore, www.techrestore.com, in Concord,Small Dog Electronics, www.smalldog.com, on the east coast, and Mac Connection. www.macconnection.com.

[5] Do not buy from Ebay or Craigslist. The conventional wisdom is that any laptop being sold on Ebay has been dropped.

[6] Memory. You want your Mac to have as much memory as possible. It used to be possible to upgrade memory yourself, but this is no longer a viable option since around 2013. The Macs are sealed and can't be modified.

[7] Processor. You probably want to have a computer running Mojave (10.14+) so you can run the version of Xcode we're using in the class (Xcode 11). So get an i5 processor at least. You probably can't run Mojave on any Mac older than 2013.

[8] Upgrades. On most recent Macs, it is not possible to upgrade the processor chip. On many of the Macs released since 2013, it is not possible to upgrade anything at all inside. The recent MacBooks of all types are not user serviceable at all. You cannot upgrade the RAM, disk, battery, or anything else inside. If the upgrade you'd like to do is not available on www.macsales.com, then it is not possible to do that upgrade.

[9] To order any upgrade, you have to know your Mac's model identifiers. If you already have your Mac in hand, do this:

Apple Menu -> About This Mac -> System Report

or

⌘-Space --> System Information

Then look at the Model Identifier. An example is "Macmini6,2."

You can look up the tech specs on any Mac model on the Every Mac web site.

General Problems with Portfolio Case Studies

I graded your portfolios academically based on three criteria:

• Overall quality of College and Career Plans ... 1/3 of grade
• Case Studies content ... do they follow the instructions? Do they have suitable problem and solution? ... 1/3 of grade
• Case Studies grammar ... 1/3 of grade

Curly Quotes

When you copy and paste from Google Docs (or MS Word) into a web page, you have to change the "curly quotes" to "straight quotes." Curly quotes look like upside down commas or cashew nuts. Straight quotes look like, well, short straight lines. For coding, we always want to use straight quotes. You may use curly quotes in your case studies, but you can't just copy and paste them from Google Docs, because they may not look right on all devices (see the printouts I gave back to you). Here is a page that describes the problem and how you can use HTML entities to fix it:

https://practicaltypography.com/straight-and-curly-quotes.html

 Note: I did not mark you down for this, but you should try to fix it if there are not a lot of them and/or you have extra time to fix things.

Case Studies Problem and Solution

Many of you wrote up solutions that we did not actually do, like adding extra features to the programs to make them better. We are looking for the solutions we actually did implement, not solutions that we could have done. What problem did you actually address and how did you address it?

Also, the problem and solution should be user-centric, not programmer-centric. Here's a tip: any time you mentioned code, JavaScript, SVG, or any coding term, you were talking about your problem as a coder, not the target audience problem you were trying to solve. Many times you actually do have your finger on the problem and solution, but you need to find a way to say it in a different way. For example, your solution may have been an algorithm, but it's better to say you used algebra or other math. Your solution may have been a web site that helps us (such as with the molecules).

Portfolio Grading (technical)

I still have not graded the academic portion of your portfolio because I have not figure out how to do it efficiently. I need to check the grammar on every page, every case study, and the college plans.

For the technical part of your portfolio grade, I calculated like this:

1. The first number at the top of the page is the number of violations on the front of the page.
2. The second number is the number of problems I listed on the back of the page.
3. The number in the NO block is FRONT + BACK/2
   • (That is, the problems on the back of the page have half the weight)
4. Then I ranked the scores in order and assigned a letter grade to each one.

# Problems	Score	Grade
1.5	97	A
2	95	A
2.5	93	A
3.5	88	B
4	86	B
4.5	84	B
5	82	B
8	75	C
11	65	D
15	58	F
16	56	F
16.5	54	F
17.5	52	F

Fisher-Yates Shuffle

function fyshuffle (stuff) {
    var array = stuff;
    var i = 0, j = 0, temp = null;

    for (i = array.length - 1; i > 0; i -= 1) {
        j = Math.floor(Math.random() * (i + 1));
        temp = array[i];
        array[i] = array[j];
        array[j] = temp;
    }
    return array;
}

Flipping Characters Upside Down

var flipTable = {
 "a":"\u0250",
 "b":"q",
 "c":"\u0254",
 "d":"p",
 "e":"\u01DD",
 "f":"\u025F",
 "g":"\u0183",
 "h":"\u0265",
 "i":"\u1D09",
 "j":"\u027E",
 "k":"\u029E",
 "m":"\u026F",
 "n":"u",
 "r":"\u0279",
 "t":"\u0287",
 "v":"\u028C",
 "w":"\u028D",
 "y":"\u028E",
 "A":"\u2200",
 "C":"\u0186",
 "E":"\u018E",
 "F":"\u2132",
 "G":"\u05E4",
 "H":"H",
 "I":"I",
 "J":"\u017F",
 "L":"\u02E5",
 "M":"W",
 "N":"N",
 "P":"\u0500",
 "T":"\u2534",
 "U":"\u2229",
 "V":"\u039B",
 "Y":"\u2144",
 "1":"\u0196",
 "2":"\u1105",
 "3":"\u0190",
 "4":"\u3123",
 "5":"\u03DB",
 "6":"9",
 "7":"\u3125",
 "8":"8",
 "9":"6",
 "0":"0",
 ".":"\u02D9",
 ",":"'",
 "'":",",
 '"':",,",
 "`":",",
 "?":"\u00BF",
 "!":"\u00A1",
 "[":"]",
 "]":"[",
 "(":")",
 ")":"(",
 "{":"}",
 "}":"{",
 "<":">",
 ">":"<",
 "&":"\u214B",
 "_":"\u203E",
 "\u2234":"\u2235",
 "\u2045":"\u2046"  
};

Comments on Portfolios

Here are some general comments on the portfolios:

• The current events article should not be called current events or research but should have some piece of the actual content on the home page icon, such as Bullying, Mental Health, Pollution, Depression, Fake News, etc.
• Every page should have a body font specified. 
• Files should be in folders together with the other files they need. Examples:
• Speedometer in same folder with engine sound
• College in same folder with background
• icons.html in same folder with the icons
• Current events home page in the same folder with the images
• Make sure all your top level page captions are spelled correctly.
• Navigation icons should be in a folder.
• Every page should have a copyright notice and they should be the same size as much as possible. (Use portfolio.css to set a standard.) They don't have to be the same color or font.
• Don't include any ZIP, PDF, or AI files in your portfolio. I just have to remove them, which adds more work for me, then you pay me back out of your grade.
• No capital letters or spaces in any file names. Change the names of your screen shots.
• Chinese Zodiac page requires some special styles to keep the navigation centered and avoid putting a border around it.
• The correct spelling is:
• SVG (all caps)
• JavaScript
• Adobe Illustrator (proper names, capitalized)
• Some basketball projects don't respond when I just click on them. Should move the ball toward the click. Requires like one extra line of code.
• Buttons on the clock project should be at least 48x48 pixels. I marked you down once when you turned the projects in. Why get marked down again and lose points twice for the same mistake?

Portfolio Requirements

Checkpoints

• All icons on the home page link properly to internal portfolio pages.
• All internal links should be HTML files: no SVG file, AI files, PNG files, or other file types.
• Use a placeholder logo if you haven't made a custom thumbnail yet.
• All thumbnail logos must be square (same height and width). No exceptions. 
• The page should have a DIV with a limited width that keeps the thumbnails from drifting around.
• There should be no underlines on or between links: put text-decoration: none on all offending <a> tags. 

• Every page must have a case study section with formatting supplied within the portfolio.css file.
• Exceptions: home page, current events page, and college plans do not need case studies.
• It's OK if some case studies are not complete, but most of them should be in place, and each page should have a placeholder (BMI) if it is not finished yet.

• Every page must have navigation arrows that are properly styled using the portfolio.css file. 
• Most pages must have navigation that works.
• If a few pages (current events, college plans, popup window) have navigation arrows, but the arrows don't work yet, I'll only mark you down a little bit.

Final Project

• All icons on the home page must be your original artwork, whether SVG, Adobe Illustrator, or screen shots of your project.
• All case studies must be complete.
• All navigation must work without any errors. 
• Every page must have a copyright notice in a footer.
• All pages should have a nice presentation (centering, fonts, colors, etc.)
• Pages that use fancy fonts (fortune, zodiac, tic tac toe) should use simpler readable fonts for the case studies. 
• All pages must work properly (basketball, tic tac toe, resistors, etc.)
• The portfolio should have a unified appearance enforced by the portfolio.css file.
• If I made suggestions on your checkpoints, thing seriously about following them.

Grades

I will post your latest grades today (Monday) or tomorrow (Tuesday). If there is some project for which I did not give you a grade, it is your responsibility to make sure I get it.

Printed posters will not go in your grade. But Adobe posters and logos will go in your grade. Make sure you turn them in properly.

If you did not get credit for some coding or Illustrator project and you think you turned it in, just turn it in again.

If I marked your project "missing," that means I didn't get anything at all. If I gave you a zero, it means you turned something in but did not follow the instructions.

Especially make sure you turn in all the academic projects such as logo essays, app ideas, thumbnail sketches (36), rough drafts (4), and case studies.

Case Studies Assignments

You will need to write 12 case studies. There will be two assignments with six case studies in each assignment. The assignments will be the same:

• Write the assignments in Google Docs. 
• Share the doc with me at mbrautigam@metroed.net
• There will be six case studies in each document.
• Each case study consists of:
• Objective = what is the assignment?
• Problem = what customer problem are we trying to solve?
• Solution = how did you/we solve the problem?
• Do not print out your case studies.
• Make sure you put your name on your assignment!

The two assignments are:

• Case Studies #1-6 due Tuesday, Oct. 29
• Case Studies #7-12 due Wednesday, Oct. 30

Portfolio and Case Studies Thoughts

Here are some random thoughts about portfolios and case studies. 

Melanie Kaye of Melanie Ink

A portfolio shouldn’t have more than a dozen pieces. The interviewer is busy. They don’t have time to look at a lot of mediocre stuff.

• Variety = good
• Things you love = great
• Things you don’t care for = don’t do it

Ability to solve communication problems including identifying the problem. Research. Be more curious.

Analysis – did it work? Why or why not? Solution generating. Prototyping. Can you comp up a little book? Can you make a sketch? Prototyping, user evaluation, and outcome evaluating.


Jeff Tyler of VMWare and Monkey Chicken Design

Content: show a breadth of work. Show a range. Show that you can do anything.

Prioritize the work. Your actual work for a client should not say who you are – you should be a chameleon.

Why? The customer has their own brand and style, and you will be expected to adhere to it. So your breadth of stuff must say that you are flexible and can convey the message while adhering to their own guidelines.

Case study = the story for that project.

You must be able to answer questions about why you did it that way. So become adept at bullshit. Answer the questions with all the buzzwords like spacing and hierarchy.

Don’t just throw stuff in because your portfolio is light. Everything in your portfolio must be fantastic. If the portfolio is light, make more fantastic pieces instead of padding it with substandard pieces.

If you don’t feel it’s your best work, don’t put it in your portfolio at all. Don’t dilute your work. Skew the portfolio toward what they are looking for. Put what they are looking for in the front. 3–5 great solid pieces is good enough for a start. Anything that’s not your best work will bring your best work down.


Fabian Espinosa of Duarte Design

When they see your design, they want to know your though process.

• You must be able to explain why you chose the color red.
• Why did you use illustration instead of photography?
• Why did you choose a condensed font instead of a wide font?
• Why did you use a texture instead of clean?
• They want to know that this work is your own. If you were part of a team, let them know. Make sure they know your role in a design project.

Obsess about the details. The difference between designers is that the senior person sees the details that the junior person does not see. See the smallest details. Maybe the colors are too saturated. Maybe they don’t fit the tone or message the client is trying to convey.

In most cases, you should not have a wide range or work in your portfolio. Instead, you should have a portfolio that is targeted toward the company you are interviewing for. So sometimes you need to come up with your own personal projects instead of the projects you’ve worked on for other companies previously, because those past projects may not be what the new company is working for.

It’s not about your technical ability. It’s about your concepts. The client doesn’t care how long it takes you to create your design. They want to know you can figure out a way to communicate their message.


The Importance of Case Studies in a Design Portfolio

https://webdesignledger.com/case-studies-for-web-portfolios/

When styling a case study it’s a good idea to frame it from an educational perspective. Most portfolio entries include some photos with extra details about the project. This is fine and most definitely encouraged – but case studies are meant to explain the stages and hurdles of a project.

Aside from actual mockups or completed designs you might also include some preliminary photos. Basic prototypes, sketches, or even rejected design ideas. All of these things demonstrate knowledge to prospective clients or job recruiters.

Design interesting case studies to help others understand your creative process. This is not an easy task at first because you probably won’t have much experience describing each project in detail. But with practice it gets a lot easier and really fun.

Demonstrate your process in a true-to-life manner. Take photographs of sketches on your desk or scan your sketchbook for a digital shot. Take apart your designs and create little diagrams with tooltips going into detail about each part.

An Expert's Guide to Creating Graphic Design Case Studies

https://www.shutterstock.com/blog/how-to-graphic-design-case-study

• Targeting: Focus on a past client that represents your ideal future client.
• Perspective: Write in the client’s perspective so potential clients can easily relate.
• Narrative: Don’t be dry – tell a story about the client’s needs and your design process.
• Data: Show the success of your work through cold hard facts and numbers.

Take your potential client on a journey from start to finish. Begin with who the original client was, what they do, and why they contacted you. Take the reader through your process: how you identified ways to help, how you met with the client, and what changes you implemented. Then reveal what the work looked like when it was done, how the client felt, and the end results.

Case Studies

A case study is a document that explains what you did, how, why, what you learned, and how you overcame any problems. It is your opportunity to sell yourself as someone who can solve problems.

The following statements are inadequate case studies, because they tell a potential employer that you are a problem they will need to solve, instead of someone who can help them solve their problems.

• I had to learn how to use Adobe Illustrator.
• I made a lot of mistakes in the code and Mr. Brautigam helped me fix them.
• This project was really really hard.
• The problem is I typed in the wrong code. It took a while to find it.
• The problem is I couldn't figure it out. I asked people around me for help.

See the following examples of case studies:

• Apple Remote
• iMac
• Wedding Invitation
• Wireframes and Mockups
• Technology is Magic

In general, the problem should be a domain problem and not a programming problem. That is, not figuring out what code you typed wrong, but figuring out what kind of code to type in the first place ... the strategy. Each project presented its own set of problems, and each student should have roughly the same problems and the same solutions, since we did most of them together. If your problem statement is related to you and not to the design ... it is a problem that only you had, and others did not have ... then it is probably not a good statement of the problem and solution.

Speedometer Gauge. The main problem is converting from speed numbers to angles. The solution is to map the set of possible speeds to the set of possible angles, which is just algebra.

Basketball. One problem is figuring out exactly what to do to slow down or speed up the ball. The solution is to always multiply or divide, so the speed never actually goes to zero or a negative number.

Chocolate molecule. The main problem is getting the pentagon and the hexagon to line up. The solution is to just use trial and error until it looks correct.

Poster and Logo Requirements

Requirements

1. The document should be an appropriate size. 
• For posters, probably 11 x 17. (This is twice as big as a normal sheet of paper. Real posters might be much larger than that, but we can't afford to print them that big.)
2. Convert all text to outlines.
• Don't forget to save a copy of the text in case you need to edit it later.
• Don't forget to turn off the eyeball on the text copy.
3. Turn in 4 items:
• The original Adobe Illustrator file.
• Export to PDF that you can use to print your work.
• Export to a PNG file that you can include in your portfolio.
• POSTER ONLY. Print the poster on 11 x 17 card stock at Staples or Office Depot (or other copy center).

Technical aesthetics

I generally don't give you a higher or lower grade based on subjective technical features, such as which color scheme or fonts you used. I might comment on those aspects, but I won't mark you up or down.

However, I will judge your work based on how precise it is. I will mark you down if your shapes are not symmetrical, are crooked, have obvious pen tool flaws, if your work is not properly centered, if your circles are not round, etc. Any text should have proper contrast so it is readable. There might be occasions where we draw things with imprecision or obscurity on purpose, but the rule of thumb is: if it looks like you made a mistake, the client and their customers will also think you made a mistake, and I will lower your grade.

Rubrics

• Total possible points: 30 points (Poster), 20 points (Logo)
• Adobe Illustrator file: 10 points 
• PDF file: 5 points 
• PNG file: 5 points
• Paper poster: 10 points (poster only)
• Did not convert text to outlines: –50% 
• Adobe Illustrator file: –5 points 
• PDF file: –2.5 points 
• Extreme objective aesthetic issues (not centered, etc.): –1 to 3 points

Mechatronics Flex Factor Presentations TODAY

Thursday Oct 24, my AM and PM students are presenting their "Flex Factor" presentations.  This is a "Shark Tank" like presentation for a theoretical product they have been researching and paper designing, over the last 6 weeks.

I would like to invite your classes or a selection of your students to come to the auditorium to watch these presentations.  

PM presentations will start at exactly 12:50, so make sure you are seated by 12:45.  The PM presentations will probably go from 12:45-2:00.

 

 

Company Logo Assignments

What you need to do:

• Share your company profile with the designers who will be making your logo.
• If you are the deisgner, make sure you get the company profile from the company founders.
• Find out what the company wants in terms of fonts, colors, and target audience.
• Come up with some simple ideas that could be incorporated into the logo.

Company	Owners	Designers
Wiicook	Janee H Brenda C	Daniel Mark R
Robonani	Daniel G Anthony R	Vincent N Brenda C
Zoomy	Vincent Nguyen Vincent Lam	Damian Anthony R
Virtual Relaxation	Damian Paczyna Vincent Tran	Ben M Vincent L
Filmation	Ben M Ricky T	Leanne Vincent T
CritterCrate	Leanne Mejia Cristina Arriaga	Jason Ricky
Hoovur	Jason L Mark R	Janee Cristina

Haunted House Shift Signups

You can earn community service hours by helping with the haunted house.

Oct. 25 (Friday)
Oct. 30 (Wednesday)
Oct. 31 (Thursday)

https://docs.google.com/forms/d/e/1FAIpQLSdnQCg_DdL-WGfHKMQv3llASfD42Pq5-ZzO2VfnEhEe-A9ISg/viewform?vc=0&c=0&w=1

Friday October 18

Mr. Brautigam will be out again this afternoon. Hopefully I'll be back in class and well on Monday.

I've just been informed that Ms. Hunter will come into the classroom to guide you through the next steps in the CATEMA (Mission College) process. And hopefully help you with the first steps if you got stuck. When Ms. Hunter is in the classroom, please put your Illustrator work away and focus on the process she is guiding you through. Do not disrespect her by not paying attention. She has done a lot of work making sure you can all get college credit for this class. She deserves your attention and respect.

You may turn in your apple and your poster at any time. Because I am not there to check your work, I will just review your work and let you know if it's not right. I may assign you a temporary grade but you can turn it in again later. In particular, we should review the process for finishing the apple.

Also, you may send me an email at any time with any questions or concerns. mbrautigam@metroed.net. I will probably not be able to reply this afternoon but maybe over the weekend.

Thursday October 17

Mr. Brautigam will be out today. You will have a substitute teacher. This blog post is your instructions for today. You have two tasks:

1. Earthquake drill
2. Send me your Mission College ID number. (see below)
3. Finish the apple if possible (see below)
4. Start the poster project (see below)

Earthquake drill

1. Hide under desks
2. Evacuate to the bus parking lot
3. Take the red backpack. Jason's row, you are responsible. Hold up the green tag if everyone is there, the red tag if someone is missing.
4. Help the substitute teacher.

Mission College ID

Only a few of you sent me your Mission College ID.  (Ben, V. Nguyen, V. Tran.) I can't sign you up at the meeting today if I don't have your ID.

Apple

 To finish the apple, you need to be careful. Before you can use the pathfinder to make the apple stripes, you must finish these two tasks:

1. Draw the outline of the apple (and leaf) as accurately as possible.
2. Draw the rectangles so the four internal rectangles have the same height. (Make four rectangles of the same height, and resize them together to fill the area.) The top and bottom stripes can and should be bigger than the internal stripes.

Once this is done, you'll have a problem. You'll use the "intersect" pathfinder to create the stripes. However, after you make the first operation, your apple outline will be gone. So when you try to create the second stripe, there will be no outline to work with. So the best strategy is to make six copies of the apple outline, so you'll have one available for each stripe.

After you've finished creating the apple outline and the six rectangles, but before using the pathfinder, I suggest you make a backup copy of your file just in case you make a mistake and have to go back. In the Finder, use Cmd-D to duplicate your file.

Poster

Your next project is to create a poster for an event such as a concert, play, or exhibition. Our school is going to have a haunted house and you could make a poster for that,. (The event can be a made-up event.)

Take a look around the classroom at the various posters students have made in the past. Note that some of them are not very good! Try to make something really good. Don't imitate the bad ones that got a bad grade.

Also take a look at the posters on the wall for examples of good concert and art exhibition posters.

Here are some of the basic requirements for your poster:

• Size should be 11 x 17 inches. This is small poster size. 
• Color mode should be CMYK and it should be "print" mode. 
• You won't finish this today. The quantity and quality of your work should demonstrate that you spent several hours of concerted effort doing this.
• This is one of two final projects you will finish for the Adobe Illustrator module.

Here are some guidelines:

• You may use other posters and illustrations online as "inspiration" for your artwork.
• You may bring objects such as animals, plants, people, logos, or other objects into your Adobe drawing to "trace" them.
• However, you may not trace a whole poster from another source. The artwork and design should be your own.

Companies feedback

Most of you did a good job of focusing on a target audience. You also showed good examples of logos and rationales for using certain kinds and not using others.

This is what distinguished between the papers you turned in:

• Not every group showed me actual samples of the fonts you like. I need to see what the font looks like. I can't tell what the font looks like from just the name. I'd need to go look it up on Google Fonts, and I don't have time to do that. It's easy to take a screen shot and include it in your document.
• Not every group showed me color swatches. I can't see the colors when I have only the hex codes. The easy way to fix this is to put the hex colors into the random colors web page that you just made recently! Then you can take a screen shot.
• Unfortunately, most of the groups did not put any name on your papers! So in some cases maybe I had to guess who wrote what. If your email says something like Distortion, Creep, UglyCow, or Tyrant, I really have no idea who that is; and those are poor email names to use for any kind of serious business correspondence. So next time, make sure you put your names on everything.

Consolidate Your Work

1. If necessary, make a new folder on your desktop with your name.
2. Put all your work in this folder, except any projects we are working on today.
3. At the end of the period, put today's projects in this folder also.
4. We may copy our work to a centralized server. (to be determined)

Over the next week, they will upgrade all the computers in this classroom. When doing an upgrade, it is always possible we could lose your work. So we want to back up your work before the upgrades start.

Student Ambassador Program

https://www.metroed.net/svcte/students/student-ambassador-program

Fortunes

A bird in hand is safer than one overhead.
A closed mouth gathers no foot.
A day for firm decisions!!!!! Or is it?
A truly wise man never plays leapfrog with a Unicorn.
A witty saying means nothing. ~ Voltaire
According to the latest official figures, 43% of all statistics are worthless.
All articles that coruscate with resplendence are not truly aurifers.
Almost all good computer programs contain at least one random-number generator.
Becoming an overnight success usually takes years.
Cogito cogito ergo cogito sum.

PM Grades

There was an error in the Infinite Campus setup where your grades were not being calculated correctly. The scores for the Academic assignments were not given the correct weight. After correcting the setup, most grades went up, because most of you are doing great work on the Academic assignments.

A+ > 100 = 2

A+ < 100 = 2

A or A-  = 4

B        = 5

C        = 1

Skills USA Competitions

More information here: https://www.skillsusa.org/competitions/skillsusa-championships/contest-descriptions/

Examples

Computer Programming

Contestants demonstrate knowledge of computer programming, describe how programs and programming languages work and describe the purposes and practices of structured programming. The contest may include a computer programming problem consisting of background information and program specifications. An appropriate (successfully executable) computer program from design notes and instructions will be developed.

Related Technical Math

On a written test, contestants demonstrate skills required to solve mathematical problems commonly found in the skilled trades and professional and technical occupations. Skills demonstrated include addition, subtraction, multiplication and division of whole numbers, fractions and decimals; applied word problems; percentages; ratio proportions; averages; area; volume; metric measures and traditional (Imperial) measures and trigonometry.

Web Design

Teams will complete a series of challenges focusing on website usability and accessibility, with at least one challenge related to scripting (client or server or both). Teams will also be evaluated on the process they use to meet the challenges and how well they work as a team. Teams may be interacting with a local server environment.



  

Logos to make

ABC

App Store

Brandwatch

CBS

Chrysler

Unknown #1

Messenger

Unknown #2

Cubic Bezier Curves

http://www.mixed-up.com/markb/javascript/bezier.html

Hexadecimal

Hexadecimal is counting in Base 16. Hexadecimal is just like decimal except that you have sixteen fingers for counting! In Base 16, you can count all the way up to 15 using only one digit. Since we have only zero (0) through nine (9) as digits, we add more. We could have chose $, #, % and so on, but to make it easier, we just chose the first six letters of the alphabet, A, B, C, D, E, F. The digits from 0 to 9 have their usual meaning, and the letters have the values 10 through 15.

Symbol	Value	Proportion
F	15
E	14
D	13
C	12	3/4
B	11
A	10
9	9
8	8	1/2
7	7
6	6
5	5
4	4	1/4
3	3
2	2
1	1
0	0	Off

When we have a number with two digits, it represents a value higher than 15 and less than 256. The first digit is the number of 16s in the value, or the 16s place. (Just as with regular decimal number, the first digits is the number of 10s or the 10s place.)

If we have a number like 0x80 (which means hexadecimal 80 to distinguish it from decimal 80), it means 8 x 16 + 0 = 128. All hex numbers can be calculated this way, but normally we don't need to. Just as we don't say 74 is 7 x 10 + 4, we would not necessarily say that 0x74 is 7 x 16 + 4 = 116. We would just that that 0x74 is a little less than 0x80, or a little less than 128. For colors, we would just think that 0x74 or #74 means the light is turned on almost halfway.

As with decimal numbers, if a number has more than one digit, we attach more importance to the first digit because it carries bigger weight. 84 is bigger than 56 because 8 is bigger than 5. We don't even think about the 4 and the 6 because they are less significant digits.

Venn Diagram

Tutorials

One of the best tutorial sites for the first semester of this class is W3 Schools.

https://www.w3schools.com/

The list on the left side of the page has links to these topics we will learn:

• HTML
• CSS
• Colors
• Icons
• JavaScript

In addition, you can find an SVG tutorial on this site: https://www.w3schools.com/graphics/svg_intro.asp

Other topics like Bootstrap, React, Angular, JSON, AJAX, SQL, PHP, ASP, XML, and Node are topics you might cover in an advanced college course.

Other languages like Python, Java, and C++ would be other classes you'd take in college, not necessarily related to web programming.

Granola Bars

I have various granola bars at my desk. They will cost 50 cents. When we run out, I will use the money to buy more. I'm not making a profit on these.

Career Readiness

Every week or so I will assign you a grade in the range 0 to 10 that indicates your career readiness.

At the end of the year, if you pass the course, you will receive a certificate that indicates your overall career readiness score for the whole year.

If you are showing up every day, doing the work, and not breaking rules, you will receive a grade in the 8 to 9 point range.  If your grade is a B or above, this will not bring your grade down below a B and it will not bring your grade down a lot. If your grade is below a B, this could actually improve your grade, but it alone will not bring you up into the B range.

(Exercise for the reader: do the math that demonstrates this.)

To get the full 10 points for career readiness, you must be an exceptional citizen, helping others, doing excellent work above and beyond what is required, following all the rules at all times.

Every time you break the rules about food, phones, videos, respect, or any other classroom or school rules, you will lose points. Some of you have already lost many points. You will also lose points if you are absent and no one calls beforehand, and if you are late without excuse. (Excused tardies and bus problems will not affect your grade.)

I will post career readiness scores every Friday after the end of class.

Resubmitting Writing Assignments

These instructions apply to the College and Career Plans and many other future writing assignments.

1. Rewrite the assignment and print it out.
2. Attach the original graded assignment behind the corrected version.

College and Career Plans

Many of you got poor grades on the college and career plans because ...

1. You did not follow the directions
2. You did not type it in Google Docs, but instead you wrote it out
3. You did not double space
4. You listed a company instead of a career
5. You did not write four paragraphs
6. You talked about video games

Typical grammar and spelling errors:

1. You did not capitalize the word I and its derivatives
2. You did not use commas or did not use them properly

About games. Do not talk about video games in your resume, cover letter, or list of plans. It's OK to mention that you might like to be a game designer or go to a game design program in college. However, do not talk about specific video games or companies. Why? This gives the reader the sense that you would spend your time playing video games instead of working for the company. So be careful.

Math Quiz Grades

Math quiz is graded as follows.

If you got all 5 questions correct, and turned in the day we did it in class .... 12 points (extra credit)

If you got 3-4 questions correct ... 10 points (full credit)

If you got 1-2 questions correct ... 5 points (half credit)

If you got 0 questions correct or you did not turn in the quiz .... 0 points (no credit)


PM class did not do as well as AM class. A couple people got 12.

12 points .... 2 students
10 points .... 8 students
5 points .... 6 students
0 points .... 9 students

Most of the people who got 0 points did not take the quiz at all or did not turn it in. If you took the quiz and you got 0 points, you should think seriously about whether you belong in this class. This class is for people who have already taken algebra and geometry and are prepared to use them every day in this class.

Infinite Campus Login

There are instructions for logging in to Infinite Campus on the materials page. 

Your user name is your first initial dot last name, all lower case. For example, Susie Student would be s.student.

Your password is your birth date in mmddyy format plus your first name. For example, Susie Student might be 081502Susie.

In some cases, there may be someone else in this school with the same last name and first initial. In that case, you'll need to add a number at the end of your user name.

Brenda	1
Daniel G	2
Elijah H	5
Janee	12
Jason	2
Stacy	1
Vincent Tran	3

SVG Code Starting point

Use this code to get started using SVG:

<svg width='600' height='400' viewBox='0 0 600 400'
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink= "http://www.w3.org/1999/xlink">

    <!-- the clipping paths and masks will go here -->

    <defs>
    </defs>

    <!-- the shapes and stuff will go here -->

    <rect x='0' y='0' width='600' height='400' fill='beige' />

</svg>

Radial gradients:

http://www.w3schools.com/svg/svg_grad_radial.asp

Google Docs

Share your Google Docs with me at this email address:

mbrautigam@metroed.net

Please do not use any email address that appears to be MetroED but is actually Gmail. That email address has been decommissioned.