INTERNET DEVELOPER - CIS122/44

Weekly Schedule

The college wants you to use the Bristol email account when communicating with me.

Remember RE-SUBMIT. If you get back a homework with errors and without a grade it means it has not been graded - you need to fix and resubmit to get a grade. Remember, all assignments including inclass assignments must be done by everyone.

To use WinSCP with our server the host is cisweb.bristolcc.edu and the port is 220

Remember HELP is available on Zoom - see HELP section below.

The CIS pool is now available for students that need to access licensed software that they cannot use from home.
Remote access virtual desktop
Instructional video for using Remote Access Virtual Desktop - HTML

Week Information
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. When I taught on line, 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 I am 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
Where you used to use (http://view.bristolcc.edu/) you should now use (https://vdi.bristolcc.edu/). Although to do manipulating of data you should use the Horizon login information on the sheet and videos from Janelle.
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 #15
Week of December 11th

INFORMATION:

Please get me your work and status sheet as soon possible and it would be helpful to send me the status sheet now and again at the end so I can tell you what you owe soon and give you time to complete it. Don't forget to fix assignments that came back to fix and resubmit.
I will not start to correct before 9AM on Sat the 16th so I will take things passed in Sat morning prior to 9AM if you let me know. Check back!
Week #14
Week of December 4th

INFORMATION:

There is no final this semester, but there is a status sheet that must be filled out and passed in for me to calculate your grade. This is our way of insuring that your records and mine match. If you say you have passed something in, but I do not have it, I will contact you for a resubmission.
Required Status Sheet
The last day of classes is December 15th - I need all your work sent in to me by that date. Please pass in things when you complete them as opposed to waiting until the end (you will loose points if it all comes in at the end!...just to emphasize).

ASSIGNMENTS TO DO:

I need you to write a paper that discusses how you would try to get a good placement for your web page and how you would attract people interested in your topic to your site.
EXTRA CREDIT: Write a HTML/CSS/JavaScript to choose work that you want done around your home (use a dropdown) and return the price per hour for that job. Have another text box where the number of hours will be entered and return the estimated cost. The Southworth Nursery example will be a good model to look at. Southworth Nursery
I want an image or some kind of logo on the form and I want CSS and DOM used effectively.
This or something similar could be included in your second project to get a lot of extra credit.
Check back!
Week #13
Week of November 27th

INFORMATION:

I am still sick with this cold or whatever (at least it is not Covid). I am starting to feel better so I will try to get caught up. 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. I am also interested in good placement of your page to make it come up in response to searches.
Some websites to look at about marketing your website (variety of years). I would like you to do some research and find your own information.
SEO 2020
9 Ways to Advertise Your Website
Secrets and tips on promoting
Promote your website
Marketing strategy 2016
Marketing your Web Site
From webmarketingtoday

EXAMPLES TO LOOK AT:

Interesting coding notes/example: Cake example (posted earlier)

ASSIGNMENTS TO DO:

Real Estate form: This should have a picture of the house and several rooms in the house that you can click through (To clarify, click through means you click on something to bring up the next image). You can find images to use or you can do drawings (can be my level of drawings). I do not want all the images just displayed. 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. Use radio buttons and drop down boxes as you design. This calculation part is not exactly realistic - I want you to check the information entered about the house and determine the price which you should also post. You can use any numbers you want but take into account things like lot size, type of house etc. Pick at least seven fields and use them to determine the price.
Check back!
Week #12
Week of November 20th

INFORMATION:

I have been sick this week so I am a little behind - sorry!
If you need help, don't forget to set up an appointment with Milo or myself.
I would like you to do a little research.
I would like you to look at some sites that deal with evaluating the information you find at a web site:
Evaluation from Georgetown University
Evaluation from Berkeley
Evaluation from Maryland
Also do some research on advanced use of search engines. Here are a few possibilities to get you started.
Search with DuckDuckGo
Search with Google

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.
JSQuiz.pdf
Quiz assignment notes
Week #11
Week of November 13th

INFORMATION:

I decided to put out next weeks assignment before the long weekend because I have a busy weekend.
November 13th 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.
Remember there are difficulties with document.write because it waits until JavaScript loops are done to show information. I put out examples with alert to show a possible remedy.
This is really a continuation where we are finishing up many of the basics of JavaScript. Be sure to look at: 1) all function examples, 2) the examples under loops, 3) examples under other which includes check boxes and radio buttions 4) arrays and DOM.

EXAMPLES TO LOOK AT:

Interesting coding notes/example: Cake example

POWERPOINT PRESENTATIONS:

I made these quickly 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:

Pet Boarding
PROJECT due at the end of the semester:Second Website project
Check back!
Week #10
Week of November 6th

INFORMATION:

Note the information about changes in document.write which can hold document.writes until the loop is complete. I have examples under loops for CIS120 that use an alert to demonstrate. See loop examples from CIS120 under examples.

EXAMPLES TO LOOK AT:

Payroll examples (video below goes over them):
Payroll without return
Payroll with return
Payroll using DOM
Examples
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
Two columns (another)
Three columns
Three columns (with header)
Three columns (header and footer)

TOPIC VIDEOS:

Introduction to arrays
Using checkboxes
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:

Be sure to look back at the assignment under week 9 that got loaded at the end of the week because of an error on my part.
Points Penalty Form
Student form assignment:
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 #9
Week of October 30th

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
Look for function examples under Some examples I tried using HTML5 and JavaScript.

TOPIC VIDEOS:

Functions - part 1
Functions - part 2
Functions - part 3
Two background color functions I skipped
Math facts with cancel

ASSIGNMENTS TO DO:

Something went wrong and this assignment never got loaded correctly - it was out there, but...
Anyway, I am assigning it but the due date for this week and next week is when you can do it although I think it would be helpful to do it in order. Working with functions
My apologies!
Week #8
Week of October 23rd
Catch up week! No new assignments!
Week #7
Week of October 16th

INFORMATION:

Be sure to listen to the alum forum/panel on Zoom if at all possible. It will be on my standard Zoom line and I will send it to you. It is happening at 12:00 on Wednesday, October 18th and will go to 1:00 or later depending on questions.
I am having trouble with the video part so I am putting up the audio in a WMA format for now at least. I am also putting up the video from Fall 2022 since it provides the same information in general and it to was very interesting and informative.
Alum recording Fall 2023.
CIS Alum Panel held on Oct 19th 2022
As always, I am available for individual or group Zoom meetings - get in touch if you want one.
If you are having trouble with JavaScript in the more advanced areas, please get in touch. We can set up some Zoom time to go over some basics or some problem areas.
We are going to continue on with JavaScript with a focus on introducing DOM (an improved way to code in JavaScript) and events.
This week please look at:
Continuing beginning JavaScript focus on loops and decisions. Our next topic will be loops and how things have changed.
Looking at basic DOM substitution for document.write
More DOM from previous JavaScript
JavaScript Events

EXAMPLES TO LOOK AT:

JavaScript examples
Specifically look at: 1) Looking at basic DOM substitution for document.write, 2) More DOM from previous JavaScript and 3) JavaScript Events.

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

SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019:

CSS, Javascript and intro DOM in PDF format (10/15/19) Accompanying audio
CSS, JavaScript and intro DOM (10/15/19) Accompanying Smartboard presentation
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:

Please try to listen to the alum forum/panel.
Some code to write
Check back!
Week #6
Week of October 9th

INFORMATION:

If you would like a Zoom to go over JavaScript (or anything else we have covered) please let me know dates and times.
On October 18th at noon we will have a Zoom panel of CIS Bristol Alum talking about their jobs and the paths to a career in computing. I have done this for years and students always tell me how much they enjoy it, so please mark it on your calendar.
This week we are continuing on with JavaScript. The key thing is to understand the examples that I want you to look at. There is a lot of supporting material for you to look at and listen to. Be sure to go through the videos (and the ones for last week). The presentations, the Smartboard and audio are all different approaches to making sure writing JavaScript code makes sense.

EXAMPLES TO LOOK AT:

JavaScript examples
Look at the examples under Beginning JavaScript embedded in HTML5 and Loop examples from CIS120 and Continuing beginning JavaScript focus on loops and decisions.

POWERPOINT PREPARATIONS:

From CIS120, these are some powerpoints to help with JavaScript.
IF flowchart, pseudocode powerpoint
Loop notes powerpoint

TOPIC VIDEOS:

We are currently looking at JavaScript in CIS120 as well, thought you might find these helpful.
Explanation of the IF statement Powerpoint presentation
Explanation of the loop powerpoint will be loaded this week.
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

SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019:

CSS, Javascript and intro DOM in PDF format (10/15/19) Accompanying audio
CSS, JavaScript and intro DOM (10/15/19) Accompanying Smartboard presentation

ASSIGNMENTS TO DO:

Second JavaScript assignment
Check back!
Week #5
Week of October 2nd

INFORMATION:

We are going to start looking at logic and JavaScript this week as we start to learn to program for the web.
In assignments I have one that I called IF code assignment. I will start that assignment in an optional Zoom meeting if you request it. 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:
Style descendants
Style child
Style more
CSS tests to go with Selecttutorials
We will talk a little about what makes a good site: A starting point for thought and discussion
Then we will pick up with JavaScript starting with if statements and basic loops.

EXAMPLES TO LOOK AT:

Beginning JavaScript embedded in HTML5
Logic Flowcharts to accompany if and loop

TOPIC VIDEOS:

Introduction to JavaScript
JavaScript decisions/if
Loops in JavaScript

SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019:

CSS and intro Javascript in PDF format (9/30/19) Accompanying audio
CSS and intro JavaScript (9/30/19) Accompanying Smartboard presentation
More Javascript in PDF format (10/7/19) Accompanying audio
More JavaScript (10/7/19) Accompanying Smartboard presentation

ASSIGNMENTS TO DO:

Hopefully you have started to learn JavaScript so here is an assignment First JavaScript assignment
If code assignment I would be happy to go over this assignment in a Zoom meeting. Let me know if you are interested and when you are available.
Check back!
Week #4
Week of September 25th

INFORMATION:

I am happy to Zoom with you if you get back to me with some times.
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 along with HTML 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

SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019:

CSS and intro JavaScript Smartboard
CSS and intro JavaScript accompanying audio
Loading up your page has some complications, so I want you to spend some time looking at the video notes. You are going to use Horizon for this upload so I would like you to read about some of the basics of Horizon.
Horizon (Janelle Arruda)
Then I want you took at this step by step video where I upload a file to cisweb using WinSCP which is available through Horizon.
Upload to cisweb
Finally when you have it uploaded onto cisweb, you need to figure out the address to give to others to see the file or files you upload. There is a very short video on that.
See page in browser

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 mid November.
Week #3
Week of September 18th

INFORMATION:

Let me know if you would like to set up a session to go over anything. I think it is important we do this when we start JavaScript, but I am not sure whether you want one for HTML or not.
This week we will continue 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

TOPIC VIDEOS:

Mapping.mp4
mapping.mp4 (you tube version)
Forms.mp4
introForms.mp4 (youtube version)
Frames.mp4 (part of XHTML)
frames.mp4 (youtube version)
iFrames.mp4
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 on one page.
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.
Third: Exercise
Fourth:Assignment on tables, images etc
Check back as always!
Week #2
Week of September 11th

INFORMATION:

I would like to meet with you this week but I need some ideas for day/time.
This week I want you to look at HTML5 examples on links, tables and images. There are videos to go with each area.
Later in the week we will start to work with uploading pages to the web (the student cisweb server).
Check back for information. The first part of the week deals with links, tables and images.

EXAMPLES TO LOOK AT:

Examples The examples are under links, tables, images.

TOPIC VIDEOS:

Links
Links.mp4 (youtube version)
Tables
Tables.mp4 (youtube version)
Images
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

ASSIGNMENTS TO DO:

HTML and CSS assignment
CSS, link, table and image assignment Be sure you get this assignment to validate
Week #1
Week of September 4th

INFORMATION:

Lots of information this week!
Intro to Fall 2023 courses
Introduction to CIS122 - Fall 2022 (you tube version)
Older introductions:
Introduction to CIS122 - Spring 2022
Introduction to CIS122 - Spring 2022(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.
When this course runs in class, I record my lectures (under Audio) and capture my notes and examples using Smartboard. 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: (Use the youtube version, there are technical problems with the rest)

HTML5headers.mp4 (Introduction to HTML)
HTML5headers.mp4 (youtube version)
moreIntroHTML.mp4 (paragraph, lists etc)
moreIntroHTML.mp4 (youtube version)
HTMLandValidator.mp4(More HTML intro topics, saving and validating)
HTMLandValidator.mp4 (youtube version)
introCSS.mp4 (Introduction to CSS)
introCSS.mp4 (youtube version)
introCSSandcolor.mp4 (Continuing introduction of CSS and color)
introCSSandcolor.mp4 (youtube version)

SMARTBOARD AND AUDIO NOTES FROM Spring 2020 and Fall 2019: (not available due to technical problems)

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.
Assignments are due the Thursday after the week they were assigned. So anything assigned this week is due on September 14th. Late work is accepted.
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.

Send e-mail to Priscilla Grocer:
Priscilla.Grocer@bristolcc.edu

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