IS&LT 4360/7360 Introduction to Web Development (3 hours)

Transcription

1 IS&LT 4360/7360 Introduction to Web Development (3 hours) Instructor Information Instructor: Jill Dourty Adjunct Instructor, SISLT Office Hours: Arranged (online or in person). I can meet virtually via Instant Messaging (IM), videoconference (Skype), or telephone. To reach me, first use the address listed above so we can make arrangements to meet otherwise. You may also leave me a private message in Sakai. Instructor: Dr. Jane L. Howland Associate Teaching Professor, SISLT howlandj@missouri.edu Phone: Fax: Office: 221J Townsend Hall Office Hours: Arranged Pornsuree (Suree) Jamsri pjww8@mail.missouri.edu Phone: or (Toll Free) Office: Digital Media Zone, 201D Townsend Hall Office Hours: : Monday (10am-3pm), Thursday (10am-3pm), Friday (10am-3pm), or other times by appointment. I can meet in-person, or virtually via Instant Messaging (IM), videoconference (ichat or Skype), or telephone. To reach me, use the Zone telephone number or my address listed above. Or you may leave me a private message in Sakai. Young Cho yhc2k2@mail.mizzou.edu Office: 111 London Hall Office Hours: Thursday in the Zone (10am-1pm) or arranged (online or in person). I can meet virtually via Instant Messaging (IM), videoconference (Skype), or telephone. To reach me, first use the address listed above so we can make arrangements to meet otherwise. You may also leave me a private message in Sakai. Course Description The purpose of this course is to provide students with an understanding of basic web page design and web authoring skills in addition to the technical expertise required for creation and publishing of XHTMLcompliant documents. The course will cover browser/server interaction, directory management, and web page design and development. Attention will be directed toward the impact a designer's choices have on communication, understanding, and accessibility. Students will design, develop, test, evaluate, and apply evaluation data to their project web site. This is an ONLINE course with no regular in-person or classroom meetings. The course is offered via Sakai ( and supported by mentors and instructors working through the Digital Media Zone. Page 1 of 10

2 Please note: All assignments in this course are to be done independently. While it is acceptable to seek assistance from your classmates on specific HTML problems, your pages (including the code and content) are expected to be unique and written by you!! Prerequisites: None Course Objectives Upon the successful completion of this course, a student will be able to: Use SFTP (Secure File Transfer Protocol) programs to communicate with a remote web server o connect and upload files to a remote web server o manage directories and files on a remote web server Demonstrate basic XHTML coding o create formatted text o write both absolute and relative links o write lists o add visual elements and graphics o change the color of text and background o build tables o produce inline and embedded CSS (for formatting and page layout) o insert multimedia elements Design a Web page or Web site using sound design principles o identify appropriate organization o create flexible, intuitive, and consistent navigation o apply best practice theories to design, page layout, text, and graphics Address accessibility and W3C standard issues o design a user-friendly interface o comply with American with Disability Act (ADA) requirements o comply with W3C XHTML Transitional 1.0 specifications Perform the multimedia design cycle o generate a design plan before production o conduct formative evaluation including user testing with target audience and expert reviews o apply changes to Web site based on feedback from user testing Page 2 of 10

3 Digital Media Zone The Zone is staffed by Mentors who focus on helping you learn by doing. The Zone is a physical and virtual space/place where you can receive help and support from those who have special knowledge and skills, but where you are ultimately responsible for your own learning. Your Instructor and the Zone Mentors do not teach you in a traditional classroom approach. They help you learn by providing guidance and support while you learn by doing. The Zone is part of the School of Information Science & Learning Technologies in the College of Education at the University of Missouri-Columbia. It is physically located on the second floor of the Reflector (Room 201D) in Townsend Hall. The Reflector is a technology-rich support environment for students in the MU College of Education. To learn more about the Zone and the full range of support for online students enrolled in Digital Media Zone courses offered by the Zone, please visit Zone Spring 2011 Hours: Monday: 10am-6pm Tuesday: 12pm (noon)-8pm Wednesday: 10am-6pm Thursday: 10am-6pm Friday:10am-3pm Telephone: or (Toll Free) zone@missouri.edu Chat (Instant Messaging): AOL Instant Messenger (AIM): dmediazone Yahoo: dmediazone MSN: zone@missouri.edu ichat: zoneichat Directions and a map to the Zone: Page 3 of 10

4 Course Materials and Resources The required textbooks are available at University Bookstore, most Barnes & Noble stores, or through Amazon.com: Web Development and Design Foundations with XHTML (5th Edition) by Terry Felke-Morris (ISBN: ) The following software is required for this class: Text Editor: NotePad (PC); TextEdit or TextWrangler (Mac) Browser: Internet Explorer 4.x or above; Mozilla Firefox 1.0 or above. File Transfer Protocol (FTP) program (your choice as long as it supports secure ftp) o Felke-Morris suggests you use the free FTP program called FileZilla ( This program will work on either the Mac or PC platform. o MU s Division of IT provides students with access to SecureFX (for PC users) OR Fetch FTP (for Mac users). You can download a free copy of these FTP programs from the MyServices Catalog (supported by MU s Division of IT at or ). o There are other options like the free Cyberduck ( which also works on either platform (Mac or PC). If you have never used Bengal, you will need to request your free (200 MB) space from the Division of IT. Go to and choose Hosting/File Storage. Under web hosting, click on student. Under Service request forms, you should Request a Bengal account. If you have problems or questions, please contact the DoIT Help Desk at (573) THIS PROCESS CAN TAKE TIME SO REQUEST YOUR BENGAL SPACE IN ADVANCE! Student support and additional resources are offered through the Digital Media Zone. Assignments This course has nine (9) assignments. Certain assignments have hard deadlines (see below), meaning there are no extensions available. Please make sure you keep these due dates in mind as the semester progresses. If you need an extension on the non-exempt assignments, be sure to contact us in advance of the due date. Assignment (**No extension available) Point Value (100 points total) Orientation 7 Basic Webpage 10 Web Site Evaluations 10 Design Document 15 Discussion Forum** 5 Quiz: Essentials for a Successful Final Project Web Site** 3 Evaluation Report 15 Final Project Web Site** 30 Discussion Forum: Dreamweaver** 5 Total 100 Detailed instructions and assessment criteria are located in the Assignments section of the course site in Sakai. Page 4 of 10

5 Discussion Forums You are encouraged to participate in all of the discussion forums. To participate means to partake in the discussion NOT just to post your input at the last minute on the last day. To receive full credit for the required discussions, the postings must be substantive. Responses such as "good idea," or "interesting point" or I m having that problem too, while appreciated as general feedback to your classmates, will not be considered substantive responses. Substantive responses are those that extend the discussion, elaborate on points others have made, etc. Detailed instructions for the required discussion topics will be posted as locked messages on the top of the topic discussion board. The required forums are worth 5 points each. You must follow the instructions in their entirety to receive full credit for your postings. There are discussion forums open throughout the semester for your convenience. Please remember those are the ideal locations for you to post your questions, problems, solutions, etc. Also, to build a community with your classmates, we encourage you to respond to your classmates postings. It s the perfect opportunity to help your classmates and learn from each other. Please Note: There are no extensions allowed for the required topic discussions. Each discussion is open for one week before the due date. Guidelines The discussion board is one of the primary communication methods for an Internet course. If the discussion board becomes ill structured and messy, it can be an ineffective tool for communication and learning. With many people posting comments, it can become difficult to follow a particular topic and to see who has contributed to a specific discussion. Thus, adhering to the following guidelines should make the use of the discussion board more efficient and effective: 1. Before creating a new thread or posting a comment in a forum, make sure that your specific topic or issue has not been posted on the board already. Hence, read the other postings and do not create new threads for the same topic. 2. When you do reply to a posting, you may want to rename the subject area so that readers will quickly know your main topic. 3. Post comments or create new threads in the most appropriate forum for your topic. 4. Do not post "personal comments" to other classmates that do not relate to the main topic of the class discussion. Use for these types of comments or another discussion forum. 5. The discussion board will not be used for personal complaints regarding workload or classmates. These postings will be removed from the discussion board. If you are having major problems, then you should send to the instructor. Orientation Activities This activity is intended to help you identify some basic information you should know. The purpose of the orientation activity is for you to get familiar with Sakai (the course management system used in this class), set-up your FTP software, and practice ftp-ing. Basic Web Page The basic Web page assignment is designed to give you a chance to practice using some basic HTML before you attempt to create your final project. You will create a web page and ftp it to your www directory on Bengal. Website Evaluations For this assignment, you will use a user testing form to evaluate two web sites that you visit frequently. Based on your user testing, you will write a report describing the features you like and don t like using concrete examples to justify your reasoning. Page 5 of 10

6 Quiz: Essentials for a Successful Final Project Web Site As the name of the quiz might suggest, this assignment is intended to highlight the essentials necessary to create a successful final project web site. Final Project To complete the final project, you must create a Design Document for your project web site and then develop and test your final web site. You will describe your testing experience in an Evaluation Report. Although the final project can be started and completed at any time during the semester, the web site must be 75% completed before you can complete your evaluation report. You will have the opportunity to make revisions based on what you learned during the evaluation process. The project web site will be developed independently throughout the course. The final project web site should also be original and unique to this course, not a page you ve used for another course or purpose. Although your web site will reflect individual interests, each page should be developed with a clear purpose using recognized design fundamentals as guides. Your final web site should be representative of your web development capabilities. Some students enter the course with prior web development experience and others with none. This is an introductory course, so prior experience is not expected. Because of variation in knowledge and skills, each student should set goals that are personally challenging and avoid comparisons with other students in this course. Your final project web site should be representative of what you have learned in the course and can become an important artifact in a portfolio of your work. Do not use a web authoring tool like Dreamweaver (or its templates) to create your final project. Your HTML should be written by hand. Grading Scale Graduate Students A: (100-90) B: (89-80) C: (79-70) F: (69-0) NOTE: For the Final Project, graduate students will be required to complete an additional task and have a different assessment to support the expected learning outcomes of a graduate course. This information will be provided with the detailed instructions for the final project. Undergraduate Students A: (100-93) A-: (92-90) B+: (89-87) B: (86-83) B-: (82-80) C+: (79-77) C: (76-73) C-: (72-70) D+: (69-67) D: (66-63) D-: (62-60) F: (59-0) The following definitions of each grade are intended to provide a standard for judgment, not a rule that can be applied mechanically; thus, while a grade of C in an undergraduate course indicates adequate work, a grade of C in a graduate course indicates work of less than adequate quality. The grade of A is awarded for performance of outstanding quality. The grade of B is awarded for superior, but less than outstanding performance. The grade of C is awarded for adequate performance. The grade of D is awarded for performance that marginally meets minimum standards. In most, but not all, cases a grade of D in a prerequisite undergraduate course is regarded as adequate for Page 6 of 10

7 enrollment in the next higher course, whether it be the same or a related department. The grade of D is not awarded to graduate students. The grade of F indicates a level of performance that is unacceptable. Student Responsibilities It is your responsibility to follow the instructions for each assignment. Please ask questions when you are not sure! You should do what we teach you to do in this introduction course. We will be using the transitional DOCTYPE only (not strict or loose) for all of the pages you create. Internal and embedded style sheets will be allowed but external style sheets will be allowed only in the final project. No scripting of any type (i.e. Java Script) is allowed in this course. Please do not attempt to use any type of scripting in pages you create for this course. The penalty for using scripting in any of your assignments will be an automatic 25% deduction to your assignment score. How to Succeed Here are some tips for getting most out of this course: Check the Course Schedule often. Be aware of due dates and stay ahead! It will make the semester easier and more successful for you. Get to know your classmates and the Zone mentors. Take advantage early of the opportunity to learn about your classmates and let them know about you. Contribute by writing about yourself and also by responding to what others write. Forming a community with your fellow students will make the course more enjoyable and will aid your learning Work collaboratively. How much you learn and how much enjoy this course can depend on the sense of connection you develop with your fellow students. Try to help each other; you will benefit from what everyone has to offer. Check the discussion forums often - at least once a day or every other day. Check your understanding. Your goal is to understand the theories, principles, development, and concepts central to the course. Do not stop with reading the course materials. Take the time to review the key terms, look up those you don t remember, and complete the review questions. Always review the underlying concepts and interact with your peers to see if you need to strengthen your understanding. Practice! Each chapter in your textbook has a Chapter Summary which offers you reinforcement on what you have learned thus far. Please complete the review questions. You will find the answers to the Checkpoints (located within the chapter readings) and Review Questions in the back of your textbook. Your textbook also offers online access ( to student starter files (for practice exercises offered throughout the text) and hands-on practice solutions. These will not count towards your grade in this course, but will aid you as you progress through this course. Check your link. Before you submit your assignment link in Sakai, be sure you enter the link in a browser to confirm it works. We will not play seek-n-find to find the correct link for your assignment! Use what you are learning. Don t make an assignment more difficult than it needs to be by trying to use external styles or JavaScript. Those topics are covered in another course (Intermediate Web Development). This is an introductory course; limit yourself to simple html and inline/embedded styles. Contact a Zone mentor when you need help. The Zone mentors are there to help you and you should feel to contact them anytime you need help with anything related to this course. You must contact the mentors three (3) business days in advance of the due date of an assignment for assistance. Additionally, you should not expect the mentors to pregrade your assignment. It is YOUR responsibility to make sure your assignments meet the requirements. Ask mentors specific questions. (e.g. Good: What is a self-closing tag? Bad: Are there any errors in my code?) Page 7 of 10

8 Course Policies Reviewing Student Work Many Zone online courses require you to present your work electronically so other students can see it. You may also be asked to review the work of other students, as part of the instructional process of the class. Your work may be used as an example accomplishing a technique or to give other students new ideas. Having other students peer review your work can support your own learning and lead to better outcomes for everyone in the course. If at any time you feel uncomfortable sharing your work, or with the feedback or comments on your work by other students, contact the instructor. To protect student privacy and prevent the inappropriate or illegal use of student work, you are not allowed to distribute links or files of your peers' work to anyone outside the course. The viewing of peer projects is only for students enrolled in the course, to assist with our learning activities. Therefore, the owner and developer of the web site will decide whether to distribute their work to people outside the course. Feedback You may request feedback on all of your work except the required discussion forums, quiz, and final project Web site. To receive feedback before an assignment is due, you must: Upload your work to the Bengal server Determine and copy the correct FULL URL Include the URL and request feedback/assistance on the associated discussion board (for feedback from your classmates) or a request to the Zone mentors at least three (3) business days prior to the due date If you submit a request for feedback later, there may not be time to help you. We re a team so let s all work together to learn and create the best web sites possible! Feedback will not be given on your final project. At this point in the semester, you should have a solid understanding of the concepts required to complete the final project. If you run into problems, ask questions. We will help, but we will not step through your site to verify that you did everything correctly. How to see feedback on your assignments In the assignments section of Sakai, you will need to click on the assignment name after you ve been notified that the assignment is graded. This will tell you how many points you have earned for each section of the assignment as well as show you any comments from your instructor. These comments are located at the bottom of the rubric for the assignment. You are expected to read those comments and attempt to correct any errors before you submit the next assignment. Page 8 of 10

9 Cheating **The html for the web pages you design for this course must be written by hand with a simple text editor.** Using ANY tool other than a text editor to write your code will result in an automatic 0 for that assignment. This course is designed to teach you how to write html by hand; using any other tool is cheating yourself. Likewise, copying and pasting someone else s html is forbidden. Students often struggle with writing html, but the more you practice, the easier it will become. It is also essential that you understand that it is not acceptable to copy content from other web sites. This includes using others graphics, text, or any other media, without permission from the original author. If uncited material is found in any assignment, including the final project, you may receive an automatic zero for that assignment. Online Class Netiquette Your instructor and fellow students wish to foster a safe on-line learning environment. All opinions and experiences, no matter how different or controversial they may be perceived, must be respected in the tolerant spirit of academic discourse. You are encouraged to comment, question, or critique an idea but you are not to attack an individual. Our differences, some of which are outlined in the University's nondiscrimination statement, will add richness to this learning experience. Please consider that sarcasm and humor can be misconstrued in online interactions and generate unintended disruptions. Working as a community of learners, we can build a polite and respectful course ambience. Late Work The due dates are clearly posted above. It is important to note that late work will be penalized. Without prior consent, late work will result in a grade reduction of 25% and assignments more than three (3) days late will not be accepted. If you have conflicts or problems, please contact your instructor or teaching assistant in advance of the assignment due date. To be eligible for an extension without penalty, your request must be made and approved before the assignment due date. With prior approval from your instructor, you will not be penalized for a late submission. Keep in mind that some assignments are exempt from extensions including the two (2) required discussion forums, quiz, and final project Web site. Note: Internet, computer, or technical problems are not valid excuses for late assignments. Make sure that you have a backup plan for accessing alternative computers for completing and submitting assignments and leave yourself plenty of time to submit the assignment before the deadline. Graded assignments will be reviewed and graded as soon as possible after the posted due date. Incomplete Incompletes in this course will be given if, and only if: The completed portion of the student's work in the course is of passing quality and There is such evidence of hardship as to make it unjust to hold the student to the limits previously fixed for the completion of his/her work. If you meet the above criteria and you wish an Incomplete in this course, you must immediately send an to your instructor. In some cases, an Incomplete will result in an automatic drop in a letter grade. Requests for Incompletes must be provided two weeks prior to the Final Project due date. For those students who are taking an Incomplete for Zone courses, all the course assignments and projects must be completed and turned in for grades before the start day of the coming semester; otherwise, a letter grade F will be given for the course. Page 9 of 10

10 For more information on Incompletes, please visit: Course Withdrawal Withdrawals will adhere to university policies regarding dates and grades. If a request for a withdrawal is submitted after the university due date, a student will only receive a W for a "passing" status in the course. Otherwise, an F will be reported. The University s Registrar Web page says, Note: Students may not withdraw from all courses or their last course via myzou. This must be done through the academic advising unit to which the student is assigned. If it is more than 10 days prior to the start of the term, the student may withdraw (drop last class) him or herself through myzou. For more information on Withdrawals, please visit: Statement Regarding Academic Dishonesty Academic integrity is fundamental to the activities and principles of a university. All members of the academic community must be confident that each person's work has been responsibly and honorably acquired, developed, and presented. Any effort to gain an advantage not given to all students is dishonest whether or not the effort is successful. The academic community regards breaches of the academic integrity rules as extremely serious matters. Sanctions for such a breach may include academic sanctions from the instructor, including failing the course for any violation, to disciplinary sanctions ranging from probation to expulsion. When in doubt about plagiarism, paraphrasing, quoting, collaboration, or any other form of cheating, consult the course instructor. Statement Regarding ADA If you need accommodations because of a disability, if you have emergency medical information to share with me, or if you need special arrangements, please inform me immediately. To request academic accommodations (for example, a notetaker), students must also register with the Office of Disability Services, ( S5 Memorial Union, It is the campus office responsible for reviewing documentation provided by students requesting academic accommodations, and for accommodations planning in cooperation with students and instructors, as needed and consistent with course requirements. For other MU resources for students with disabilities, click on "Disability Resources" on the MU homepage. Statement Regarding Intellectual Pluralism The University community welcomes intellectual diversity and respects student rights. Students in an online course should maintain the same standards of civil, respectful speech and behavior towards one another that are expected in the traditional academic environment of the physical classroom. Nondiscrimination Statement The University of Missouri-Columbia does not discriminate on the basis of race, color, religion, national origin, ancestry, sex, age, disability, or status as a disabled veteran or veteran of the Vietnam era. For more information, call the MU Human Resource Services Department at (573) or the U.S. Department of Education's Office for Civil Rights. Page 10 of 10