EME 6209: Designing Integrated Media Environments 2. Educational Technology Program. University of Florida

Transcription

1 EME 6209: Designing Integrated Media Environments 2 Educational Technology Program University of Florida CREDIT HOURS 3-credits hours PREREQUISITE Completion of EME 6208 with a passing grade or instructor permission. COURSE DESCRIPTION Study of development and problem-solving as applied to real world educational problems with solutions designed and implemented in various programming and scripting languages. Topics include data types, logic, relational operations, flowcharting, sequence, selection, repetition, functions, arrays, file i/o, object-orientation, relational database design, entity-relationship diagrams, design principles, testing, and debugging. Prior programming experience is neither assumed nor required. INSTRUCTOR INFORMATION Name: Albert Ritzhaupt, Ph.D., PMP, CCP, CDMP aritzhaupt@gmail.com Website: (Links to an Office Phone: (352) Cell Phone: (904)

2 CLASS MEETING TIMES Tuesdays from 5:10pm 8:10pm TEXTBOOK INFORMATION There is not a required textbook for this course. However, there are several online readings which are clearly outlined on the syllabus. REQUIRED SOFTWARE/HARDWARE You will need access to a variety of software packages this semester that will include integrated development environments, programming and scripting language compilers/interpreters, database management systems, software modeling tools, web browsers and various plug-ins, web servers, and various operating systems. The software tools include PHP, HTML/XHTML, HTML 5, CSS, JavaScript, MySQL, and MS Access 2007/10/13/16. You will also need a robust text editor, such as NotePad++ or jedit. For designing software diagrams, you can use either Microsoft PowerPoint 2007/10/13/16 or Microsoft Visio 2007/10/13. You will also use a web authoring package for some of the deliverables, like KompoZer or Dreamweaver. Finally, you will need access to a web server space. The instructor will identify suitable server spaces for you. You will need to create your domain and pay the fee for at least one year of service. COURSE DELIVERABLES There are three primary forms of deliverables in this course: software assignments, research experiment software, and examinations. Each of the items has a hard deadline that will be posted in advance and will not be adjusted. Pairs of two will collaboratively create all software products within this course. You will be responsible for working on your own assignments, but you are to work with a peer when designing and writing the source code. Software Assignments There will be several software assignments that you are to complete during the semester. The software assignments are designed to provide you an opportunity to apply the skills and concepts you have learned. The assignments should be completed in pairs. You are welcome to share ideas, help each other debug source code, and compare results. The assignments include the following:

3 Assignment 1: Setting Up a Blog Assignment 2: HTML and CSS Assignment 3: Decision Control Structures in JavaScript and Flowcharts Assignment 4: Repetition Control Structures and Arrays in JavaScript Assignment 5: HTML 5 Canvas and Animations Assignment 6: Introduction to PHP Scripting and File Processing Assignment 7: PHP and MySQL Research Experiment Software In your research pairs, you will be responsible for designing a research experiment and the data collection procedures for this research experiment using the web technologies discussed in class and covered on the assignments. More details about the research experiment software are provided within the specifications. Examination There will be two examinations during the semester. The exams will cover material from the assignments, class lectures and activities. The examination is a traditional on-campus examination, and is closed book and notes. Please do not worry about the exams. Worry about finishing the assignments and learning the materials. Completion of the assignments and associated activities will assure you perform well on the exams. GRADING SCALE Final course grades will be determined using scores from the following: 45% - Assignments (7) 30% - Research Experiment Software 25% - Examination Grade Scale A B C D E 0-59 Note: A grade of an I will not be awarded unless there are extenuating circumstances. The only grades that will be given for this class are: A, B, C, D, and E. No plus or minus grades will be given.

4 LEARNING OBJECTIVES Upon successful completion of this course, student will be able to: 1. Define the protocols and systems used on the Web. 2. Explain the functions of clients and servers on the Web. 3. Connect to a webserver to upload files. 4. Use flowcharts to illustrate problem-solving logic and entity-relationship diagrams to illustrate a database design. 5. Implement static websites using HTML, HTML 5, and CSS. 6. Implement interactive websites using client-side scripts (JavaScript) and server-side scripts (PHP). 7. Design and implement an interactive instructional web site with regard to issues of usability and accessibility using both client-side and server-side technology. 8. Demonstrate the ability to insert, update, delete and retrieve data to and from a MySQL relational database. COURSE POLICIES Attendance Students are expected to attend all of their scheduled classes and to satisfy all course objectives as outlined by the instructor. The effect of absences upon grades is determined by the instructor, who reserves the right to deal with individual cases of nonattendance. It is the student's responsibility to give the instructor notice prior to any anticipated absence, and within a reasonable amount of time after an unanticipated absence. Furthermore, it is the student s responsibility to catch up on all missed assignments and information covered in class. Requirements for class attendance and make-up exams, assignments, and other work in this course are consistent with university policies that can be found in the online catalog at: (Links to an external site.) Late Work In order to receive full credit for work, students must turn in required deliverables on the specified due date. Late work will not be accepted unless you fall under the special circumstances (e.g., religious holidays, military duty, etc.). Read the link above under attendance. You are welcome, however, to submit work early.

5 Accommodations for Students with Disabilities If you require classroom accommodation because of a disability, you must first register with the Dean of Students Office ( (Links to an drc). The Dean of Students Office will provide documentation to you, which you then give to the instructor when requesting accommodation. The College is committed to providing reasonable accommodations to assist students in their coursework. Counseling and Student Health Students with academic concerns related to this course should contact the instructor in person or via . Students also may occasionally have personal issues that arise in the course of pursuing higher education or that may interfere with their academic performance. If you find yourself facing problems affecting your coursework, you are encouraged to talk with an instructor and to seek confidential assistance at the UF Counseling & Wellness Center, Visit their web site for more information: (Links to an. Also, crisis intervention is always available 24/7 from: Alachua County Crisis Center: (352) Academic Integrity and Academic Honor Code As a student at the University of Florida, you have committed yourself to uphold the Honor Code, which includes the following pledge: We, the members of the University of Florida community, pledge to hold ourselves and our peers to the highest standards of honesty and integrity. You are expected to exhibit behavior consistent with this commitment to the UF academic community, and on all work submitted for credit at the University of Florida, the following pledge is either required or implied: "On my honor, I have neither given nor received unauthorized aid in doing this assignment." It is assumed that you will complete all work independently in each course unless the instructor provides explicit permission for you to collaborate on course tasks (e.g. assignments, papers, quizzes, exams). Furthermore, as part of your obligation to uphold the Honor Code, you should report any condition that facilitates academic misconduct to appropriate personnel. It is your individual responsibility to know and comply with all university policies and procedures regarding academic integrity and the Student Honor Code. Violations of the Honor Code at the University of Florida will not be tolerated. Violations will be reported to the Dean of Students Office for consideration of disciplinary action. For more information regarding the Student Honor Code, please see: (Links to an Course Evaluation Students are expected to provide feedback on the quality of instruction in this course based on 10

6 criteria. These evaluations are conducted online at (Links to an. Evaluations are typically open during the last two or three weeks of the semester. Summary results of these assessments are available to students at (Links to an. Acceptable Use Policy Please read the University of Florida Acceptable Use Policy (Links to an that can be found at (Links to an. You are expected to abide by this policy. Software Use All faculty, staff, and students of the University of Florida are required and expected to obey laws and legal agreements governing software use. Failure to do so can lead to monetary damages and/or criminal penalties for the individual violator. Because such violations are also against the University policies and rules, disciplinary action will be taken as appropriate. COURSE SCHEDULE This is a tentative course schedule. Please use this schedule to plan your weekly activities. Readings should be completed before class. Remember, no late work is accepted. Week Topics Deliverables Course Introduction Introduction to peers Week 1: 08/23/2016 Syllabus Review Introduction to computer programming Scripting versus programming

7 Sequence, selection, and repetition Internet basics Creating and editing web pages Introduction to jedit and NotePad++ Introduction to markup languages (HTML) Links, Images, formatting text, and tables Creating Image Maps, Frames, and Forms RGB coloring system and hexadecimal numbers Introduction to Cascading Style Sheets (CSS) CSS Syntax, classes, properties, identification External, embedded, and inline styles Using CSS to standardize web pages Web design and accessibility principles Week 2: 08/30/2016 Read entire tutorial: (Links to an Read entire tutorial: (Links to an Read the entire book : (Links to an Assignment 1

8 Week 3: 09/6/2016 Introduction to JavaScript, DHTML, and the Client-Side Principles of object-orientation Document Object Model (DOM) Placing JavaScript into Web Pages Reserved words and commenting code Run time vs. compile time vs. logic errors Events and Event Handling: Load, Unload, Click, Reset, Focus, Blur, Change, Select Introduction to Functions Functional Decomposition IPO Diagrams and Pseudocode Variable Scope (Local vs. Global) Pass-By-Copy Versus Pass-by-Reference Defining and Invoking Functions Creating Function Libraries Assignment 2 Read JS Home, JS Introduction, JS How To, JS Where To, JS Statements, JS Comments, JS Events, JS Math, JS HTML DOM: (Links to an Read entire tutorial: (Links to an external site.)

9 Read Intro, Syntax, Enable, Local, External, Events, and Comments: (Links to an Sequence Control Structure Data Types Literals and Variables Variable Initialization and Declaration Expressions and Statements Operators and Order of Operations Introduction to Structured Flowcharts Selection Control Structure If-then-else statement Week 4: 09/13/2016 Switch statement Try-catch-finally statement Truth tables Relational operators and Boolean algebra Logical equivalency (e.g., DeMorgan s Law) Introduction to regular expressions Read JS Variables, JS Operators, and JS Functions: (Links to an

10 Week 5: 09/20/2016 Read Functions, Statements, Confirm, Prompt, and Print: (Links to an Read JS Comparisons, JS If...Else, JS Switch, JS Popup Boxes, JS Events, JS Try...Catch, JS Throw, JS Boolean, JS Browser, JS Date, and JS Validation: (Links to an Read about regular expressions: (Links to an Read If, Else If, and Date: (Links to an Repetition control structures Counting versus conditional looping While loop Do while loop Endless Loops For loop Breaking from loops Revisit Structured Flowcharts Assignment 3 Read about regular expressions: (Links to an

11 Read JS For Loop, JS While Loop, JS Break Loops, JS For...In: (Links to an Read 5. Script Iterations, 11. Dynamic Filters, 12. Dynamic Content: (Links to an Read While, and For Loop: (Links to an Introduction to arrays Declaring, populating, indexing Associative arrays and delete operator Parallel arrays Array applications Sorting algorithms Week 6: 09/27/2016 Introduction to Object-Oriented Programming Revisit Principles of Object-Orientation Creating and Using Objects Classes, Methods, Properties Predefined Classes and Objects Inheritance, Polymorphism, Encapsulation, Abstraction

12 Read JS Array: (Links to an Read 6. Arrays and Data Objects: (Links to an Read Array: (Links to an Week 7: 10/04/2016 Basics of computer graphics Detecting coordinates Drawing lines, squares, circles, etc. Using the Canvas Drag and drop in the Canvas Creating animations Prepare for examination 1 Assignment 4 Read entire tutorial: (Links to an external site.) Week 8: 10/11/2016 Examination 1 After examination 1, we will work on assignment 5 together.

13 Week 9: 10/18/2016 AECT No Class! Assignment 5 Review Examination 1 with Class Introduction to the Server-Side and PHP POST and GET methods Revisit Data Types and Variables Revisit Sequence, Selection, Repetition File I/O in PHP Week 10: 10/25/2016 Read all sections up to advanced: (Links to an Read all sections up to advanced: (Links to an Week 11: 11/01/2016 Important functions in PHP Introduction to Persistent Memory Cookies in JavaScript Sessions in PHP Personalizing web pages Restricting access to web pages Assignment 6

14 Read all remaining sections in (Except Database): (Links to an (Links to an Read about cookies in: (Links to an Introduction to relational databases Database terminology Normalization Entity-relationship diagrams DML versus DDL Introduction to Structured Query Language (SQL) Select, Insert, Update, Delete, Create, and Alter statements Week 12: 11/08/2016 Introduction to MySQL Using PHP to connect to a MySQL database Creating data-driven web pages Read all Database sections in PHP: (Links to an (Links to an

15 Read SQL tutorial: (Links to an Read MySQL tutorial: (Links to an external site.) Week 13: 11/15/2016 Week 14: 11/22/2016 No class! Florida Educational Research Association Assignment 7 Catch Up Class Work on Projects with Guidance Prepare for examination 2 Examination 2 Week 15: 11/29/2016 After examination 2, catch up class - work on project with guidance. Week 16: 12/06/2016 Review results of examination 2 Presentation of research experiment software!