provincias-de-la-sierra.docx

7/25/2019 provincias-de-la-sierra.docx

1/24

UNIDAD EDUCATIVA

LUIS ESPINOSA TAMAYO

BACHILLER TCNICO

MEMORIA TCNICA PREVIA A LA OBTENCIN DELTTULO DE COMERCIO Y ADMINISTRACIN,

ESPECIALIDAD INFORMTICA

TEMA:CREAR Y DISEAR UN SITIO WEB DE LAS PROVINCIAS DE

LA REGIN SIERRA DEL ECUADOR

INTEGRANTES:

ALDO ARIEL VERA SALDAA

RUTH QUIMI

PERIODO LECTIVO

2015-2016

INDICE

1


2/24

INTRODUCCIN..................................................................................................

1.PROPUESTA DE TRABAJO............................................................................

1.1 Propuesta...................................................................................................

1.2 Condiciones a cup!ir..........................................................................1." Estrate#ia a uti!i$ar...............................................................................

2.%E%ORIA DESCRIPTI&A.................................................................................

2.1 Descripci'n #enera!..................................................................................

2.2 Descripci'n t(cnica................................................................................

2." )!osario....................................................................................................

*. RECURSOS....................................................................................................

*.1 Recursos +uanos.................................................................................

*.2 Recursos Tecno!'#icos..........................................................................

,. CRONO)RA%A DE ACTI&IDADES.............................................................

-. CONCUSIONES...........................................................................................

/. RECO%ENDACIONES..................................................................................

0. BIBIO)RAA..............................................................................................

ANE3OS.............................................................................................................

RESU%EN EJECUTI&O

2


3/24

Internet es una de las palaras !"s n#!radas en l#s $lt%!#s t%e!p#s

p#r &u%enes se apr#'%!an a la te(n#l#)*a # a la %n+#r!"t%(a, C#nst%tu-e

una +uente de re(urs#s de %n+#r!a(%.n - (#n#(%!%ent#s (#!part%d#s aes(ala !und%al, Es ta!%/n la 0*a de (#!un%(a(%.n &ue per!%te

estale(er la (##pera(%.n - (#la#ra(%.n entre )ran n$!er# de

(#!un%dades - )rup#s de %nter/s p#r te!as espe(*+%(#s1 d%str%u%d#s p#r

t#d# el planeta,

Es p#r es# &ue se 2a plantead# la real%3a(%.n una p")%na 4e en la (ual

se da a (#n#(er %n+#r!a(%.n rele0ante s#re las pr#0%n(%as de la Re)%.nS%erra del E(uad#r1 d#nde resaltare!#s sus (#stu!res1 plat#s t*p%(#s -

(ara(ter*st%(as de las !%s!as1 (#n el #5et%0# de p#ner en pra(t%(a

nuestr#s (#n#(%!%ent#s en el "rea %n+#r!"t%(a - r%ndar a l#s usuar%#s de

%nternet un nue0# s%t%# de %n+#r!a(%.n en el (ual puedan se)u%r

desarr#lland# sus 2a%l%dades (#n l#s d%sp#s%t%0#s ele(tr.n%(#s,

Para l#)rar 2a(er real%dad este pr#-e(t# se us(ara la %n+#r!a(%.n

ne(esar%a !ed%ante %n0est%)a(%#nes1 tut#r%ales1 l#s (uales ser"n punt#s

(la0e para )enerar %n+#r!a(%.n ne(esar%a para (rear nuestr# pr#-e(t#,

3


4/24

INTRODUCCIN

La te(n#l#)*a 2a t#!ad# p#ses%.n en nuestr# terr%t#r%# en el (ual 2a

pr#0#(ad# &ue la !a-#r*a de las pers#nas ta!%/n e0#lu(%#ne!#s -

+#r!a!#s parte de1 el %nternet es parte de nuestra te(n#l#)*a a(tual1

!ed%ante un an"l%s%s 2e!#s des(u%ert# &ue un )ran nu!er# de pers#nas

est"n %n!ers#s en el !und# del %nternet1 !#t%0# p#r el (ual 2e!#s de(%d#

(rear un pa)%na 4e s#re las pr#0%n(%as de la re)%.n s%erra del E(uad#r1

ut%l%3and# (#!# 2erra!%enta el s#+t4are WePlus para l#)rar la

real%3a(%.n de la !%s!a,

En el !ed%# (#!pet%t%0# &ue 0%0%!#s l#s estud%antes en la espe(%al%3a(%.n

de %n+#r!"t%(a deen ser %nn#0ad#res1 (rear nue0as estrate)%as para

%nterrela(%#narn#s1 es p#r es# &ue se 2a real%3ad# este pr#-e(t# para a

tra0/s de la pr"(t%(a %r ad&u%r%end# (#n#(%!%ent#s - desarr#lland#

2a%l%dades en el "rea %n+#r!at%(a,

6ed%ante este d#(u!ent# resaltare!#s el pr#(es# de este traa5#1

estrate)%as1 l#s re(urs#s a ut%l%3ar1 - el detalle pas# a pas# de la

ela#ra(%.n de nuestr# pr#-e(t# &ue (#n el ap#-# del !aestr# )u*a se 2a

p#d%d# real%3arl#,

1.PROPUESTA DE TRABAJO

1.1 PropuestaC#n la (rea(%7n de una pa)%na 4e us(a!#s %n(ent%0ar a l#s estud%antes

del 8rea de %n+#r!at%0a &ue ap#rten a la te(n#l#)%a !ed%ante la (rea(%7n

de este nue0# !ed%# de (#!un%(a(%.n e %ntera((%7n,

En el (a!p# Edu(at%0# es +unda!ental la ut%l%3a(%.n - !ane5# de estas

2erra!%entas te(n#l.)%(as espe(%al!ente en nuestra%nst%tu(%.n (#n

/n+as%s en nue0as Te(n#l#)*as,

1


5/24

Nuestr# pr#-e(t# est" asad# en el D%se9# - Crea(%.n de la Pa)%na We

de las pr#0%n(%as de nuestra (#sta E(uat#r%ana (#n el +%n de &ue la

(#!un%dad %ntera(t$e - as* l#)rar estar %n+#r!ad#s1 !#strar las r%&ue3as -

d%0ers%dad de nuestra re)%7n a n%0el na(%#nal e Interna(%#nal,

C#n la real%3a(%.n de este pr#-e(t# l#)rare!#s ap#rtar (#n l#s

estud%antes de nuestra %nst%tu(%7n - (#n nuestr# pa:s al dar a (#n#(er

%n+#r!a(%7n s#re nuestras pr#0%n(%as1 apl%(are!#s t#d#s l#s

(#n#(%!%ent#s ad&u%r%d#s en el "rea de Te(n#l#)*a e In+#r!"t%(a a tra0es

esta )u:a %!part%da1 para (#n0%0%r (#n el !und# (#!pet%t%0# p#r el &ue

esta!#s atra0e3and#,

La pr"(t%(a es de )ran a-uda para aprender - (#!prender de !anera

e+%(a3 nuestr# te!a - a la 0e3 es pre(%s# ad5untar la te#r*a para un !e5#r

desarr#ll# del !%s!# (#n pre(%s%.n,

1.2 Condiciones a cup!ir

Para &ue la presente pr#puesta sea de una !anera e'%t#sa tendre!#s

&ue e+e(tuar las s%)u%entes (#nd%(%#nes;

Otener el pr#)ra!a a ut%l%3ar


6/24

el !#!ent# de apl%(a(%.n - desarr#ll# de esta p")%na en el pr#)ra!a 4e

plus se deer" real%3ar (#n l#s (#n#(%!%ent#s ne(esar%#s para su (#rre(ta

e5e(u(%.n, Para &ue la ela#ra(%.n sea a(ertada se t#!ara en (uenta l#

s%)u%ente;

Otener l#s re&uer%!%ent#s ne(esar%#s para la (rea(%.n -

apl%(a(%.n1 e5e!pl#; (#!putad#ra1 ser0%d#r de %nternet1 et(, Otener l#s (#n#(%!%ent#s ne(esar%#s del pr#)ra!a 4e plus - su

(#n+%)ura(%.n para una (#rre(ta pr#)ra!a(%.n, La ela#ra(%.n se real%3ara (#n la part%(%pa(%.n de l#s %nte)rantes

del )rup# - pre0%a )u*a de nuestr# !aestr# tut#r de pr#-e(t#,

Ut%l%3ar el d%se9# apr#p%ad# de la p")%na 4e (u!pl%end# (#n lase'pe(tat%0as deseadas,

2.%E%ORIA DESCRIPTI&A

2.1 Descripci'n #enera!

En la (rea(%.n - d%se9# de la p")%na 4e de las pr#0%n(%as de la s%erra

e(uat#r%ana e(uat#r%ana se ut%l%3ara para t#das pers#nas &ue deseen

(#n#(er !"s s#re nuestr# pa*s1 est# +un(%#nara de !anera d%)%tal

!ed%ante %nternet1 - l#s pr%n(%pales ene+%(%ar%#s 0an 2a(er l#sestud%antes !ed%ante el (#n#(%!%ent# de la ela#ra(%.n de la p")%na

4e para &ue lue)# puedan ela#rar s%!%lares,

Para la (#rre(ta ela#ra(%.n de nuestra p")%na 4e dee!#s tener l#s

(#n#(%!%ent#s t/(n%(#s - te.r%(#s ne(esar%#s1 #ten%d#s !ed%antes

%n0est%)a(%.n1 tut#r*as - (#nse5#s de pr#+es%#nales1 para (#nt%nuar (#n

la des(r%p(%.n de nuestr# pr#-e(t# es %!p#rtante (#n#(er (#n(ept#s

3


7/24

"s%(#s de l# &ue est" real%3and#1 a (#nt%nua(%.n detalla!#s

%n+#r!a(%.n s#re una p")%na 4e;

p4#ina 5e61es un d#(u!ent## %n+#r!a(%.n ele(tr.n%(a (apa3de (#ntener te't#1 s#n%d#1 0*de#1 pr#)ra!as1 enla(es1

%!")enes1 - !u(2as #tras (#sas,

Posicionaiento 5e6 7SEO8El p#s%(%#na!%ent# 4e de una p")%na 4e es la ase para

#pt%!%3ar t#d# un s%t%# 4e el (ual es un (#n5unt# de p")%nas

4e,

9Para :u( se usa una p4#ina 5e6;

Una p")%na 4e1 puede tener 0ar%#s us#s1 se le puede usar

(#!# !ed%# de (#!un%(a(%.n para d%0ers#s te!as1 (#!#

n#t%(%as1 (ultura1 !ed%(%na1 (%en(%a1 te(n#l#)*a1 (#!entar%#s de

d%0ers#s te!as1 +#r#s1 edu(a(%.n1 deate1 5ue)#s1 !$s%(a1

pel*(ulas1 et(,

&enta


8/24

Iportancia de !a 5e6

P#r&ue t#das las pers#nas est"n 2a(%end# us# del %nternet -

+a(%l%ta la (#!un%(a(%.n - ne)#(%a(%#nes,

uncionaiento de !a 5e6En el +un(%#na!%ent# de una p")%na 4e (#n+lu-en !u(2as

te(n#l#)*as1 per# en una 0ers%.n s%!pl%+%(ada de (.!#

+un(%#nan las (#sas p#de!#s a+%r!ar &ue se trata de d#s

#rdenad#res &ue est"n (#ne(tad#s p#r una red lla!ada Internet

!ed%ante la (ual se %nter(a!%an %n+#r!a(%.n,

6ene>icios de !a ?e6

@a(%l%tar la (#!un%(a(%.n entre1 %nst%tu(%#nes edu(at%0as1

e!presas1 as#(%a(%#nes - pers#nas +*s%(as1 (#n el pr#p.s%t# de

estale(er una rela(%.n a$n !"s estre(2a entre ell#s,

Part%(ular!ente en el aspe(t# (#!er(%al1 +#!entar una !a-#r

(#!un%(a(%.n entre (l%entes - e!presas estale(%end# un

!#del# de #pera(%.n del ne)#(%# !"s #r%entad# al (l%ente,

2.2 Descripci'n t(cnica

%n%(%ar el pr#)ra!a1 el As%stente para %n%(%# se !uestra - #+re(e d%+erentes

rutas para WePlus;

Las #p(%#nes s#n des(r%pt%0as1 - la (rea(%.n del s%t%# se puede 2a(er

desde (er# # a part%r de una plant%lla de d%se9# su!%n%strada, L#s s%t%#s


9/24

)uardad#s anter%#r!ente se pueden ar%r # las p")%nas 4e &ue n# sean

de WePlus se pueden %!p#rtar al s%t%# desde un ar(2%0# # una URL,

In%(%ar nue0# s%t%#1 para (rear un nue0# s%t%# desde (er#,

Ut%l%3ar plant%lla de d%se9#1 para (rear un s%t%# %nstant"ne# a part%r

de una plant%lla pred%se9ada,

6"s1 para #tener a((es# a una 0ar%edad de re(urs#s l%res -

plant%llas de d%se9#


10/24

Es&ue!as; el%5a un es&ue!a de (#l#r para apl%(ar un aspe(t#

espe(*+%(#,

Sele((%.n de p")%nas; sele((%#ne al)una # t#das las p")%nas de la

plant%lla


11/24

Gra+%(#;F

T%tul#; d%se9# de plant%lla 4eplus

Para (rear un s%t%# (#n una plant%lla de d%se9#;

, Arran&ue WePlus1 # el%5a el As%stente para %n%(%# del !en$ Ar(2%0#

para !#strar el As%stente para %n%(%#,

>, Sele((%#ne Ut%l%3ar plant%lla de d%se9#,

F, En el (uadr# de d%"l#)#1 sele((%#ne un d%se9# de te!a # un d%se9#

de plant%lla Pr# del panel pr%n(%pal,

Gra+%(#;?

T%tul#; (rea(%.n plant%lla de d%se9# 4eplus

#


12/24

Dise@os de teas

Las plant%llas Pr# se a)rupan en (ate)#r*as asadas en el te!a use la

arra de despla3a!%ent# # (#ntra%)a una (ate)#r*a para !#strar !"s

#p(%#nes


13/24

Estructura de! sitio

P")%na pr%n(%pal del s%t%# en una arra de na0e)a(%.n, Ideal!ente1 (ada

p")%na del s%t%# pertene(e a una se((%.n (#n(reta,

A (#nt%nua(%.n se !uestra la !%s!a estru(tura (#!# apare(er*a en el

"r#l de estru(tura del s%t%# de WePlus;

Gra+%(#;H

T*tul#; "r#l de estru(tura del s%t%# de WePlus,

En WePlus1 a9ad%r despla3a!%ent# entre sus p")%nas 4e es +"(%l (#n

arras de na0e)a(%.n1 (ada una pr#)ra!ada pre0%a!ente para

(#!prender la estru(tura del s%t%#1 +a(%l%tand# el d%se9# de un s%t%# (u-a

na0e)a(%.n sea sen(%lla, S%!ple!ente t%ene &ue sele((%#nar una de las

arras de 2erra!%entas O5et#s 4e - WePlus 2a(e el rest#,

Gra+%(#;K

T*tul#; arra de na0e)a(%.n

1%


14/24

6%rand# p")%nas %nd%0%duales desde un punt# de 0%sta de d%se9#1 (ada

p")%na de WePlus t%ene una p4#ina pr%n(%palJ - una p4#ina aestra de

+#nd#J,

Gra+%(#;

T*tul#; 0%sta )eneral de d%se9#

WePlus ad!%te el desarr#ll# de p")%nas 4e en T6L, Puede a9ad%r

p")%nas en la 0entana Estru(tura del s%t%# de la pesta9a S%t%# se !uestra

un %(#n# d%st%nt%0# en la p")%na T6L,

Crear un >ondo persona!i$ad#;

,


15/24

T*tul#; (rear +#nd# pers#nal%3ad#

Ap!icaci'n de co!ores s'!idos

Puede usarla pesta9a de C#l#r1 la pesta9a 6uestrar%#s # un (uadr# de

d%"l#)# para apl%(ar (#l#res s.l%d#s a un #5et#,

L#s #t#nes de !uestrar%# de las pesta9as pr#p#r(%#nan 0ar%as +#r!as de

apl%(ar (#l#res s.l%d#s a #5et#s de 0ar%as (lases

Gra+%(#;

T*tul#; apl%(a(%.n de (#l#res de +#nd# a la pa)%na

Para pu6!icar e! sitio en !a 5e6=

12


16/24

, Sele((%#ne Pr#p%edades del s%t%# We,,, en el !en$ Ar(2%0# - 2a)a

d#le (l%( en la (#n+%)ura(%.n de e'p#rta(%.n1 part%(ular!ente las &ue se

0en desde la #p(%.n de !en$ Gr"+%(#s,

>,a)a (l%( en el #t.n Pul%(ar s%t%# en la arra de 2erra!%entas

Est"ndar


17/24

La D%re((%.n @TP del 2#speda5e 4e ser" una d%re((%.n URL espe(*+%(a

&ue e!p%e3a p#r +tp;J (#!# se pr#p#r(%#na p#r su pr#0eed#r de

ser0%(%#s,

N$!er# de puert#, E'(ept# &ue l# espe(%+%&ue su pr#0eed#r1 l# puede

de5ar (#!# >J,

De5e el (uadr# Carpeta en lan(#1 a !en#s &ue su pr#0eed#r l#

espe(%+%&ue de #tra !anera # s% desea pul%(ar en una su(arpeta

espe(*+%(a del d%re(t#r%# ra*3,

Ta!%/n ne(es%tar" un N#!re de usuar%# - C#ntrase9a1 preas%)nad#

p#r el pr#0eed#r,

A(t%0e la #p(%.n Guardar (#ntrase9a para )uardar la (#ntrase9a en el

e&u%p#1 s% n# desea 0#l0er a es(r%%rla (#n (ada (ar)a,

a)a (l%( en A(eptar para (errar l#s detalles de la (uenta,

Gra+%(#;>

T*tul#; (#n+%)urad# la %n+#r!a(%.n de la (uenta @TP para al3ar nuestra

p")%na al %nternet

14


18/24

Da!#s (l%( en # - 0e!#s en la s%)u%ente %!a)en &ue -a tene!#s nuestra

p")%na 4e l%sta para l#s usuar%#s en %nternet,

2." )!osario

?e6;Es un s%ste!a 2%per!ed%al &ue per!%te el a((es# a una

d%0ers%dad de (#nten%d#s a tra0/s del se)u%!%ent# de enla(es

desde un ele!ent# a #tr#,

3%1 s%)las en %n)l/s de eXtensible Markup Language, es

un len)ua5ede !ar(as ut%l%3ad# para al!a(enar dat#s en +#r!a

le)%le1 T%ene un papel !u- %!p#rtante en la a(tual%dad -a &ue

per!%te la (#!pat%%l%dad entre s%ste!as para (#!part%r la

%n+#r!a(%.n de una !anera se)ura1 +%ale - +"(%l,

T%


19/24

Inter>a$= Es la representa(%.n )r"+%(a de una apl%(a(%.n

%ntera(t%0a1 es l# &ue !ed%a - +a(%l%ta la (#!un%(a(%.n e %ntera((%.n

entre el %nd%0%du# - la !"&u%na1 ella es l# &ue el usuar%# 0e en la

pantalla - (#n la &ue %ntera(t$a +%nal!ente,

Seridor=Es el (#!putad#r en el &ue se e5e(utan l#s pr#)ra!as

&ue real%3an al)una tarea en ene+%(%# de #tras (#!putad#ras,

Doinio de Internet; Un d#!%n%# de Internet es una red de

%dent%+%(a(%.n as#(%ada a un )rup# de d%sp#s%t%0#s # e&u%p#s

(#ne(tad#s a la red Internet, El pr#p.s%t# pr%n(%pal de l#s

n#!res de d#!%n%# en Internet - del s%ste!a de n#!resde d#!%n%#


20/24

*.RECURSOS

Para la ela#ra(%.n de este pr#-e(t# ut%l%3a!#s las 2erra!%entas

ne(ear*as (#!#; %nternet1 ener)*a el/(tr%(a1 una (#!putad#ra para

ser0%d#r - l#s pr#)ra!as ne(esar%#s para la (#rre(ta apl%(a(%.n;

*.1 Recursos +uanos

Aut#res del pr#-e(t# Tut#r

*.2 Recursos Tecno!'#icos

Internet C#!putad#ra B%l%#te(a 0%rtual CD I!pres#ra Pr#)ra!as de ed%t#r de 0%de#s

,. CRONO)RA%A DE ACTI&IDADES

ACTIVIDADES OCTUBRE NOVIE6BRE DICIE6BRE ENEROSE6ANAS > F ? > F ? > F ? > F ?Ela#ra(%.n del

resu!en e5e(ut%0#,

1"


21/24

Ela#ra(%.n de la

pr#puesta de traa5#,

'

Ela#ra(%.n de la!e!#r%a des(r%pt%0a,

'

Pr#(es# de pr#du((%.n

de %enes,

Des(r%%r l#s re(urs#s

ut%l%3ad#s, C#n(lus%#nes -

re(#!enda(%#nes,

B%l%#)ra+*a - ane'#s,

Re0%s%.n - apr#a(%.n

del pr#-e(t# de )rad#,

Sustenta(%.n del

pr#-e(t#,

-. CONCUSIONES

Se 2a l#)rad# real%3ar una p")%na WEB para dar a (#n#(er las pr#0%n(%asde la re)%.n S%erra del E(uad#r1 %n(lu-end# ta!%/n el an"l%s%s de la

ela#ra(%.n de nuestra p")%na,

En este pr#-e(t# l#s estud%antes 2an p#d%d# p#ner en pr"(t%(a l#s

(#n#(%!%ent#s antes #ten%d#s en el aula de (lases !ed%ante un

pr#(ed%!%ent# detallad# te.r%(a!ente - (reat%0#,

1#


22/24

La I!ple!enta(%.n del S%t%# We1 (#ntr%u-e a trans!%t%r - (#!part%r

%n+#r!a(%.n1 !#dern%3"nd#se de esta +#r!a el pr#(es# de ense9an3aQ

aprend%3a5e1 as* ta!%/n adelant"nd#se a las te(n#l#)*as e'%)entes,

Se la l#)rad# l#s #5et%0#s plantead#s para (ul!%nar nuestr# pr#-e(t#

pre0%# a la #ten(%.n de nuestr# t*tul# de a(2%ller,

,

/. RECO%ENDACIONES

Se re(#!%enda la %!ple!enta(%.n de este pr#-e(t# de la

(rea(%.n de la p")%na 4e en el pr#)ra!a 4e plus1 -a &ue se2a %n(re!entad# un pr#(es# (#!un%(a(%#nal1 para !antener a

la (#!un%dad %n+#r!ada,

De%d# a la p#(a %n+#r!a(%.n para la ela#ra(%.n de p")%nas 4e

se re(#!%enda a la %nst%tu(%.n %!ple!entar talleres para %!part%r

%n+#r!a(%.n a l#s estud%antes de (.!# (rear una p")%na 4e,

P#seer (#n#(%!%ent#s #perat%0#s de las apl%(a(%#nes %n+#r!"t%(as

"s%(as1 (#!# pr#(esad#r de te't#s - na0e)a(%.n +lu%d# en el

%nternet,

Se dee pr#!#0er la %n(lus%.n de pr#-e(t#s te(n#l.)%(#s (#!#

(rea(%#nes de p")%nas 4e a estud%antes de t# a9# de

a(2%llerat# para &ue se 0a-an +a!%l%ar%3and# (#n el te!a,

,

0. BIBIO)RAA

2ttps;es,4%%ped%a,#r)4%% TTP;DE@INICION,DEPAGINAQWEB 2ttp;444,e!prend%(es,(#laQ%!p#rtan(%aQdeQlasQpa)%nasQ4eQenQ

%nternet

1$
https://es.wikipedia.org/wiki/Provincia_de_Esmeraldashttp://definicion.de/pagina-web/http://www.emprendices.co/la-importancia-de-las-paginas-web-en-internet/http://www.emprendices.co/la-importancia-de-las-paginas-web-en-internet/https://es.wikipedia.org/wiki/Provincia_de_Esmeraldashttp://definicion.de/pagina-web/http://www.emprendices.co/la-importancia-de-las-paginas-web-en-internet/http://www.emprendices.co/la-importancia-de-las-paginas-web-en-internet/


23/24

2ttps;es,4%%ped%a,#r)4%%Pr#0%n(%asdeE(uad#r 2ttps;es,4%%ped%a,#r)4%%PCFA)%na4e

2%

ANE

&OS
https://es.wikipedia.org/wiki/Provincias_de_Ecuadorhttps://es.wikipedia.org/wiki/P%C3%A1gina_webhttps://es.wikipedia.org/wiki/Provincias_de_Ecuadorhttps://es.wikipedia.org/wiki/P%C3%A1gina_web


24/24

Documents

provincias-de-la-sierra.docx