net-based software application system development teaching hours/scores: 36/2 selection: optional...

Net-based software Net-based software application system application system developmentdevelopmentTeaching hours/scores: 36/2Teaching hours/scores: 36/2

Selection: OptionalSelection: OptionalStudents: Postgraduate studentsStudents: Postgraduate studentsMeetings: Meetings: Tuesdays 10:00-11:30 (Lecture & Discussion)Tuesdays 10:00-11:30 (Lecture & Discussion)Wednesdays 8:00-9:30am and 3:00-4:30pm (Workshops & Lab)Wednesdays 8:00-9:30am and 3:00-4:30pm (Workshops & Lab)

Pre-Requisites:Pre-Requisites: Good EnglishGood English Language Skills – reading, writing, and speaking. Language Skills – reading, writing, and speaking. Strong Interest in Strong Interest in Object Oriented ProgrammingObject Oriented Programming in Flash. in Flash. Intermediate/Advanced Intermediate/Advanced programming knowledgeprogramming knowledge C++, and/or Java, C++, and/or Java, JavaScript, and/or Perl, ASP programmers -- understand the basics of JavaScript, and/or Perl, ASP programmers -- understand the basics of variables, loops, conditionals, functions, arrays, and other programming variables, loops, conditionals, functions, arrays, and other programming fundamentalsfundamentals.. Not good for students with no programming experience.Not good for students with no programming experience.

Students are expected to be Students are expected to be ACTIVE LEARNERSACTIVE LEARNERS, participate in , participate in discussions, express their own original ideas, ask questions, read and discussions, express their own original ideas, ask questions, read and write and learn on their own time (in addition to class time).write and learn on their own time (in addition to class time).

Net-based software Net-based software application system application system developmentdevelopmentIn this course we will learn how to develop a dynamic online software In this course we will learn how to develop a dynamic online software

applicationapplication which is: which is: 1)1) OriginalOriginal – your own idea, something special, personal knowledge – your own idea, something special, personal knowledge2)2) ApproachableApproachable – for first time users – for first time users3)3) EngagingEngaging – for return users – for return users4)4) CreativeCreative – user is active and imaginative – user is active and imaginative5)5) Cognitive Cognitive – learning/teaching happens– learning/teaching happens6)6) SocialSocial – within a community of sharing and exchange – within a community of sharing and exchange7)7) Well-tracked Well-tracked – understands what the user is doing, asking for feedback– understands what the user is doing, asking for feedback

The course is about students finding and developing their own original The course is about students finding and developing their own original ideas, and executing the software “from concept to release.” ideas, and executing the software “from concept to release.”

Each week, two types of double-length classes will be taught: Each week, two types of double-length classes will be taught: 1)1) ““Lecture-type” (Tuesdays, large format, Professor’s and Students’ Lecture-type” (Tuesdays, large format, Professor’s and Students’

Presentations)Presentations)2)2) ““Workshop-type” (Wednesdays, two classes, working in small groups)Workshop-type” (Wednesdays, two classes, working in small groups)Students are expected to discuss and present their materials and process – Students are expected to discuss and present their materials and process –

verbally verbally in class, digitally in Forum, write short essays on the Wiki, and write in class, digitally in Forum, write short essays on the Wiki, and write

professionalprofessionalsoftware development documents – ALL IN ENGLISH.software development documents – ALL IN ENGLISH.Therefore, we will learn a lot of English language in this class as well!Therefore, we will learn a lot of English language in this class as well!

Net-based software Net-based software application system application system developmentdevelopmentCourse Objectives: Course Objectives: To provide students with knowledge and skills To provide students with knowledge and skills in developing Internet-based, interactive in developing Internet-based, interactive software application – using Internet-industry software application – using Internet-industry methodology. methodology.

Students will participate actively, and Students will participate actively, and collaborate by working in small teams, to collaborate by working in small teams, to invent, design, and develop invent, design, and develop useful web useful web applications in Flash: applications in Flash: simulationssimulations, , tool-kitstool-kits, , gamesgames or or activities activities – – within the context of a within the context of a dynamic websitedynamic website, , mobilemobile, or , or social online gaming experience social online gaming experience – – including a registration-based membership including a registration-based membership community and experience-tracking. community and experience-tracking.

Net-based software Net-based software application system application system developmentdevelopment

Objectives (cont.):Objectives (cont.): To develop practical skills in the design, To develop practical skills in the design, development and evaluation of useful and development and evaluation of useful and usable Internet-based software. usable Internet-based software. To acquire a working knowledge of core user-To acquire a working knowledge of core user-centered (and learner-centered) design and centered (and learner-centered) design and analysis techniques. analysis techniques. To develop skills and expertise in multi-To develop skills and expertise in multi-disciplinary teamwork (including working with disciplinary teamwork (including working with customers and clients). customers and clients). To develop skills and expertise in project To develop skills and expertise in project management, scoping, scheduling, and management, scoping, scheduling, and delivering. delivering.

Net-based software Net-based software application system application system developmentdevelopmentCourse Collaboration Software: Course Collaboration Software:

We will be using a We will be using a FORUMFORUM for discussion on readings, topics, for discussion on readings, topics, programming, and work-groups’ exchanges of informationprogramming, and work-groups’ exchanges of information

We will be using a We will be using a WIKIWIKI for personal essays, designer notes, for personal essays, designer notes, collaboration and file sharing.collaboration and file sharing.

We will be using a We will be using a MAILING LISTMAILING LIST for announcements and for announcements and general communication.general communication.

Participation in the FORUM and WIKI isParticipation in the FORUM and WIKI is required required for all for all students and all project team work. students and all project team work.

During the first workshop meeting, you will be given During the first workshop meeting, you will be given instructions on how to register for the FORUM and WIKI. You instructions on how to register for the FORUM and WIKI. You must register before the second class meeting as we will begin must register before the second class meeting as we will begin to use these tools and learn how it works during the second to use these tools and learn how it works during the second meeting.meeting.

Net-based software Net-based software application system application system developmentdevelopmentYour Your final gradefinal grade will be determined as follows: will be determined as follows:

30%30% evaluation by your Project Team (we will decide on evaluation by your Project Team (we will decide on criteria)criteria)20%20% evaluation by your TAs (lectures and workshops) evaluation by your TAs (lectures and workshops)50%50% evaluation by your Professor - Idit Caperton evaluation by your Professor - Idit Caperton

Idit Caperton's evaluation will be determined by: Idit Caperton's evaluation will be determined by: 10% your semester-long software application project 10% your semester-long software application project 10% your personal Wiki content and structure10% your personal Wiki content and structure 10% your Forum participation and leadership10% your Forum participation and leadership 10% your presentations to the class 10% your presentations to the class 10% your class and workshops participation10% your class and workshops participation

You cannot pass the course if you do not complete You cannot pass the course if you do not complete allall of of the activities to an acceptable standard of competency the activities to an acceptable standard of competency for a graduate students at SEI-ECNU.for a graduate students at SEI-ECNU.

Net-based software Net-based software application system application system developmentdevelopmentGoals for First Week (Sept. 13 and 14): Goals for First Week (Sept. 13 and 14): Multiple Multiple

IntroductionsIntroductions To the Course Topics, Readings, and AssignmentsTo the Course Topics, Readings, and AssignmentsTo the ProfessorTo the ProfessorTo Each Other To Each Other To the Course Calendar To the Course Calendar To the Workshops and Labs To the Workshops and Labs To our Collaboration Tools - FORUM and WIKITo our Collaboration Tools - FORUM and WIKI

First Assignment:First Assignment:1.1. Complete Course Survey FormComplete Course Survey Form2.2. Register for the FORUM and WIKIRegister for the FORUM and WIKI3.3. Create your Create your personal biopersonal bio – – make it interesting and make it interesting and

fun!fun!4.4. Learn where to find the Learn where to find the Flash FilesFlash Files, start reading…, start reading…5.5. Learn about your personal workspace on the web Learn about your personal workspace on the web

serverserver6.6. Learn where to back up your filesLearn where to back up your files


Overview of Course Topics:Overview of Course Topics:

1.1. Introduction: Developing and delivering Introduction: Developing and delivering original, interactive user experiencesoriginal, interactive user experiences over the over the InternetInternet

2.2. Dynamic web applications for supporting Dynamic web applications for supporting users inusers in““3Xs Skills”3Xs Skills” (eXploration + eXpression + (eXploration + eXpression + eXchange) eXchange) “Hard Fun”“Hard Fun” (active + challenging + (active + challenging + flexible)flexible)

3.3. The The “Approachable”“Approachable” Software Application Software Application Creating excellent initial experiences for new Creating excellent initial experiences for new usersusers

Net-based software Net-based software application system application system developmentdevelopmentOverview of Course Topics (Cont.):Overview of Course Topics (Cont.):

4.4. The The “Engaging”“Engaging” Software Application Software Application Creating excellent continuous experiences for Creating excellent continuous experiences for returning usersreturning users

5.5. The The “Creative”“Creative” Software Application Software Application Enhancing users’ creative thinking, imagination Enhancing users’ creative thinking, imagination and experimentationand experimentation

6.6. The The “Cognitive”“Cognitive” Software Application Software Application Creating tool for developing users’ understanding Creating tool for developing users’ understanding of complex topicsof complex topics

Net-based software Net-based software application system application system developmentdevelopmentOverview of Course Topics (Cont.):Overview of Course Topics (Cont.):

7.7. The The “Connected”“Connected” Software Application Software ApplicationCreating a community for enhancing users’ Creating a community for enhancing users’ interaction & exchangesinteraction & exchanges

8.8. The The “Pull”“Pull” Software Application Software Application Creating systems for tracking and understanding Creating systems for tracking and understanding users’ behaviors, choices and preferences >> users’ behaviors, choices and preferences >> transforming push into pull.transforming push into pull.

9.9. The The “Global”“Global” Software Application Software ApplicationCreating a multi-lingual system, exploring Creating a multi-lingual system, exploring possible multi-cultural aspects.possible multi-cultural aspects.

Internet-based software Internet-based software application system application system developmentdevelopmentOverview of Course Topics (Cont.):Overview of Course Topics (Cont.):

5.5. The The “Creative”“Creative” Software Application Software Application Enhancing users’ creative thinking, imagination Enhancing users’ creative thinking, imagination and experimentationand experimentation

6.6. The The “Cognitive”“Cognitive” Software Application Software Application Creating tool for developing users’ understanding Creating tool for developing users’ understanding of complex topicsof complex topics

7.7. The The “Connected”“Connected” Software Application Software ApplicationCreating a community for enhancing users’ Creating a community for enhancing users’ interaction & exchangesinteraction & exchanges


Programming Process:Programming Process: Flash as a platform for conceptualizing, Flash as a platform for conceptualizing,

developing,developing,and delivering rich interactive user experiences and delivering rich interactive user experiences

over the web over the web

1.1. ActionScript2.0 core features and Flash 7.0 core capabilities;ActionScript2.0 core features and Flash 7.0 core capabilities;2.2. Fundamentals of object oriented ActionScript2.0 concepts, syntax, and Fundamentals of object oriented ActionScript2.0 concepts, syntax, and

usage;usage;3.3. Datatypes and type checking; Datatypes and type checking; 4.4. Classes; Classes; 5.5. Authoring and ActionScript2.0 Class; Authoring and ActionScript2.0 Class; 6.6. Inheritance; Inheritance; 7.7. Authoring and ActionScript2.0 sub-classes; Authoring and ActionScript2.0 sub-classes; 8.8. Interfaces; Interfaces; 9.9. Other Flash techniques;Other Flash techniques;10.10. Integrating flash with other technologies.Integrating flash with other technologies.11.11. ETC.ETC.

Internet-based software Internet-based software application system application system developmentdevelopment

Design Process:Design Process: Using three “Conceptual Phases” of Internet-Using three “Conceptual Phases” of Internet-

basedbasedsoftware development, driven by planning and software development, driven by planning and

writingwritingdetailed documents and code for ‘clients’:detailed documents and code for ‘clients’:

1.1. Discovery phaseDiscovery phase (vision document, research (vision document, research document, requirements document);document, requirements document);

2.2. Invention phaseInvention phase (HCI document, prototypes, (HCI document, prototypes, software architecture documents - macro software architecture documents - macro and micro); and micro);

3.3. Implementation phaseImplementation phase (coding, testing, (coding, testing, revising);revising);

Final Software Application and Documentation.Final Software Application and Documentation.

Internet-based software Internet-based software application system application system developmentdevelopment

Development/Implementation Development/Implementation Process:Process: Staged DeliveryStaged Delivery in in Team-BasedTeam-Based Project Project Work Work 1. Software concept and vision; 1. Software concept and vision; 2. Software Requirements development; 2. Software Requirements development; 3. Planning and scheduling; 3. Planning and scheduling; 4. Architectural design; 4. Architectural design; 5. Development stages with mini-5. Development stages with mini-releases and user testing; releases and user testing; 6. Software release; 6. Software release; 7. User tracking, reporting and servicing; 7. User tracking, reporting and servicing; 8. Wrap-up and reflections…8. Wrap-up and reflections…


References for September and October:References for September and October:

Caperton Idit. New Media Literacy SkillsCaperton Idit. New Media Literacy Skills—“Three Xs.” —“Three Xs.” In In Telemedium. Spring 2002.Telemedium. Spring 2002.

Caperton Idit. Caperton Idit. Hard Fun. Hard Fun. In Telemedium. June 2005.In Telemedium. June 2005.Papert, Seymour. A Word for Learning. In The Children’s Machine. Papert, Seymour. A Word for Learning. In The Children’s Machine.

Basic Books, 1993.Basic Books, 1993.Norman Donald. Human-Centered TechnologyNorman Donald. Human-Centered Technology.. In the Invisible In the Invisible

Computer. MIT Press. 1999.Computer. MIT Press. 1999.Soloway Elliot. Developing Learner-Centered Technology. In Soloway Elliot. Developing Learner-Centered Technology. In

Advances in Computers. 2002.Advances in Computers. 2002.McConnell Steve. McConnell Steve. Software Project Survival GuideSoftware Project Survival Guide. Microsoft Press, . Microsoft Press,

19981998

Macromedia Flash MX 2004. Learning Flash. Online in Public Macromedia Flash MX 2004. Learning Flash. Online in Public Folders.Folders.

Flash MX Dictionary: Articles by Flash Experts. Flash MX Dictionary: Articles by Flash Experts. Pearson Education, Pearson Education, 2004.2004.

Moock, Colin. Moock, Colin. Essential ActionScript2.0 – Object Oriented Essential ActionScript2.0 – Object Oriented Development withDevelopment with

ActionScript2.0ActionScript2.0 (Macromedia Flash). O’Reilly, 2004. (Macromedia Flash). O’Reilly, 2004.


Web References for September:Web References for September:www.MaMaMedia.comwww.MaMaMedia.com

www.Papert.orgwww.Papert.org

www.slb.SEED.orgwww.slb.SEED.org

www.media.mit.edu/research/index.htmlwww.media.mit.edu/research/index.html

www.Moock.org/Webdesign/Flash/www.Moock.org/Webdesign/Flash/

ADD….ADD….


Course Assignments:Course Assignments:

Weekly Wiki Post Weekly Wiki Post - - Personal BioPersonal Bio- Critique of Readings- Critique of Readings- Critique of Websites / Flash Applets- Critique of Websites / Flash Applets

Flash Programming Topics PresentationsFlash Programming Topics Presentations Software Project Ongoing Programming Software Project Ongoing Programming

Work Work Requirements Doc., Design Doc., Prototype Requirements Doc., Design Doc., Prototype

Doc.Doc. Software Project DemoSoftware Project Demo Software Project Final PresentationSoftware Project Final Presentation Software Project Final DocumentSoftware Project Final Document


The Final Project Website should have aThe Final Project Website should have adescription of your project, designdescription of your project, designdocumentation, and a pointer to andocumentation, and a pointer to anonline copy of your paper. online copy of your paper. It may also include pointers to background It may also include pointers to background Materials (readings, other websites), an onlineMaterials (readings, other websites), an onlineprototype, or any other material you think isprototype, or any other material you think isrelevant. relevant. Please Please submit the URL of your final projectsubmit the URL of your final project by byMonday evening, December 12, 2005.Monday evening, December 12, 2005.Students presentations are on December 13 Students presentations are on December 13

and 14.and 14.

Net-based software Net-based software application system application system developmentdevelopmentReadings:Readings:All students are expected to do the readings, and to All students are expected to do the readings, and to

participateparticipatein discussions of the readings in class. Readings that are in discussions of the readings in class. Readings that are

notnotavailable on-line will be provided at least a week in available on-line will be provided at least a week in

advance.advance.

Active Participation:Active Participation:I strongly recommend that you discuss the readings I strongly recommend that you discuss the readings

outside ofoutside ofclass in preparation for class discussions. The class class in preparation for class discussions. The class

discussionsdiscussionsare very important since they give us an opportunity to are very important since they give us an opportunity to

presentpresentdifferent perspectives and interpretations of the readings different perspectives and interpretations of the readings

and inand inthe process come to a shared understanding of the the process come to a shared understanding of the

centralcentralquestions and issues. questions and issues. You are encouraged to share the questions or issues that You are encouraged to share the questions or issues that

youyoufound particularly provocative in the reading with the found particularly provocative in the reading with the

rest of therest of theclass through the course Wiki and Forum.class through the course Wiki and Forum.


CONNECT HERE TO 10 SLIDES CONNECT HERE TO 10 SLIDES

About IntroducingAbout Introducing

Idit Caperton and Her Past WorkIdit Caperton and Her Past Work

- Academia: MIT Media Lab- Academia: MIT Media Lab

- Business: MaMaMedia Inc., SEED, - Business: MaMaMedia Inc., SEED, Saybot, IAmplify…Saybot, IAmplify…

Etc.Etc.

net-based software application system development teaching hours/scores: 36/2 selection: optional...

Documents