CMSC389N

Class

Syllabus

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.

Prerequisites

PrerequisiteC or better in CMSC 216 and CMSC 250
Credits3

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:59pm 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 ontime/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 Sourceforge.
  • 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 description), or any other material associated with this course. Even if the class is over and you have graduated, you may NOT post any material. If you do, you will be violating academic integrity rules and copyrights.
  • Discussing projects with your classmates.
  • Sharing your code or your student tests with any student.
  • Providing ideas/suggestions on how to solve/implement a programming assignment.
  • Looking at 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 © 2015. 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 IntroHTMLCSS.pdf
IntroHTMLCSSCode.zip
IntroHTMLCSS2.pdf
IntroHTMLCSS2Code.zip
PHPFundamentals.pdf
PHPFundamentalsCode.zip
ArrayForms.pdf
ArraysFormsCode.zip
P1 Out (Sat)
Week #2
(Jun 8)
PHP Forms, include functions, heredoc, self-referencing scripts, header function, files, hidden fields, date/time functions, cookies, sessions, Object Oriented PHP, MySQL HeredocSelfRefFiles.pdf
HeredocSelfRefFilesCode.zip
ConfigSessions.pdf
ConfigSessionsCode.zip
ConfigSessionsCodeV2.zip
OOSupportSecurity.pdf
OOSupportSecurityCode.zip
MySQL.pdf
P2 Out (Mon)
P1 Due (Thu)
P2 Due (Sat)
P3 Out (Fri)
Week #3
(Jun 15)
PHP/MySQL, Server Side Includes, JavaScript basic types, expressions, functions, arrays, random values, JS debugging, Forms, DOM, Events, Data Validation MySQLII.pdf
MySQLIICode.zip
FileUploadsMisc.pdf
FileUploadsMiscCode.zip
JSIntro.pdf
JSIntroCode.zip
FuncArrays.pdf
FuncArraysCode.zip
Forms.pdf
FormsCode.zip
P3 Due (Mon)
P4 Out (Mon)
Midterm #1 (Wed)

Week #4
(Jun 22)
JavaScript Objects, ECMAScript 2015, Ajax, JSON, HTML5 Elements, Canvas Element, Local Storage, Geolocation, iframe element, browser object model JSObjects.pdf
JSObjectsCode.zip
JSHTML5.pdf
JSHTML5Code.zip
JSHTML5II.pdf
JSHTML5IICode.zip
Group Project
Proposal (Mon)
P4 Due (Thu)
P5 Out (Sat)
P6 Out (Sat)
Week #5
(Jun 29)
JavaScript, jQuery, SSL, Certificates, ICANN JQueryMisc.pdf
JQueryMiscCode.zip
Midterm #2 (Mon)
P5 Due (Thu)
Campus closed
Fri Jul 3
Week #6
(July 6)
Frameworks overview, Node.js, Miscellaneous, Group Presentations, Final Exam FrameworksLibraries.pdf
P6 Due (Tue)
Group Project
Presentation (Wed) Final Exam
(Friday July 10, 9:30am - 11:30am)

Staff

Coordinators

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

Office Hours Information

Please see Office Hours Guidelines

Teaching Assistants

All TA office hours take place in AVW 1112.


Name E-mail Pic
Tommy Pensyl tpensyl [AT] cs [DOT] umd [DOT] edu TAImage

Office Hours

Coordinators

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

Office Hours Information

Please see Office Hours Guidelines

Teaching Assistants

All TA office hours take place in AVW 1112.


Name E-mail Pic
Tommy Pensyl tpensyl [AT] cs [DOT] 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 IntroHTMLCSS.pdf
IntroHTMLCSSCode.zip
IntroHTMLCSS2.pdf
IntroHTMLCSS2Code.zip
PHPFundamentals.pdf
PHPFundamentalsCode.zip
ArrayForms.pdf
ArraysFormsCode.zip
P1 Out (Sat)
Week #2
(Jun 8)
PHP Forms, include functions, heredoc, self-referencing scripts, header function, files, hidden fields, date/time functions, cookies, sessions, Object Oriented PHP, MySQL HeredocSelfRefFiles.pdf
HeredocSelfRefFilesCode.zip
ConfigSessions.pdf
ConfigSessionsCode.zip
ConfigSessionsCodeV2.zip
OOSupportSecurity.pdf
OOSupportSecurityCode.zip
MySQL.pdf
P2 Out (Mon)
P1 Due (Thu)
P2 Due (Sat)
P3 Out (Fri)
Week #3
(Jun 15)
PHP/MySQL, Server Side Includes, JavaScript basic types, expressions, functions, arrays, random values, JS debugging, Forms, DOM, Events, Data Validation MySQLII.pdf
MySQLIICode.zip
FileUploadsMisc.pdf
FileUploadsMiscCode.zip
JSIntro.pdf
JSIntroCode.zip
FuncArrays.pdf
FuncArraysCode.zip
Forms.pdf
FormsCode.zip
P3 Due (Mon)
P4 Out (Mon)
Midterm #1 (Wed)

Week #4
(Jun 22)
JavaScript Objects, ECMAScript 2015, Ajax, JSON, HTML5 Elements, Canvas Element, Local Storage, Geolocation, iframe element, browser object model JSObjects.pdf
JSObjectsCode.zip
JSHTML5.pdf
JSHTML5Code.zip
JSHTML5II.pdf
JSHTML5IICode.zip
Group Project
Proposal (Mon)
P4 Due (Thu)
P5 Out (Sat)
P6 Out (Sat)
Week #5
(Jun 29)
JavaScript, jQuery, SSL, Certificates, ICANN JQueryMisc.pdf
JQueryMiscCode.zip
Midterm #2 (Mon)
P5 Due (Thu)
Campus closed
Fri Jul 3
Week #6
(July 6)
Frameworks overview, Node.js, Miscellaneous, Group Presentations, Final Exam FrameworksLibraries.pdf
P6 Due (Tue)
Group Project
Presentation (Wed) Final Exam
(Friday July 10, 9:30am - 11:30am)
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

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

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 11
Request FormSat Jun 13
Grades SubmissionMon Jun 15
Group ProjectMon Jun 22/Wed Jul 8
ApplicationSystemThu Jun 25
PhotoViewerThu Jul 2
DataValidationAndRecorderTue Jul 7

Exams

Exams

This page provides information regarding course exams.

ExamDate
Midterm IWed Jun 17
Midterm IIMon Jun 29
FinalFri Jul 10

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.
  • 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.
  • Piazza sents posts via e-mail. If you just want to receive messages posted by instructors, place a filter in your mail client than searches for [Instr Note] in the subject.

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