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.

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