Developing Windows Apps

By
Hello my dear pals .This is indeed a read must post for all the web developers and all those who are fond of HTML.MICROSOFT  has increased the horizon of apps development by allowing windows 8 or 10 apps to be developed in HTML language..So Lets begin the journey -> developing windows 8 or 10 apps...


So before getting started lets limelight the PRE-REQUISITES you need before starting developing Windows 8 or 10 apps.

You will need the following :

1) WINDOWS 8 or 10 OS : ya ! windows 8 or 10 apps can be developed only on machine                that runs Windows 8 or 10 because Windows 8 or 10 provides the preffered dot net framework required for windows 8 or 10 app development. 

2) VISUAL STUDIO : Either you install Visual studio for windows 8 or 10 especially for trial version or else install Visual Studio 2012 premium or else.

.....So these were the things needed.......Now lets develop windows 8 or 10 apps...

##################################################

This is important.. As soon as you open Visual Studio Please Click " OK "  button and accept and obtain license through the prompt which appears using your microsoft account..This license is required for developing windows 8 or 10 apps which you would have to further get it renewed..

##################################################

So all set .. Lets begin..

1) click on File > New > Project ..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP7wPQwcsbWtdCPQttrM3KvoUUzlagfq9N26PiOGtjw4ffot_f_gh9HkpAVadRab0hPuQ3wdFmCv4a8VUjB-m1ppLPca0sZIuGn-OO06kIBMPH0cX7g8jtxlVPif2ExtLuCnkRErLBy1s/s640/w1.png


2) Now a window will appear ..Choose project under Javascript>Windows Store and choose Blank app ..just for consideration..

Give your app Name using the below text box.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7t_eYt4HyTvlx8ZlrvREPwSE3yKkQZ5Ih6khHL4CgpT1Wg8uz-rXEjEhBeKNyawaEgh6bGhJiabkG4sO3HVRa_VsiLBnpw7y1MfE2vQk4f3fwh4jhgPgavKKEMNjTHo9PfQKFEf05-bU/s640/w1.png
3) A new project will thus be created..

4) Now See right window under Solution Explorer..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3vMlBtR2jwNK5KcAj-FS_I1x4AZhfX7vNoMhM_UnwpEJHweSOLfjK5GsVJGeGff5wAPPBSQrVOEbe2nHFG-WrLrVB3_bxg7kAiO-pfpii9ue0NX_bKeCCUf6hsebve4MKY3yvt4jU5dE/s640/w1.png

5) the worth mentioning is these 2 files :
>> default.html >> Is where the html coding of tile is..

>> defaullt.js >> used for events handling codes..

6) Here we will create a tile app. USe HTML code and edit the content for example you can edit the Phrase "Content goes here " 


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhurP6DqTMGtMwo9Ecf9uYwpu1RcPlqKm78DJA97Rw0BO1CQzzsNEg8SkKt8xe2D7xYlSffhCtMJDr_ymL1RtVzDtycjTBlwhZVMMWsd5r5u5n-E_2L1R4HptTdNnJ9XfLfyAuVigmQbMM/s640/w1.png

to the text for example " making eworld easier for you "..like this..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUTEgrCJs9qh6pFrGyQMh4FpOOpS0Dp5NtQ-BwGbcdhQZB_ie_XJDgjAFn-qTZhpkDcJU0zGg-scJzfRqika6gMpiTVxZP1DyLgR26I9Mln7wbNRL67_ZBAIxivwneZntgACR_Ite6tSI/s640/w1.png

7) Now done ... time to run it .. Press f5 or Debug > Start Debugging.

8 or 10)  a command prompt window will appear asking for the required permissions .. Click Ok then yes.. and then your app tile will appear..

YOUR APP APPEARS LIKE THIS : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGp0wVuluI8-Xyv4X9LycCSj8N5iUNqQOVgWsHjpBfXGaNuiwQ-NqTAi-FhFdsTQGPphDDUQ1Z4y-NMhjdG3mZh9NsKMPTf6a1flXiOiTC89H_Dk2NRizuE9FSRI_560mEDHLmNqelwEI/s640/w1.png


9) To code stop debugging Shift+f5 and then debug again to test your app.

******************************************************** So.. developers experiment and code in the HTML to make app works the way you want.. .. Have fun..
********************************************************





Comments

Post a Comment

Popular posts from this blog

How to Install CCSM ( compizconfig settings manager ) in UBUNTU

By
Image
Hello and welcome friends. This post is devoted to Ubuntu Lovers. In this Post I will tell How to install CCSM  in Ubuntu.   CCSM basically is COMPIZCONFIG SETTINGS MANAGER which enhances GUI of workspace. Power  Of  CCSM You can Run Ubuntu from Pen Drive also without affecting main OS. To know how to install and run ubuntu from flash drive visit   How to install and Run Ubuntu from Pen Drive Now Lets come to point. STEP 1 : Open Terminal ( Accesories > Terminal  ) opening terminal STEP 2 : Write   sudo apt-get install compizconfig-settings-manager                 But sometimes a problem come that it tells enable ' universe ' component. CCSM Problem Enble Universe software sources STEP 3: So first of all We have to enable universe component. ( IF YOU HAVE ENABLED UNIVERSE COMPONENT ALREADY THEN SKIP THESE STEPS 3 AND 4)     >>   Go to SYSTEM > ENABLE >SOFTWARE SOURCES.         >> Check the box Community Maintained Open
Read more

Connecting JSP page with MS Access :: JDBC ODBC Connectivity

By
Image
H ello Guys .This post is all about Connecting JSP to MS Access database -> JDBC ODBC Connectivity. Honestly speaking after struggling upon a lot on jdbc connectivity , finally at the end of the day , I brought to you the step by step process to CREATE  database and perform DDL and DML operations on that. So , Lets begin by creating a MS Access database. Go to Control Panel > Administrative Tools > ODBC DATABASE SOURCES. Now an ODBC Data   Source Administrator window will open. Click on Add button . Now Select Driver do Microsoft Access(*mdb) from the Create New Database Source window that appears like the image shown on right and click Finish Button.. Now create your Database source name . You can give any name you want. THIS NAME IS CALLED YOUR DNS ( Database Sourcse Name ). Click on "Create " button. NOW THIS STEP IS Worth IMPORTANT. PEOPLE USUALLY GIVES C:\ DRIVE  PATH ( the NTFS where windows is installed generally).. There's no pr
Read more

Adding TTS ( Text to Speech ) to your website

By
Image
Hello my dear pal and friends, The post is all about how to add TTS a functionality of Text To Speech to your website.This feature makes the text written on a webpage to be spoken out from your speaker.This is especially helpful to visually impaired people and for them traversing website becomes easier. So let's begin.Let's explain the core of this functionality . The best way to add TTS to your website is to use "Speak. js " files and get them integrated to your project.We need 3 files to add TTS to our Website : 1)speakclient.js 2)speakworker.js 3)speakgenerator.js These 3 files can be found from github of speak.js @  https://github.com/kripken/speak.js Now put these files in your project web folder or to say just include these files in your project (say in js folder) . Also change the 3rd line  in speakClient.js to point to your JS folder : speakWorker = new Worker('js/speakWorker.js') Now what we gonna do is just we will ask users to just sele
Read more