Programming Windows 8: Building an application and run model

Time to analyze the structure of the application, and examine all the different parts in it.

Directory structure

If we open all the libraries in Solution Explorer, we get the following screen:

Directory structure is as follows:

1. CSS – contains the CSS files in our application. There are also CSS files of windows 8, which allow us to easily get the standard look.

2. Images – contains pictures. Currently contains the pictures of the Welcome screen and tile (Tile) of the application. Welcome screen is the screen shown during Shafliktzih Battery (equivalent to DOM loaded normal browser app).

3. JS – will contain the files that our JS.

4. WinJS – JS – will contain the JavaScript files of WinJS – Library to talk about many more. WinJS gives us a lot of things to support the development of Windows 8, which is a library that can be compared roughly to-jQuery + jQueryUI + KnockoutJS all together. By default the project has only Rfrfns to base.js Val wwaapp.js but during development we will use them all. Much of the current blog series will be devoted to understanding this library.

5. WinJS-CSS – contains the CSS files of WinJS and will allow us to provide a standard look of windows 8. Attached are two CSS files – one for each Theme of windows – dark and light.

6. The main library is still a very important one – package.appxmanifest XML file that contains the application’s configuration. If you double-clicked on it we get the following screen:

These settings back when we want to determine Contracts we want to use them, such as search and Share. (Under the tab for Declarations)
In addition, under the tab Capabilities we can declare the HTML5 capabilities we seek to use them, such as access to the camera, GPS and so on:

When we run the application, all files are packed into a zip file installed in the folder c: \ program files \ applications (by default is hidden)

Installation is no registration of DLL-s or Register Registry tweak – just install copy. Metro application running very similar to run a standard Web site, a few differences.

1. The application’s files are sitting inside your computer, or downloaded from the Internet (although you can access the Internet to download more information, like any normal application).

2. Standard Web application running in its own Frost in Tab (tab) browser. Frost each tab running its own. Metro application, however, wanted in AppContainer almost parallel to one of Frost’s one of the tabs (tab-s) in your browser. Frost’s name wwahost.exe and contains the usual engine of IE10.

3. Code runs within the browser has access to “Web Platform” – I mean all the usual API of the browser, for example document.getElementById. Code running in the AppContainer other hand, in addition to access to the browser’s standard API, also have access to the Windows Runtime – or abbreviated name – WinRT – so he can access to main Windows API.

4. When you run the app – if we open the Task Manager (Task Manager) of windows 8 (ctrl + shift + esc), see the following screen:

The application we created looks like an ordinary application for everything, but actually something else happens. If we click on “more details” tab and then the details seem all Hfrossim (Processes) running on the system. Last (highlighted) is Frost actually contains our application (and the rendering engine of IE10)

It is very important to emphasize that our application at this point is a perfectly normal HTML5 app, and have not done anything specific to windows.

8. As we shall see later, when using libraries WinJS and WinRT, often use specific capabilities of Windows 8. However, there is no duty to do so, and can save our application Cross-Platform almost completely.

Note : right click open in new tab to enlarge image



  1. […] Read More: Programming Windows 8: Building an application and run model … […]

  2. I was very pleased to find this web-site.I wanted to thanks for your time for this wonderful read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you blog post.

  3. hi have a nice xmas to all of you – matty

  4. Great Tip…

    These tips tips are great. I always enjoy brainstorming about catchy subject lines. Sometimes it can be tough, but we have to do what we have to do – please our readers!…

  5. Perfect just what I was searching for! .

  6. Amazing article Thank You very Much!!

  7. … [Trackback]…

    […] Read More Infos here: […]…

Sorry, the comment form is closed at this time.

Comments RSS