1. IT 245 - Website Development Welcome!

2. Welcome to Unit 6! Adding Interactivity This week’s reading: Chapter 11: Adding Interactivity

3. Introduction In this unit, you’ll add Web 2.0 functionality to your Web pages. One of the most significant differences between Web 2.0 and the traditional World Wide Web (retroactively referred to as Web 1.0) is greater collaboration among Internet users and other users, content providers, and enterprises. While there is no clear demarcation between Web 1.0 and Web 2.0, blogs, wikis, and interactive technologies like AJAX and RSS are considered to be part of the interactivity provided by Web 2.0.

4. To-Do-List Complete the Readings Complete the assigned readings for this Unit. Respond to the Discussion Board 20 Points Access the threaded discussion and respond to the Discussion questions for this Unit. Seminar or Flexible Learning Activity 20 points Participate in Seminar or complete Flexible Learning Activity. Complete the Unit Assignment 60 Points Complete the Unit 6 Project: Part A and Part B.

5. Readings Overview Chapter 11: Adding Interactivity This chapter covers adding Web 2.0 functionality to your Web pages by doing the following: use Dreamweaver behaviors; apply a behavior using Spry effects; work with XML data and data sources; and insert a Spry table and a Spry Accordion widget

6. Seminar Overview In this Seminar we will review: Web 2.0 Dreamweaver behaviors

7. Seminar Overview In this Seminar we will review: Dreamweaver behaviors Spry accordion

8. Atomic Learning Tutorials http://www.atomiclearning.com/highed/drmwvr_cs5 adv_pc http://www.atomiclearning.com/highed/drmwvr_cs5 adv_pc Section G – working with Spry Forms and Navigation Section I – adding behaviors http://www.youtube.com/watch?v=ckDFF9BTecA – spry accordion CS5 http://www.youtube.com/watch?v=ckDFF9BTecA http://www.youtube.com/watch?v=6FtwScchdas&N R=1 – spry Accordion CS4 http://www.youtube.com/watch?v=6FtwScchdas&N R=1

9. Web Readings Sebastian Sulinski Design Spry Tooltip with Dreamweaver CS4: This tutorial explains how to create spry tooltip with Dreamweaver CS4. Adobe’s Article on Creating Spry Tooltip and Form Validation Widgets: In this tutorial, you will learn how to create a tooltip widget and examine the functionality of some form validation widgets.

10. Project Outcomes addressed in this activity: Unit Outcomes: Utilize Spry to create a tabbed page Apply Dreamweaver Behaviors Course Outcome: IT245-1 Utilize a rapid application development tool to develop web pages and components. GEL 1.1

11. Project Unit 6 Project; Parts A and B This unit has two assignments; 6-A=50 points, 6-B = 10 points. This unit also has 2 dropboxes. Project 6-A=50 points Unit learning outcomes addressed in this activity Utilize Spry to import XML Apply Dreamweaver Behaviors Continue to build towards your final project. For this unit, you will a add rollover functionality to your global navigation and incorporate a Spry Accordion into your layout on at least one of your Web pages.

12. Project A Your instructor will expect you to meet the following objectives in completing this Project: Add rollover functionality to the global navigation you added to your site in Unit 5. Incorporate a Spry Accordion into the layout on at least one of your Web pages. Project requirements: Rollover functionality added to your global navigation and a Spry Accordion added to the layout of at least one of your Web pages. Submit the URL for your page to the Comments area of the Dropbox.

13. Project A Directions for Submitting Part A Go to the Dropbox. Click the link that says 'Submit an Assignment'. In the 'Submit to Basket' menu, select Unit 6-A: Project. In the optional 'Comments' field, type any additional information you wish your instructor to see. Type your URL in the Comments field, making sure to type in the format http://mysebsiteurl.com/index.htm. You will be able to come back to the Dropbox and view your graded work or in the Gradebook after your instructor evaluates it.

14. Project A Directions for Submitting Part A Go to the Dropbox. Click the link that says 'Submit an Assignment'. In the 'Submit to Basket' menu, select Unit 6-A: Project. In the optional 'Comments' field, type any additional information you wish your instructor to see. Type your URL in the Comments field, making sure to type in the format http://mysebsiteurl.com/index.htm. You will be able to come back to the Dropbox and view your graded work or in the Gradebook after your instructor evaluates it.

15. Project A - Grading Rubrics 1. Add rollover functionality to the global navigation you added to your site in Unit 5.: 0-25 2.Incorporate a Spry Accordion into the layout on at least one of your Web pages.: 0-25 Total : 0-50

16. Project B Outcome: GEL-1.1: Demonstrate college-level communication through the composition of original materials in Standard American English Project Based on the knowledge you have achieved thus far in our class, compose a minimum two page double-spaced paper detailing what you have learned and describe how you will use this knowledge with any other class, your present or future career, or your own personal life. Your paper needs to include a title page and follow APA formatting guidelines.

17. Project B Parameters/expectations: Include a title page Font size 10 or 12 At least one full double-spaced page in length, not counting the title page Includes a highly developed viewpoint, purpose and exceptional content Demonstrates superior organization, is well ordered, logical and unified Free of grammar and spelling errors No evidence of plagiarism

18. Project B - Grading Rubrics 1. At least 1 page in length not counting the title page, include a title page, double space, font size 10 or 12 : 0 – 2; 2. Includes a highly developed viewpoint, purpose and exceptional content : 0 – 2; 3. Demonstrates superior organization, is well ordered, logical and unified : 0 – 2; 4. Free of grammar and spelling errors : 0 – 2; 5. No evidence of plagiarism : 0 – 2. Total : 0-10

19. Thank you! Feel free to contact me with any questions! emartignon@kaplan.edu emartignon@kaplan.edu Use the Virtual Office to post questions throughout the week, as well as to upload your zipped folder if you need me to look at the code!