WINDOWS 8 STORE APP

By
GOPI KRISHNA M,
MICROSOFT STUDENT PARTNER,
MASTER OF COMPUTER APPLICATIONS,
PAAVAI ENGINEERING COLLEGE.
INTRODUCTION

Microsoft Vis!" St#io is !$ i$t%&r!t%# #%'%"o()%$t %$'iro$)%$t *IDE+ fro) Microsoft.

It is s%# to #%'%"o( co)(t%r (ro&r!)s for Microsoft ,i$#o-s s(%rf!)i"y of o(%r!ti$&

syst%)s, !s -%"" !s -%. sit%s, -%. !(("ic!tio$s !$# -%. s%r'ic%s.

T/% i$t%&r!t%# #%.&&%r -or0s .ot/ !s ! sorc%1"%'%" #%.&&%r !$# ! )!c/i$%1"%'%"

#%.&&%r.

Vis!" St#io s((orts #iff%r%$t (ro&r!))i$& "!$&!&%s !$# !""o-s t/% co#% %#itor !$#
#%.&&%r to s((ort *to '!ryi$& #%&r%%s+ $%!r"y !$y (ro&r!))i$& "!$&!&%, (ro'i#%# !
"!$&!&%1s(%cific s%r'ic% %2ists.

Bi"t1i$ "!$&!&%s i$c"#% C, C33 !$# C334CLI *'i! Vis!" C33+, VB.NET *'i!Vis!" B!sic
.NET+, C5 *'i! Vis!" C5+, !$# F5 *!s of Vis!" St#io 6787+. S((ort for ot/%r "!$&!&%s
sc/ !s M, Pyt/o$, !$# R.y !)o$& ot/%rs is !'!i"!."% 'i! "!$&!&% s%r'ic%s i$st!""%#
s%(!r!t%"y.
TO CREATE A NE, PRO9ECT

Start Visual Studio 2013.

On the Fi"% menu, select N%-, then select Pro:%ct.

In the N%- Pro:%ct indo, on the le!t side, na"i#ate to I$st!""%#, then to T%)("!t%s.

I! $a"aScri%t is &our selected de!ault lan#ua#e.

9!'!Scri(t, then to Stor% A((, Uni"ersal a%% and select Gri# A((

In the N!)%; !ield at the 'ottom, enter the name o! &our a%%. (or the %ur%oses o! this la', enter
)(irst *%%+.

Veri!& that the Cr%!t% #ir%ctory for so"tio$ 'o, is chec-ed, and clic- OK to create the %ro.ect.

I! &ou do not alread& ha"e a de"elo%er license installed on &our com%uter, Visual Studio ill
%rom%t &ou to si#n u% !or one. (ollo the ste%s to si#n u% !or a de"elo%er license. /ou ill need
a 0icroso!t account to o'tain a de"elo%er license.

ill need a 0icroso!t account to o'tain a de"elo%er license.

CODE EDITOR ,INDO,
CONTENT CHANGING HERE
SPALSH SCREEN
GRID VIE, ,INDO,
LIST VIE, ,INDO,
IMAGE ADD IN THE APP PAGE

1o To Solution 2,%lore in 3e!t Side.

To Select The Ima#e (older to Ri#ht Clic- .

Select *dd45 2,istin# S&stem The Choose Ur Ima#e

Same 0ethod To *dd Used *ll Ima#es.

To Use The Ima#e in ur *%%

Select us 6hase To Introduce One "aria'le to Use or Directl& ur %laced in the ima#e %ath.
!or 2,am%le Var a7)ima#es8ima#e..%#+9 :or;
{ group: sampleGroups[0], ttle: !"a#upul $lo%er !, su&ttle: !!, #es'rpto(: aa,
'o(te(t: a, &a')grou(#Image: !mages*)a#upul +lo%er,-pg! .,/or0
&a')grou(#Image: 1a23
SEARCH

*DD T<2 (O3D2R IN T<2 6*12

TO C<*N12 T<2 (O3D2R N*02 IS S2*RC<

TO RI1<T C3IC= IN T<2 S2*RC< (O3D2R TO S232CT *DD45N2> IT2045Search

Contract !ile.

Three Su' !iles are created De!ault.

TO *dd One 3ine Codin# in Search 6ath

De!ault.html
?scri%t src7@8%a#es8search8searchResults..s@5?8scri%t5
ABOUTUS

*dd the !older in the %a#e

TO C<*N12 T<2 (O3D2R N*02 IS *'outus

TO RI1<T C3IC= IN T<2 *'outus (O3D2R TO S232CT *DD45N2> IT2045html

!ile to sa"e a'outus.html.

One <tml !iles are created De!ault.

To O%en The *'outus.html (ile TO >rite Code !or *'out Urs.

CONTACTUS

*dd The (older In The 6a#e

TO C<*N12 T<2 (O3D2R N*02 IS Contactus

TO RI1<T C3IC= IN T<2 Contactus (O3D2R TO S232CT *DD45N2> IT2045html

!ile to sa"e Cantactus.html.

One <tml !iles are created De!ault.

To O%en The Contactus.html (ile To >rite Code !or Contact Urs.

PRIVAC< POLIC<

*dd the !older in the %a#e

TO C<*N12 T<2 (O3D2R N*02 IS Contactus

TO RI1<T C3IC= IN T<2 Contactus (O3D2R TO S232CT *DD45N2> IT2045html

!ile to sa"e Cantactus.html.

One <tml !iles are created De!ault.

To O%en The Contactus.html (ile To >rite Code !or Contact Urs.

DEFINE THE ADDING PAGES
ADDING BACKGROUND IMAGE HERE
TILE IMAGE
ADDING IMAGES
,IDE LOGO SI=E >8728?7
S@UARE LOGO SI=E 8?728?7
SMALL S@UARE LOGO SI=E >7A>7
STORE LOGO SI=E ?7A?7
4REATE PA4"AGE

$rst 5o#e s 46a(ge

TO Sele't T6e 7r App Name I( soluto( E8plorer to rg6t 'l'),

To sele't t6e store,

Rg6t 'l') o( ur Pro-e't Name to Sele't t6e Stor9:'reateApp pa')age

M< STORE APPS