| 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 | To contact Joe use moocowoftech@gmail.com.
Collaborate Joe will be available on Monday through Thursday from 11 to 4 and on Friday from 11 to 2. Working with Collaborate by work study Steve DiPrimio For hours outside of that he will be using Microsoft Teams which is available to you through Office 365. Send him an email from your bcc account with the classes you want to connect to and you will get a link to join. Here is a brief run down on how it works and what to expect: Microsoft Teams overview Downloading WinSCP on your PC by SI Joe Fletcher There is access to WiFi from your car under the solar canopies on the Fall River Campus. |
| Final Exam | The final is due on Friday the 14th. The accompanying status sheet must be included as well. Note I will post the status sheet on Friday the 7th. Final Exam Required Status Sheet I do not correct exams unless I also have the required status sheet. This is your assurance that you are getting credit for everything you did. I compare my records to your records and let you know if something is missing. |
| Week #10 Week of August 3rd |
INFORMATION: This is the last week of classes. Your final will be uploaded by Friday the 7th and it is due by Friday the 14th at midnight. 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: 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, I just want a bunch of testing to come up with the price.Check back! |
| Week #9 Week of July 27th |
INFORMATION: 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.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: Assignment #1: 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.Assignment #2: 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. Extra credit if you use some DOM. JSQuiz.pdf Quiz assignment Check back! |
| Week #8 Week of July 20th |
INFORMATION: We are continuing with JavaScript and next week we will look at DOM. Specifically this week I want you to focus on arrays, check boxes and radio buttons. We are also going to look at some examples of columns using CSS.The college would like me to use the priscilla.grocer@bristolcc.edu account. So please send assignments there with a cc to the rcn address we have been using. 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 information. 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. Project due at the end of the semester:Second Website project |
| Week #7 Week of July 13th |
INFORMATION: We are continuing with JavaScript. This week the focus will be on JavaScript functions.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 SMARTBOARD, AUDIO AND OTHER NOTES FROM Fall 2019: DOM, events, functions in PDF format (10/28/19) Accompanying audioDOM, events, functions (10/28/19) Accompanying Smartboard presentation You can also look ahead to Nov 4th. ASSIGNMENTS TO DO: Problems related to material especially functions:Problem #1: Write a program to take in some information from boxes on a form and send the information to a function where you do something like set it up for display or do a calculation. The result should be displayed in a box on the form. Problem #2: Take one of the beginning JavaScript problems and turn it into DOM style processing like the examples we covered in class (clearly you need to pick one that I did not modify). Problem #3: You need to set up a form and call a function to do the calculations. Points Penalty Form Problem #4 Extra Credit (I posted the calculate instead of the points and penalty by mistake. Since it was my mistake, if you have done the calculate or want to do it then it is extra credit. Calculate Total This problem involves setting up a form with the information shown and when the buttons are clicked executing functions to do the work. Check back! |
| Week #6 Week of July 6th |
INFORMATION: This week we are continuing with JavaScript.One of the problems on your assignment is to write the Rock, Paper, Scissors (RPS) game. Here are some notes to get you started. Notes on RPS game. Guess Game Logic EXAMPLES TO LOOK AT: Beginning JavaScript embedded in HTML5This 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 TOPIC VIDEOS: 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 Back to videos just for CIS122. 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: Second JavaScript assignmentCheck back! |
| Week #5 Week of June 29th |
INFORMATION: We will continue with CSS and JavaScript.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: Don't forget last weeks assignment to go to Collaborate and work with Joe and let me know you did.Hopefully you have started to learn JavaScript so here is an assignment First JavaScript assignment If code assignment Check back! |
| Week #4 Week of June 22nd |
INFORMATION: Enrollment Verification is almost done. I will have to drop students that are not involved in the class, so if you have not contacted me, now is the time.We will start this week looking at some more CSS. 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: 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.CSSasgn1.html 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 24th of July. |
| Week #3 Week of June 14th |
INFORMATION: EXAMPLES TO LOOK AT: 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 Smartnote screen capturs 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: MappingForms Frames iFrames 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 Note that I decided to make the XHTML copy something you are not required to do but can do for extra credit. |
| Week #2 Week of June 8th |
INFORMATION: 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.Searching effectively 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 Links Tables Images 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. 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 exerciseLink exercise 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. Assignment: You need to go into Collaborate and talk to Joe and ask him any questions you might have. Then let me know you went! Note that if you go to the HELP Schedule it gives you the word Collaborate to click on and also has a video about using it. |
| Week #1 Week of June 1st |
INFORMATION: Lots of information this week!Introduction to CIS122 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. The summer session has less weeks than the spring or fall so there is more information and work packed into each week. I have set up virtual help session/labs using Collaborate and other tools. Joe Fletcher, my SI is available for virtual help there. Joe's hours in Collaborate are posted above under Help Schedule. I will also set up office hours on Collaborate 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 am preparing Topic Videos to go with the work that is being covered. It is a new section that I have added on the left side of the screen along with Smartboard notes etc. 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 - headersContinuing HTML - paragraph, lists etc More HTML intro topics, saving and validating Introducing CSS style Continuing introduction of CSS and color 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. |