Fundamentals of Web Applications (Winter 2014): Difference between revisions

From Soma-notes
 
(25 intermediate revisions by the same user not shown)
Line 20: Line 20:
Grades for this course will be divided as follows:
Grades for this course will be divided as follows:


* 20% for four assignments
* 20% for four assignments (lowest grade dropped)
* 20% for tutorial participation
* 20% for tutorial participation
* 25% for the Midterm Exam
* 25% for the Midterm Exam
Line 42: Line 42:


Similarity between submitted assignments that has not been appropriately documented will be treated as plagiarism - the same as copying on a midterm or a final- and will be submitted to the Dean for disciplinary action.
Similarity between submitted assignments that has not been appropriately documented will be treated as plagiarism - the same as copying on a midterm or a final- and will be submitted to the Dean for disciplinary action.
==Course Notes/Multimedia==
Audio and sometimes video from lectures will be available via the lecture pages linked below.  These same pages will also contain student-contributed notes.
For each lecture you enter reasonable quality notes, you will get 2% extra credit towards your final grade.  You may do this up to three times, giving you up to 6% added to your final grade.  The notes will be monitored by one of the TAs, Andrew Wylie.  Please correspond with him to verify that your notes are of sufficient quality to merit the extra credit.
You will need a wiki account to upload notes.  Email Prof. Somayaji with your desired wiki username to get an account.


==Required Textbooks==
==Required Textbooks==
Line 82: Line 90:
===Running the VM on your own machines===
===Running the VM on your own machines===


If you want to run the VM appliance on your own system (running essentially any desktop operating system you want), just download the [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/COMP%202406.ova COMP 2406.ova] [http://people.scs.carleton.ca/~soma/webfund-2014w/COMP%202406.ova (alternate source)] virtual appliance file and import.  The SHA1 hash of this file is:
If you want to run the VM appliance on your own system (running essentially any desktop operating system you want), just download the [https://onedrive.live.com/redir?resid=E6AC3A7CA1F6A174!1729&authkey=!AELr0qhKpw6qOsI&ithint=file%2cova COMP 2406.ova] virtual appliance file and import.  The SHA1 hash of this file is:


   3c0ad1c89d58b5b9b1225a3a7c876a500e0621a8  COMP 2406.ova
   3c0ad1c89d58b5b9b1225a3a7c876a500e0621a8  COMP 2406.ova
Line 105: Line 113:


That's it!
That's it!
===Configuring Windows===
It is also possible to do everything in this class in Windows.  Here are some tips on getting things running.
* You can just install the [http://nodejs.org/download/ windows node package] to get basic node and npm functionality.
* [[Run MongoDB on Windows]].
* If you want to run Emacs on Windows, look at the [[Running Emacs on Windows|following tips]].


==Other Resources==
==Other Resources==
Line 254: Line 270:
       </td>
       </td>
       <td>
       <td>
       <p>Midterm (in class)
       <p>[http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/comp2406-midterm-2014w-solutions.pdf Midterm (in class)]
       </p>
       </p>
       </td>
       </td>
Line 264: Line 280:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 12|Lecture 11]]
       <p>[[WebFund 2014W Lecture 12|Lecture 12]]
       </p>
       </p>
       </td>
       </td>
Line 274: Line 290:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 13|Lecture 12]]
       <p>[[WebFund 2014W Lecture 13|Lecture 13]]
       </p>
       </p>
       </td>
       </td>
Line 284: Line 300:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 14|Lecture 13]]
       <p>[[WebFund 2014W Lecture 14|Lecture 14]]
       </p>
       </p>
       </td>
       </td>
Line 294: Line 310:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 15|Lecture 14]]
       <p>[[WebFund 2014W Lecture 15|Lecture 15]]
       </p>
       </p>
       </td>
       </td>
Line 304: Line 320:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 16|Lecture 15]]
       <p>[[WebFund 2014W Lecture 16|Lecture 16]]
       </p>
       </p>
       </td>
       </td>
Line 314: Line 330:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 17|Lecture 16]]
       <p>[[WebFund 2014W Lecture 17|Lecture 17]]
       </p>
       </p>
       </td>
       </td>
Line 324: Line 340:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 18|Lecture 17]]
       <p>[[WebFund 2014W Lecture 18|Lecture 18]]
       </p>
       </p>
       </td>
       </td>
Line 334: Line 350:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 19|Lecture 18]]
       <p>[[WebFund 2014W Lecture 19|Lecture 19]]
       </p>
       </p>
       </td>
       </td>
Line 344: Line 360:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 20|Lecture 19]]
       <p>[[WebFund 2014W Lecture 20|Lecture 20]]
       </p>
       </p>
       </td>
       </td>
Line 354: Line 370:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 21|Lecture 20]]
       <p>[[WebFund 2014W Lecture 21|Lecture 21]]
       </p>
       </p>
       </td>
       </td>
Line 364: Line 380:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 22|Lecture 21]]
       <p>[[WebFund 2014W Lecture 22|Lecture 22]]
       </p>
       </p>
       </td>
       </td>
Line 374: Line 390:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W Lecture 23|Lecture 22]]
       <p>[[WebFund 2014W Lecture 23|Lecture 23]]
       </p>
       </p>
       </td>
       </td>
Line 380: Line 396:
     <tr>
     <tr>
       <td>
       <td>
       <p>TBA
       <p>April 21, 12-1:30 PM
       </p>
       </p>
       </td>
       </td>
       <td>
       <td>
       <p>Final Exam
       <p>[[WebFund 2014W Final Exam Review|Exam Review, LA C164]]
      </p>
      </td>
    </tr>
    <tr>
      <td>
      <p>April 24, 9 AM
      </p>
      </td>
      <td>
      <p>Final Exam, FH Rows 1-8 [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/final/comp2406-final-2014w-sol.pdf (solutions)]
       </p>
       </p>
       </td>
       </td>
Line 419: Line 445:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 2|Web Form demo, Debugging 1]]
       <p>[[WebFund 2014W: Tutorial 2|Web Form demo]]
       </p>
       </p>
       </td>
       </td>
Line 429: Line 455:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 3|TBA]]
       <p>[[WebFund 2014W: Tutorial 3|Session demo]]
       </p>
       </p>
       </td>
       </td>
Line 439: Line 465:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 4|TBA]]
       <p>[[WebFund 2014W: Tutorial 4|Secure, Persistent Sessions]]
       </p>
       </p>
       </td>
       </td>
Line 449: Line 475:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 5|TBA]]
       <p>[[WebFund 2014W: Tutorial 5|Adventure Demo]]
       </p>
       </p>
       </td>
       </td>
Line 459: Line 485:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 6|TBA]]
       <p>[[WebFund 2014W: Tutorial 6|AJAX Adventure]]
       </p>
       </p>
       </td>
       </td>
Line 469: Line 495:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 7|TBA]]
       <p>[[WebFund 2014W: Tutorial 7|Adventure Editor]]
       </p>
       </p>
       </td>
       </td>
Line 480: Line 506:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 8|TBA]]
       <p>[[WebFund 2014W: Tutorial 8|Letterpaint Demo]]
       </p>
       </p>
       </td>
       </td>
Line 490: Line 516:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 9|TBA]]
       <p>[[WebFund 2014W: Tutorial 9|Tiny web server]]
       </p>
       </p>
       </td>
       </td>
Line 500: Line 526:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 10|TBA]]
       <p>[[WebFund 2014W: Tutorial 10|Web Sockets]]
       </p>
       </p>
       </td>
       </td>
Line 510: Line 536:
       </td>
       </td>
       <td>
       <td>
       <p>[[WebFund 2014W: Tutorial 11|TBA]]
       <p>No Tutorial, office hours in lab
       </p>
       </p>
       </td>
       </td>
Line 517: Line 543:


==Assignments==
==Assignments==
<table style="width: 100%;" border="1" cellpadding="4" cellspacing="0">
<table style="width: 100%;" border="1" cellpadding="4" cellspacing="0">
   <tr valign="top">
   <tr valign="top">
Line 529: Line 554:
     <tr>
     <tr>
       <td>
       <td>
       <p>Jan. 30
       <p>Jan. 30, 4 PM
       </p>
       </p>
       </td>
       </td>
Line 549: Line 574:
     <tr>
     <tr>
       <td>
       <td>
       <p>Mar. 19
       <p>Mar. 22 (extended)
       </p>
       </p>
       </td>
       </td>
Line 559: Line 584:
     <tr>
     <tr>
       <td>
       <td>
       <p>Apr. 2
       <p>Apr. 4
       </p>
       </p>
       </td>
       </td>

Latest revision as of 16:00, 14 August 2014

Course Information

  • Course Number: COMP 2406
  • Term: Winter 2014
  • Title: Fundamentals of Web Applications
  • Institution: Carleton University, School of Computer Science
  • Instructor: Anil Somayaji (anilsomayaji at connect.carleton.ca): Wed. 3-4 and Thurs. 12-1 in HP 5137
  • Teaching Assistants: (office hours in HP 1170)
    Andrew Wylie (andrewwylie at cmail.carleton.ca): Thurs. 2-4 PM
    Ann (Annie) Fry (afry at ccsl.carleton.ca): Fri. 10-11 AM, Mon. 4-5 PM
    Dave McKenney (davidmckenney at cmail.carleton.ca): by appt.
    Furkan Alaca (furkanalaca at cmail.carleton.ca): Tues. 2-4 PM
    Michael Bingham (mbingham at ccsl.carleton.ca): Wed. 11-1 PM
  • Lectures: Tues. and Thurs. 1:05-2:25 PM in UC 231
  • Tutorials (in HP 4155):
    Thursday 4-5:30 PM (Andrew, Annie, Furkan)
    Friday 8:30-10 AM (Anil, Annie, Michael)
    Monday 2:30-4 PM (Annie, Furkan, Michael)
  • Course Website: http://homeostasis.scs.carleton.ca/wiki/index.php?title=Fundamentals_of_Web_Applications_(Winter_2014)

Official Course Description

An introduction to Internet application development that emphasizes the computer science fundamentals of the technologies underlying web applications. Topics include: scripting and functional languages, language­-based virtual machines, database query languages, remote procedure calls over the Internet, and performance and security concerns in modern distributed applications.

Grading

Grades for this course will be divided as follows:

  • 20% for four assignments (lowest grade dropped)
  • 20% for tutorial participation
  • 25% for the Midterm Exam
  • 35% for the Final Exam

Optionally you may do a project in lieu of the assignments. This project may be individual or a group project. To do this you must inform the instructor that this is what you are doing by the due date for the second assignment.

Communication

This wiki page is the canonical source of information on this course. Please refer to it for updates. When significant changes are made to this document it will be either announced in lecture and/or posted in the course discussion forum.

Course discussions will be on cuLearn. While you may discuss assignments there, do not post answers to assigned questions.

You may get an account on this wiki so you can edit content here. Email Prof. Somayaji to get one with your preferred username and email address to which a password should be sent. (Note this is not a requirement.)

Collaboration

Collaboration on all work is allowed except for the midterm and final exams. Collaboration, however, should be clearly acknowledged. Further, all submitted work should be your own. While you may get help from others and even collaboratively solve technical problems, the code and answers should all be your own work. For example, you may not divide an assignment into parts, give a part to another student or anyone else to solve, and then submit that work as your own. You have to have participated in the creation of every part of your submitted work.

An easy way to make sure this happens is never share files regarding coursework or copy and paste answers into email. Instead, meet together to work on an assignment and then separate to write up your solutions.

Similarity between submitted assignments that has not been appropriately documented will be treated as plagiarism - the same as copying on a midterm or a final- and will be submitted to the Dean for disciplinary action.

Course Notes/Multimedia

Audio and sometimes video from lectures will be available via the lecture pages linked below. These same pages will also contain student-contributed notes.

For each lecture you enter reasonable quality notes, you will get 2% extra credit towards your final grade. You may do this up to three times, giving you up to 6% added to your final grade. The notes will be monitored by one of the TAs, Andrew Wylie. Please correspond with him to verify that your notes are of sufficient quality to merit the extra credit.

You will need a wiki account to upload notes. Email Prof. Somayaji with your desired wiki username to get an account.

Required Textbooks

There are two required texts for this course:

There is also one suggested text:

These books have been ordered by the University bookstore. You may also buy them online in paper or ebook form. They are also available through Safari Books Online. There is even an interactive version of Crockford's book which includes an embedded JavaScript interpreter. You can get access to Safari Books Online through the Carleton Library (four concurrent users only) or partial access by becoming a member of IEEE Computer Society.

Course Software

In this course we will be developing web applications using node.js and mongoDB. You are welcome to use whatever operating system and development tools you like; however, we will supporting the use of a course virtual machine appliance running Lubuntu, a low-resource variant of Ubuntu Linux distribution.

In the labs

In the SCS labs you should be able to run the course VM by starting Virtualbox (listed in the Applications menu) and selecting the COMP 2406 virtual machine image. After the VM has fully booted up you can login to the student account using the password "tneduts!". This account has administrative privileges; in addition, there is the admin account in case your student account gets corrupted for any reason. The password for it is "nimda!".

We highly recommend running your VM in full-screen mode (select from the menu, not by maximizing the window). Do all of your work inside of the VM; it should be fast enough and you won't have any issues with sharing files or with firewalls/network connectivity.

You can save the work you do from the course VM (in the student account) to your SCS account and restore it to any other copy of the class VM (on your machines or in the labs) by running using the following commands:

 save2406 <SCS username>
 restore2406 <SCS username>
 compare2406 <SCS username>

If you use these commands, use them consistently. That means run restore2406 when you first log in, and run save2406 just before logging out. If you don't do this, you will erase the work that you had done previously when you save.

If you forgot to restore and you want to save, try running this:

  rsync -a -v --progress ~/ <SCS username>@access.scs.carleton.ca:COMP2406/

This is the same as the save2406 command minus the options (--delete and --force) that deletes files in the destination that don't exist in the source. As a check, you may want to add the -n option to do a dry run.

Running the VM on your own machines

If you want to run the VM appliance on your own system (running essentially any desktop operating system you want), just download the COMP 2406.ova virtual appliance file and import. The SHA1 hash of this file is:

 3c0ad1c89d58b5b9b1225a3a7c876a500e0621a8  COMP 2406.ova

On Windows you can compute this hash for your downloaded file using the command <a href="http://support.microsoft.com/kb/889768">FCIV -sha1 COMP 2406.ova</a>. If the hash is different from above, your download has been corrupted.

If the application is not VirtualBox, you'll need to:

  • Have the VM platform ignore any errors in the structure of the appliance found during the import process;
  • Uninstall the VirtualBox guest additions by typing starting a terminal application and running
  sudo /opt/VBoxGuestAdditions-4.2.16/uninstall.sh
  • Install your platform's own Linux guest additions, if available.

Configuring Linux

If you already run Linux and you want to use the same packages we do in class, you should do the following:

  • Install the latest node.js version using a package manager. (You generally don't use the version that comes with your distribution, it is probably too old.)
  • Install mongoDB - it probably goes by mongodb in your package manager. The version doesn't matter too much.
  • For the same editing experience, install Geany (or just use your favorite editor).

Note that the binary of the node.js executable may be node, nodejs, or something similar.

That's it!

Configuring Windows

It is also possible to do everything in this class in Windows. Here are some tips on getting things running.

Other Resources

JavaScript

The easiest way to get started with JavaScript and get basic understanding of web technologies is to go through the interactive lessons on Code Academy. I suggest you go through their JavaScript, Web Fundamentals, and jQuery tracks. They shouldn't take you very long to do given that you already know how to program.

Crockford also has a lot of online resources on JavaScript, including videos of talks he's given that cover much of the content in his book. Look at his JavaScript page and this page of his videos.

Another good book is Eloquent JavaScript: A Modern Introduction to Programming by Marijn Haverbeke. A version of this book is available online for free. The for-sale version is apparently updated and edited.

The standard reference for JavaScript is JavaScript: The Definitive Guide by David Flanagan. It is a big book, but it is comprehensive.


Node

Another introduction to node.js is The Node Beginner Book by Manuel Kiessling.

This page by Evan Hahn has a good overview of the express/connect/node software stack.


Lectures and Exams

Date

Topic

Jan. 8

Lecture 1

Jan. 10

Lecture 2

Jan. 15

Lecture 3

Jan. 17

Lecture 4

Jan. 22

Lecture 5

Jan. 24

Lecture 6

Jan. 29

Lecture 7

Jan. 31

Lecture 8

Feb. 5

Lecture 9

Feb. 7

Lecture 10

Feb. 12

Midterm Review

Feb. 14

Midterm (in class)

Feb. 26

Lecture 12

Feb. 28

Lecture 13

Mar. 5

Lecture 14

Mar. 7

Lecture 15

Mar. 12

Lecture 16

Mar. 14

Lecture 17

Mar. 19

Lecture 18

Mar. 21

Lecture 19

Mar. 26

Lecture 20

Mar. 28

Lecture 21

Apr. 2

Lecture 22

Apr. 4

Lecture 23

April 21, 12-1:30 PM

Exam Review, LA C164

April 24, 9 AM

Final Exam, FH Rows 1-8 (solutions)

Tutorials

Each week you will get a progress grade from 0-4, given to you by a TA. If you are being diligent, you should be able to get 4's every week. The easiest way to get your grade is to come to tutorial and meet with your TA; alternately, you can meet a TA in their office hours or, at their discretion, discuss things with them online.

Date

Tutorials

Jan. 9, 10, 13

Setup VMs, Run node.js, JavaScript basics

Jan. 16, 17, 20

Web Form demo

Jan. 23, 24, 27

Session demo

Jan. 30, 31, Feb. 3

Secure, Persistent Sessions

Feb. 6, 7, 10

Adventure Demo

Feb. 27, 28, Mar. 3

AJAX Adventure

Mar. 6, 7, 10

Adventure Editor

Mar. 13, 14, 17

Letterpaint Demo

Mar. 20, 21, 24

Tiny web server

Mar. 27, 28, 31

Web Sockets

Apr. 3, 4, 7

No Tutorial, office hours in lab

Assignments

Due Date

Assignments

Jan. 30, 4 PM

Assignment 1

Feb. 12

Assignment 2

Mar. 22 (extended)

Assignment 3

Apr. 4

Assignment 4

University Policies

Student Academic Integrity Policy

Every student should be familiar with the Carleton University student academic integrity policy. A student found in violation of academic integrity standards may be awarded penalties which range from a reprimand to receiving a grade of F in the course or even being expelled from the program or University. Some examples of offences are: plagiarism and unauthorized co-operation or collaboration. Information on this policy may be found in the Undergraduate Calendar.

Plagiarism

As defined by Senate, "plagiarism is presenting, whether intentional or not, the ideas, expression of ideas or work of others as one's own". Such reported offences will be reviewed by the office of the Dean of Science.

Unauthorized Co-operation or Collaboration

Senate policy states that "to ensure fairness and equity in assessment of term work, students shall not co-operate or collaborate in the completion of an academic assignment, in whole or in part, when the instructor has indicated that the assignment is to be completed on an individual basis".

Please see above for the specific collaboration policy for this course.

Academic Accommodations for Students with Disabilities

The Paul Menton Centre for Students with Disabilities (PMC) provides services to students with Learning Disabilities (LD), psychiatric/mental health disabilities, Attention Deficit Hyperactivity Disorder (ADHD), Autism Spectrum Disorders (ASD), chronic medical conditions, and impairments in mobility, hearing, and vision. If you have a disability requiring academic accommodations in this course, please contact PMC at 613-520-6608 or pmc@carleton.ca for a formal evaluation. If you are already registered with the PMC, contact your PMC coordinator to send me your Letter of Accommodation at the beginning of the term, and no later than two weeks before the first in-class scheduled test or exam requiring accommodation (if applicable). After requesting accommodation from PMC, meet with me to ensure accommodation arrangements are made. Please consult the PMC website for the deadline to request accommodations for the formally-scheduled exam (if applicable) at http://www2.carleton.ca/pmc/new-and-current-students/dates-and-deadlines

Religious Obligation

Write to the instructor with any requests for academic accommodation during the first two weeks of class, or as soon as possible after the need for accommodation is known to exist. For more details visit the Equity Services website: http://www2.carleton.ca/equity/

Pregnancy Obligation

Write to the instructor with any requests for academic accommodation during the first two weeks of class, or as soon as possible after the need for accommodation is known to exist. For more details visit the Equity Services website: http://www2.carleton.ca/equity/

Medical Certificate

The following is a link to the official medical certificate accepted by Carleton University for the deferral of final examinations or assignments in undergraduate courses. To access the form, please go to http://www.carleton.ca/registrar/forms