Your SlideShare is downloading. ×
Your first windows 8 app
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Your first windows 8 app

168
views

Published on

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
168
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 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.
  • Bad luck if Kat doesn’t do Hello World D:<
  • WebsitesMobile ServicesDatabases StorageAuthenticationWindows apps, android, iOS
  • 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/
  • Transcript

    • 1. YOUR FIRST WINDOWS 8 APP Katherine Harris Christine Matheney
    • 2. About us! Katherine Harris Christine Matheney
    • 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.
    • 5. DEMO: YOUR FIRST WINDOWS 8 APP Hello World!
    • 6. What can Azure do for you? http://aka.ms/getazuretoday Storage Authentication
    • 7. DEMO/TUTORIAL ABOUT AZURE Create To-Do App with Azure backend Authentication via Twitter/Facebook
    • 8. Cool Features of Windows 8 • Charm Bar • Live Tiles • Search Charm • Share Charm • Settings Charm • Flyouts • App Bar
    • 9. DEMO
    • 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
    • 13. DEMO/TUTORIAL Create a Template Windows Phone App App Studio 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