3. Agenda
Welcome & Introductions
What should you have in your toolbox?
Your first Windows 8 App
What can Azure do for you?
More cool stuff
Lessons Learned
Questions?
4. Your Windows 8 App toolbox
Dreamspark Students can get access to premium products for free!!
Visual studio ultimate, windows 8, and windows 7 for FREE!
Bizspark if you’re building an app, and you plan to make money off of
it, you can sign up!
App Builder if you build a Windows 8 app you can get Prizes!
Azure Microsoft’s cloud offering. $ 200 in free credits, more details to
follow. But you can host a website for free!
Windows 8.1 Downloads you need to build an app
MSDN All the information you might ever need, step by step what you
might want to do.
MVA in depth information on lots of topics
Local Support Let us know how we can help you.
10. Lessons Learned
•
START SIMPLE!
•
Take pride in your work, but done is better than perfect
•
Minimum Viable Product
•
Lots of documentation, but not all is applicable
•
Don’t forget about the right side charms!
Privacy Policy
• Make it easy to rate your app
•
•
Ask for help
•
•
What can we do to make your app idea come to reality?
Bing it!
•
MSDN, CodePlex
11. Questions?
Thank you
Loved the talk and want to learn more? Thought the talk needed improvements?
FILL OUT THIS SURVEY: http://bit.ly/1stWin8app
Resources:
http://aka.ms/StartBuilding
http://bit.ly/DeveloperDownloads
http://bit.ly/1stWin8AppSlides
Contact us!
Katherine Harris
Christine Matheney
Kaharri@Microsoft.com
@KatVHarris
Christine.Matheney@Microsoft.com
aka.ms/Christine
@matheneyc
Ohours.com/Christine
12. But wait, there’s more!
Your first Windows Phone App
http://bit.ly/WinPhoneAppB4Lunch
14. Questions?
Thank you
Loved the talk and want to learn more? Thought the talk needed improvements?
FILL OUT THIS SURVEY: http://bit.ly/1stWin8app
Resources:
http://aka.ms/StartBuilding
http://bit.ly/DeveloperDownloads
http://bit.ly/1stWin8AppSlides
http://bit.ly/WinPhoneAppB4Lunch
Contact us!
Katherine Harris
Christine Matheney
Kaharri@Microsoft.com
@KatVHarris
Christine.Matheney@Microsoft.com
http://aka.ms/Christine
@matheneyc
Ohours.com/Christine
Editor's Notes
How many in the audience are students?Dreamspark Students can get access to premium products for free!! Visual studio ultimate, windows 8, and windows 7 for FREE!Bizspark if you’re building an app, and you plan to make money off of it, you can sign up! (You do need a website, which you can make on Azure!)App Builder (toolbox) if you build a Windows 8 app you can get Prizes!Azure Microsoft’s cloud offering. $ 200 in free credits, more details to follow. But you can host a website for free!Windows 8.1 Downloads you need to build an appMSDNAll the information you might ever need, step by step what you might want to do.MVA in depth information on lots of topicsLocal Support Let us know how we can help you.
Mobile Services:http://manage.windowsazure.comWebsites, VMS, etcNew Mobile service While we wait, let’s make a new website, to talk about our appCreate a new windows store app, download in C#Run app, enter a few items. Go see that they’re in Azure.Mark a few items as done, go refresh azure. Close and re-open app, everything is stored in the cloud.Let’s go look @ Code:App.xaml.cs - we create our mobile services client, if we had added azure to our existing app, we would have added the same code (go verify with the website)MainPage.xaml.cs – prove not storing locally. Walk thru code Authentication: We have an app, let’s add authentication. Because we live in a world where everything is searchable, search for authentication azure mobile serviceshttp://www.windowsazure.com/en-us/develop/mobile/tutorials/get-started-with-users-dotnet/ Twitter is the most complicated one, so it’s what we’re going to start with, then we’ll check out Facebook. Need to create a developer twitter account https://dev.twitter.com/ Check box in settings to allow twitter log in Copy consumer key and secret Copy code from azure site, and change to twitter FACEBOOK http://developers.facebook.com New app, no sandbox, log into website thru Facebook Copy app id, secret. Change code to say Facebook instead of twitter If extra time: Let’s go work on our website Go to url, create wordpress site. Publish a blog post!
Open new Project – Grid ViewTalk about Drill down scheme and Talk about MVVM?Model Objects that you are working withView – UI and XAML (Microsofts In ItemsViewAdd app barLet’s add a buttonAppBarButtonApperanceUnder background there is the iconsGive it Event HandlerFlyouts SettingsSimplfiy how to just add it to code.Then how to add it to the charms barExpain how to add the code Event Handlers and Delegate Commands in ViewModel private async void navigationHelper_LoadState(object sender, LoadStateEventArgs e) { // TODO: Create an appropriate data model for your problem domain to replace the sample datavar item = await SampleDataSource.GetItemAsync((String)e.NavigationParameter);this.DefaultViewModel["Item"] = item;Windows.UI.ApplicationSettings.SettingsPane.GetForCurrentView().CommandsRequested += onCommandsRequested; } #region NavigationHelper registration /// The methods provided in this section are simply used to allow /// NavigationHelper to respond to the page's navigation methods. /// /// Page specific logic should be placed in event handlers for the /// <see cref="GridCS.Common.NavigationHelper.LoadState"/> /// and <see cref="GridCS.Common.NavigationHelper.SaveState"/>. /// The navigation parameter is available in the LoadState method /// in addition to page state preserved during an earlier session. protected override void OnNavigatedTo(NavigationEventArgs e) {navigationHelper.OnNavigatedTo(e); } protected override void OnNavigatedFrom(NavigationEventArgs e) {navigationHelper.OnNavigatedFrom(e); } #endregion private void Settings_Clicked(object sender, RoutedEventArgs e) {Windows.UI.ApplicationSettings.SettingsPane.Show(); } void onCommandsRequested(SettingsPanesettingsPane, SettingsPaneCommandsRequestedEventArgs e) {SettingsCommandupdateCommand = new SettingsCommand("about", "About", (handler) => { About sf = new About();sf.Show(); });e.Request.ApplicationCommands.Add(updateCommand); } Live Tile:Go into App Manifest and create the default Live TileAnd set defaults for Wide and 150 imageTalk about the Templates of the live tilesCreate a ButtonLink it to Live tile350 and 150 //////////////////////////////////////////////////////////Now do Sizing Go to manifest and change the min width to 320 Show differences between 570 and 320Add Event HandlerAdd even handler to OnBavigatedTo()Window.Current.SizeChanged += WindowSizeChanged; private void WindowSizeChanged(object sender, WindowSizeChangedEventArgs e) {InvalidateLayout(); }
Open my to-do app, run snapped, show pillarbox. Retarget to 8.1Your probably wondering, should I build a Windows 8 App or a windows 8.1 app?
Demo off right side charms – good apps you can rate and review from the main page (Songza is a good example)
http://blogs.msdn.com/b/christinematheney/archive/2013/10/29/build-a-windows-phone-app-before-lunch.aspxStep 1 – Registerat http://apps.windowsstore.com/ Step 2 – Choose a TemplateAs you can see below, there are tons of options! I decided I’d create one for my hometown, Castro Valley, CAStep 3 - Title, Description, & ContentSuper easy! Hopefully if you’re building this app, you have an idea for a title and a description. As for your image/logo, you can either refer to my earlier post about logos, or pick a nice image off of Bing. Bing has an awesome feature where you can find images which are free to use commercially (which is what you probably want for your app)ContentEach tab is a different “page” of your app, meaning that you get to it by swiping left or right. I decided to change my pages a bit from the original categoriesThe two main ways of presenting information I used were pure HTML5 and tables.The HTML5 sections were simply text, for example, Geography:If desired, I could have gone in and edited the HTML…. but lunch depended on me finishing the app….so beautification was not a priority.Tables were slightly more challenging, but still totally do-able.You can either add each place individually: Or Import data via excel. (I recommend exporting it first so you can see the formatting, and then modifying that) It’s all CSV formattedSo, I did that for each of my sections/pages as appropriate.Step 4 – Style, Tiles, Splash & LockThere isn’t much to say for this section, basically pretty straight-forward. But I’ll show you what I did:I chose the flip template:And I chose default splash screen and lock screens:Step 4: Generate!App studio says it’ll email you when it finishes generating your application, but it doesn’t really take that long, I didn’t mind waiting.Soon, you’ll get this page. You’ll want to download the publish package. It will download as a .xap filedI would also recommend downloading the source code so that you can easily grab screenshotsStep 5: Publish!https://dev.windowsphone.com/en-us/publishIt’s only a 2 step process!Name your app, describe the category, and choose your pricingUpload your downloaded xap fileYou also need to add a description for the store as well as keywords.LAST PART – Upload images.App tile icon. You should already have that from your App Studio project.Screenshots. These were a bit more complicated. What I recommend is opening your source code (as mentioned earlier), and running it in the WXGA phone emulator.You can then take and save screenshotsThen you’re done! You can go ahead and submit your app for review./b/christinematheney/
