SOFT6007 Class 11 B

Students worked on HTML exercises. Mostly on tables.

SOFT6007 Class 10 B

Studenst worked away on their HTML exercises. This class was change for people to catch up.

Students who were on top of things worked on the table exercise from last class.

SOFT6007 EV Week 03

I gave out a table exercise for students to do, to be told that they had already done it. However, when I went around few students had it actually finished. For the first hour or so of class students worked on this and other exercises. Students are at very different levels, with some only starting for the first time tonight. I wanted to give people a chance to catch up, but also keep other student busy.

Since most students had completed the table exercise within the first hou I asked them to take a look at imagemaps. This was bad planning on my part, however, since they could have done that at home in advance. I gave them an exercise.

Image used for the exercise
usacities.jpg


We looked at how image maps could be coded more simply with a bit of thought. The usacities image can be done with just one polygon. We looked at an actual map (iberia.jpg) and talked about ow that could be coded.


For next week students should take a look at online Classes 08, 09, 10, & 11.

SOFT6007 Class 09

I gave students a table exercise to do. I wanted to see if students are keeping on top of things. Most students are doing fine.

I think I have been going a bit fast. we have plenty of time. So I might chill for a bit this week and let students catch up in the labs.

SOFT6008 Class 12

I asked students to continue working on the bar chart exercise, but to make it work for any set of values. This means that the maximum value will most likely be 600 pixels and the other values will be scaled accordingly. This will invlove some maths.

I asked students when that was done to write a mobile phone call cost calulator beased on the number of minutes and texts a peron uses per month. The calculator should visialize the different phone company plans in a bar chart. Students might want to make use of the company colors or logos.

Some hazzards to be avoided:

Math.max is a useful function.

When is 1200 < 300? When they are strings! To force a string to be an integer use the parseInt function.

The fun never stops!

SOFT6008 Class 11

Students continued working on today's and previous day's exercises. Some students are a bit behind.

SOFT6008 Class 10

We looked at alerts and prompts. We saw how to prompt the user for data and use the input in the webpage.
Prompt example

We looked at how JavaScript might be used to visualize numeric data using variable cell sizes in tables. I gave a handout of the scores example. This only works as long as the scores are less that the width of the table. I asked students to modify the code so that the scores are assigned space in the correct ratios irrespective of the actual values.
Scores example

Video of the class

Some day soon I will write up a specification for the first assignment. However I already know it will be a compilation of the various exercises we are doing in class.

SOFT6007 by RPL

Hi

I will be holding a short exam on Wed 17 Feb for any students that are interested in doing SOFT6007 by RPL. We will start in IT2.3 at 1800.

It will be a written closed-book exam.

SOFT6008 Class 09

Discussed nothing new. Students carried on with their rollovers.

I explained that it was important for students to help each other out, but that it was not appropriate for code to change hands.

SOFT6007 Class 08

Colin out sick today

SOFT6007 Class 07A

We looked at some of the issues that came up while coding the timetables.

We say how to do accented characters, and how to change the background color of a cell.

We looed at colspan and rowpan.

I asked students to color code their timetables and to make double classes span across one large cell.

I asked students to take a look at online Class 05 before tomorrow's class.

SOFT6007 Class 06A

We looked at lists again briefly and students typed up the nested list exercise from the last class. Some students have missed a lot of classes already, and it's only week 2!

We looked at tables and I asked students code their timetables in HTML

SOFT6007 Class 07B

We looked at tables in more detail. We examined colspan and rowspan, and students used one of them to display 2 hours classes in the timetable.

We saw how to add color to cells.

We saw how to code spaces and special characters like é ß Ñ

I asked students to look at online class 05 to review tables

SOFT6007 Class 06B

We looked again at nested lists. Students typed up the nested list exercise from the last class. Some students still didn't have the hang of nesting correctly, but I think most are clear on that now.

We looked at tables. I asked each student to make a webpage of his/her class timetable using a table.

SOFT6007 EV Week 02

We did an exercise on nested lists. It didn't go especially well so we went over the details of lists again. The hard part is making sure everything fits together properly.

We looked at tables and did an exercise, and then added colspan and rowspan to make irregular cells. And we did an exercise on colspan and rowspan too.

We saw how special characters like á ß and ñ are coded in HTML

notes
Nested list handout and solution
Sample page 4
Question 5

SOFT6007 Class 05

Colin used his mac instead of a PC and he couldn't figure out how to
ensure the file he saved as ASCII. So after a few minutes he gave up
and switched to the PC.
We looked at how to nest lists, and did an exercise in class.

Notes: nested list exercise

SOFT6008 Class 08

Students contuinued working on their navigation bar rollover project.

SOFT6008 Class 07

Some strudents were struggling  a bit with Photoshop and The GIMP trying to make slices that fitted together perfectly. we looked at how to manually do slices in Photoshop with a simple example. Photoshop actually has a slice tool. But it is a bit complicated to use.

Video of class

For a bit of humour you could take a look You Suck at Photoshop

SOFT6008 Class 06

Students continued working on the navigation bar with the sample images provided. Some students made a start on their own page.

SOFT6008 Class 05

We looked at how we might make a website navigation bar with rollovers in JavaScript.

Sample Images available here

To complete this exercise students really need to know their tables.
Some revision material is available:
http://mcom.cit.ie/staff/computing/cmanning/pod/ISWD05a.mov
http://mcom.cit.ie/staff/computing/cmanning/pod/ISWD05.pdf
http://mcom.cit.ie/staff/computing/cmanning/pod/ISWD19c.mp4