Thursday Lesson

I am at UConn today.  I am presenting a class to future teachers about technology in the classroom.  iPads will be the focus of the discussion.  Your Evernote podcasts will probably be played.

Do the work while I am gone.  I firmly believe that there is not one teacher in the room, but twenty.  We all teach each other.  When a class can let go of the idea that the teacher must tell them everything the class will start to fly.  I want YOU to create the ideas in this class.

Today:

1. Try the Google A Day.  Can you get the answer?

2. Organize your W Drive.  Put assignments into folders.  Make it neat.  Everytime you get a new assignment it should go in a folder.

3. Create a HTML page.  Title it "HTML Lesson".

• Create a one page website that demonstrates how to:
• Open a file and create HTML (open notepad, how to view source, etc...).
• How the "first 8 tags" work.  Body, head, etc...
• How to create a link.
• Use proper colors.  Does it need a table? Image?
• Save in WDrive.  HTMLTutorial.html

4. If you finish please show the substitute.

First HTML Quiz

Start today with a Google A Day.  The site times you.  So move fast.  We will be learning how to search effectively throughout the year.

Then Draw a Stickman.  Wouldn't you like to learn how to do that?  Guess what?  You will.

The quiz for web 1 will be due by the end of the period on Tuesday. Some of you will finish early, some of you will have to work fast...

You will create a one page website about your current class schedule. This website should include:

• A title in the header code.
• A clear heading on the page.
• A list of classes.
• A brief paragraph describing yourself (junior at Seymour High School, etc...)
• Background color other than white.  Keep the color light (no bright red, black, etc...if you disagree go back and look at the bad websites)

If you do the above correctly the maximum you can score is 3/4.  You must do at least one of the extras to be able to score 4/4.

Extras:

1. Can you include an image that you created?  Remember that the image must be in the same folder as the webpage.

2. Can you place the schedule in a table?

3. Can you create a link to Seymour High School?

Be sure you code the first 8 code tags correctly.  Be sure you open and close your tags in the correct order. 

Save the file to your WDrive-Web Design when done.

Web Design: Introductory Quiz

Today's quiz is a letter.

In this letter you must:

1. Include links and examples where necessary.
2. Provide evidence.
3. Be persuasive, yet friendly and helpful.
4. Your letter should be between 100-150 words.

Please evaluate the design bias, usability, and accessibility of the Seymour High School website. This letter should show evidence that you paid attention for the past few lessons.

Start your letter with "Dear Mrs. Goodrich".  


Save to your W Drive Web folder.  Print out for teacher.

Usability

Today we will finish our introductory unit (test to come shortly).

Usability involves design and it involves hardware. First I must have enough bandwidth to get my information to the user. Bandwidth is the "size of the pipe" that carries information. The larger the pipe, the more information I can send. Second I need to think about the hardware at the end of the line. Is my user viewing the information on a phone or through a dial-up connection? Is my user using high spped DSL?

Here is what bad design looks like according to Vincent Flanders: Check out the worst website ever and his checklist for how to ruin your website.

Top ways to ruin a website:
1. We've designed our site to meet our organization's needs (more sales/ contributions) rather than meeting the needs of our visitors.
2. It takes longer than four seconds for a man from Mars to understand what your site is about. Example.
3. Our site looks like we've never seen another web site. Example.
4. We use design elements that get in the way of our visitors.
5. Our site doesn't make us look like credible professionals.

1. Read the following article. Save it in your favorites. Web Usability Guidelines.  The chart at the bottom is awesome.

2. Skim this basic article about usability from Great Britian.

3. What's wrong with Google?  Wouldn't you like to learn how to do that? (this may be blocked...working on it...)

Start a MS Word document. Please answer the following questions:

1. Define the following. Provide definitions that make sense to your readers.

• bandwidth
• web usability

2. Which of the following websites has a higher usability for teenagers. Why??

Newsmap 
Connecticut Post

3. Find a website that you think has a high usability rating. Provide a link to this website and explain why you think its usability rating is high. Possible examples: Bobby (use headphones),  Baby Names (blocked??) Tall Buildings.

All three assignments (bias, accessibility, usability), the evernote biography recording, plus the two HTML webpages are due Friday 9/23.  Work hard today and produce your best work.

Accessibility

Everyone fills out an info sheet today.  We will start the HTML Tutorials today.  I will start with a bit of a group lesson and then I will see what you can do.  Most of the class time will be reading time today.

There are four main categories we are covering in this unit; bias, accessibility, usability, and ethics. Today we will focus on accessibility.

Read this article. Introduction to Web Accessibility. The website contains lots of useful information. Take your time reading it.

We will watch this CBS News Video together in class.

Read some of how Apple focusses on accessibility.

Create an MS Word document. Answer the following questions:

• Of the four major categories of disabilities (visual, motor, cognitive, hearing) which one do you think would pose the greatest challenges for a computer user. Why? Include specifics.
• Dealing with a disability can be frustrating. What are three ways a web designer can design a less frustrating website for those who have a disability?
• Try getting to the CNN website without using your mouse. How did that change the experience? Did you get frustrated?
• What is our obligation to serve those with disabilities?

Save the file in your web design folder.  Print out for teacher.

When done here is your first HTML assignment.

Bias, Usability, Accessibility, and Ethics

There are four main criteria that we use to assess the validity of a website; bias, usability, accessibility, and ethics. Today we will focus on bias.

This is also an exercise in communication skills and page design. Can you get your point across effectively? Do you know your audience?

1. Class Discussion about bias

• Barbie Doll website
• GI Joe website (collector site, real site blocked...)
• GIJoe Movie
• Legally Blonde: The Musical

2. Read the following articles:
Gender Bias
Journalism Bias this is a longer article. Skim the whole thing (except the studies and theories of media bias section). Click on links that interest you.

3. Create a one page flyer in MSPaint that contains bias.

Girls: Boys are silly. Why can't they act right so I can get my work done? They should treat us with respect and not be so clueless.
Boys: Girls are silly. Why can't they act right so I can get my work done? They should treat us with respect and not be so clueless.

Think about your audience. Who are you writing it for? I am looking for two things. First, do you have good ideas and understand bias? Second, can you format the page well so you communicate these ideas? This is your first task in design.

This flyer must include the following:

• A clip art or free-non-copyrighted image. Using copyrighted images is illegal. You could make your own image if you want using Paint or Fireworks. Check the links on the right for clip-art images or go here or toFlickr and use creative commons search.
• At least three quotes (from real or imaginary people)
• Have fun with this, stay respectful and appropriate.

4. Save in WDrive (Web Design folder). Check the Rubric for the assessment.

5. If you finish early you should start on the HTML Tutorials (link on right side of page).

Tell A Story

Today students will tell a story.  For many this will be exceedingly difficult.  Not because they can't write, or record, but because they have to interview their peers.

This entire class is about telling a story.  Telling a story through words, images, animation, links.  A bad web page story will be immediately discarded!  Nobody stays on a bad webpage or keeps listening to a poor recording.

Each student will write and record a 60 second biography for radio broadcast.  This biography will be of a classmate.  Students will record using Evernote.

We will post the biographies here.  Once the internet is up students will post to their individual blogs.

I am sure I will adapt this lesson after the first class.


Here are some posts that were created today:

• Danielle
• Tyler

A New Year

So...

Back in Web Class.  I am very excited to teach this "new" class.  I taught this for four years, took a two year break, and now I am back teaching two sections.  So much has changed!

This class should be fun and exciting.  You will write and read A LOT in here.  You will code, create, tape, video, and publish.  This will be an odd class for some of you as YOU take charge of your learning. You will have lots of choices as the year progresses.  This often makes students nervous as I rarely stand in front of you and say "now we will turn to.."

Today I ask you to have fun with the iPads in the group exploration activity.  If you finish, later you can do the solo activity.

Two things need to happen today:
1. You need to return your Internet Use form.  You got it in homeroom yesterday.  I can't do anything without that.
2. Fill out this Info Sheet using your iPad.

I may adapt this activity (filter....) and do some wifi mapping and area of triangle stuff.  Stay tuned.  I have this at 7:30am and will adapt again for 2nd time through at 12:30.

Digital Safety: Would you leave your front door open?

Very interesting discussion starter. We will definitely use this in class.

Responsible, fair use, at all times.

Blogging Platform?

I am teaching Internet Literacy again after a break of two years. I used to use classblogmeister. What is the best blogging platform for high schoolers?

I want:
1. To be able to monitor posts/comments.
2. It has to look cool, have high functionality, embed video, etc...
3. I want to the garden wall open. But I'd like to close it if I need to.

I checked out edmodo but I want rich text option and they dont seem to have it. Otherwise it looks pretty cool.

Is google+ the answer? This doesnt seem to have rich text (I need to look at the shortcuts). And it doesnt seem to be searchable?

New Job

You can follow me here.

Final Post

This is the final post for this blog. Three years of assignments, readings, games, and ideas. A new job awaits (not quite sure where I will be yet....) and probably a new blog.

You can track me on twitter (brandtschneider) or my other blog which has been pretty dead lately.

I don't know quite how this blog became the place to go for web design assignments (try googling) but it certainly changed how I work. I recognized I was writing for a global audience. Good lessons and a big transformation.

Good luck.

Final Exam

The final exam will start today. The exam is designed to demonstrate that you can read a simple directive, gather information, and then communicate to an audience. I am using a version of the exam from a previous semester. Therefore you might find versions in the UDrive (Fall 2008, Spring 2008, etc...).

You can use any previous work to build on in this exam. Reuse and recycle.

You must complete it by the end of your exam period.

• Seniors will have 2.5 hours to complete the exam, regardless of day they take it.
• Other students will have today (Monday) plus their exam period.

I advise that you:

• Plan it out first!
• Keep it real simple.
• Be sure to include all required elements.
• Save it correctly. Be sure to code images and links correctly for UDrive.
• Again, keep it simple!!

Exams and other stuff

1. If you are using twitter be careful about spamming. You might get followers that aren't appropriate. Block them and don't click on their links. Most of this is common sense digital literacy stuff. Be safe.
2. Exams will start Monday for seniors. Any senior can take the exam Monday. Just see me to start. Exams for everyone else start Wednesday. I will not be here Tuesday.
3. If you think you are on the bubble for exempt status see me quietly (please don't yell across the room).
4. Check out GGualpas Pecha Kucha. Outstanding work.
5. I'm actually rewriting the exam now. If you have paid attention you will have no problem with this exam.

The End of the Road

Well, we are almost there. Another year is winding down. Boxes are being packed, grades calculated, whiteboards wiped clean. Has it been a good year? It has in many respects. We were faced with a lot of challenges.

I had three goals for the year:

• Teach one main concept. By now I hope you hear it in your sleep (tell a story to an audience!). There is a ton of learning theory (and practical examples) that advocates teaching less content and staying on message. This is why we don't teach out of the book (the other reason is we don't have a book...). Does it cause frustration? Yes. Does it force you to solve problems? Yes. And, thankfully, it caused you to produce good work. You have produced the best work since I have came here three years ago. We did something right.
• Learn how to twitter. I'm still working on this. But I learn from many teachers. In a room without windows I am getting constant updates from dozens of educators about what they are reading, planning, and producing. The work that others do helps me plan our lessons and it is where we get most of our reading assignments. I advocate you getting a twitter account for your learning (use texting or other things for more social things).
• Get you to read more. I tried to find interesting and fun stories that would connect you to what is going on in the world. Be informed!

Today: either scramble (Oh my God--I need to graduate!), finish (computer didn't work yesterday), or relax quietly (phew!). Maybe play a game. Grades will be posted throughout the day after blog posts are done.

Best so far (based on your votes): cwyskiel, nfeliciano, cgallo, tmorrow. I also like the use of the green screen (Gshackett, JPowell). Check them out.

Web Design: Marking Period Exam

Here is the procedure for finishing the marking period exam:

• Proofread what you have done. If you are doing a website be especially careful of your code for images (make sure they aren't directed to the W: drive). Make sure all links work.
• Save folder to Udrive--WebSchneider--MP4Exam--Final Drafts
• Complete blog post. 1. What did you learn? 2. What went well? 3. What would you change? 4. Who has the best project in the UDrive?
• You must complete the project by Wednesday and the blog post by Thursday.

There will be no additional work assigned Thursday and Friday. I will post optional work. I will be in a grading frenzy. I have to complete senior grades by Friday. I also hope to post the exam review.

If you have missing work or issues with grades you will have the opportunity to gain some credit back on Thursday and Friday. I will post grades by Friday afternoon for all (I hope) on Edline. Any exemptions can be figured out from that post. I urge Juniors to take the exam. It can only help your GPA.

Looking ahead to exams. You can take the exam during any period (3-7). I will not be available on Tuesday for exams as I will be at the decathlon. You can take the exam Wednesday or Thursday from 12:00-2:00 or Friday at 10:00 if that fits your schedule.

Monday

State Open today so I will be leaving school early.

Projects due Wednesday. I see some great work coming. Please leave time for proofreading and checking!! Check your blog for comments.

Some interesting links:

• How a curveball works.
• How Staples High School is teaching math.
• Is the iPhone where all web design is taking place? I think so.
• What to drink when you exercise.
• The amazing PS22 chorus. The videos are YouTube. Watch them at home. Its worth it.
• Just a reminder. Imagine if you went to bed knowing you had to do that in the morning.

Update

Swine flu update in Hamden.

Check your blogs for comments and respond if needed.  

Be sure to leave time for proofreading your project.

Exam Notes

Some exam notes:

• This class has been about telling a story.  It has been my mantra since Day One.  After looking at the rough drafts I notice that some of you are really struggling with this.  I highly advise finishing a rough draft now.  Only then can you evaluate your story.  
• Be sure your images/pages are consistent in tone.  The rough drafts seem to have images that don't match in color/style/etc...This is especially true with the Flash projects.  Think of the Red Riding Hood example.  Each frame looks like it is part of the same story.
• Get it done.  Some of you really, really, really need to consider working harder.  This is 20% of your grade.
• Some of you are doing children's stories.  Remember, most children can't read.  Use your voice!
• Best so far: Cwyskiel (click on New1), GDipietro, Mchawla, TMorrow.

Exam: Rough Drafts

Everyone does two things today:

• Submit your rough draft to the Udrive (WebSchneider-MP4Exam).  Movies (save as movie file), Flash (export movie), or Websites (copy folder) should be named correctly (bschneiderexam).
• Complete a quick blog post.  Three questions.  First, briefly describe your project. Second, what are you learning?  Third, are you working efficiently (how will you get done?)?

A few notes:

• Be sure your voice drives the Pecha Kucha.  Monotones don't work.
• Some of you are creating way-to-complicated Flash.  Keep it simple.  Rely more on sound!!
• Be sure, very sure, that your links work in your website.  

I leave for the big track meet at 12:30.