CENG 256 Internet Programming Draft

Transcription

1 CENG 256 Internet Programming Draft Note: This draft is for discussion. can be added later. It does not contain the regular boilerplate text for outlines, which COURSE OUTLINE ACADEMIC YEAR 2014/2015 Course Title: Internet Scripting Course Code: CENG 256 Sched. Type: LLB Credits: 3 Class Hours:45 Program: Computer Engineering Technology Prerequisite: CENG 200 (Unix and the Internet), CENG xxx (Java Programming) Co-Requisite: CENG xxx (Database) Prerequisite for: None. The skills learned will be helpful in a number of course including Network Programming (CENGxxx), Software Project (CENGxxxx), Unix Administration (CENGxxxx) Program Outcomes Emphasized in this course: Development of web based applications running on client and server platforms. Understanding of the architecture of the World Wide Web. Course Description Students will learn how to write and debug event driven web based applications with components running on clients (web pages) and on Apache based servers. New programming skills will include functional programming using closures in JavaScript, generating HTML, manipulating the Document Object Model and data transfer using AJAX, XML and JavaScript Object Notation (JSON). On the server side students will learn how to retrieve data from client side forms write simple PHP and Java (JSP) programs to store and retrieve data from an SQL database. The end goal is to understand how these pieces of technology fit together so that the student can troubleshoot, maintain and develop a working Web based application. Learning Outcomes On successful complete of this course students will be able to:

2 1. Describe the activities that take can take place on a web based client and server 2. Use JavaScript and at least one JavaScript library (prototype.js, d3, jquery) to manipulate the following aspects of Web Pages using the Document Object Model (DOM): HTML 5, CSS 3, Cookies. 3. Create PHP scripts to deliver dynamic web pages 4. Create and use a basic MySQL Database 5. Transfer data between client and server side routines using XML and JSON 6. Trace and debug JavaScript, PHP 7. Move data from web based forms to an SQL database and back again Learning Resources Elizabeth Castro and Bruce Hyslop, HTML5 and CSS, Eighth Edition, Peachpit Press, 2013, ISBN (Used CENG 200 No Need for Bookstore to Order as the student should have this) David Flannigan, JQuery Pocket Reference, O Relly, ISBN-13: (PHP Language Reference - online) Liang, Intro to Java Programming, 10 th Edition (Students should have this from CENGxxx Intro to Java Programming), Chapter 34 (Database Programming) and 43 (Java Server Pages) which is available online for students who have purchased the text. Learning Delivery Format 2 hour interactive lecture and discussion. 1 hour lab period. Lab attendance is essential both for dealing with problems and so that students can receive feedback.

3 Course Content Unit Topic(s) Assessments Resource 1 LAMP + Tomcat Installation and Student drive containing overview of Architecture UBUNTU HTML5 and CSS Basics (Review and continuation from CENG200) Comprehensive coverage of CSS Selectors 3 Javascript Fundamentals Understand datatypes in Javascript including the implementation of associative arrays. Castro Text Firefox, Firebug/Firefox Web Console Apply a knowledge of C to write comments, assignment statements, calculations, if statements, for loops and function definitions. Use JSON notation to create and nest associative arrays. Explain the event oriented nature of Javascript and describe how code is attached to events. Use the gettagsbyname and getelementbyid to retrieve and alter elements of the DOM structure. Students will modify styles and other attributes to change the appearance of web pages. Use the error console to detect and filter problems in web page loading and execution. Follow the flow of execution using

4 breakpoints, single stepping and placing watches on variables 4 Use Selectors with JQuery to modify the DOM structure of a web page. JQuery, D3 librarie Use HTML5 and JavaScript to validate data in an HTML form Pass functions as closures in order to process elements of web page. Chain functions in JQuery and D3 together. Modify a D3 graphic. 5 PHP Basics Integrate PHP and HTML code in the same document, both by embedding PHP with HTML and by using PHP to generate HTML Current version of PHP running on munro Write comments, assignment statements, calculations, if statements, for loops and function definitions. Retrieve information from superglobals sent from browsers (forms, cookies, out of band information) and perform simple reposting of the data Upload files to a server Write php code to read and write to files. (optional) Use the PHP online documentation to lookup functionality as needed. 6 PHP and MySQL Use mysqli_connect to connect to a database.

5 7 Ajax Run an insert, update and delete statement against a mysql database. Run a select statement against a mysql database and fetch the results into an associative array and display the information on a web page. Use a prepared statement to insert and retrieve data from a database. Run a query against an Oracle database Explain the notification events that occur in exchanging an AJAX message Encode and Decode data in JSON format Encode and Decode data in XML format 7 Java Server Pages (JSP) Tomcat (or Resin) Server Integrate Java and HTML code in the same document, both by embedding Java with HTML and using the out object to generate HTML. Retrieve information from sent from browsers (forms, cookies, out of band information) and perform simple reposting of the data Connect to a database using JSP, retrieve data and display it as an HTML table Explain the role and behaviour of a JSP Server in Client/Server architecture and describe the role of different subdirectories Tomcat creates 10 Cookies and other Session Storage Create and exchange cookies on both client and server using JavaScript (client) and PHP (server)

6 Explain the Sandbox Single Origin Policy (SOP) policy as enforced by most browsers. Explain the advantages and problems associates with CORS (Cross Origin Resource Sharing) Student Evalutions Lab Assignments: 40% Midterm: 25% Final Exam: 35%