CMSC389N

Class

Syllabus

Introduction (Summer 2016)

This course provides an introduction to the development of Web-based applications using PHP, JavaScript, MySQL/MariaDB, and Apache. The course covers fundamental programming language constructs of both PHP and JavaScript, forms, sessions, interation with MySQL/MariaDB via PHP, DOM, and JavaScript event-handling. In addition, popular JavaScript libraries (e.g., JQuery, Angular) will be overviewed.

Prerequisites

PrerequisiteC or better in CMSC 216 and CMSC 250
Credits3

Regarding Credits

Credit granted for only 389J and 389P OR 389N.

Course Coordinator

Name Office
Nelson Padua-Perez AVW 1203

For office hours and other contact information, visit the staff link.

Textbooks

None.

Course Topics (Subject to Change)

  • HTML5 overview
  • Installing Apache, PHP, and MySQL
  • Forms
  • PHP
    • Variables, data types, expressions, operators
    • Conditional, iteration, statements
    • Functions
    • Arrays
    • PHP Object Model
    • Files and Directories
    • Interacting with MySQL using PHP
    • Sessions
  • JavaScript
    • Variables, data types, expressions, operators
    • Conditional, iteration, statements
    • Functions
    • Arrays
    • DOM, Events, Events Handling
    • Client-side Persistance
    • Object-Oriented JS
    • Ajax
  • Overview of JavaScript Libraries

Grading

Final grades will be computed according the following weights:

25% Individual Projects
15% Group Project
30% Midterms (2, 15% each)
30% Final Exam

Once we have graded any class material (e.g., exams, projects, etc.) we will post an announcement and a deadline by which you must submit any regrade request (if necessary). It is your responsibility to submit regrade requests by the specified deadline; no regrade requests will be processed afterwards.

Projects

  • Deadlines - All projects are due at 11:59 pm on the specified day in the project description. You have until 11:59pm of the next day to submit your project with a 10% penalty. Notice that after the late period, you will not receive any points for your project, even though you still need to satisfy the good faith attempt (see information below). For example, if a project is due on Wednesday at 11:59pm, you have until Thursday at 11:59pm to submit a late project with a 10% penalty. Any submission after Thursday 11:59pm will receive 0 pts.
  • Submit Server - You need to use the submit server for project submissions. We will not accept projects submitted otherwise (e.g., e-mail, etc.).
  • Good Faith Attempt - You must satisfy a minimum set of requirements for each project (Good Faith Attempt) otherwise you will not pass the course (automatic grade of F). Each project defines its own good faith attempt criteria and a deadline to provide an implementation that satisfies it. If you start a project on time and look for assistance (if required) you should have no problems satisfying the Good Faith Attempt. Notice that you will not receive extra points for completing the good faith attempt. The grade you obtain for a project will be based on your on-time/late submission.
  • Closed Projects - All programming assignments in this course are to be written individually (unless explicitly indicated otherwise). Cooperation between students is a violation of the Code of Academic Integrity.

TA Room/Office Hours

Office hours get extremely busy the day before a project deadline. Therefore do not wait to start your projects. Once you have been helped by a TA, please leave the TA room. We have a large number of students in all of our classes, and the TA room is really crowded.

Backups

You need to keep backups of your projects as you develop them. No extensions will be granted because you accidentally erased your project. Feel free to use the submit server as a backup tool by submitting often. You can also use tools like git, etc. Do not post code in any online system that is accessible to others (e.g., github).

Academic Integrity

Note that academic dishonesty includes not only cheating, fabrication, and plagiarism, but also includes helping other students commit acts of academic dishonesty by allowing them to obtain copies of your work. In short, all submitted work must be your own. Cases of academic dishonesty will be pursued to the fullest extent possible as stipulated by the Office of Student Conduct.

It is very important for you to be aware of the consequences of cheating, fabrication, facilitation, and plagiarism. For more information on the Code of Academic Integrity or the Student Honor Council, please visit http://www.shc.umd.edu.

Examples of Academic Integrity Violations

The following are examples of academic integrity violations:

  • Hardcoding of results in a project assignment. Hardcoding refers to attempting to make a program appear as if it works correctly (e.g., printing expected results for a test).
  • Using any code available on the internet/web or any other source. For example, using code from GitHub, PasteBin, etc.
  • Hiring any online service to complete an assignment for you.
  • You may not post the implementation of your assignments, materials related to the class (e.g., project descriptions), or any other material associated with this course on the web. Even if the class is over and you have graduated, you may NOT post any material.
  • Sharing your code or your student tests with any student.
  • Providing ideas/suggestions on how to solve/implement a programming assignment.
  • Looking at or debugging another student's code.
  • Using online forums to ask for help regarding our assignments.

Piazza

We will be using (Piazza) for class communication. Regarding Piazza:

  • We will use Piazza to communicate in lecture, and to provide class announcements.
  • Posting of code is not allowed is Piazza. Anyone posting any kind of code may receive an XF in the course.
  • The preferred mechanism to address course questions (projects, lecture material, etc.) is during office hours, in lab, and lecture.
  • Students' questions can only be answered by CS staff (TAs and instructors). Although we will try to check Piazza often, there is no guarantee we will respond to messages immediately.
  • You will not be able to register to Piazza yourself. Your instructor will register you using the e-mail you have in the school system.

Excused Absence and Academic Accommodations

Any student who needs to be excused for an absence from a single lecture, recitation, or lab due to a medically necessitated absence shall:

  1. Make a reasonable attempt to inform the instructor of his/her illness prior to the class.
  2. Upon returning to the class, present their instructor with a self-signed note attesting to the date of their illness. Each note must contain an acknowledgment by the student that the information provided is true and correct. Providing false information to University officials is prohibited under Part 9(i) of the Code of Student Conduct (V-1.00(B) University of Maryland Code of Student Conduct) and may result in disciplinary action.
  3. This self-documentation may not be used for the Major Scheduled Grading Events as defined below and it may only be used for only 1 class meeting during the semester.

Any student who needs to be excused for a prolonged absence (2 or more consecutive class meetings) or for a Major Scheduled Grading Event, must provide written documentation of the illness from the Health Center or from an outside health care provider. This documentation must verify dates of treatment and indicate the time frame that the student was unable to meet academic responsibilities. No diagnostic information shall be given. The Major Scheduled Grading Events for this course include midterm(s) and final exam.

It is also the student's responsibility to inform the instructor of any intended absences from exams for religious observances in advance. Notice should be provided as soon as possible, but no later than the Monday prior to the exam for both the midterm(s) and the final.

Any student eligible for and requesting reasonable academic accommodations due to a disability is requested to provide a letter of accommodation from the Office of Disability Support Services within the first two weeks of the semester.

Miscellaneous

  • Please bring your laptop to lecture. If you don't have a laptop, we will pair you up with a classmate.
  • At the end of the course, visit (www.courseevalum.umd.edu) to complete your course evaluations.
  • If you are experiencing difficulties in keeping up with the academic demands of this course, you may contact the Learning Assistance Service located at 2202 Shoemaker Building.

Copyright

All course materials are copyright UMCP, Department of Computer Science © 2016. All rights reserved. Students are permitted to use course materials for their own personal use only. Course materials may not be distributed publicly or provided to others (excepting other students in the course), in any way or format.

Schedule

Course Schedule

This schedule is tentative and subject to change. Keep in mind that the slides may not include all the material discussed in lecture. You are responsible for any material we present in lecture, even if it does not appear in the posted slides.

  Week   Topics Slides Work
CMSC389N Schedule
Week #1
(Jun 1)
HTML5, CSS, PHP Basic Constructs (operators, conditional, iterations), PHP Functions, Server Side Includes IntroHTML.pdf
IntroHTMLCode.zip
IntroHTMLCSS.pdf
IntroHTMLCSSCode.zip
PHPFundamentals.pdf
PHPFundamentalsCode.zip
ArrayForms.pdf
ArraysFormsCode.zip
P1 Out (Sat)
Week #2
(Jun 6)
Forms, Include Functions, heredoc, Self-referencing Scripts, header Function, Files, Hidden Fields, Date/Time Functions, Object-Oriented PHP, Cookies, Sessions, MySQL, PHP/MySQL HeredocSelfRef.pdf
HeredocSelfRefCode.zip
FilesTimeObjects.pdf
FilesTimeObjectsCode.zip
ConfigSessions.pdf
ConfigSessionsCode.zip
SQL.pdf
SQLII.pdf
SQLIICode.zip
SQLIII.pdf
P2 Out (Mon)
P1 Due (Thu)
P2 Due (Sat)
P3 Out (Thu)
Week #3
(Jun 13)
File Uploads, PHP Miscellaneous, JavaScript Basic Types, Expressions, Functions, Arrays, Random Values, JS Debugging, Forms, DOM, Events, Data Validation, JavaScript Objects, Local Storage, Geolocation, iframe Element, Browser Object Model FileUploadsMisc.pdf
FileUploadsMiscCode.zip
JSIntro.pdf
JSIntroCode.zip
FuncArrays.pdf
FuncArraysCode.zip
FormsI.pdf
FormsICode.zip
FormsII.pdf
FormsIICode.zip
JSObjects.pdf
JSObjectsCode.zip
LocalStorageMisc.pdf
LocalStorageMiscCode.zip
P3 Due (Tue)
P4 Out (Tue)
Midterm #1 (Wed)

Week #4
(Jun 20)
JavaScript Objects, Canvas Element, JSON, Errors, Regular Expressions, Cookies, Ajax, jQuery, SSL, Certificates, ICANN, Security PrivateJSONObjs.pdf
PrivateJSONObjsCode.zip
AjaxCookies.pdf
AjaxCookiesCode.zip
jQuery.pdf
jQueryCode.zip
Security.pdf
Group Project
Proposal (Mon)
P5 Out (Mon)
P4 Due (Thu)
Week #5
(Jun 27)
P4 Demos, Node.js, Frameworks Overview, E6 Features FrameworksLibraries.pdf
MiscE6.pdf
MiscE6Code.zip
Midterm #2 (Wed)
P5 Due (Mon)
P6 Out (Mon)
Week #6
(July 6)
Miscellaneous, Group Presentations, Final Exam Monday
(No Class, July 4)
Group Project Presentation (Wed)
P6 Due (Mon)
Final Exam
(Friday July 8, 10:00 am - 12:00pm)

Staff

Coordinators

Name Nelson Padua-Perez
Office AVW 1203
Office Hours Mon, Wed, Fri → 12:30 pm - 1:00 pm, 3:45 pm - 4:15 pm
E-Mail nelson [AT] cs [DOT] umd [DOT] edu

Office Hours Information

Teaching Assistants

All TA office hours take place in AVW 1112.


Name E-mail Pic
Andrej Rasevic arasevic [AT] terpmail.umd [DOT] edu TAImage
Roozbeh Yousefzadeh roozbeh [AT] cs.umd [DOT] edu TAImage

Office Hours

Coordinators

Name Nelson Padua-Perez
Office AVW 1203
Office Hours Mon, Wed, Fri → 12:30 pm - 1:00 pm, 3:45 pm - 4:15 pm
E-Mail nelson [AT] cs [DOT] umd [DOT] edu

Office Hours Information

Teaching Assistants

All TA office hours take place in AVW 1112.


Name E-mail Pic
Andrej Rasevic arasevic [AT] terpmail.umd [DOT] edu TAImage
Roozbeh Yousefzadeh roozbeh [AT] cs.umd [DOT] edu TAImage

Lectures

Course Schedule

This schedule is tentative and subject to change. Keep in mind that the slides may not include all the material discussed in lecture. You are responsible for any material we present in lecture, even if it does not appear in the posted slides.

  Week   Topics Slides Work
CMSC389N Schedule
Week #1
(Jun 1)
HTML5, CSS, PHP Basic Constructs (operators, conditional, iterations), PHP Functions, Server Side Includes IntroHTML.pdf
IntroHTMLCode.zip
IntroHTMLCSS.pdf
IntroHTMLCSSCode.zip
PHPFundamentals.pdf
PHPFundamentalsCode.zip
ArrayForms.pdf
ArraysFormsCode.zip
P1 Out (Sat)
Week #2
(Jun 6)
Forms, Include Functions, heredoc, Self-referencing Scripts, header Function, Files, Hidden Fields, Date/Time Functions, Object-Oriented PHP, Cookies, Sessions, MySQL, PHP/MySQL HeredocSelfRef.pdf
HeredocSelfRefCode.zip
FilesTimeObjects.pdf
FilesTimeObjectsCode.zip
ConfigSessions.pdf
ConfigSessionsCode.zip
SQL.pdf
SQLII.pdf
SQLIICode.zip
SQLIII.pdf
P2 Out (Mon)
P1 Due (Thu)
P2 Due (Sat)
P3 Out (Thu)
Week #3
(Jun 13)
File Uploads, PHP Miscellaneous, JavaScript Basic Types, Expressions, Functions, Arrays, Random Values, JS Debugging, Forms, DOM, Events, Data Validation, JavaScript Objects, Local Storage, Geolocation, iframe Element, Browser Object Model FileUploadsMisc.pdf
FileUploadsMiscCode.zip
JSIntro.pdf
JSIntroCode.zip
FuncArrays.pdf
FuncArraysCode.zip
FormsI.pdf
FormsICode.zip
FormsII.pdf
FormsIICode.zip
JSObjects.pdf
JSObjectsCode.zip
LocalStorageMisc.pdf
LocalStorageMiscCode.zip
P3 Due (Tue)
P4 Out (Tue)
Midterm #1 (Wed)

Week #4
(Jun 20)
JavaScript Objects, Canvas Element, JSON, Errors, Regular Expressions, Cookies, Ajax, jQuery, SSL, Certificates, ICANN, Security PrivateJSONObjs.pdf
PrivateJSONObjsCode.zip
AjaxCookies.pdf
AjaxCookiesCode.zip
jQuery.pdf
jQueryCode.zip
Security.pdf
Group Project
Proposal (Mon)
P5 Out (Mon)
P4 Due (Thu)
Week #5
(Jun 27)
P4 Demos, Node.js, Frameworks Overview, E6 Features FrameworksLibraries.pdf
MiscE6.pdf
MiscE6Code.zip
Midterm #2 (Wed)
P5 Due (Mon)
P6 Out (Mon)
Week #6
(July 6)
Miscellaneous, Group Presentations, Final Exam Monday
(No Class, July 4)
Group Project Presentation (Wed)
P6 Due (Mon)
Final Exam
(Friday July 8, 10:00 am - 12:00pm)
Grades Server Submit Server

Good Faith Attempt

Good Faith Attempt Deadlines

You must satisfy a minimum set of requirements for each project (Good Faith Attempt) otherwise you will not pass the course (automatic grade of F). Each project defines its own good faith attempt criteria. Notice that you will not receive extra points for completing the good faith attempt. The grade you obtain in the project will be based on your ontime/late submission.

ProjectGood Faith AttemptDeadline
Project #4, Submit and Review Functionality Fri Jul 1

Regrades

Regrades Deadlines

After any class material is graded, you have a period to address any grading concerns. Unfortunately we will not be able to address any grading concerns after the specified deadline.

Class MaterialGrading Concerns Deadline
Project #1Wed Jun 22
Project #2Fri Jun 24
Project #3Mon Jun 27

Assignments

Projects

Projects

The planned dates when projects will be handed out and due is given in the course schedule. Beware that the exact dates are subject to change, but we will try to give you fair notice of any changes.

Project Descriptions

ProjectDeadline
Web PageThu Jun 9
Request FormSat Jun 11
Grades SubmissionTue Jun 14
Group ProjectMon Jun 20/Wed Jul 6
ApplicationSystemThu Jun 23
PhotoViewerMon Jun 27
DataValidationMon Jul 4

Exams

Exams

This page provides information regarding course exams.

ExamDate
Midterm IWed Jun 15
Midterm IIMon Jun 29
FinalFri Jul 8

Resources

Links

Links

XAMPP(Apache, MySql, and PHP)

PHP References

Drupal

Miscellaneous

Hosting

JavaScript

Revalidate

Revalidate link is revalidate page.

Other

Piazza

Piazza

We will be using (Piazza) for class communication. Regarding Piazza:

  • We will use Piazza to communicate in lecture and to provide class announcements.
  • Posting of code is not allowed is Piazza. Anyone posting any kind of code may receive an XF in the course.. Please carefully read the Piazza Guidelines.
  • In Piazza you can see the class announcements by selecting "Resources", "Course Information".
  • When we post an announcement we will select the Piazza option that allows you to receive an immediate e-mail. The e-mail will have a subject line that starts with "[Instr Note]." If you are filtering piazza messages make sure that those messages are not placed in the junk folder.
  • You are responsible for checking class announcements.
  • The prefered mechanism to address course questions (projects, lecture material, etc.) is during office hours, in lab, and lecture.
  • Students' questions can only be answered by CS staff (TAs and instructors). Although we will try to check Piazza often, there is no guarantee we will respond to messages immediately.
  • You will not be able to register to Piazza yourself. Your instructor will register you using the e-mail you have in the school system.. If you would like to use a different e-mail address see your teaching TA in lab.
  • If you access the link provided for Piazza on the class web page and it asks for an access code, try the following:
    • Visit http://www.piazza.com
    • Click "log in" on the top right
    • Click "forgot password"
    • Enter the e-mail address registered to piazza (e-mail address registered with the school).
    • Access your e-mail account to receive a link that will bring you to the registration site.

Introduction

This course provides an introduction to the development of Web-based applications using PHP, JavaScript, MySQL, and Apache. The course covers fundamental programming language constructs of both PHP and JavaScript, forms, sessions, interation with MySQL via PHP, DOM, and JavaScript event-handling. In addition, popular JavaScript libraries (e.g., JQuery, Angular) will be overviewed.

Coordinator

Nelson Padua-Perez

© 2015 University of Maryland College Park, MD 20742

Web Accessibility