Advanced Interactive Programming - CIS258/CIT72

Weekly Schedule

Homework that is returned without a grade needs to be fixed and resubmitted

If you contact me and we work out a plan, I will accept a few things over the weekend of May 11th and May 12th.

Week Information
Assignments due in one week unless otherwise stated. I may add some things during the week, so double check the schedule each week! If an assignment does not have a grade it may mean that you need to fix and resubmit.
Final Exam Your final is due Wednesday, May 15th by 12:00 noon.
FINAL:Your project/final is to bring together some of the things that you looked at this semester and do a more far reaching project using at least three of the areas we went over (make that at least four of the areas if you want the best grade on the final and make one of them dealing with data). You can check with me if you want to assure you are on the right track. The project should be more complex then a weekly assignment since it counts about twice plus as much.
STATUS SHEET: Required status sheet
Week #14/#15
Week of April 29th/May 6th
Thursday will be an open lab. Next week will also have open labs on Monday, Tuesday and Thursday.
Thursday, May 2nd will be an open lab from 9:30 until 6. I will be there most of the time as will Lindsey.
Monday, May 6th will have an open lab from 11:00 until 4:00 with me the first part and Lindsey after 2.
Tuesday, May 7th will have an open lab from 9:30 until 3:00 with me.
Thursday, May 9th will have an open lab from 9:30 until 6:00 with me there until 3:00 and Lindsey until 6:00.
Dave will be available 4:00 until 9:00 on Tuesday, May 7th and Wednesday, May 8th.
Check back!
Week #13
Week of April 22nd
I will be around Tuesday and Thursday when I do not have advisement at 2ish. Lindsey is available Thursday 2-6. Dave will be available 4:00 - 7:00 on Tues and Wed and 10:30 -2:30 on Saturday. Jayson (from the tutoring center) is available 9-12 Tues in New Bedford.
Continue with AJAX.
Do some research on XML.
Assignments:
Write a simple example using XML and compare it to JSON.
Week #12
Week of April 15th
Continue research on AJAX.
Look at the examples using AJAX with JQuery at w3schools. Ajax and JQuery
Ajax and JQuery
Another site I found:
AJAX
Assignments:
Do three examples that use AJAX. I want you to incorporate JSON, PHP and JQuery so you can incorporate one in each or double up - your decision, but I still want three programs using AJAX in different ways. I want them to be a level or two above just the basics... Check back!
Week #11
Week of April 8th
Please do some research on the use of AJAX and check back! Some helpful sites.
Intro AJAX
AJAX tutorial
Intro AJAX by Udacity (free course)
Another intro AJAX
And then there is youtube:
Combining JSON and AJAX
New Boston and AJAX I have used New Boston in the past and liked it
What looks like an interesting article:
Article AJAX
Check back!
Week #10
Week of April 1st
We will continue with JSON this week. You should also keep looking at JavaScript and DOM as you use them.
There are a lot of web sites that deal with PHP and JSON, so do some research and some experimenting.
Assignments:
I would like you to write two programs using PHP and JSON as your data source. Do something interesting.
Week #9
Week of March 25th
This week, continuing our introduction to some of the things to know in web development, we will start looking at JSON. There are notes/presentations in pdf and examples at my site.
You should also do some research on your own to figure out what JSON is and how it is used.
Reading (a few dealing with Object Model and the rest deal with JSON):
JavaScript Objects
Creating custom objects in JavaScript
JSON
JSON tutorial
Learn JSON in 10 minutes
First of several videos on JSON The second video gets into AJAX which is the next topic so here is an introduction
Note you can validate your JSON at jsonlint to validate
A student who has done this class is really happy with an editor he found called sublimetext. I know several have asked about editors so I thought I would pass it on.
Assignments:
Set up payroll data using JSON. You should have information about employee, pay, job, medical and you should have three different deductions where you need to specify the type and the amount and eamil where you have work and personal. Set up at least 3 employees and then access and print out the information from one of the records and all of the records.
Next you want to make the JSON data external and again access an individual record and all of the records.
Incorporate jQuery excr.
Week #8
Week of March 18th
THURSDAY OPEN LAB for catch-up: This Thursday will be a catch-up day. K101 will be an open lab from 9:30/10:00 until 6:00. I will be there until around 2 and Lindsey will be there during other times.
I want you to continue looking at DOM.
A source I find helpful.
W3Schools - check this out for examples for this assignment.
This week, continuing our introduction to some of the things to know in web development, we will start looking at JSON. There are notes/presentations in pdf and examples at my site. You should also do some research on your own to figure out what JSON is and how it is used. We will start working with it next week.
Assignments:
I want you to do a project in DOM that involves:
1) document.getElementById
2) document.getElementsByTagName
3) document.getElementsByClassName
4) innerHTML
5) change the attribute of an element
6) change the style of an element
7) Finding HTML elements using CSS selectors (querySelectorAll)
8) change the style of an HTML element
9) use an event to change the style
10) use another event with DOM
Check back
Week #7
Week of March 4th
Please read this article:
JQuery and DOM
This week I want you to go back and review DOM in Javascript.
I also want you to continue reviewing PHP. Please focus on sessions. Here are a couple of sites you might find useful PHP sessions
HTMLgoodies on sessions
sitepoint sessions
W3schools sessions
another sitepoint sessions
PHP manual - sessions
Some Coding Examples
Assignments:
Sessions assignment: Write a php program along the lines of the Sessions Guess examples under Some Coding Examples. You might do something like take in hours worked and calculate pay.
Look at this tutorial as a guideline and create your own login to take in some information. Yours can be less intense.
You can also look for other models to work from.
Login Form Tutorial
Check back!
Week #6
Week of February 25th
Presentation on RWD I found interesting
Please continue reading about JQuery.
Assignments:
Week #6 Assignment: Look at the rest of my examples on JQuery and again experiment and send me at least 10 examples of what you did.
Again, copy the JS onto a document and send that with the working code and again you can combine as long as you tell me what you did.
Check back!
Week #5
Week of February 18th
Lindey has taken this course - check her tutoring hours under CIS120.
We are going to start looking at JQuery. One of the books I really like is available at it-ebooks, it is JavaScript and jQuery the missing manual by David McFarland. The address to download is: JavaScript and jQuery
There are a lot of examples zipped up under examples and some pdf files to accompany them under presentations.
There is a lot on YouTube as well - I like Little Web Hut and JQuery Tutorials Playlist and I have found some others but don't remember their names.
Assignments:
Week #5 Assignment: Look at the JQuery JavaScript covered through the basic3 set in my examples. Pick a variety of the things that I illustrate and try them out. I want you to try a lot of the things that look more complex. I want you to write 15 different things and test them (multiple in one js for all our sakes) and I want you to copy the js you write onto a document and send the document along with the working html and js code. In other words, I want you to experiment.
Week #4
Week of February 11th
Continue with JQuery Mobile. You should look at the rest of the examples that I have and also do some research on your own.
Check back!
Assignments:
JQuery Mobile and php
Week #3
Week of February 4th
I will be available Monday at 10 in my office K112 and Tuesday at 2 in K101. Lindsey will be available 0n Monday from 2-4 and Thursday from 2-6, Dave is available Tues and Wed from 4-7 and Sat from 10:30 to 2:30.
There is a lot of support and you should definitely use it if you have questions or encounter a problem. We are hear to help you succeed! Please take advantage of that.
To repeat: If you need help with something, now would be the time to ask your questions!
I would like you to do some research on how to integrate both background images (background to a division etc) or regular images effectively into a page that will work on all sizes of media. Then show me your results.
We are now going to move on to looking at JQuery Mobile.
Look at the examples under basic examples to get started and second group of basic examples.
The zipped examples are there and there are accompanying Smartboard pdf files that cover some of the things.
JQuery Mobile site
There are a lot of excellent JQuery Mobile tutorials at YouTube.
Experiment a little!
RWD and jQuery mobile are two ways to write code usable on mobile devices. A book I found really helpful when I was starting to learn JQuery Mobile is jQuery Mobile First Look by Giulio Bai. Look around on the web for information about it if you are interested.
You should look at my examples (I have included everything I am asking you to work with) and my accompanying pdf files examples.
Assignments:
First: Show me what you came up with for the background image experimenting I asked you to do.
Second: JQuery Mobile basic assignment
Check back!
Week #2
Week of January 28th
Continue reading about and reading RWD both at sites and on youtube, there is a lot of interesting information.
I would like you to do some research on how to integrate both background images (background to a division etc) or regular images effectively into a page that will work on all sizes of media. Then show me your results. (second assignment below)
Here are some references suggested by a student. When you send me yours I will post them:
Guidelines for responsive web design
Design and UX
Assignments:
Your first assignment is to draw your own original layout of 8 or more boxes (include some images) and the arrangement they would have at different screen sizes and then implement your design. The current wisdom is to start out with the smaller device and move to the bigger.
Your second assignment is to make a RWD page that is inspired by the research you have done. I want something reasonably complex and it should include one or more images and a background image.
Your third assignment is to look up UX Design and send me a page explaining what you found.
Check back!
Week #1
Week of January 21st
Please read some of the articles on Responsive Web Design that I have listed under links and presentations.
Definitely listen to the first two videos I have posted under links I would also suggest looking at some other videos at YouTube and looking at my examples and the presentation.
Look at the W3 schools information on Responsive Web Design.
Find and read two more articles or videos on Responsive Web Design and tell me the addresses.
Assignments:
First: I want you to experiment with writing a page that decreases columns and changes other aspects of the page. Essentially experiment with something that would work on full screen, on a pad and on a phone.
Second: Changing layout Your next assignment is to create a page that shows the 6 boxes and their movement as the screen increases and decreases. Follow the images on the pdf.
Third: Write a third page that experiments with other layout changes that you encounter in your research. Please include an image that diminishes in size to fit the layout.

Send e-mail to Priscilla Grocer:
pgrocer@bristol.mass.edu

Back to the Top
Return to home page
Return to previous page