Land Acknowledgement COURSE OUTLINE ACADEMIC YEAR 2017/2018. Schedule Type Code: LLB. Signature: Date: Winter 2019

Transcription

1 Land Acknowledgement Humber College is located on the traditional territories of the Ojibwe Anishinabe First Nations people. It is uniquely situated along the Humber River watershed, which historically provided an integral connection for Aboriginal Peoples between the Ontario lakeshore and the Lake Simcoe-Georgian Bay region. For more information visit the Aboriginal Resource Centre (LRC2137) North Campus (WEL301) Lakeshore Campus or Faculty: Faculty Availability: Program Coordinator: Mihyar Hesson Course Title: Internet Scripting COURSE OUTLINE ACADEMIC YEAR 2017/2018 Course Code: CENG 256 Schedule Type Code: LLB Credit Value: 3 Class Hours: 45 Program: Computer Engineering Technology Pre-Requisite(s): CENG Unix Scripting CENG Programming Techniques In Java Co-requisite(s): CENG Database With Java Pre-requisite for: Restrictions: Approved By: Dean/Associate Dean: Vincent Shaikh M.Eng. Signature: Date: Winter 2019

2 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 (ECMA 6), 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: 1. Describe the activities that take can take place on a web based client and server 2. Use JavaScript, 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 8. Use a JSON based query to retrieve data using JSON to effect a remote RESTful query Essential Employability Skills Essential Employability Skills are transferable skills that provide the foundation for a student s academic, vocational, and personal success. X X Communication Numeracy Critical Thinking & Problem Solving Information Management X Interpersonal Personal Learning Resources Required Resources: Learning PHP, MySQL & JavaScript: With jquery, CSS & HTML5 Robin Nixon, O Reilly Press, ISBN: , 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)

3 (PHP Language Reference - online) Liang, Intro to Java Programming, 10 th Edition (Students should have this from CENG 212 Programming Techniques in Java), 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. Course Content Unit Topics Assessments Resource 1 LAMP + Tomcat Installation and overview of Architecture Use XAMPP to start and stop Apache, MySQL and to examine log files 2 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. 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. Installation in the lab.; Midterm test. Programming ; Midterm test Student drive containing Ubuntu LTE UBUNTU Castro Text Examples Chrome, Chrome Web Console Debugger. NIxon text PowerPoint summary Explain the event oriented nature of Javascript and describe how code is attached to events. Set up a Server Side Event server(s) and receive events in the client. Use the gettagsbyname and getelementbyid to retrieve and alter

4 Unit Topics Assessments Resource 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 breakpoints, single stepping and placing watches on variables 4 JQuery, D3 Libraries Use Selectors with JQuery to modify the DOM structure of a web page. Use HTML5 and JavaScript to validate data in an HTML form Programming s; Midtermand Final JQuery, D3 libraries Supplied examples Pass functions as closures in order to process elements of web page. Chain functions in JQuery and D3 together. Draw a dynamic 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 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 re-posting of the data Current version of PHP running on munro Nixon text PHP PowerPoint Summary Online PHP manual Upload files to a server Write php code to read and write to files. (optional)

5 Write PHP code to interact with the bash shell. (Example: Predictive text using the Linux lookup function) Unit Topics Assessments Resource Use the PHP online documentation to lookup functionality as needed. 6 PHP and MySQL Use mysqli_connect to connect to a database. Run an insert, update and delete statement against a MySql atabase. Discuss current issues related to Oracle s licensing of MySQL vs the free MySQL fork MariaDB exercises; Final exam Apollo or munro Nixon Text Supplied examples 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.

6 7 Ajax Transfer and interpret data in both directions between client (ECMA Script + a library) and server (PHP) exercise JQuery or D3 Library NIxon Text Supplied Examples 7 Java Server Pages (JSP) 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 re-posting of the data exercise; Final Exam Tomcat (or Resin) Server on Apollo or munro Nixon Text Supplied Examples 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 Unit Topics Assessments Resource 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) exercise; Final Exam Nixon Text Supplied examples 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)

7 11 Explain what REST (REsource State Transfer) is about. Use a RESTful query to set and change a remote device exercise; Final Exam Nanoleaf Tiles Philip Hue Lights Supplied examples. Student Evaluations The following is the suggested evaluation scheme for this course. If the evaluation is changed, the course instructor will provide the student with a written revised evaluation procedure. Activity Weighting Lab s: 40% Midterm: 25% Final Exam: 35% Total 100% In addition to meeting all program specific course and credit requirements, students must have a Cumulative Program Grade Point Average (CPGPA) of 60 in order to be eligible for graduation. As a college student, you are responsible for attendance, punctuality, and facilitating a positive and productive learning environment. There is a strong connection or relationship between attendance and grades: higher grades are associated with regular class attendance. A passing grade for this course is 50%. To get an overall passing grade in this course, students must independently pass the Test and the Lab/ portions of the course. If one or more of these sections is less than 50% then the final grade for the course will be the lower of the two marks. Policies and Procedures It is the student s responsibility to be aware of the College Academic Regulations which can be found on the following website: Academic Integrity Academic integrity is essentially honesty in all academic endeavors. Academic integrity requires that students avoid all forms of academic misconduct or dishonesty, including plagiarism, cheating on tests or exams or any misrepresentation of academic accomplishment.

8 Research Activity This course does not include any research activities that involve human participants. Students will gather data ONLY from publicly available sources. Academic Concern/Appeals If a student has questions or concerns regarding a grade on an assignment or test, the student should discuss the matter with the faculty member. The Program Co-ordinator and/or the Associate Dean may be asked to assist if the faculty member and student are unable to resolve issues. For additional information please refer to Section 13 of College s Academic Complaint and Appeal Policy at the web site identified above. Prior Learning Assessment Recognition (PLAR) Course credits may be granted in recognition of prior learning, and that Application for Consideration is made through the Office of the Registrar at Challenge Exam Portfolio Skills Test Interview Other (Specify) Not Available For PLAR Accessible Learning Services Humber strives to create a welcoming environment for all students where equity, diversity and inclusion are paramount. Accessible Learning Services facilitates equal access for students with disabilities by coordinating academic accommodations and services. Staff in Accessible Learning Services are available by appointment to assess specific needs, provide referrals and arrange appropriate accommodations. If you require academic accommodations, contact: Accessible Learning Services: North Campus: (416) X5090 Lakeshore Campus: (416) X3331 Disclaimer While every effort is made by the professor/faculty to cover all material listed in the outline, the order, content, and/or evaluation may change in the event of special circumstances (e.g. time constraints due to inclement weather, sickness, college closure, technology/equipment problems or changes, etc.). In any such case, students will be given appropriate notification in writing, with approval from the Dean (or designate) of the School.

9 Appendix Essential Employability Skills (Ontario Ministry of Advanced Education and Skills Development Requirements) Communication Graduates of the program reliably demonstrate the ability to: Reading 1. communicate clearly, concisely and correctly in the Writing Speaking Listening written, spoken and visual form that fulfills the purpose and meets the needs of the audience 2. respond to written, spoken, or visual messages in a manner that ensures effective communication Presenting Numeracy Understanding and Applying Mathematical Concepts and Reasoning Analysing and using Numerical Data Conceptualizing Critical Thinking & Problem Solving 3. execute mathematical operations accurately Analysing 4. apply a systematic approach to solve problems Synthesising 5. use a variety of thinking skills to anticipate and solve Evaluating problems Decision-Making Creative and Innovative Thinking Information Management Gathering and managing information 6. locate, select, organize and document information Selecting and using appropriate tools using appropriate technology and information systems and technology for a task or project 7. analyse, evaluate and apply relevant information for a Computer literacy variety of sources Internet skills Interpersonal Teamwork 8. show respect for the diverse opinions, values, belief Relationship management systems and contributions of others Conflict resolution 9. interact with others in groups or teams in ways that contribute to the effect working relationships and the Leadership achievement of goals Networking Personal Managing self 10. manage the use of time and other resources to Managing change and being flexible complete projects and adaptable 11. take responsibility for one s actions, decisions, and consequences Engaging in reflective practice Demonstrating personal responsibility