Daniel DownsDaniel DownsAndover Public SchoolsAndover Public Schools

Adjunct BHCC/NECCAdjunct BHCC/NECC@danieldowns@danieldowns

danieldownsphotography@gmail.comwww.projectbasedlearningonline.comwww.projectbasedlearningonline.com

Developing a Mobile Application Developing a Mobile Application Curriculum Which Empowers Authentic Curriculum Which Empowers Authentic & Personalized Learning Experiences& Personalized Learning Experiences

Why Mobile App Curriculum?Why Mobile App Curriculum?► Planning (Context, Content Planning (Context, Content

& User Interface Design Of & User Interface Design Of Application)Application)

► Graphic Design/Layout Graphic Design/Layout Skills (icons, buttons)Skills (icons, buttons)

► Coding/Programming Coding/Programming Language Skills (HTML, Language Skills (HTML, CSS, Action Script 3.0 , CSS, Action Script 3.0 , Java)Java)

► Real World Application To Real World Application To Devices & Markets (Google Devices & Markets (Google Play, App StorePlay, App Store))

On the right a student shows his On the right a student shows his children's game on a Motorola children's game on a Motorola Zoom tablet.Zoom tablet.

Current Popular PlatformsCurrent Popular Platforms► App Inventor(Android)App Inventor(Android)

http://beta.appinventor.mit.edu

► Android SDK/Eclipse IDE (Open Android SDK/Eclipse IDE (Open Source, Java,Android)Source, Java,Android)

► PhoneGap (HTML/CSS Based, PhoneGap (HTML/CSS Based, Integrates With Integrates With Dreamweaver,Android,IOS)Dreamweaver,Android,IOS)

► MDS MDS AppAppLaud Eclipse Laud Eclipse Plugin extends the Android Plugin extends the Android Development Tools and Development Tools and PhoneGap framework to provide a PhoneGap framework to provide a comprehensive IDE for Android comprehensive IDE for Android development development

http://www.mobiledevelopersolutions.com/home/start

► Flash (Adobe Software, Action Flash (Adobe Software, Action script 3.0,Android,IOS)script 3.0,Android,IOS)

► Xcode (Mac)Xcode (Mac)

Curriculum/Instructional Curriculum/Instructional StrategiesStrategies

► Authentic Learning ExperiencesAuthentic Learning ExperiencesProfessionals In The ClassroomProfessionals In The ClassroomHigh Level Project ConceptualizationHigh Level Project Conceptualization

► Project/Problem BasedProject/Problem BasedLong Range Projects/Phased InstructionLong Range Projects/Phased InstructionVariety of Approaches To Addressing Needs of Variety of Approaches To Addressing Needs of

ProjectProject

► CollaborativeCollaborativeGroup Work/ Skill Fluency Building/Project Group Work/ Skill Fluency Building/Project

OwnershipOwnershipTeam Building & Leadership Skills Team Building & Leadership Skills

► Problem Solving Problem Solving 2121stst Century Connections Century ConnectionsCross Curricular ConnectionsCross Curricular Connections

Project Example:Project Example:On the right is a Photoshop Planning Graphic. On the right is a Photoshop Planning Graphic. This is used to help students plan layout, color This is used to help students plan layout, color

schemes, user click streams and button design.schemes, user click streams and button design.

A Review Of 2 Group Authentic Learning A Review Of 2 Group Authentic Learning Approaches With Mobile ApplicationsApproaches With Mobile ApplicationsDesigning, Implementing Designing, Implementing Technology & Testing A Technology & Testing A Mobile Application ProjectMobile Application Project

► Group 1:The Graphic Design ApproachGroup 1:The Graphic Design Approach *Highly Visual Based*Highly Visual Based *Priority On Interactivity*Priority On Interactivity

*Addressed Authentic Question As A *Addressed Authentic Question As A TeamTeam

Group 1 PresentationGroup 1 App Video

► Group 2:The High Conceptualization Group 2:The High Conceptualization Approach:Approach:

*High Project Conceptualization*High Project Conceptualization*Variety Of Approaches(Skill Areas)*Variety Of Approaches(Skill Areas)*Addressed Real World Needs With *Addressed Real World Needs With TechnologyTechnology

Group 2 PresentationGroup 2 App Video

3 Strategies For Aligning App 3 Strategies For Aligning App Curriculum In Your SettingCurriculum In Your Setting

► Choose A Platform Choose A Platform (Android/IOS, Windows) (Android/IOS, Windows) Based On Resources & Based On Resources & Current Curriculum Current Curriculum AlignmentAlignment

-Web Development or Programming Base? -Web Development or Programming Base? -PC or Mac?-PC or Mac? -Web or Native Apps(App in browser-Web or Native Apps(App in browser or added to a device and downloaded)or added to a device and downloaded)

► Align Tools With Classroom Align Tools With Classroom Level GoalsLevel Goals

- Elementary, High School- Elementary, High School - Testing Tools( Devices, Platforms, - Testing Tools( Devices, Platforms,

Skill/Learning Level)Skill/Learning Level)

► Develop A Unit With Open Develop A Unit With Open Source ToolsSource Tools

- Pair with a web development or business - Pair with a web development or business based unit.based unit.

Direct Student Benefits & Direct Student Benefits & OutcomesOutcomes

► Create Hypermedia Create Hypermedia ExperiencesExperiences

► Curriculum of Design, Curriculum of Design, Implement and Implement and Debug( Project Based)Debug( Project Based)

► Game Design/Layout Game Design/Layout SkillsSkills

► Real World Application Of Real World Application Of ProjectsProjects

► Curriculum easily Curriculum easily modified for learners of modified for learners of all levelsall levels

► Students motivated Students motivated through ownership of through ownership of their projects.their projects.

Suggestions For Suggestions For ImplementationImplementation

► Choose a platform based on Choose a platform based on your students skill level and your students skill level and your resources. your resources.

► Develop curriculum around a Develop curriculum around a process of learning skills process of learning skills and apply them to authentic and apply them to authentic projects projects

► Develop student projects Develop student projects ideas which include ideas which include planning, integrating and planning, integrating and testing with technology with testing with technology with real world consequences.real world consequences.

► Become aware of the variety Become aware of the variety of specific technologies and of specific technologies and APIAPI’’s (Application s (Application Programming Interface) Programming Interface) which enable exciting app which enable exciting app creation with different tools.creation with different tools.

2.Implementation

3.Debugging & Testing4.Adding To A Device

1.Design

Recent Curriculum Recent Curriculum DevelopmentsDevelopments

► Jquery Web App LayoutsJquery Web App LayoutsSample Introductory LessonSample Introductory Lesson► Additional Teaching Resources For Java For AndroidAdditional Teaching Resources For Java For AndroidAndroid SDK ToolsAndroid SDK ToolsAndroid I Lesson 1Android I Lesson 1► Dreamweaver App FunctionalityDreamweaver App FunctionalityAdobe Press From Pearson CS5.5 (Updates For Jquery Adobe Press From Pearson CS5.5 (Updates For Jquery

native app development in CS6)native app development in CS6)In Dreamweaver “Site>Mobile Applications>Configure In Dreamweaver “Site>Mobile Applications>Configure

Mobile Applications Framework”Mobile Applications Framework”

Closing Considerations In PBL Closing Considerations In PBL EnvironmentsEnvironments

► Consider Authentic RubricsConsider Authentic RubricsPage 118 (Show charts,learning words and graphics)Page 118 (Show charts,learning words and graphics)

PBL Research Daniel DownsPBL Research Daniel Downs

► Allow students to reflect on the process of creating the Allow students to reflect on the process of creating the application and the context in which it will be used.application and the context in which it will be used.

► Allow students to dream big, conceptualize and Allow students to dream big, conceptualize and research solutions. Technology is moving as quickly as research solutions. Technology is moving as quickly as projects are developed!!projects are developed!!