INFS 2150 (Section A) Fall 2018 Introduction to Web Development Class meets TUE & THU: 12:30am-1:45pm: in Wheatley 114 Instructor: Peter Y. Wu Office: Wheatley 309 Office Hours: Tuesday 9:00 am-12:00 noon; Thursday 9:30-11:30 am E-mail: wu@rmu.edu TEXTBOOK: New Perspectives HTML5 and CSS Comprehensive (7 th edition) author: Patrick Carey publisher: Cengage Learning 2017. ISBN-13: 978-1-305-50393-9 ISBN-10: 1-305-50393-7 COURSE WEB SITE: Course materials and information will be posted and continually updated at the course web site at http://mediaweb.rmu.edu/~wu/infs2150a/index.html. Visit the web site often and bookmark it to check for on-going information update as well as document archives. COURSE DESCRIPTION: INFS 2150 Introduction to Web Development and e-commerce Technologies aims at enabling students in web development using HTML (Hypertext Markup Language), integrated with CSS (Cascading Style Sheet) and JavaScript as the fundamental building blocks for the construction of web pages, and web sites. The course covers the basics in the concepts of the internet and the communication protocols in common use (such as ftp, and http), leading to the notion of the world wide web with web browsers and web servers working together in the client/server system architecture using the Hypertext Transfer Protocol (HTTP). Common Gateway Interface (CGI) will be discussed in the context of processing HTML forms as well as e-commerce application. In the course, we will also consider Web Site planning and organization, as well as the design and construction of web pages. HTML topics will include the basic and advanced syntax or tags used to create HTML documents. Specific HTML constructs include lists, tables, hyperlinks and image maps, and forms with the use of cascading style sheets. Other topics include the use of images and color on the web, and use of JavaScript in web pages. The topic of frames is not strongly encouraged in HTML5, but will still be covered so that the student is also enabled to understand earlier HTML versions used in practice. The basics of programming in JavaScript will be covered, leading to the HTML Document Object Model. Along with the topics, ethical and legal and security issues in e- Commerce are also discussed. - page 1 of 7 -
PREREQUISITE: INFS 1020 or equivalence in preparation for computing and applications. A working knowledge of the Windows system on a PC, the web browser, and text editor such as Notepad, file system and tools for file transfer between computers on the network will be expected. PRIMARY GOAL: The primary goal of INFS 2150 Introduction to Web Development and e-commerce Technologies is to learn the Hypertext Markup Language (HTML) and concepts of the world wide web to develop a web site. Students will acquire a working knowledge of HTML and be introduced to the concepts about the common gateway interface (CGI) on the web, Cascading Style Sheet and client-side JavaScript. COURSES OBJECTIVES: At the satisfactory completion of the course, the student is expected to be able to: Topic 1: Design a Web Site using the Hypertext Markup Language Discuss the concept an information systems life cycle; define a web site as an information system; identify a web site s purpose and its relation to a strategic plan; List the tags of Hypertext Markup Language; identify tags in Hypertext Markup Language; explain what the Hypertext Markup Language is; use the tags of Hypertext Markup Language Topic 2: Informational Analysis and Design with HTML Documents Compare, relate, and explain concepts of structured, event-driven, and object oriented approaches to program design and with examples of each approach. Use questions to elicit systematically and identify data requirements from individuals and groups analyze individual and group tasks to determine information requirements. Identify what an HTML document is; List the informational structures of a document (table, list, paragraph, themes, images, links); Explain the informational analysis and design of a document; Define the informational structures of a document; Use informational analysis and design in web site design; Describe the informational structures of a document. Topic 3: Developing HTML Documents State a simple problem identifying desired outputs for given inputs; give an overview of the problem: List the parts of an HTML document; Identify the parts of an HTML document; Explain the functionalities of the parts; Use the appropriate tags to develop documents; Describe the parts of an HTML document. Topic 4: Managing the Process of Web Site Development Identify related information technology requirements and explain the relevance of IS management aligning itself with strategic organizational processes: List the various kinds of feasibility analyses; Identify the various kinds of feasibility analyses; Define the purpose of a web site and of its documents. - page 2 of 7 -
Topic 5: HTML Syntax List all the basic tags: Identify the basic tags and their use. Explain how the basic tags are used and when; Use the basic tags in constructing documents; Understand the appropriate use of the basic tags. Topic 6: Tables and Their Use in Documents List the component HTML tags used to construct a table (viewable the same way in all browsers): Identify the component tags and their appropriate attributes; Explain the component tags and the appropriate attributes; Define the component tags and the appropriate attributes; Use the component tags and the appropriate attributes to construct tables in documents; Recognize the component tags and the appropriate attributes; Describe the component tags and the appropriate attributes; Understand the component tags and the appropriate attributes and their use. Topic 7: Images and Their Use in Documents List the HTML tag used to insert an image (viewable the same way in all browsers): Identify the tag and its appropriate attributes (src, width, height, alt); Explain the tag and its appropriate attributes; Define the tag and its appropriate attributes; Use the tag and its appropriate attributes to place images in documents; Recognize the tag and its appropriate attributes; Describe the tag and its appropriate attributes; Understand the tag and its appropriate attributes. Topic 8: Frames and Their Use in Documents List the component HTML tags used to construct a frame (viewable the same way in all browsers): Identify the component tags and their appropriate attributes; Explain the component tags and the appropriate attributes; Define the component tags and the appropriate attributes; Use the component tags and the appropriate attributes to construct a frame in documents; Recognize the component tags and the appropriate attributes; Describe the component tags and the appropriate attributes; Understand the component tags and the appropriate attributes and their use. Topic 9: Forms and Their Use in Documents List the component HTML tags used to construct a form (viewable the same way in all browsers): Identify the component tags and their appropriate attributes; Explain the component tags and the appropriate attributes; Define the component tags and the appropriate attributes; Use the component tags and the appropriate attributes to construct forms in documents; Recognize the component tags and the appropriate attributes; Describe the component tags and the appropriate attributes; Understand the component tags and the appropriate attributes and their use. Topic 10: Cascading Style Sheets and Their Use in Documents List the component HTML tags used to construct a style sheet-based document (viewable the same way in all browsers): Identify the component tags and their appropriate attributes and syntax; Explain the component tags and the appropriate attributes and syntax; Define the component tags and the appropriate attributes and syntax; Use the component tags and the appropriate attributes and syntax to construct style sheet-based documents; Recognize the component tags and the appropriate attributes and syntax; Describe the component tags and the appropriate attributes and syntax; Understand the component tags and the appropriate attributes and syntax and their use. - page 3 of 7 -
Topic 11: JavaScript and Its Use in Documents Compare, relate, and explain concepts of structured, event-driven, and object oriented approaches to program design and with examples of each approach: Design program logic using both graphical and pseudo-code techniques which utilize standard control structure: sequence, iteration and selection; Translate data structures and program design into code in a programming language; verify the translation, and ensure the correctness of the result; test the code with sample data sets. List the component HTML tags used to construct a JavaScript-based document (viewable the same way in all browsers): Identify the appropriate JavaScript syntax; Explain the appropriate JavaScript syntax; Use the appropriate JavaScript syntax; Recognize the appropriate JavaScript syntax; Understand the appropriate JavaScript syntax and its use, including concepts of the Document Object Model. Topic 12: Web Architecture and Web-based Applications Explain what web architecture is and relate it to a web site; Recognize the components of the architecture of a web site; Describe the components of the architecture of a web site In summary, students who completed the course satisfactorily are expected to be able to: 1. Construct HTML document demonstrating an understanding of the syntax. 2. Make use of HTML features including text formatting, lists, tables, graphics, image maps, frames, forms and input elements in the construction. 3. Make use of Cascading Style Sheet in the construction. 4. Make simple use of client-side JavaScript in the construction. 5. Demonstrate an understanding of the client-server architecture of the Web. 6. Design and develop a relatively simple web site using HTML. 7. Manage and report the design and development process of a simple web site. COURSE STRUCTURE: The course is primarily built on lectures with reading and homework assignments, and a term project which is very small scale web site implementation project. Additionally students must also learn to use tools for file transfer involved in the installation of web pages at a web site. The course structure consists primarily of the following: 1. Lectures, with appropriate student/faculty member interaction (such as student initiated questions, instructor-generated probing questions, discussions, etc.) accompanied by instructor use of an overhead computer projection device and/or presentation software in a communication skills lecture classroom. Student use of individual personal computers to apply appropriate application software, and to begin projects that may take place in a computer lab classroom. 2. Readings, primarily from the textbook, but also include other materials relating to the subject matter of the course, or the use of relevant tools (such as WinSCP) for course work, and student web site construction. These will be posted on the course web site. 3. Use of textbook materials, and instructor provided handout materials, as well as reference information and tools available on the web. - page 4 of 7 -
4. Homework assignments, Tests, Quizzes, and the Term Project. The following section on Grading Criteria will describe these items in further details. Important Note: The student is responsible to devote significant out-of-class time to work on all the assignments using his/her own personal computer or a Lab or classroom PC. GRADING CRITERIA: The graded items in the course include 8 homework assignments, 3 tests, and a term project. Each of the 8 homework assignments carries 6%, for a total 48% of the grade. The 3 tests each consists of quiz style short questions as well as small scale development work. The tests are held in our lab, each carrying 12% for a total of 36% of the grade. The tests are held on their designated dates (note IMPORTANT DATES below). Mark these dates so that you will not miss any. The Term Project requires design and development work for a web site, and writing up of a report. It carries 16% of the grade. The instructor will assess an extra +/- 1% of the grade to the professionalism demonstrated in your work (assignments, tests, and project report), and your attendance and participation in class. Your course grade will be determined tentatively according to the following scale. Tentative Grading Scale: 93 100% A 90 92% A- 87 89% B+ 83 86% B 80 82% B- 76 79% C+ 70 75% C 60 69% D Below 60 F IMPORTANT DATES: Please note the following dates and times for the 3 Tests held in the lab, the Term Project is due on the Tuesday of the last week of class in the semester. Test 1: September 25 (Tuesday) at 12:30 pm. Test 2: October 23 (Tuesday) at 12:30 pm. Term Project due: December 6 (Thursday) at 12:30 pm. Test 3: December 12 (Wednesday) at 11:00 am - 1:00 pm. (final exam time) ATTENDANCE: Attendance will be taken at each class period. The CIS Department s 25% Absence Policy will be enforced; that is, if a student misses 25% or more of the allotted semester classes, he/she will automatically receive a letter grade of F, regardless of the current grade standing. The student is responsible for keeping record of missed classes. Should a student arrive late for a lecture, it is the student's responsibility to contact the instructor to insure that the student has not been marked absent for that lecture. Leaving class after the mid-point without arranging with the instructor will result in being marked as absent for the entire class. READING ASSIGNMENT: The student is responsible for doing all assigned readings. The instructor will indicate the reading materials from textbook, reference materials distributed as well as materials posted online. The student is responsible for grasping all materials and concepts presented in class, which may or may not originate from the textbook. - page 5 of 7 -
SUBMISSION AND GRADING OF ASSIGNMENTS, AND PROJECT The student is responsible for submitting all assignments and the project on time. Absence from class does not excuse the student to submit an assignment late. Assignments submitted late may not receive any credit; the instructor may accept and grade a late assignment and apply a discount to the score, subject entirely to the instructor s discretion. The students are encouraged to help one another, but submitted assignment has to be the student s own work. Please read and follow the instructions on the Assignment sheet: you will be instructed on what to submit. For all the assignments except Assignment 1, you will have to install the web page(s). Every student enrolled in this class also gets a student account to use the web server on the RMU host mediaweb.rmu.edu. Be sure to learn how to install your web pages. Your web pages, when installed properly, should be accessible at the following web address. http://mediaweb.rmu.edu/~ (your user id) / (file path). FOLLOW-UP: If a student does not fully understand a reading assignment or lecture subject and would like further explanation, the student is responsible to raise the topic(s) for discussion in class. Don't be afraid to ask. You are probably not the only one who needs the help. If further explanation is required on an individual basis, the student is encouraged to see the instructor during office hours or make an appointment. ACADEMIC INTEGRITY POLICY: The fundamentals of Academic Integrity are valued within the Robert Morris University community of scholars. All students are expected to understand and adhere to the standards of Academic Integrity as stated in the RMU Academic Integrity Policy, which can be found on the RMU website at www.rmu.edu. Any student who violates the Academic Integrity Policy is subject to possible judicial proceedings which may result in sanctions as outlined in the Policy. Depending upon the severity of the violation, sanctions may range from receiving a zero on an assignment to being dismissed from the university. If you have any questions about the policy, please consult your course instructor. PLAGIARISM: Plagiarism, taking someone else's words or ideas and representing them as your own, is expressly prohibited by Robert Morris University. Good academic work must be based on honesty. The attempt of any student to present as his or her own work that which he or she has not produced is regarded by the faculty and administration as a serious offense. Student academic dishonesty includes but is not limited to: Copying the work on another during an examination or turning in a paper or an assignment written, in whole or in part, by someone else; Copying from books, magazines, or other sources, including Internet or other electronic databases like ProQuest and InfoTrac, or paraphrasing ideas from such sources without acknowledging them; Submitting an essay for one course to a second course without having sought prior permission from your instructor; Giving a speech and using information from books, magazines, or other sources or paraphrasing ideas from sources without acknowledging them; Knowingly assisting others in the dishonest use of course materials such as papers, lab data, reports and/or electronic files to be used by another student as that student's own work. - page 6 of 7 -
Note on team or group assignments: When you have an assignment that requires collaboration, it is expected that the work that results is credited to the team unless individual parts have been assigned. However, the academic integrity policy applies to the team as well as to its members. All outside sources must be credited as outlined above. PROFESSIONALISM: Cheating of any kind will result in a grade of F for the course, and possible judiciary prosecution. Sharing of test information in any manner during quiz, exam, or test is not acceptable behavior and will receive a grade of "F" for the course for all participating parties involved. Students are expected to exhibit conduct that, in the opinion of the instructor, is courteous to the instructor and to the other students. QUESTIONS AND COMMENTS: I welcome your questions and comments in class as well as out of class. Please feel free to raise your questions and comments. If you need to discuss something, you are welcome to visit with me during my office hours, or arrange an appointment. If you miss any lecture, please review the lecture material and the handouts available at the course web site. But if you have questions about the lecture material, please do raise your questions, and feel free to point out errors and mistakes in the lecture materials. I also welcome your suggestions to improve my teaching, and your sharing of good case studies and application examples, including useful web links. SPECIAL LEARNING OR PHYSICAL ACCOMMODATIONS: Students who may be eligible to receive learning support or physical accommodations must contact the Center for Student Success at 412-397-6862 to schedule an appointment with a counselor. The counselor will provide the student with the RMU Disability Student Services information and discuss procedures for requesting accommodations. To receive accommodations in this course, arrangements must be made through the Center for Student Success at the beginning of the semester. Peter Wu August 25, 2018. - page 7 of 7 -