Introduction to Mobile Application Development with App Studio
-
Upload
james-quick -
Category
Technology
-
view
154 -
download
3
description
Transcript of Introduction to Mobile Application Development with App Studio
INTRODUCTION TO APPLICATION DEVELOPMENT WITH APP STUDIO
JAMES QUICK
@JQUICKWIT
MEETUP: HTTP://BIT.LY/MFLWAD (MIAMI FT LAUDERDALE WINDOWS APP DEVELOPERS
APP DEVS MIAMI AND SOUTH FLORIDA WINDOWS 8 DEVELOPERS
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
WHY MOBILE?
MOBILE PLATFORMS
• ANDROID
• IOS
• WINDOWS 8 AND WINDOWS PHONE
• BLACKBERRY
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
BIZSPARKSOFTWARE • 3 YEARS FREE SOFTWARE/DEVELOPMENT TOOLS
• WINDOWS AZURE CREDITS $200 FIRST MONTH/$150 THEREAFTER
SUPPORT• PROFESSIONAL TECHNICAL AND PRODUCT SUPPORT
• UNIQUE OFFERS FROM NETWORK PARTNERS
VISIBILITY• PROFILE, OFFERS AND EVENTS
• CONNECTION TO THE ECOSYSTEM
• OPPORTUNITIES FOR SHOWCASE, VISIBILITY (EVENTS, SOCIAL MEDIA)
Is your startup:• Developing Software?• Privately held?• Less than 5 years old?• Making less than US $1M in annual revenue?
http://aka.ms/BizSparkNow
HOW TO MARKET?
• BUILD A WEBSITE IN AZURE…FOR FREE!
• BLOGS
• SOCIAL MEDIA
• FACEBOOK, TWITTER, LINKEDIN
• HIGHLIGHTED ARTICLES
• EX. WMPOWERUSER
• COLLECT FEEDBACK
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.)
LEAN STARTUP
• LEAN
• GET RID OF THE FAT
• OPTIMIZE YOUR TIME
• EVERYTHING SHOULD BE CUSTOMER CENTRIC
• STARTUP
• NOT NECESSARILY TECH
• UNCERTAINTY…GROWH…OPPORTUNITY
LEAN STARTUP
• “IDENTIFY THE RISKIEST PARTS OF YOUR BUSINESS PLAN, THEN FIND WAYS TO REDUCE THOSE RISKS IN A
QUICK, ITERATIVE CYCLE OF LEARNING”
“
”
DON’T SELL WHAT YOU CAN MAKE…MAKE WHAT YOU CAN
SELL
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
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
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!
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
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
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
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.
DATA BINDING…?
• “CONNECT PART OF A DATA SOURCE TO A CERTAIN AREA OF A PAGE”
CONFIGURING APP STYLE
• COLOR SCHEME
• ACCENT, BACKGROUND, FOREGROUND, AND APPLICATION BAR
• CUSTOMIZE WINDOWS PHONE TILES
• CYCLE, FLIP, ICONIC
• SELECT SPLASH SCREEN
• SELECT LOCK SCREEN
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
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
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)
WHAT DID WE JUST DO?!
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
SUBMITTING YOUR APP
• WINDOWS 8 - HTTP://BIT.LY/SUBMITW8
• WINDOWS PHONE- HTTP://BIT.LY/SUBMITWP
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
EXAMPLES…
DEMO 1
JAMES QUICK – PERSONAL MARKETING APP
HANDS ON DEMO
ONE DIRECTION!
HANDS ON