1. Things to download: This PowerPoint techandbehavior.com/flashcard/FlashcardWorkshop.pptx The app source code techandbehavior.com/flashcard/App.zip The app (optional) For iOS https://itunes.apple.com/app/id570008010?mt=8 For Android: https://play.google.com/store/apps/details?id=com.techandbehavior.flashcards https://play.google.com/store/apps/details?id=com.techandbehavior.flashcards As a webpage: techandbehavior.com/flashcard/

2. Agenda Why? Tools of the Trade Example App Flashcard App Hosting/App Stores

3. A very important question: Why?

4. Good Reasons: Interactivity Reminders Proximity Navigation of Information Communication

5. Bad Reasons: To replace us To duplicate other materials

6. Tools of the Trade

7. Smartphone Market Share

8. The Mathew Effect in Market Share Android and iOS Dominate Less incentive for developers to make apps for other markets Fewer Apps in other markets Less reason to buy other phones Android and iOS Dominate

9. Operating Systems are like Languages IOSAndroid

10. IOS Objective C (Free) X-Code (Free) *need a mac with OS 10 or higher iOS Developer Program ($99/Year) Must use Developer Certificate in Testing Submission to App Store Apple gets a cut of all sales and subscriptions

11. Android Java (Free) Eclipse (Free) Can test apps without account Submit to Google Play (One time $25 fee, instantaneous publishing) Google Play gets a cut of all sales and subscriptions

12. Websites are Like Interpreters

13. HTML5 Free (but requires hosting) No software needed, but it helps Able to update within seconds No curated market (both good and bad) Able to work offline (if bookmarked) No fees attached Able to access many features on newer devices Sandboxed No Fees attached Public doesn’t understand it

14. How to learn www.codecademy.com Wonderful (and free) tutorials Lynda University Subscription W3schools.com Brief but good tutorials (also free) Playing around!

15. jQuery Mobile jQuery A (free) javascript library that makes things easier jQuery Mobile A (free) jquery library that makes pretty mobile webpages with very little effort

16. Native Wrappers Phonegap Titanium appMobi Create native apps using HTML5 Provide API’s (Hooks to get out of the sandbox) Work across platforms (mostly) Can be submitted to app stores

17. Limitations of Native Wrappers Integration with SDK’s (like Google Analytics) Efficiency Memory Leaks/Garbage Collection Problems Difficult to orchestrate large projects Poor Documentation

18. Example App

19. Kitten Therapy

20. Get jQuery Mobile Go to http://jquerymobile.comhttp://jquerymobile.com Download.zip of Latest Version

21. Get jQuery Mobile

22. Customize Code

23. Flashcard App Go to www.techandbehavior.com/flashcard/App.zip www.techandbehavior.com/flashcard/App.zip Open Index.html with a html editor or text program (not Word)

24. Clear out the vocab Find var wordbank = new Array (""); ----keep it Delete everything that starts with wordbank[X] = new Array()

25. Make your own vocabulary Open wordbank.xlsx Locate the Wordbank Tab Replace the Vocabulary Section is the group of cards (for the menu) Word Response Page

26. Create the Code Remember what row you stopped on Navigate to the Interum tab Copy last existing cell if your word list is longer Delete extra cells if it is shorter Navigate to Code Tab Copy last existing cell if your word list is longer Delete extra cells if it is shorter

27. Insert the code Copy the code from the code tab of the excel spread-sheet Paste it after var wordbank = new Array ("");

28. Customize the App Custom Themes (free) http://jquerymobile.com/themeroller/ Find and replace text Create new pages or features

29. Hosting/App Store

30. Phonegap Build Go to build.phonegap.com Login or register Zip your folder Upload it to their site Customize the app: Edit the config.xml file https://build.phonegap.com/docs/config-xml Replace the Images https://github.com/phonegap/phonegap/wiki/App-Splash-Screen- Sizes

31. App store submission Get the certificates Android https://build.phonegap.com/docs/android-signing iOS https://build.phonegap.com/docs/ios-builds Submit to the stores Android play.google.com/apps/publish/ iOS

32. Carmen Zip folder In Carmen, click content  manage files  Upload zipped file Unzip the file On a page in content, click “insert quicklink”  Select “course file” Navigate to index.html Select “whole window”

33. Contact Ryan Hansen 316-409-0804 Hansen.282@osu.edu