|Schedule Session|| Assignments due in the week after the assignment is given unless otherwise stated.|
Note that the audio and Smartboard presentations for each class are posted within a couple of days.
I may add some things during the week, so double check the schedule each week!
Inclass exercises are still assignments and must be done by everyone if they appear under assignments.
Please keep copies of all work you submit until you receive your final grade at the end of the semester. Remember that I recorded all my classes and captured notes on the Smartboard. These are available to you under Audio and Smartboard.
Please do not change any of the passwords we have given you. I need to be able to get to your site as does the IT staff if there is a problem.
|HELP schedule||My office hours are 1 on Monday, 10 on Tuesday, 1 on Wednesday, 10 on Thursday. If it turns out other hours work better
for students these may change, so check back. I am also available by request (give me a few time options) especially while we
get other support in place. I have been meeting with a lot of students that request it, maybe something you should consider doing.
You can email me with a couple of times you can meet and usually one of those will work.
I have send out the information to contact me on Zoom. I will post availability but you can also set something up with me.
Downloading WinSCP on your PC by SI Joe Fletcher
Connecting to the CIS Pool
How to log into Bristol vlabs using a web broswer
Filezilla on the Mac
There is access to WiFi from your car under the solar canopies on the Fall River Campus.
Week of May 2nd
INFORMATION:I will be around this afternoon and evening (Friday the 6th), most of the time at my Zoom site if you have questions.
See yourself in STEM, a guest speech I have been told about on May 5th at 11:00AM.
The status sheet and final are posted under week #13.
Week of April 25th
REQUIRED STATUS SHEET
I will post the final on Friday, April 29th and you will have one week to do it so it is due on Friday, May 6th. The required status sheet must also be turned in. Note that I only correct finals where the student has turned in the required status sheet. The status sheet is your way of being sure I have all your assignments. If you do not match my records, I will contact you.
The final is open notes and open book but the only one you can ask questions to is me. Milo is not involved in the final. It is an individual project.
I will take homework the following week which is the last week of classes. Homework is due on Wednesday, May 11th but I will take a few assignments through Friday, May 13th. I just do not have the time to correct a lot of assignments passed in on Friday because my grades are due.
This week I am asking you to do some research on what makes a good web site and how to attract people to your web site and how to work with search engines. There will be questions related to this on the final.
Some websites to look at about marketing your website:
9 Ways to Advertise Your Website
Secrets and tips on promoting
Promote your website
Marketing strategy 2016
Marketing your Web Site
30 Free Ways to Market your Web Site
Market your online business for free
33 Free Places to Promote Your Website Online
10 ways to market your new website
Some of these articles will help you prepare for the final. There will probably be a question about placement, about searching, about attracting people to your site about evaluating a site etc. Some research now will help when you attack the final next week. Let me know if you find some dead links.
One of the topics to consider is getting good placement of your page. Here are some resources I have found, but you should do some searching for other links:
Promoting web site
Promote your web site
Less obvious ways to promote
Techniques for placement (Ceasar Cabral)
Using articles to promote
Search Engine Watch
SEO on Wiki
Placement (old but still some interesting information)
For information, read:
Other things to look at for this week:
Resources on Web and computer ethics
Yahoo advanced search
I would also like you to look at some sites that deal with evaluating the information you find at a web site:
Evaluation from Cornell
Evaluation from Berkeley
Evalution from Ohio
Evaluation from Maryland
EXAMPLES TO LOOK AT:Interesting coding notes/example: Cake example
ASSIGNMENTS TO DO:I want you to set up a quiz of 5 questions following the structure in this example - the first page of the Quiz assignment notes gives a good picture of the layout as does the pdf. You need to change the questions but I want two true/false and the rest multiple choice. For one of the multiple choice I want check boxes where all are true, for one I want radio buttons with one true and the last one is your call. I want you to do this assignment using DOM.
Quiz assignment notes
Real Estate form: This should have a picture of the house and several rooms in the house that you can click through - you can find images to use or you can do drawings (can be my level of drawings). Your page should include address, price, a drop boxes where you have type (single family, two family, condo etc), a lot size, heating, cooling, year built, agent (another drop down box), number of bedrooms, number of baths. In designing this page, include some columns and rows to contain different type of information. See my examples in week 10. To clarify, click through means you click on something to bring up the next image. I do not want all the images just displayed. I also want you to figure out what to charge for the house. You can use any numbers you want but take into account the type of house, lot size, the year built, the number of bedrooms, number of baths etc. For example under a quarter acre would add an amount, a quarter to a half would add an amount, half to one would add an amount and then an amount for each acre after that. Another example would be checking the house type. I do not care what numbers you set. Again the price should be determined by answers to the check boxes and radio buttons etc. So consider things like amount of land, number of rooms, year built etc. I want you to choose at least 5 things that will determine the price.
Extra credit (if you are taking more than one course with me, need to choose which course it counts for)
Speech on Hacking from Thursday, April 28th Passcode is: F^Xd!90y
Extra credit if you write a short paper on some things you learned from this speech.
Week of April 18th
INFORMATION:CATCH-UP WEEK - no new work or assignments
Week of April 11th
INFORMATION:The CIS Alum round table/panel is being held on Zoom on Tuesday, April 12th at 12 noon. It will last until sometime between 1 and 1:30 but you can leave when you need to.
PLEASE try to come for all or part. The discussion about careers that Bristol CI alum have is really interesting and the insite into the jobs out there is valuable. You also have the chance to ask the questions you want to know the answers to and get a variety of perspectives.
Recording alum 4/12/22
Office hours by appointment since I am not getting attendance. Let's plan a time that works!
This week we will look at DOM and some interesting coding that are a little old but that does not change the value of the coding.
I want you to do some research on CSS3 this week. Also check out the examples I did and put at the site.
EXAMPLES TO LOOK AT:We will look at DOM examples and then at a few done a while a ago but ones that handle some interesting things.
TOPIC VIDEOS:First part of group of DOM examples
DOM Basics set of examples
Misc code on week of... (see above)
Southworth nursery and animation
ASSIGNMENTS TO DO:1) Write aprogram that illustrates 5 CSS3 things you can do.
PROJECT due at the end of the semester:Second Website project
Week of April 4th
INFORMATION:Note that there will be a week devoted mainly to catch up before the end of the semester.
April 8th is the last day that students can withdraw from their classes. If you are far behind you should do a realistic analysis and decide if you want to withdraw. If you have questions, we can talk!!! You should also talk to financial aid if you have financial aid and you want to be sure you understand the impact of failing and the impact of withdrawing.
EXAMPLES TO LOOK AT:Interesting coding notes/example: Cake example
POWERPOINT PRESENTATIONS:I made these quickly last semester so there may be typos or mistakes in what I say - please let me know if you find some. Hopefully these will reinforce things that were presented last week.
Functions powerpoint presentation
Total Calculate example
Math Facts example
CheckBoxes or RadioButton example
ASSIGNMENTS TO DO:Points Penalty Form
Week of March 28th
INFORMATION:On April 12th there will be a round taable discussion of CIS alum talking about their careers and the paths they took. It is always a great session and students tell me how much they benefit from it. There is a question and answer session. The roundtable runs from 12:00 to about 1:00 to 1:30 depending on the conversation. I will post the address.
EXAMPLES TO LOOK AT:Payroll examples (video below goes over them):
Payroll without return
Payroll with return
Payroll using DOM
Below functions and mathfacts loops, you will find arrays, check boxes and radio buttons. There are also some extras about arrays you might find interesting.
Some CSS to look at:
Two columns (another)
Three columns (with header)
Three columns (header and footer)
TOPIC VIDEOS:Introduction to arrays
Using radio buttons
Explaination of a set of payroll programs
SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019:Breaks, arrays, check boxes and radio buttons
Breaks, arrays, check boxes and radio buttons
ASSIGNMENTS TO DO:I want you to set up a student form with the following information:
1) textboxes to collect name, major, year entered, year of grad, number of courses this semester
2) an image of a computer
3) radio buttons to determine full time or part time
4) textbox to hold amount of financial aid for the semester
5) textbox to hold scholarship money
6) radio buttons to hold medical plan (4 medical plans with the fourth being the default)
7) calculate the tuition for the semester: full time students: 4000 tuition, part time students 250 per course for tuition
8) calculate the cost which is tuition plus medical minus financial aid and scholarship money
I suggest looking at the payroll example before doing this assignment.
Week of March 21st
INFORMATION:We will start this week by looking at functions. There are a lot of examples out on the web that I would like you to go through. I would definitely recommend the videos and the audio and Smartboard from Fall 2019 that included functions - I posted it last week.
EXAMPLES TO LOOK AT:Function examples
TOPIC VIDEOS:Functions - part 1
Functions - part 2
Functions - part 3
Two background color functions I skipped
Math facts with cancel
ASSIGNMENTS TO DO:Function assignment
Check back - a work in progress!
Week of March 14th
|Catch up week!|
Week of March 7th
This week please look at:
Looking at basic DOM substitution for document.write
TOPIC VIDEOS:Introduction to DOM (using DOM instead of document.write)
Introduction to DOM continued
DOM and lists
Math facts and guess game
Introduction to events
More event examples
I was out sick 10/21/19.
DOM, events, functions in PDF format (10/28/19) Accompanying audio
DOM, events, functions (10/28/19) Accompanying Smartboard presentation
ASSIGNMENTS TO DO:Mixed problems
Check back - as always it is a work in progress!
Week of February 28th
Explanation of the IF statement Powerpoint presentation
Explanation of the loop Powerpoint presentation
The math facts and guess game are covered in both CIS120 and CIS122, so I did not make different videos.
Math facts programs
Math facts continued
Guess game programs
PRESENTATIONS:These go with the Topic Videos from CIS120 as well.
For help on if statements, look at this presentation: (There is a video that explains this as well)
Presentation on logical if structures
Separate speaker notes to accompany presentation on logical if structures
Please look at this PowerPoint on loops and repetition: (There is a video that explains this as well)
Presentation on structure (focus on loops)
Separate speaker notes to accompany presentation structure (focus on loops)
Guess Game Logic
If you would like a session to go over this, let me know and we can arrange one.
Check back - a work in progress!
Week of February 21st
INFORMATION:Let me know if you want Zoom during my office hours and suggest other times if my office hours do not work and you need some Zoom time.
My office hour at 10 On Thursday is cancelled.
In assignments I have one that I called IF code assignment. I will start that assignment in an optional Zoom meeting at 9:00PM on Thursday. If you attend, the parts of the assignment we cover don't have to be redone - you can continue from the point we stopped. If this time does not work and you want to attend, suggest a few other days and times.
We looked at CSS examples last week. Here are some more references that will help you experiment.
Please check out this site:
Selectutorials on CSS
CSS tests to go with Selecttutorial:
CSS tests to go with Selecttutorials
We will talk a little about what makes a good site: A starting point for thought and discussion
Logic Flowcharts to accompany if and loop
If code assignment This will be started at the optional Zoom meeting on Thurs at 9:00PM.
Week of February 14th
INFORMATION:This week I am trying having you contact me to meet on Zoom during my office hours if you want to meet. You can also contact me to set up a different time to meet on Zoom. Just a suggestion, not a requirement.
I keep forgetting to tell you that the style tag is now just style inside the less than greater than signs, the more complicated version is now a validate warning.
This week we will take another look at CSS. This topic will continue throughout the semester.
EXAMPLES TO LOOK AT:CSS examples
TOPIC VIDEOS:First group of CSS at the site above
Second group of CSS at the site above
ASSIGNMENTS TO DO:Assignment #1: Syllabus Assignment The page should be written in HTML5. All style should be done with CSS. Include an iframe on the page. Validate your work (both HTML5 and CSS). Please do not use pre.
Assignmnet #2: CSSasgn1.html
Assignment #3: First project now assigned: First web project Note that a working web site is required for this course. You cannot pass the course if you do not have a working website written using HTML5 and CSS. I would like this by the end of March.
Week of February 7th
INFORMATION:I sent you information about a STEM meeting on February 8th at 2:00 PM.
This week we will finish going over the basics of HTML including mapping, forms, frames (from XHTML) and iframes.
I strongly urge you to listen to the audio and view the Smartboard note screen captures in addition to listening to the topic videos. They contain the extras that happen in the classroom.
EXAMPLES TO LOOK AT:Examples The examples are under mapping, forms, iframes.
Frame example under XHTML
Example of embedded list
Another example of embedded list
mapping.mp4 (you tube version)
introForms.mp4 (youtube version)
frames.mp4 (youtube version)
iframes.mp4 (youtube version)
SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019:Mapping, frames, iframes, forms etc in PDF format (9/23/19) Accompanying audio
Mapping, frames, iframes, forms etc. (9/23/19) Accompanying Smartboard presentation
ASSIGNMENTS TO DO:First: I want you to work on circle, rectangle and polygon. I want you to download an image - you can use something from my site or find something yourself. Once you have downloaded and sized it to the size you want to work with, I want you to map the image. The mapping should send control to an area within your page so we can keep this local. I want a minimum of three different mappings.
Second: I want you to experiment with frames.Try a nested frame with one row on the top and one row on the bottom and the bottom one divided into 3 columns.
Fourth:Assignment on tables, images etc
Week of January 31st
INFORMATION:After the last big storm, I lost power for over a week, so just in case I am posting next weeks work before the storm.
I will go to my Zoom area during office hours this week.
Just to be sure you are comfortable with the various ways of searching the web, I would like you to look at the information at this site.
Beginners Guide to SEO
This week I want you to look at HTML5 examples on links, tables and images. There are videos to go with each area.
I also want you to learn about how to upload web pages to the student cisweb server. You can do this using WinSCP which is an open source SFTP client available for free. Download WinSCP
There are several videos about downloading and setting it up and there is a lot of previous resources that need to be modified so that you use cisweb.bristolcc.edu instead of the older cisweb.bristol.mass.edu and the port number should be 220.
EXAMPLES TO LOOK AT:Examples The examples are under links, tables, images.
TOPIC VIDEOS:Downloading WinSCP on your PC by SI Joe Fletcher
Using WinSCP to upload to cisweb
usingWinSCP.mp4 (youtube version)
Links.mp4 (youtube version)
Tables.mp4 (youtube version)
images.mp4 (youtube version)
SMARTBOARD, AUDIO AND OTHER NOTES FROM Spring 2020 and Fall 2019:More snow day notes: introlinks.pdf Introduction to links
These notes review the examples of tables and images that are on line at my site under HTML5 sample code:
Table examples explained
Image examples explained
Smartboard links, tables and images
Audio links, tables and images
OLDER NOTES ON WINSCP AND CISWEB:
In my notes I talk about cisweb.bristol.mass.edu. Things have changed and you should now use cisweb.bristolcc.edu and the port number should be 220.
You can also check the notes on the Smartboard and the accompanying audio as well as the notes below.
Again: To load things up on the Internet, we use WINSCP. Please read the WINSCP and cisweb information: (note that in my examples I use cisweb.bristol.mass.edu as the host and 22 as the port, we are now using cisweb.bristolcc.edu as the host and 220 as the port. Sorry about the repetition, but I want to be sure you see it!
Here is information about using cisweb and WINSCP at BCC
Talks more specifically about portfolio We will be looking at making a portfolio later in the semester.
If you want to download WINSCP at home, you can find it at this address.
Remember the host is cisweb.bristolcc.edu and the port is 220.
ASSIGNMENTS TO DO:CSS exercise inclassbasicCSS.html
Link exercise Note that when I say inclassbasicCSS.html I am referring to the CSS exercise you just did.
CSS, link, table and image assignment Be sure you get this assignment to validate Extra credit if you upload the pages to cisweb and send me the addresses to run them.
Week of January 24th
INFORMATION:Lots of information this week!
Introduction to CIS122 - Spring 2022
Introduction to CIS122 - Spring 2022(youtube version)
Introduction to CIS122 - Fall 2021
CIS122introF2021.mp4 (youtube version)
Each week, I will post information prior to the start of the week. Please check back several times during the week because I may add information and/or assignments as the week progresses.
I will set up office hours on Zoom and you can contact me about other times.
If you are just starting as a CIS major, I recommend that you double check your fall schedule with me if you have questions.
You should have gotten login information in at your Bristol email acount. Please be sure to check for them. We will use them at various points in the course.
I have prepared Topic Videos to go with the work that is being covered. It is a new section that I have added
When this course runs in class, I record my lectures (under Audio) and capture my notes and examples using Smartboard. These are available some from the Spring of 2020 but mostly from the Fall of 2019. I strongly recomment you look at them as well.
We will also look at validation in HTML5. The validator is located at W3. If you validate by File Upload and browse to find your file and then click on check, the validator will give you feedback. Validator
EXAMPLES TO LOOK AT:Examples The examples are under HTML5- Intro and CSS (style) - Intro
TOPIC VIDEOS:Introduction to HTML - HTML5headers.mp4
HTML5headers.mp4 (youtube version)
Continuing HTML - paragraph, lists etc - moreIntroHTML.mp4
moreIntroHTML.mp4 (youtube version)
More HTML intro topics, saving and validating -HTMLandValidator.mp4
HTMLandValidator.mp4 (youtube version)
Introducing CSS style - introCSS.mp4
introCSS.mp4 (youtube version)
Continuing introduction of CSS and color-introCSSandcolor.mp4
introCSSandcolor.mp4 (youtube version)
SMARTBOARD AND AUDIO NOTES FROM Spring 2020 and Fall 2019:First day and intro to HTML and CSS in PDF format (1/27/20) Accompanying audio
First day and intro to HTML and CSS (1/27/20) Accompanying Smartboard presentation
Some notes that I did a while back because of snow days:
introCSSandHTML.pdf Introduction to CSS embedded in HTML
ASSIGNMENTS TO DO:Please browse my website and become familiar with what is there.
Survey of past experience - must be completed by all students
First Assignment using HTML5
Second Assignment using HTML5 and CSS: Take the page you created and sent me and add some CSS to it. The CSS should be in the head and in the body. Try at least five different things. Resend with the CSS.