ISM 116: Web Design and Development (Spring 2015) Instructor: Rony Qian Co-Instructor: Hamid Nemati Office: 483 Bryan Building E-Mail: r_qian@uncg.edu Office Hours: M/W 3:30~4:30 or By Appointment Catalog Description Students learn skills needed to design effective web pages by studying the best practices in site design and using leading-edge design and development tools and techniques. Course Objectives This course is designed to teach students to design, develop, and maintain a web site. Students will learn web design and development techniques such as: defining the purpose for a web site; creating an information architecture; designing layouts with text, hyperlinks, images, divs, tables, etc.; styling web pages; and adding rich media to the web site. Dreamweaver will be the main tool being used for class demonstration and lab assignment, and it is recommended for web development projects; other programs may be used as well. Students will refine their development skills by using these technologies to complete a series of course assignments and projects. Students will complete weekly labs and two major projects: an individual assignment and a team project. The individual assignment demonstrates each student’s design and develops capabilities. The team project demonstrates students’ ability to work in teams to complete a project. This skill is extremely important as a practitioner. As part of these major projects, students are expected to design and develop fully functional web sites that can be added to their professional portfolios. Upon completion of the class, students will be able to: 1. Understand the basics of HTML CSS and use them appropriately; 2. Plan a web design project based on real life cases; 3. Design the architecture, layout and content of web sites; 4. Use design tools such as Dreamweaver CS6 and WordPress to create web pages and to implement a website; 5. Enhance the visual design of a website by adding rich media; add dynamic elements and interactive database functionalities 6. Test the usability of website; 7. Promote the website to targeted audience; Text Book and Course Resources 1. Adobe Dreamweaver CS6 Comprehensive, Series: Shelly Cashman; Author: Hoisington/Minnick; Publisher: Cengage Learning; 1st edition (November 1, 2012)(Recommended but not Mandatory) 2. Web Style Guide: Basic Design Principles for Creating Web Sites; Second Edition, by Patrick J. Lynch, Sarah Horton, Yale University Press. (This text book can be viewed from www.webstyleguide.com) 3. W3C online Tutorial: http://www.w3schools.com/ Course Components 1. Lecture (Monday Bryan 213): will give students a basic understanding of good design principles and a vocabulary sufficient to guide them as they explore website design on their own. Students are expected to learn how to find information to solve the problems they encounter in labs and on assignments. Since technology is ever-changing, knowing how to find answers is extremely important. Some in class examples will be used to demonstrate the application of concepts discussed in the lectures. Students may be asked to participate in the class examples. 2. Lab (Wednesday Bryan lab 221) are designed to encourage students to solve real development problems with reference to what they have learnt in both lecture and class example demonstration. A great deal of learning in the class is self-directed. However, both the instructor and the on-duty students of that week will be in the lab helping around and answering questions. Course Assignments, Exams, and Projects: Grading Items Requirements In Class Quiz*6 Students will be given a small in class quiz every Monday class, there will be 2-3 questions based on the materials covered last week; those questions will be in the mid-term exam. There will be 6 lab assignments (lab 1~6) and all lab 1~6 are due in class Students are required to prepare 2-3 pages review notes for the midterm exam; The written exam will be an one hour exam close book close notes on Wednesday the exam week; Lab exam is take home exam and students will have one week to finish the problems. Students will be asked to develop a webpage with some advance function which will be covered after spring break Students will form design teams (3~5 people per group) to work on a group web project. This project should be based on a real life case that requires the students to plan, design and develop a fully functional web site. Students should submit a detail plan for group project Status reports(1~5) should report the work of that week, and are due in class Students should present the group project in class Final group project is submitted as published website Students will be asked to write an essay on one of the three special issues covered during week 12~14 Lab Assignment*6 Review Notes Written Exam Lab Exam Individual Web Page Group Project Proposal Status Report*5 Presentation Final Project Essay Final Grade Grading Scale 100 Weight 100 15% 100 5% 100 15% 100 15% 100 15% 100 100 5% 5% 100 100 100 5% 10% 5% 100 100 5% In order to pass in overall, you need to submit all assignments; in case of a fail at the first attempt, you may need to come and talk with the instructor to arrange a make-up. The grading scale is based upon percent of points earned and is as follows: > 97 = A+ 93-96%=A 90-92%=A- 87-89%=B+ 83-86%=B 80-82%=B- 77-79%=C+ 73-76%=C 70-72%=C- 67-69%=D+ 63-66%=D 60-62%=D- Below 60=F Course Schedule (Subject to Minor Change) Assignment Due (Saturday 11:59pm) Monday Wednesday week 1(01/12) Review Syllabus & Introduction to Web Design Basic HTML & Setting up Dreamweaver week 2(01/19) week 3(01/26) Week 4(02/02) No Class Basic CSS CSS Formatting Lab 1: Create Basic Html Web Page Lab 2: CSS Rule Practice Lab 3: Formatting Text week 5(02/09) Creating Page Layout & Template Lab 4: Create a Template week 6(02/16) Adding Page Content Lab 5: Create a Web Page with MultiMedia week 7(02/23) Web Site Publishing & Usability Test Lab 6: Publishing a Website Review Notes week 8(03/02) week 9(03/09) Review Class Spring Break Mid-term In Class Exam Spring Break Take home Lab Exam week 10(03/16) Web Project Planning Group Project Discussion and Planning(Group Project Initial Plan) Group Project Proposal week 11(03/23) Animated Elements: Advance CSS3 Animation Work on Group Project(status report 1) week 12(03/30) Interactive Forms and Database Work on Group Project(status report 2) week 13(04/06) Special Issue 1: The Art of UI Design Work on Group Project(status report 3) week 14(04/13) Special Issue 3: Website Promoting Strategies Work on Group Project(status report 4) week 15(04/20) Special Issue 3:The Future of Website Design Work on Group Project(status report 5) Group Project Week 16(04/27) Group Project Presentation(1-5) Group Project Presentation (6-10) Essay Week 17(05/04) No Class No Class Ethical Issues and the Honor Code Policies: Individual Web Page University students are expected to conduct themselves in accordance with the highest standards of academic honesty. Academic misconduct for which a student is subject to penalty includes all forms of cheating, such as illicit possession of examinations or examination materials, forgery, plagiarism, etc. Although students are allowed to work with others on lab assignments, students may NOT borrow, or "share" copies of their lab assignments with other students. Each student should create his/her own lab assignment. Students may not share their work on any exam, or individual project or assignment; students will receive a 0 for the exam or assignment if this occurs. Plagiarism is defined as "presenting as one’s own work that work which is, in whole or in part, the work of another person or persons without giving proper credit to the appropriate source." This includes submitting work done by another as one’s own work. It is understood that what you turn in to me for a grade represents your own effort. Plagiarism will be immediately punished with a 0 for the assignment in question. Further disciplinary action will be pursued as the instructor deems appropriate. Helping one another is allowed on many assignments, but copying or turning in the same assignment is cheating. This practice is against the UNCG Honor Code and defeats the purpose of this course. No credit will be received for shared work, and other penalties may be imposed. This course also has some additional issues owing to the unique nature of online content. You may, at times, wish to borrow elements from another website (e.g., images, code). If you take structural or graphical elements from a site, you MUST specify 1) Where the elements came from, and 2) discuss the ways in which you have adapted and changed the original in order to make it your own. If you have questions about whether something you are submitting might constitute plagiarism, ask me well BEFORE you use the material. Students using pre-existing website templates or pre-created site elements without instructor approval will receive a 0 for the assignment. UNCG’s academic integrity policy can be viewed at: http://academicintegrity.uncg.edu/complete/ Bryan Faculty/Student Guidelines: Please view these guidelines at: http://www.uncg.edu/bae/faculty_student_guidelines_sp07.pdf Disabilities: If you have a documented disability and wish to discuss academic accommodations, please contact me as soon as possible. Inclement Weather: Rarely, UNCG closes for inclement weather. The radio and TV stations will have the closing notification by 6:30 am. You may also call 334-5000 for a message related to weather closings. These messages are updated hourly.