Introduction to Mobile Application Development with App Studio
Download as PPTX, PDF1 like740 views
This document outlines a meetup agenda focused on mobile application development using App Studio, including an introduction to mobile platforms and hands-on workshops. It covers prerequisites for publishing apps, marketing strategies, monetization options, and the lean startup approach. Key features of App Studio, such as data binding, app customization, and submission processes for Windows apps are also discussed.
![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 ](https://image.slidesharecdn.com/introtoappdev-140823145039-phpapp01/85/Introduction-to-Mobile-Application-Development-with-App-Studio-25-320.jpg)
Introduction to Mobile Application Development with App Studio
- 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. 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. WHY MOBILE?
- 4. MOBILE PLATFORMS • ANDROID • IOS • WINDOWS 8 AND WINDOWS PHONE • BLACKBERRY
- 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. • 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. HOW TO MARKET? • BUILD A WEBSITE IN AZURE…FOR FREE! • BLOGS • SOCIAL MEDIA • FACEBOOK, TWITTER, LINKEDIN • HIGHLIGHTED ARTICLES • EX. WMPOWERUSER • COLLECT FEEDBACK
- 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. LEAN STARTUP • LEAN • GET RID OF THE FAT • OPTIMIZE YOUR TIME • EVERYTHING SHOULD BE CUSTOMER CENTRIC • STARTUP • NOT NECESSARILY TECH • UNCERTAINTY…GROWH…OPPORTUNITY
- 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. “ ” DON’T SELL WHAT YOU CAN MAKE…MAKE WHAT YOU CAN SELL
- 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. 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. 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. 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. 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. 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. 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. DATA BINDING…? • “CONNECT PART OF A DATA SOURCE TO A CERTAIN AREA OF A PAGE”
- 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. 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. 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. 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. WHAT DID WE JUST DO?!
- 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. SUBMITTING YOUR APP • WINDOWS 8 - HTTP://BIT.LY/SUBMITW8 • WINDOWS PHONE- HTTP://BIT.LY/SUBMITWP
- 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. EXAMPLES…
- 29. DEMO 1 JAMES QUICK – PERSONAL MARKETING APP
- 30. HANDS ON DEMO ONE DIRECTION!
- 31. HANDS ON
Editor's Notes
- #7: bizspark is your pipeline to Microsoft software development tools. need proof? over 75,000 startups from more than 100 countries have already joined Microsoft BizSpark is a global program that provides free software, support and visibility to help startups succeed To qualify, startups must be: Developing Software Privately held and generating less than U.S. $1M in revenue per year Less than 5 years old
- #13: Show pdf with screenshots and instructions
- #14: Keep using powerpoint Switch to pdf after next slide
- #15: Talk about all of the before going back to intro part of the pdf before going to “create an app part”
- #16: Reference same on pdf
- #17: Reference same in pdf
- #22: - A Tile is an image that represents your app on the Start screen. All apps have at least one Tile, known as the default Tile, which displays on the Start screen when a customer pins your app from the app list.