Implementing a mobile applications curriculum using flash copyright daniel downs 2011

Implementing A Mobile Implementing A Mobile Applications Curriculum Applications Curriculum

Using Flash Using Flash ©Daniel Downs 2011©Daniel Downs 2011

Presenter: Daniel Presenter: Daniel DownsDowns

Computer EducationComputer Education

Winchester High Winchester High SchoolSchool

Winchester,MassachuWinchester,Massachusettssetts

[email protected]@winchester.k12.ma.usus

www.androidapplicationsclaswww.androidapplicationsclass.coms.com©Daniel Downs 2011©Daniel Downs 2011

Background/Context Background/Context ©Daniel ©Daniel

Downs 2011Downs 2011

““The app is The app is the new 99-the new 99-cent single – cent single – for kids, it’s for kids, it’s the new the new currency,”currency,”

- Tim Westergren, - Tim Westergren, founder of Pandora, founder of Pandora, maker of a US music maker of a US music app that has been app that has been downloaded on to 13m downloaded on to 13m iPhones. iPhones. ©Daniel Downs 2011©Daniel Downs 2011

Emerging Global Trends Emerging Global Trends With Mobile Development With Mobile Development

& Education& Education

Becta (formerly known as the British Educational Becta (formerly known as the British Educational Communications and Technology Agency) was a Communications and Technology Agency) was a non-departmental public body (popularly known non-departmental public body (popularly known as a as a QuangoQuango)] funded by the )] funded by the Department for Children, Schools and FamiliesDepartment for Children, Schools and Families, in , in the the UKUK .(Becta,2008) .(Becta,2008)

In April 2008, Becta launched a major research In April 2008, Becta launched a major research program to support the Harnessing Technology program to support the Harnessing Technology strategy. The research covers the education and strategy. The research covers the education and training system as a whole: children’s services; training system as a whole: children’s services; schools; further education, skills and schools; further education, skills and regeneration (FESR); and higher education regeneration (FESR); and higher education (HE).(HE). .(Becta,2008) .(Becta,2008)

©Daniel Downs 2011©Daniel Downs 2011

1.Growing use of Web 2.0 technologies by 1.Growing use of Web 2.0 technologies by young people young people (user (user centered ,Information sharing, centered ,Information sharing, collaboration based)collaboration based)

2.Development of mobile, ubiquitous and 2.Development of mobile, ubiquitous and contextual computing contextual computing (using mobile (using mobile applications,smart phones,tablets)applications,smart phones,tablets)

3.Impact of widespread capital building 3.Impact of widespread capital building programs. programs. (Building design based on (Building design based on technology integration) technology integration) (Becta,2008) (Becta,2008) ©Daniel Downs 2011©Daniel Downs 2011

Becta Research identified six cross-Becta Research identified six cross-cutting trends affecting the development cutting trends affecting the development of learning technology relating to of learning technology relating to pedagogy and the curriculum pedagogy and the curriculum

Becta Research identified six cross-cutting Becta Research identified six cross-cutting trends affecting the development of learning trends affecting the development of learning

technology relating to pedagogy and the technology relating to pedagogy and the curriculum curriculum

Page 2Page 24.Demand for increasingly technological skills in the 4.Demand for increasingly technological skills in the

workplace. workplace. (21(21stst Century Skills Initiatives) Century Skills Initiatives)5.Economic, social and technological drivers 5.Economic, social and technological drivers

transforming the character and organization of transforming the character and organization of education and training. education and training. (Professional (Professional Development & Training) Development & Training)

6.Challenge to professional development of the 6.Challenge to professional development of the teaching workforce. teaching workforce. (Updating software skills and (Updating software skills and gaps in teacher technology skills)gaps in teacher technology skills)

The factors affecting pedagogy are not isolated from The factors affecting pedagogy are not isolated from each other. There are inter-relationships between each other. There are inter-relationships between the factors, and they can have combined effects. the factors, and they can have combined effects. (Becta,2008) (Becta,2008) ©Daniel Downs 2011©Daniel Downs 2011

Mobile Device Design Has Mobile Device Design Has Cross Cutting ImpactCross Cutting Impact

““The trend that comes closest to having cross-The trend that comes closest to having cross-cutting impact is the arrival of ubiquitous cutting impact is the arrival of ubiquitous computing – the specific trend ‘Ubiquitous computing – the specific trend ‘Ubiquitous mobile devices’ mobile devices’ (smart phones, tablets,) (smart phones, tablets,) (Becta,2008).(Becta,2008).

However, the expansion in mobile social However, the expansion in mobile social networking does not necessarily translate into networking does not necessarily translate into opportunities for supporting ubiquitous opportunities for supporting ubiquitous learning related to formal education and learning related to formal education and training(Becta,2008).training(Becta,2008).

A course in Mobile Applications Design allows A course in Mobile Applications Design allows students to directly apply technology skills & students to directly apply technology skills & tools which they are already attached to and tools which they are already attached to and interested in. interested in. ©Daniel Downs 2011©Daniel Downs 2011

Mobile Application Design Mobile Application Design & The Massachusetts & The Massachusetts Technology StandardsTechnology Standards

Standard 3. Demonstrate the ability Standard 3. Demonstrate the ability to use technology for research, to use technology for research, critical thinking, problem solving, critical thinking, problem solving, decision making, communication, decision making, communication, collaboration, creativity, and collaboration, creativity, and innovation .innovation .

(Massachusetts Technology Literacy (Massachusetts Technology Literacy Standards and Expectations,2008) Standards and Expectations,2008) ©Daniel ©Daniel Downs 2011Downs 2011

Mobile Application Curriculum Mobile Application Curriculum Addresses All Of “Standard 3”Addresses All Of “Standard 3”

Focuses on applying a wide range of technology tools to student Focuses on applying a wide range of technology tools to student learning and everyday life; learning and everyday life; ( Flash, Photoshop, Illustrator, software ( Flash, Photoshop, Illustrator, software packages)packages)

Aims to ensure that students will be able to use technology to Aims to ensure that students will be able to use technology to process and analyze informationprocess and analyze information; ( students design an interface and ; ( students design an interface and create graphic and informational content for it)create graphic and informational content for it)

Is to help students develop skills for effective technology-based Is to help students develop skills for effective technology-based communicationcommunication;( students apply ideas with software and design it to ;( students apply ideas with software and design it to communicate for multiple users( children, business, education)communicate for multiple users( children, business, education)

Includes the use of technology to explore and create new ideas, Includes the use of technology to explore and create new ideas, identify trends, and forecast possibilities; identify trends, and forecast possibilities; (Students are asked to (Students are asked to design something which uses modern technology (API’s , Input design something which uses modern technology (API’s , Input Fields ,databases) to stay abreast of common communication Fields ,databases) to stay abreast of common communication methods)methods)

Aims to provide students with an awareness of how technology is Aims to provide students with an awareness of how technology is used in the real worldused in the real world. (Students can implement and debug their . (Students can implement and debug their application designs in a real world setting ( android market)application designs in a real world setting ( android market)

(Massachusetts Technology Literacy Standards and Expectations,2008)(Massachusetts Technology Literacy Standards and Expectations,2008)©Daniel Downs 2011©Daniel Downs 2011

How Do You Choose Tools & How Do You Choose Tools & Software?Software?

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

-Availability of high end graphic software -Availability of high end graphic software (Photoshop, Flash, Illustrator)(Photoshop, Flash, Illustrator)

-Skill & Comfort level with programming.-Skill & Comfort level with programming.

Let’s Talk About Some Options! Let’s Talk About Some Options! ©Daniel Downs 2011©Daniel Downs 2011

Programming/Software Programming/Software OptionsOptions


Elementary:Elementary: Google App InventorGoogle App Inventorhttp://http://www.appinventorbeta.comwww.appinventorbeta.com/about//about/(Download required, Android Platform)(Download required, Android Platform)Beginning computer users (drag and drop, wysiwyg editors, text Beginning computer users (drag and drop, wysiwyg editors, text

formatting skills)formatting skills)Requires a specific Android phone for testing.Requires a specific Android phone for testing. High School/Middle SchoolHigh School/Middle SchoolFlash CS5.5Flash CS5.5http://tv.adobe.com/watch/adc-presents/building-mobile-apps-with-fhttp://tv.adobe.com/watch/adc-presents/building-mobile-apps-with-flash-professional-cs55/lash-professional-cs55/PhoneGapPhoneGaphttp://www.phonegap.com/abouthttp://www.phonegap.com/aboutBasic Programming Skills/Graphic Software Experience Basic Programming Skills/Graphic Software Experience

(Photoshop, Flash, HTML, CSS) Java/Android Development Kit(Photoshop, Flash, HTML, CSS) Java/Android Development Kit Honors High School Level: Honors High School Level: Java/Android Development Kits,IDE’sJava/Android Development Kits,IDE’sHonors Level Computer Science Honors Level Computer Science

Possible Curriculum Possible Curriculum ModificationsModifications


Flash:Flash: Modify Existing Animation or Web Modify Existing Animation or Web Design Curriculum to integrate devices and Design Curriculum to integrate devices and new design strategies. Students directly apply new design strategies. Students directly apply API’s to design.API’s to design.

Java:Java: Modify Existing Computer Science Modify Existing Computer Science Programming Course to integrate mobile Programming Course to integrate mobile devices. Students learn to program and devices. Students learn to program and implement available API’s.implement available API’s.

Phone Gap:Phone Gap: Modify existing web design Modify existing web design curriculum and integrate Phonegap.PhoneGap curriculum and integrate Phonegap.PhoneGap wrap enables the use of API’swrap enables the use of API’s

Google App Inventor:Google App Inventor: Individual subject area Individual subject area lessons and introductory design lessons. API’s lessons and introductory design lessons. API’s built in.built in.

Testing And Debugging Testing And Debugging OptionsOptions


Once you have chosen your platform and begun Once you have chosen your platform and begun to create apps you will need to choose testing to create apps you will need to choose testing devices or emulators.devices or emulators.

Benefits of Flash: Built in emulator and Benefits of Flash: Built in emulator and integration to Adobe Device Central.integration to Adobe Device Central.

Benefits Of Android Market & Devices: Easy Benefits Of Android Market & Devices: Easy to test on devices and add app to Android to test on devices and add app to Android Market.Market.

Iphone Apps can be tested on individual Iphone Apps can be tested on individual phones and devices but Apple controls phones and devices but Apple controls releases to market.releases to market.

Curriculum StrategyCurriculum Strategy©Daniel Downs 2011©Daniel Downs 2011

2.Implementation

3.Debugging & Testing4.Adding To A Device

1.Design

Information Architecture Information Architecture &Design&Design


Information ArchitectureInformation Architecture-How will the user move through the -How will the user move through the

information (How does it flow?information (How does it flow?-How many pages will user see and need-How many pages will user see and need-How will the user interact with the -How will the user interact with the

information and mediainformation and media-What will the interface look like?-What will the interface look like? Graphics(Loading Graphics(Loading

Time,ResolutionTime,Resolution))

-PNG Graphics In Photoshop(Loading time and -PNG Graphics In Photoshop(Loading time and resolution)resolution)

-Resolution based on intended device-Resolution based on intended device-What will the color scheme look like?-What will the color scheme look like?-What will be the maximized size of your -What will be the maximized size of your

design in pixels?design in pixels? Considerations for the Mobile Considerations for the Mobile

UserUser-Button Sizes & Touch Events-Button Sizes & Touch Events-Designing for tablets and -Designing for tablets and

phones(different resolutions,screen phones(different resolutions,screen sizes and interaction)sizes and interaction)

-API Integration(What tools will the user -API Integration(What tools will the user need?need?


Implementation & Skill Implementation & Skill Based LessonsBased Lessons


Flash Tools and API IntegrationFlash Tools and API Integration Buttons(Layout Of Basic App:Animals Buttons(Layout Of Basic App:Animals

for Kids,Build A Bear)for Kids,Build A Bear) Input FieldsInput Fields Accelerometer(Object on stage with Accelerometer(Object on stage with

borders:Soccer Ball)borders:Soccer Ball) Pinch & Pinch &

Zoom(Photos/Graphics:Landscape)Zoom(Photos/Graphics:Landscape) Exporting/Creating A Certificate Exporting/Creating A Certificate

(.APK files)(.APK files) Software Integration Software Integration

(Photoshop,Flash)(Photoshop,Flash) API’s :API’s(Application API’s :API’s(Application

Programming Interface:Set of rules Programming Interface:Set of rules and specification that software and specification that software programs can follow to communicate programs can follow to communicate with eachother: accelerometer, with eachother: accelerometer, camera roll , touch event , geo camera roll , touch event , geo location , gesture transform event, location , gesture transform event, stage orientation)stage orientation)

Testing & Adding To Testing & Adding To Android Market Android Market

Why Android Devices?Why Android Devices?-Android supported Flash and Adobe Air(both are required to -Android supported Flash and Adobe Air(both are required to

run applicationsrun applications-Flash Support(before fall 2011)-Flash Support(before fall 2011)-Open Market-Open Market-No wait time on app being added to market-No wait time on app being added to market Testing On A DeviceTesting On A Device-Need to create certificate and render .APK file-Need to create certificate and render .APK file-On tablets need “ “ app to create file manager-On tablets need “ “ app to create file manager-Device choices( Zoom Tablet, Android Phones, Necessary -Device choices( Zoom Tablet, Android Phones, Necessary

apps for devices, Android Market)apps for devices, Android Market)


Project Ideas Project Ideas ©Daniel Downs 2011©Daniel Downs 2011

Childrens GameChildrens Game School App(schedules,photos,homework School App(schedules,photos,homework

links)links) Basic GamesBasic Games School Sports Teams(Team School Sports Teams(Team

Rosters,News,Scores)Rosters,News,Scores) Study Guides(Foreign Language)Study Guides(Foreign Language) Music (example:Top 10 Songs for School)Music (example:Top 10 Songs for School)©Daniel Downs 2011©Daniel Downs 2011

Direct Student Benefits & Direct Student Benefits & OutcomesOutcomes

Create Hypermedia ExperiencesCreate Hypermedia Experiences Curriculum of Design, Implement and Curriculum of Design, Implement and

Debug( Project Based)Debug( Project Based) Game Design SkillsGame Design Skills Real World Application Of ProjectsReal World Application Of Projects Curriculum easily modified for learners of Curriculum easily modified for learners of

all levelsall levels Students motivated through ownership of Students motivated through ownership of

their projects. their projects. ©Daniel Downs 2011©Daniel Downs 2011

Next Steps…….Next Steps…….

Assess your Assess your students level students level

Choose a platform Choose a platform for developmentfor development

Choose devices Choose devices Create a process of Create a process of

development, development, implementing and implementing and testingtesting


ReferencesReferences Massachusetts Technology Literacy Standards Massachusetts Technology Literacy Standards

and Expectations. (2008). and Expectations. (2008). www.doe.mass.eduwww.doe.mass.edu. . Retrieved September 20, 2011, from Retrieved September 20, 2011, from www.doe.mass.edu/edtech/standards/itstand.pwww.doe.mass.edu/edtech/standards/itstand.pdfdf

www.becta.org.uk. (2008). Analysis of www.becta.org.uk. (2008). Analysis of emerging trends affecting the use of. emerging trends affecting the use of. ResourcesResources. Retrieved September 23, 2011, . Retrieved September 23, 2011, from from www.e-learningcentre.co.uk/Resource/CMS/Aswww.e-learningcentre.co.uk/Resource/CMS/Assets/5c10130e-6a9f-102c-a0be-sets/5c10130e-6a9f-102c-a0be-003005bbceb4/form_uploads/003005bbceb4/form_uploads/Analysis_of_emerging_trends_affecting_the_usAnalysis_of_emerging_trends_affecting_the_use_of_technology_in_education___BECTA.pdfe_of_technology_in_education___BECTA.pdf

Implementing a mobile applications curriculum using flash copyright daniel downs 2011

Education

use of technology

development of mobile

technology skills tools

technology agency

technology integrationbecta

teacher technology skills

software skills

mobile applications