Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Introduction to Mobile Application Development with App Studio

516 views

Published on

Learn the basics behind mobile application development centered around the LEAN Startup approach. The slides will walk through different ways to market and monetize on apps, the different mobile platforms, and how to get signed up for a Windows Developer Account as well as how to publish there. We will also cover the basics of App Studio, a Microsoft tool based in the browser. App Studio can be used to create mobile apps for both Windows and Windows Phone.

Published in: Technology

Introduction to Mobile Application Development with App Studio

  1. 1. INTRODUCTION TO APPLICATION DEVELOPMENT WITH APP STUDIO JAMES QUICK @JQUICKWIT JAQUICK@MICROSOFT.COM MEETUP: HTTP://BIT.LY/MFLWAD (MIAMI FT LAUDERDALE WINDOWS APP DEVELOPERS APP DEVS MIAMI AND SOUTH FLORIDA WINDOWS 8 DEVELOPERS
  2. 2. AGENDA • 1:00-1:30 INTRODUCTION TO MOBILE APPLICATION DEVELOPMENT • 1:30-2:30 INTRO TO APP STUDIO WITH DEMOS AND EXAMPLES • 2:45-4:00 HANDS ON WORKSHOP WITH APP STUDIO • 4:00-5:00 INTRODUCTION TO AZURE SPONSORED BY BIZSPARK
  3. 3. WHY MOBILE?
  4. 4. MOBILE PLATFORMS • ANDROID • IOS • WINDOWS 8 AND WINDOWS PHONE • BLACKBERRY
  5. 5. WINDOWS DEVELOPER ACCOUNT • $20 DOLLARS PER YEAR (WINDOWS 8 AND WINDOWS PHONE) • HTTPS://DEV.WINDOWS.COM/ • BIZSPARK…GET SIGNED UP TODAY TO PUBLISH! • FREE DEVELOPER ACCOUNT • $150 PER/MONTH TO USE IN AZURE
  6. 6. • 3 YEARS FREE SOFTWARE/DEVELOPMENT TOOLS • WINDOWS AZURE CREDITS $200 FIRST MONTH/$150 THEREAFTER • • • • • Is your startup: • Developing Software? • Privately held? • Less than 5 years old? • Making less than US $1M in annual revenue? http://aka.ms/BizSpark Now
  7. 7. HOW TO MARKET? • BUILD A WEBSITE IN AZURE…FOR FREE! • BLOGS • SOCIAL MEDIA • FACEBOOK, TWITTER, LINKEDIN • HIGHLIGHTED ARTICLES • EX. WMPOWERUSER • COLLECT FEEDBACK
  8. 8. MONETIZATION • FLAPPY BIRDS • ADVERTISING • CANDY CRUSH • IN APP PURCHASING…PAY MORE MONEY TO KEEP PLAYING, BUY POWERUPS, ETC. • CUT THE ROPE/ANGRY BIRDS • SELL YOUR APP ($1,$2, ETC.)
  9. 9. LEAN STARTUP • LEAN • GET RID OF THE FAT • OPTIMIZE YOUR TIME • EVERYTHING SHOULD BE CUSTOMER CENTRIC • STARTUP • NOT NECESSARILY TECH • UNCERTAINTY…GROWH…OPPORTUNITY
  10. 10. LEAN STARTUP • “IDENTIFY THE RISKIEST PARTS OF YOUR BUSINESS PLAN, THEN FIND WAYS TO REDUCE THOSE RISKS IN A QUICK, ITERATIVE CYCLE OF LEARNING”
  11. 11. “ ” DON’T SELL WHAT YOU CAN MAKE…MAKE WHAT YOU CAN SELL
  12. 12. APP STUDIO • BROWSER BASED DRAG AND DROP TOOL • CREATE APPS FOR WINDOWS PHONE AND WINDOWS 8 • APP STUDIO – APPS.WINDOWSSTORE.COM • LOGIN WITH MICROSOFT CREDENTIALS
  13. 13. STRUCTURE • SECTION – LIST OF PAGES BASED ON ONE DATA SOURCE • MENU – LIST OF LINKS (CAN POINT TO OTHER PAGES) • PAGES – DISPLAYS DATA BOUND FROM DATA SOURCE • DATA SOURCES – DATA TO BE BOUND TO UI
  14. 14. DATA SOURCES • “A DATA SOURCE IS SIMPLY THE CONTENT YOU WANT TO DISPLAY IN EACH SECTION” • “EVERY SECTION IS CONNECTED TO A DATA SOURCE” • EXAMPLES- RSS, YOUTUBE, ETC. • HINT…LOOK TO THE RIGHT!
  15. 15. COLLECTIONS • AN EXCEL TYPE DATABASE • CUSTOMIZE YOUR COLUMNS AND INPUT DATA • STATIC RESOURCES VS APP STUDIO DATA SERVICES • STATIC RESOURCES – EMBEDDED DATA • APP STUDIO DATA SERVICES – CONTENT THAT CAN BE CHANGED IN APP STUDIO AND PUSHED OUT ACCORDINGLY • COLUMNS – USED IN PAGE CONFIGURATION FOR BINDING TO UI
  16. 16. APPLICATION SECTIONS • “SECTIONS ARE THE PAGES OF YOUR APP” • EITHER REGULAR SECTION OF MENU SECTION • UP 6 TO SECTIONS (WITH CAVEAT) • EDIT PAGES • ADD A PAGE (NOT FOR EVERY TYPE OF DATA SOURCE) • EX. WITH BING SEARCH (ONLY ONE PAGE) • EDIT DATA SOURCE • CHANGE SECTION NAME
  17. 17. MENU SECTIONS VS REGULAR SECTIONS • SECTION • GROUP OF PAGES THAT ARE CONNECTED TO ONE DATA SOURCE • MENU • INDIVIDUAL PAGE THAT CONTAINS A LIST OF ITEMS (EITHER SECTIONS OF ACTIONS) • ACTIONS- CALL PHONE, SEND EMAIL, DIRECTIONS, LOCATION
  18. 18. CONFIGURING PAGES • EDIT HEADER /TITLE • EDIT CONTENT • CHOOSE A LAYOUT • CHOOSE DATA TO BIND TO UI • CHOOSE FROM COLUMNS OF THE DATA SOURCE • ENABLE/ DISABLE EXTRAS • TEXTTOSPEECH, PIN TO START, ETC.
  19. 19. DATA BINDING…? • “CONNECT PART OF A DATA SOURCE TO A CERTAIN AREA OF A PAGE”
  20. 20. CONFIGURING APP STYLE • COLOR SCHEME • ACCENT, BACKGROUND, FOREGROUND, AND APPLICATION BAR • CUSTOMIZE WINDOWS PHONE TILES • CYCLE, FLIP, ICONIC • SELECT SPLASH SCREEN • SELECT LOCK SCREEN
  21. 21. TILE TEMPLATES • NOT PERFECT (CONSIDER USING VISUAL STUDIO) • 3 KINDS • CYCLE • CYCLE IMAGES FROM A COLLECTION • FLIP • “FLIP” BETWEEN TWO TILES • SMALL ICON- 160 X 160, NORMAL- 340 X 340, BACK IMAGE- 715 X 340 • ICONIC • SIMPLE ICONS
  22. 22. SPLASH AND LOCK • SPLASH SCREEN • USED WHEN YOUR APP IS BEING LOADED • LOCK SCREEN • ALLOWS THE USER TO SET HIS OR HER LOCK SCREEN TO THIS PICTURE
  23. 23. FINAL STEPS OF APP STUDIO • ICON .PNG 160X160 (FIRST STEP IN APP STUDIO) • SMALL TILE – 160 X 160 • MEDIUM TILE (REQUIRED IF YOU CHOOSE ICONIC TEMPLATE)- 340 X 340 • LARGE/WIDE TILE (OPTIONAL) 340 X 715 • GET THE .XAP FILE • TEST ON A PHYSICAL DEVICE!! (WE HAVE TEST DEVICES)
  24. 24. WHAT DID WE JUST DO?!
  25. 25. GETTING YOUR PUBLISH PACKAGE • CREATE A DEVELOPER ACCOUNT (THROUGH BIZSPARK!) • RESERVE YOUR APP NAME IN THE STORE • “DON’T USE TEMPLATE PLACEHOLDER TEXT ([INSERT NAME HERE]) OR TEMPLATE APP CONTENT” • USE UNIQUE TITLE, LOGO, AND DETAILED DESCRIPTION • FINISH->GENERATE PUBLISH PACKAGE • NEED TO HAVE YOUR APP NAME RESERVED • INCLUDES YOUR SCREENSHOTS 
  26. 26. SUBMITTING YOUR APP • WINDOWS 8 - HTTP://BIT.LY/SUBMITW8 • WINDOWS PHONE- HTTP://BIT.LY/SUBMITWP
  27. 27. RESOURCES • APP STUDIO - HTTP://APPS.WINDOWSSTORE.COM/ • APP STUDIO HOW TO - HTTP://APPS.WINDOWSSTORE.COM/HOME/HOWTO • (SCROLL DOWN FOR GETTING STARED PDF) • DVLUP (NOKIA REWARDS) - HTTP://WWW.DVLUP.COM/ WINDOWS DEVELOPER ACCOUNT- HTTPS://DEV.WINDOWS.COM
  28. 28. EXAMPLES…
  29. 29. DEMO 1 JAMES QUICK – PERSONAL MARKETING APP
  30. 30. HANDS ON DEMO ONE DIRECTION! 
  31. 31. HANDS ON

×