Samsung Mobile App Academy - Scholastic Mobile App Academy 1 PROJECT TEAM Who will be working on this project? ASSIGNMENT What s our deliverable? PROGRAM BACKGROUND

Classroom Presentation

Samsung Mobile App AcademyMobilize Your Future

Lesson Plan 1Creating an Awesome App

samsung mobile app academy 3

Samsung Mobile App Academy

GettinG started

Lesson 1-1Getting Startedoverall Goals of mobile app development•Tolearnaboutmobileappsandthemultiplestagesofmobileappdevelopment

•Toworkinteamstodeveloptheirownmobileapp“bigidea”conceptsthatcouldbethenextbigthing



aCtivity

Find Your TeamSittogetherinteamsof3-6students.



disCussion

History of Content

FirstPrintedBook

1452

FirstMagazine

1731

FirstTelevisionBroadcast

1928

FirstMass-MarketComputer

1977

FirstBlog

1994

First“Post-PC”Tablet

2010

FacebookLaunched

2004

FirstSmartphone

1992

Print Books• Immersive,long-flowingnarrative•Connectsstorytoreader’simagination

Print magazines•Mixofbite-sizedarticles,long-formstories,photoessays

television•Visualentertainment

Computer-Based Web•VeryDIY•Multimediaexperience

mobile/new media•Everythingaccessedfromanywhereandatanytime

• Inherentlysocialandinteractive•KingofContent



disCussion

Changing Behaviors•Lesstalkingandmoretexting



disCussion

Changing Behaviors•Printingphotostosharingdigitally



disCussion

Changing Behaviors•Paperticketstodigitalbarcodesandnearfieldcommunication(NFC)



disCussion

Changing Behaviors•Payingwithcashtopayingwithapps



disCussion

Changing Behaviors•AskingfordirectionstoGPS-enabledapps



disCussion

Changing Behaviors•Staticdirectoriestouser-generatedlistingsandreviews



disCussion

Changing Behaviors•Newspaperclippedcouponstodailydealapps



disCussion

Changing Behaviors

the new expectation: always on, any time, anywhere.



100%

98%

96%

94%

92%

90%

88%

86%

84%

82%

80%Jun Jul Aug Sep Oct Nov Dec Jan Feb Mar Apr May Jun Jul Aug Sep

20122011

PC

TABLET

SMARTPHONE

disCussion

Movement From PC to Mobile

Source:comScore



Post-PC Revolution



disCussion



disCussion

Source:moovweb



aCtivity 1

Team Discussiondiscuss these topics and prepare a presentation of your predictions.

•Howismobiletechnologychangingourbehavior?

•Whatnewbehaviorsarearising?

•Howdoesyourfamilyusetechnologyinyourhome,andtowhateffect?

•Relatedtotechnology,whatarethemajordifferencesinfamilylifefromwhenyourgrandparentsgrewup?

•Whataresomepredictionsforhowtechnologywillchangeourworldandbehaviorsinfiveyears?In10years?In25years?

•Whyisthereaneedforapps?



aCtivity 1

Team PresentationsPresentyourpredictionsofhowtechnologywillchangeourworldandbehaviors.



Lesson 1-2Apps: The Market, Technologies & Careers



disCussion

What Is An App?•Webapp•Facebookapp•Mobileapp

Anappisastandalonesoftwareprogramintegratedintoaplatform.Withamobileappwecanutilizebuilt-inhardwarelikethecamera,gyroscope,accelerometerandnearfieldcommunication(NFC).



disCussion

Current Trends in Technology•FacebookHome



disCussion

Current Trends in Technology•WearableComputers



disCussion

Current Trends in Technology•AugmentedReality



disCussion

Current Trends in Technology•Social/Local



disCussion

Current Trends in Technology•Gamification



disCussion

Current Trends in Technology•FacebookHome•WearableComputers•AugmentedReality•Social/Local•Gamification•M-Commerce•NearFieldCommunication(NFC)•QRCodes•ObjectRecognition



disCussion

Career Possibilities •Withtheworldofmobileappsgrowingandchangingsorapidly,whataresomerelatedcareerpossibilities?

•Whatkindofcareerscouldbeavailableinthefuture?

do some research on the internet, and report findings on which careers in mobile apps and technology most interest you.



disCussion

Careers With Mobile Apps•SoftwareEngineering•HardwareEngineering•Chemistry•SoftwareProductDesign•HardwareProductDesign•Programming•Creative•UserExperienceorInteractionDesign•Advertising•Andmanymore…



Lesson 1-3App Showcase



disCussion

Review the various types of apps and categories. •Whyaretheseappsgoodorbad?

•Whatdotheyofferusers?

•Whatmakesanappenjoyabletouse?

•Whatarethecoolfeatures?

•Whatistheinteractivity?

•Whatappsarethebestoverallandwhydoyoufeeltheystandout?



aCtivity 1a

App ReviewChoose an app to review. Here are some great apps to get you started:

•Path•Songza•ESPNScoreCenter•Evernote•Zappos•Shazam•Belly•ShopSavvy•RunKeeper•ScoutMob



aCtivity 1a

App ReviewConsider these questions in your review:

•Whatisthefirstthingtheapphasyoudo?•Howisthecontentorganized?•Howdoyounavigate?•Howdoesitfeeltouse?• Isitresponsive?•Whatdoyoulikebestaboutfunctionalityanddesign?

• Isthereanythingyouwishitcoulddobetterordifferently?



disCussion

Overview of the 5D Process



disCussion

5D Processdiscovery•Learneverythingyoucan•Understandthebusiness•Understandtheuseroraudience•Understandthetechnology•Knowthemarket



disCussion

5D Processdefine•Thinkthroughtheidea•Writefunctionalspecifications•Storyboardauserjourney•Scheduleprojectmilestones•Planfortheunexpected



disCussion

5D Processdesign•Makearoughsketch(wireframesorprototype)•Testitwithpotentialusers,friends,family•Definethelookandfeeloftheapp•Createtheprimaryscreens



disCussion

5D Processdevelop•Choosedevicesandplatforms•Usethedesignsandfunctionalspecstobuildtheapp•Codeinaprogramminglanguagetosupportthoseplatforms(i.e.JavaforAndroid)

•Testfunctionality

Considerations•Everydevicehasanoperatingsystem(OS),justlikeMac/Windowsforcomputers

•Thedeviceoperatingsystem(OS)dictatestheprogrammingorcodelanguageneeded



disCussion

5D Processdeploy•Releaseatestedversion•Promotetheappandsolicitfeedback•Monitorwhatpeoplearesaying•Seewhatworks,whatbreaks

Build the next version



disCussion

5D Process Discussion •Whyisitimportanttodoresearchbeforejumpingrightintothedesignanddevelopmentstages?

•Howwillthataffecttheideayoucomeupwith?

Lesson Plan 2Starting the 5D Process: Discover, Define and Design



Lesson 2-1The Big Idea and Creative Brief



disCussion

The Big Idea and Creative Brief•Boththediscoverstep,andthedefinesteparecriticaltoagoodstartandfuturesuccess.

•Gettinganappreadyformarketreleasemeansresearchingandcomparingtheapp’scompetition,andwhyorwhynottheproposedideaisagoodone.

•Learneverythingyoucan!



disCussion

DiscoveryChooseapopularappandtalkaboutwhytheappispopular,themarket,whatitscompetitorsare,andthetargetaudience.Considerthesequestionsinyourdiscussion:

•Whatareyourobjectives?•Whoisyouraudience?Howbigisthepotentialuser-base?•Whatdoyoulike?Doesitmatter?•Whatdoyouenvisionasthefinalproduct?•Whataremarketfactors?•Whatisalreadyinthemarket?•Whatmakesagoodidea?



disCussion

Definereview Project Brief•Teacherswillprovideyourteamwithauniquechallengethatyourappconceptwillneedtosolve

•Categoriesincludetravel,music,fashion,education,sports,foodandhealth

example:Sallyjustlostherdog,Fluffy.Sheissadandworried.InventanappthatwillhelpSallyfindherlostdog.Remember,thisappshouldhelpanyonewithalostpet,notjustSally!



aCtivity 2a

DefineBrainstorm app Concept and nameTake30minuteswithyourteamtocomeupwithyourappconceptandappname

•Keepitsimpleandfocused•Mustbeoriginal



team Presentation

Present Your App IdeaPresentyourappconceptandappnametothegroup

•3minutestopitchidea•1minuteforfeedbackandQ&A



disCussion

Definereview the Creative Brief•HandoutthecreativebrieffromtheStudentActivityMaterialsdownloadonwww.scholastic.com/samsungacademy/teachers.aspx

•Reviewthebriefformat

Samsung Mobile App Academy 1

Project team

Who will be working on this project?

assignment

What’s our deliverable?

Program Background

What is the history of this client/site/business and the objective supporting this assignment?

oBjective(s)

What is our purpose? What are we trying to accomplish with this assignment?

target audience, demograPhics/PsychograPhics

Who are we communicating to? What do we know about the target?

oPPortunity

Based on the competitive marketplace, what presents itself as an opportunity? How will this app add value to the brand?

tone and manner

What adjectives would you use to describe the product/service? What are its attributes?

Work scoPe

What is needed for this project?

content and Functionality

What content will be included in the app? What is the required functionality?

PlatForm accessiBility

What mobile platforms are we optimizing for?

creative considerations/ mandatory requirements

What should be considered when developing and creating this piece?

Creative BriefProject name: date:



disCussion

Creative BriefThiswillhelpyoutakewhatyoulearnedfromDiscoveryandestablishguidelinesforyourappconcept

•Definetheproject•Audience•Tone• Identifyelementslikecolors,fonts,logos•Featuresandbenefits•Specialconsiderations



aCtivity 2B

Write a Creative Brief: Part 1•Workwithyourteamtocompleteyourgroupcreativebrief•Onlyonebriefperteamneedstobecompleted

ask teacher for help if you get stuck!



Lesson 2-2Ideas, Resources and Marketing



disCussion

What Makes a Good Idea?• Ideascancomefromanywhere:sleep,shower,play•Goodideasshouldfillaneedorcreateadesire•Wheredidsocialmediacomefrom?•Didweneeditordidwelearntodesireit?



disCussion

Envision the Final Product•Whatdoesitdo?•Howdoyouinteractwithit?• Isitforasinglepurposeorwillitexpandinthefuture?

Work through the steps to get there.



disCussion

What is Already in the Market?•Knowyourcompetition•Takeinspirationfromwhatexists•Findawaytobebetter,faster,smarter•Createyourownoriginalspin



disCussion

Resources You Need•Time•People•Money



disCussion

Resources You Needtime•Areyoufullorparttimeontheproject?•Howmuchtimecanyourteammembersdedicate?•Berealistic.Everythingtakesmoretimethanyouthink.



disCussion

Resources You NeedBuilding your team•Thebiggestchallengeisfindingtherightpeople•Pay,tradeorinclude

- Payforthework- Tradeforsomethingyoucangivethem- Includetheminyourbusiness

Key roles•Creative•Development•Marketing•BusinessManagement



disCussion

Resources You Needmoney•Personalinvestment•Clientfunding

- Workforhire•Fundraising

- Friends,family- Angelinvestors- Shareholders- CrowdsourcedinvestmentslikeKickstarter

•Defineyourmonetizationstrategy



disCussion

Marketing Your App•Whatisthebrandpersonality?•Whatdifferentiatesthisfromsimilarapps?•Whoisitfor?•Whywilltheyuseit?



aCtivity 2C

Write a Creative Brief: Part 2Teamsmeettoreviewandfinalizethecreativebriefandprepareanelevatorpitch.

•30seconddescriptionofyourappexplainingwhatitis,whoit’sforandwhyitwillbesuccessful



team Presentation

Present Your Brief and Concept•Presentyourteam’screativebriefandelevatorpitchdescribingtheappconcept

•Q&Aandinstructorfeedback



Lesson 2-3The Road Map: Functional Specifications Document (FSD)



disCussion

Design•UX(UserExperience)•UI(UserInterface)•Wireframes•FunctionalSpecificationsDocument(FSD)



disCussion

Designuser experience(UX)Interactionbetweenthedeviceanduser



disCussion

Designuser interface(UI)Thelayoutoftheobjectsonthescreen.

•Appicon•Splashscreen•Homescreen•Secondary,tertiary,etc.screens•Top/bottom/sidenavigation•Buttonsandtoggles•Menus•Tables•Sliders•Gestures



disCussion

Wireframes•Screensthatshowfunctionalityandinterfaceelements•Everybuttonandactionexplainedindetail•Allscreensarecreatedaswireframesbeforedesignanddevelopment



disCussion

Functional Specifications•Roadmapoftheworkingsoftheapp•Cancontainthetechnicaldocumentation•Usedbyteamstounderstandtheappbeforeitgetsdeveloped•Usedbydevelopmenttoensuretheyaregettingallthepiecesnecessaryforbuilding



disCussion

Functional Specifications•WhyareappssuchasFacebook,Instagram,andPandoraeffective?•Howdousersnavigatethroughtheseapps?•Whatdotheyallhaveincommon?



Lesson 2-4Design



disCussion

Designstandard mobile design elements•Appicon•Splashscreen•Homescreen•Secondary,tertiary,etc.screens•Top/bottom/sidenavigation•Buttonsandtoggles•Menus•Tables•Sliders•Gestures



disCussion

DesignWireframes



disCussion

DesignWireframesThisisthePetProfilescreen.Ifsomeonelosestheirpet,theycancreateacomprehensiveprofileofthelostpetusingthisinterface.The“Submit”buttonallowstheusertoposttheirlostpetprofiletothemessageboard.



disCussion

DesignWireframesThisisthelostpetmessageboard.BrowselostpetsorusetheinterfaceatthetoptocreateanewLostPetProfileorgotoMapView.



disCussion

DesignWireframesMapViewshowsalllostpetsonastreetmap.



disCussion

DesignWireframesViewapetprofile,contacttheownerorreportapetfounddirectlythroughtheapp.



disCussion

Designdesign Programs and tools•AdobePhotoshop,InDesign,Fireworks,Illustrator•Mock-upsoftware:Balsamiq,OmniGraffle•Prototypingtools:InVision,FluidUI,Proto.io



disCussion

Designmoving From design to development•Considerscreenresolution

- Varioussizesbasedontablet,phone- Horizontalandverticalorientations

•PDFforcomps•PNGforfinalproduction



aCtivity 2d

Design Activityuser Journey and Functional specification document•Findcreativeinspiration:usetheInternettofindoneimage(interfacedesign,photographorillustration)thatmightinspireyourteam’sappdesign

•Sketchauserjourneyforyourteam’sappconcept•Completeyourfunctionalspecificationdocument(FSD)andwireframes



team Presentation

Present User Journey and FSD•Q&Aandteacherfeedback



Lesson Plan 3Finishing the 5D Process:Develop and Deploy



disCussion

Lesson 3-1Getting Your App Readytypes of mobile apps•NativeApps•WebApps•HybridApps(Web)•HybridApps(Mix)



disCussion

Software Platforms and Operating Systems•TizenfromIntelandSamsung•Android•Blackberry10•WindowsPhone• iOSfromApple.•SymbianfromNokiaandAccenture•S40fromNokia•Ubuntutouch•FirefoxOS•QualcommBREW•SunJ2ME



disCussion

Languages/Code•Appscanbecodedinmanydifferentlanguagestoworkwellonmobile• native appsarecodedintheprimarysoftwarelanguageforthatdevice(i.e.,JavaforAndroid),andtypicallyworkthemostsmoothly

• Web appsarecodedinHTML5orotherweblanguages,butcanstillbemadetoworkwellonmobiledevicesviatheweb

• Hybrid appsusebothwebandnativecodelanguages

•PlatformssuchasPhoneGapallowdeveloperstoprogramhybridappsthatcanbeeasilypublishedacrossdifferentmobileoperatingsystems



disCussion

Testing•alpha testing:internalreviewonly•Beta testing:pre-releasetestingbyasamplesetofusers

vocabulary to discuss: •QA(QualityAssurance)•UAT(UserAcceptanceTesting)•BugsorBugTracking



disCussion

Reporting and Metrics•Addinganalyticstoyourapp

- Flurry- Localytics- Omniture- GoogleAnalytics

• Issuelogs•Bugtracking



disCussion

Testing and Metrics•Whyisitimportantforappdeveloperstotesttheirappsbeforereleasingthem?

•Howaremetricsrelevanttoappdevelopmentanddeployment?



Lesson 3-2Promoting Your App



disCussion

Promotions•Whatarewaysanappcanbepromoted?•Howcanyoudrivepeopletodownloadyourapp?



disCussion

App Stores•SamsungApps•GooglePlay•AmazonAppstore•WindowsPhoneMarketplace•Others



disCussion

Promoting Your App•Findyouraudience•Treatyourapplikeaproduct•Cultivatingsocialsharing

- Blogsandinfluentialbloggers- TweetsandFacebookposts

•Useyourownwebsitetopromotetheapp•EarnedMedia:PRandsocialmediadiscussions•PaidMedia:placedadvertisements



disCussion

Breaking Through the Clutter•ReachEditorsChoiceatappstores•ReachNewandNoteworthy

Huge impact when you break through



disCussion

Marketing Plans•Discussthebenefitsofamarketingplantopromoteyourappconcept•Elementssuchascategoriesofcontent,contacts,media,targetaudience,andfrequencyofexposuremightaddversatilityandcoverageforthedesiredimpact



aCtivity 3a

Prepare a Final Presentation•Reviseandfinalizeyourwireframes.•Writeanelevatorpitchbrieflydescribingyourappconcept,whoit’sforandwhyitwillsucceed.

•Everyteammembershouldparticipateinthepresentation!Makesuretodefinewhoispresentingeachpiece.

the final presentation should be the story of your app:Restatetheproblem,definekeyobjectives,pitchyourconcept(elevatorpitch),showcaseyourappdesign(3keyscreens)andtelluswhatyoulearned.



team Presentation

Final Presentation•Presentyourteam’sappconcept,userexperienceandfunctionality•Q&Aandteacherfeedback



disCussion

Summary of Program Learning

Documents

Samsung Mobile App Academy - Scholastic Mobile App Academy 1 PROJECT TEAM Who will be working on this project? ASSIGNMENT What s our deliverable? PROGRAM BACKGROUND