| 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. 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 #14 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 #13 Week of April 25th |
INFORMATION: FINAL: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. FINAL EXAM 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: 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 From SBA 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 Guide SEO on Wiki SEO Google Placement Placement (old but still some interesting information) For information, read: about robots.txt Other things to look at for this week: 1)Web ethics: Resources on Web and computer ethics 2)Searching: Yahoo advanced search Google searching 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 exampleASSIGNMENTS 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 Last assignment: 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. Check back! |
| Week #12 Week of April 18th |
INFORMATION: CATCH-UP WEEK - no new work or assignments |
| Week #11 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 Passcode: G0YiY?=w 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. CSS Examples 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.DOMgetinfo.html time6arrayx.html time7arrayx.html endlessloopx.html arrayrotatex.html southworthx.html animation.html animationrepeat.html TOPIC VIDEOS: First part of group of DOM examplesDOM events DOM Basics set of examples External JavaScript Misc code on week of... (see above) Southworth nursery and animation SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019: More JavaScript including DOMs in PDF format (11/18/19) Accompanying audioMore JavaScript including DOM (11/18/19) Accompanying Smartboard presentation ASSIGNMENTS TO DO: 1) Write aprogram that illustrates 5 CSS3 things you can do.2) 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. I want an image or some kind of logo on the form and I want CSS and DOM used effectively. PROJECT due at the end of the semester:Second Website project |
| Week #10 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. 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 smf 4) arrays. EXAMPLES TO LOOK AT: Interesting coding notes/example: Cake examplePOWERPOINT 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 FormPet Boarding Check back! |
| Week #9 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 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 arraysUsing 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 buttonsBreaks, 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 #8 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 examplesLook for function examples under Some examples I tried using HTML5 and JavaScript. TOPIC VIDEOS: Functions - part 1Functions - part 2 Functions - part 3 Two background color functions I skipped Math facts with cancel ASSIGNMENTS TO DO: Function assignmentCheck back - a work in progress! |
| Break Week of March 14th |
Catch up week! |
| Week #7 Week of March 7th |
INFORMATION: I am doing an introduction to JavaScript for the CIS120 class at 9:00 Monday the 7th of March that you are welcome to attend. It is at my usual address - I will send it out if you if you do not have it. If you are behind in JavaScript, please try to attend.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 Looking at basic DOM substitution for document.write More DOM from previous JavaScript JavaScript Events EXAMPLES TO LOOK AT: JavaScript examplesSpecifically 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 audioCSS, 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: Mixed problemsCheck back - as always it is a work in progress! |
| Week #6 Week of February 28th |
INFORMATION: I am going over the introduction to JavaScript with the CIS120 class Monday at 9:00PM. You are welcome to attend if you want to get an introduction to programming with JavaScript.Women in STEM Panel on Wednesday, March 2 (11AM-12:30PM). Yyou may register here for the event: https://forms.office.com/r/w6ps kiBhH6 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 examplesLook at the examples under Beginning JavaScript embedded in HTML5 and Continuing beginning JavaScript focus on loops and decisions. 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 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 SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019: CSS, Javascript and intro DOM in PDF format (10/15/19) Accompanying audioCSS, JavaScript and intro DOM (10/15/19) Accompanying Smartboard presentation ASSIGNMENTS TO DO: Second JavaScript assignment Note that #5 asks for a lot - if you encounter problems, break it down and do the first loop and get that working, then add the code to figure out the letter grade, and final add the do you want to do it again loop. I would look at the guess game series for help.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 #5 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. 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 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: 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 HTML5Logic Flowcharts to accompany if and loop TOPIC VIDEOS: Introduction to JavaScriptJavaScript decisions/if Loops in JavaScript SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019: CSS and intro Javascript in PDF format (9/30/19) Accompanying audioCSS 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 assignmentIf code assignment This will be started at the optional Zoom meeting on Thurs at 9:00PM. Check back! |
| Week #4 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 examplesTOPIC VIDEOS: First group of CSS at the site aboveSecond group of CSS at the site above SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019: CSS and intro JavaScript SmartboardCSS and intro JavaScript accompanying audio 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 #3 Week of February 7th |
INFORMATION: I sent you information about a STEM meeting on February 8th at 2:00 PM.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 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 TOPIC VIDEOS: Mappingmapping.mp4 (you tube version) Forms introForms.mp4 (youtube version) Frames frames.mp4 (youtube version) iFrames iframes.mp4 (youtube version) SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019: Mapping, frames, iframes, forms etc in PDF format (9/23/19) Accompanying audioMapping, 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. Third: Exercise Fourth:Assignment on tables, images etc |
| Week #2 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. Search ideas 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 FletcherUsing WinSCP to upload to cisweb usingWinSCP.mp4 (youtube version) 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 linksThese 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. WINSCP Remember the host is cisweb.bristolcc.edu and the port is 220. ASSIGNMENTS TO DO: CSS exercise inclassbasicCSS.htmlLink 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 #1 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) - IntroTOPIC VIDEOS: Introduction to HTML - HTML5headers.mp4HTML5headers.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 audioFirst 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. |