Watch videos with subtitles in your language, upload your videos, create your own subtitles! Click here to learn more on "how to Dotsub"

Video_3_CompleteVideo

0 (0 Likes / 0 Dislikes)
  • Embed Video

  • Embed normal player Copy to Clipboard
  • Embed a smaller player Copy to Clipboard
  • Advanced Embedding Options
  • Embed Video With Transcription

  • Embed with transcription beside video Copy to Clipboard
  • Embed with transcription below video Copy to Clipboard
  • Embed transcript

  • Embed transcript in:
    Copy to Clipboard
  • Invite a user to Dotsub
Welcome to this video: Get Your App Ready to Go to Market. In App Studio, you can create an app that can be deployed to Windows PCs, tablets, and phones. An app that can be deployed to all these devices is called a universal app. In this video, I'll focus on publishing a Window's phone app. In the previous videos, The Ins and Outs of Windows Phone App Studio, and How to Get the Source Code and Make Modification, you saw how to create a Windows phone app using the web based app studio tool and then modify the source code in visual studio. In this video, I'm going to show you how to get your app ready to be published in the Windows Phone Store. After that, it's up to you to come up with great ideas for apps, develop them, and then publish them in a store. The process of taking an app from App Studio to market takes several paths. App Studio allows me to do any of the following. I can side load the app to my phone using my camera to scan a QR code. I can publish my app to the Windows Phone or Window Store. I can download the source code to add features in Visual Studio, or I can send the app to other App Studio users via email, Twitter, or Facebook so that they can load the app in their Windows devices. Before you can install the app on your phone, you'll need to install a Windows certificate. App Studio makes this easy, and I'll show you how to do that in this video. Let's get started by exploring some useful resources you will want to bookmark. I want to highlight a couple of resources that you'll find useful when you come to publish your own app. First, you will want to test your app. We will start with the site dev.windows.com/develop. On this page, click package and test and then click here, Tools for testing Windows Phone apps. Here you can learn about testing the app using the Windows Phone emulator, testing the app using Windows Phone developer power tools, and verify that files are being saved in the correct location. Another good source of information is the topic Testing Apps for Windows Phone 8 located at msdn.microsoft.com/library/windows/apps/jj247547.aspx. The topics listed here will help you properly test your app. In addition to testing your app, when you submit your app for publication, it must be certified before it can appear in the store. Click here to review the detailed certification requirements that all apps published in the store must meet. To make sure you avoid common certification failures, you may also want to check out the post "Top Windows Phone app certification failures and how to avoid them" on the Windows Phone developer blog. When you're happy that your app meets all of the certification requirements, you can begin the submission process. [Publish information tab] I start by going to the Publish Info tab in App Studio where I'm going to complete some information. I'll add a description, select a language, and optionally include and About dialogue, and enable ads in my app. Next, I want to associate this app within the store. Here, you need to fill in the information for the four parameters listed, app identity, app display name, publisher ID, and publisher name. I will show you how to the find the information for each parameter in the order listed. the first step is to open another browser and go to Windows Dev Center at http://dev.windows.com. I sign in here with my Microsoft account. It's important that you use the same Microsoft account here in Dev Center as you used in App Studio. I will sign in with my account now. Next, I will click on Dashboard, and from there, I click Windows Phone Store. On the Dashboard screen, I click Submit App. And on the Submit App screen, I click App Info. On the App Info screen, I will enter the name for my app, Visit Venice Demo app, and then click Reserve App Name. Here is where you can collect the information you'll need for the first three parameters you'll need in App Studio. I select the package identity name, copy it to the clipboard. I now switch back to App Studio and paste the name into the app identity field, then switch back to Dev Center. In the same manner, I select the names reserved for this app value, copy it into the clipboard, go back to App Studio, and paste it into the App Display Name field. Then switch back to Dev Center. I now select the Windows Publisher name, copy it to the clipboard, go back to App Studio, and paste it into the Publisher ID field. Now back to Dev Center again. To obtain the information we need for the last field in App Studio, I need to go to my account screen. To do this, I click on Dashboard and then click on Account. On the account page, I select the Publisher Name and copy it. I then switch back to App Studio, paste it into the Publisher Name field, click confirm, and then click save. Before we leave Dev Center completely though, there are a couple of items I need to attend to. I switch back to Dev Center, click Submit App, and then click App Info. In the Name field, I type in the name of our app and then click Associate App. I scroll down the page a bit and set an appropriate category and subcategory for our app. Setting the categories correctly will help users find my app. I set category to Travel + Navigation. When I do that, the subcategory field is set to the default value of City guides. By looking at the drop down list, I think I will stick with City guides. I can set the price for my app, but because this app is not a game and I don't believe my app will violate any market restrictions, I will choose the default setting for marketing distribution to distribute my app to all available markets. I scroll down a bit and click More options. Here, I can publish to the store but it keep hidden and define a list of people who can download an app for beta testing. I can also configure my app to get automatically or manually published after it's certified. I will keep the default settings and click Save. Since I am now finished with Dev Center and publish info in App Studio, I can now deploy and publish my app. The next step is to install the Windows certificate. Let me show you how. [Installing Windows certificate] In order to load my app into my phone, I will first need to install a Windows certificate. App Studio makes this easy. I use the camera in the phone to scan a QR code to install the certificate. Let's get started. After saving all of my changes on the Publish Info tab, I click Finish, and then I click Generate. On the Generate Universal App screen, I make sure Installable Packages has been selected. I then click Generate. It will take a few minutes for App Studio to generate the app. When it is finished, I will receive an email notification. When completed, I click Installable Package, then click Install Windows Phone 8.1 Certificate. The QR code displays. I will switch to my phone and show you how to use the phone camera to scan and install the certificate. Here on the phone I start the camera. In the camera, I tap on the ellipses, click lenses, and then tap Bing Vision. The camera scans the QR code and displays a bit.ly link which I tap. Now I log in using my Windows account. After I type my user name and password, I tap Sign In. I like not to remember my password. I tap Open to download the file. I tap Add to add the workplace account. I can ignore the message to tap to open the AET.aetx file and instead tap the Windows button on the phone. It is a bit confusing because clicking the aet file a second time will put you in a loop. But don't worry. Go back to the start screen at this stage. That completes the installation of the certificate. Back on App Studio, I click Cancel to close the QR code. Next I will show you how to sideload the app. [Sideloading the app] From within App Studio, click Finish, and then click Generate. Make sure at least Installable Packages has been selected. I then click Generate. It will take a few minutes for App Studio to generate the app. When it is finished, I will receive an email notification. To sideload the app, I use the camera on the phone to scan the QR code here. Now I will switch to my phone and show you how to use the phone camera to scan and install the app. Here on the phone, I start the camera. In the camera, I tap on the ellipses, click lenses, and then tap Bing Vision. The camera scans the QR code and displays a bit.ly link which I tap. On the downloading file page, I click Open. After downloading as completed, a Tap to Open page will appear briefly. I can ignore that. On the Install Company App page, I click Install. I then see another Tap to Open page. I ignore that. That app was installed once I tapped Install. Again, this can be a bit confusing as this can put you in a loop. But at this stage, you're done. The app is installed. I tap the Windows button, swipe right to see a list of all my apps, tap the letter V, and there is my new Visit Venice app. I tap the app. It starts by loading the splash screen. And then the app is running. [Publish your app from App Studio] In this section, I will show you how to publish your app to the Windows Phone Store from within App Studio. I start by downloading a publish package. The publish package provides a zip file including your signed app x package, up to eight screenshots, and the file you provided. Screen shots are not provided for the Web App template, but they are provided for all other App Studio templates and blink apps that you start from scratch. Let me show you how. Here in App Studio, I have saved all of my changes so now I will click Finish and then click Generate. Since I won't need an installable package, I will clear Installable Packages here and then click Generate. It takes App Studio a few minutes to generate the app, and when it's done, it will send me a notification email. When the app has been generated here under Publish Package, I click Download Package. I then save the zip file and from there extract all the files. I see here that I have the appx upload file that I need to publish my app. In addition, I see that App Studio has rendered a copy of the logo image that I need and App Studio automatically created screenshots of my app. When publishing my app, I have the option of including anywhere from one to eight screenshots. To complete the publishing process in addition to these files, I must register for a developer account, I must have permission to use all the content that my app contains. You'll learn more about all of these as you watch this video. Now I will switch over to the Windows Dev center. I've already signed up for a developer account. So from the Windows phone Dev center, I'm going to click Submit Apps. At this point, if you haven't signed up for a developer account, you'll be given the opportunity to do so. I used the same Microsoft account that I used when I signed up for AppStudio. In Windows Phone Store, I click Apps. On the apps page, I click my Visit Venice Demo App. I then click Update App. Back in the publish info section of the first video, I completed the app info section. I can now click on Upload and describe the packet. I click Add New and locate the appx upload file that I downloaded earlier. I click the file, and then click Open. If I wanted to upload a cert for a technical exception, I can click More Package Option. I will not make any changes. I scroll down and enter additional information about my app. I add a description. I'll add key words for my app—Venice, Italy, and Travel. A description of the app in keywords help users find my app in the store. In scrolling down further, I upload the various image files. The package that I downloaded earlier contained a logo and the screen shots, so I can click Upload All. I select the logo and all the screen shots, and I click Open. Notice how the site can automatically generate the lower resolution screen shots from the WXGA ones for me. Finally, I'll click Save at the bottom of the page. This app doesn't require any of the optional information, so I'll go ahead and click Review and Submit. From here, I can either go ahead and submit the app for certification and publication, or go back and make any further changes that are needed. I'll click on Submit, and then go to the Life Cycle page. From here, I can monitor the process of my app through the different stages of certification, And after it is published, manage the app in the store. It can take up to five business days for the app to complete the certification process before the app appears in the store. I can download the source code from App Studio and open the code in Visual Studio. I might want to do this if there are changes I want to make in the app using Visual Studio. Do know that once you make changes in the App using Visual Studio that you can't upload that modified app package back into App Studio. Here in App Studio, I have saved all of my changes. So now I will click Finish and then click Generate. It takes App Studio a few minutes to generate the app, and when it's done, it will send me a notification email. Now I click Source Code, then click Download Source Code. I'll save the .zip file to my local hard drive. I now open the folder, right click the .zip file, and select Extract All. Once the files have been extracted, I double click the solution file, the .sln file to open the app in Visual Studio. Once open in Visual Studio, I can view the code and check the condition of the app by running the app in the Visual Studio emulator. I see that I can edit app.zml.cs. To start the emulator, I click the down arrow on mobile machine, click Start Up Project, then click AppStudio.WindowsPhone. Windows Phone 81. I then click the green arrow, the emulator starts, The Visit Venice Splash screen comes up, and then the app itself starts. I have now successfully downloaded the source code of my app into the visual studio. I can now make modifications to my app. As I mentioned a moment ago, once you make changes to your app in Visual Studio, you can no longer make changes in the app studio. Furthermore, when I am ready to publish my app to the Windows Phone Store, I will have to do so from within Visual Studio. I will show you how to do that. Once I make changes to my app in Visual Studio, I can no longer go back to App Studio to make any further changes or to publish my app. I will show you how to publish an app from within Visual Studio. Here I am again in the Visual Studio. In the Solution Explorer here on the left, I click AppStudio.WindowsPhone, Windows Phone 81 in parentheses. Then in the tool bar, I click Project, Store, and then Create App Packets. In the Create App Packages window, I click Next. Since I'm already signed in, I click Next. If I wasn't already signed in, I would be prompted to sign in. I now select my app, Visit Venice Demo App, then click Next. On select and configure packages, I want to make a note of where the output folder is. So I will copy this location. Everything else is fine, so I will click Create. The status of the creation process is shown in the output window inside the Visual Studio. In the Package Creation Complete window, I click Close. I start File Explorer and go to the folder I copied earlier. And there is the .app upload file that I will need to publish to the Windows Phone store. Unlike publishing from App Studio where you have the .app upload file along with the screen shots and the logo. Visual Studio can only create the .app upload file. You can copy the graphics files that App Studio created and upload them when you publish to the Windows Phone Store. In the process of developing my Visit Venice App, I tested it on my phone. However, before I upload the app to the Windows Phone store, I'd like to have a friend of mine install the app on his Windows phone device and test it too. App Studio allows me to generate an installable package and distribute it using email, Twitter, or Facebook. I'm going to send my Visit Venice app to my friend John through email, as he also uses the App Studio. Before John can install my app on his phone, he needs to first install and Windows certificate. I can send a URL to John that will allow him, or any of my friends, to download and install the certificate. I send him a link to http://appstudio.windows.com/job/getaet I'm going to switch over to John's phone to show you how he installs the certificate. John taps on the link I sent him. Because he had previously logged into App Studio, he goes directly to the link to download the certificate. If this was John's first time to App Studio on his phone, he would be required to sign in. John taps on Open Here. The Download and Tap to Open screen quickly flashed by. And then he clicks on Add. And that's it—he does not need to click the Tap to Open Screen and instead taps the Windows button to return to his Home screen. Now, to send John my app, I start by generating my app just like I've done before. Here on the Windows phone 8.1 download package, I have three options to notify my users that my app is available for them— email, Twitter, and Facebook. I'm going to click on the email icon to share my app using email. In the Share by Email window, I will enter the email address for John, and then click Send. Now let's look at the email that John received. John taps on the Visit Venice link here and the app starts downloading. On the Tap to Open window, he taps here and then taps Install Here. John ignores the second Tap to Open screen and taps the Windows button instead. Now he swipes to the right and locates the Visit Venice App. Tapping on Visit Venice starts the app, which displays the splash screen, and then the main menu, at which point he's ready to review the app. Thanks for watching this video! And as always, we look forward to seeing your great apps in the Windows Phone Store.

Video Details

Duration: 23 minutes and 14 seconds
Country: United States
Language: English
License: All rights reserved
Genre: None
Views: 25
Posted by: bryanto on Mar 18, 2015

----- (Please provide translations for these languages: Chinese (Simplified) (chi_hans), Chinese (Traditional) (chi_hant), English (eng), French (France) (fre_fr), German (ger), Italian (ita), Japanese (jpn), Korean (kor), Portuguese (Brazil) (por_br), Russian (rus), Spanish (spa).)

Caption and Translate

    Sign In/Register for Dotsub to translate this video.