planificación del desarrollo de un sitio web

7/25/2019 Planificacin Del Desarrollo de Un Sitio Web

1/19

TALLER TCNICO IV DISEO WEB II

Ing. Magaly AbadJunio, 2016

[email protected]


2/19

Mtodo de Evaluaci

Donde = Promedio de Nota de Sesiones ()

Donde = Promedio de Exmenes

=- as !u"as se#$n desa##olladas y e%aluadas en clase.- as $ctica se#$n colgadas en el aula %i#tual 'asta las (ec'as indicadas.

=- )l t#abajo *inal se#$ p#esentado la pen+ltima sesin.

- )l e$men *inal se#$ la +ltima esin.


3/19

Et!e"a de T!a#a$o%

os alumnos deben ent#ega# las gu"as y p#$cticas de cada sesinutili/ando como nomb#e de a#c'i%o

A&ellido'(A&ellido)(No*#!e(+u,a-.!a!

A&ellido'(A&ellido)(No*#!e(/!actica-.!a!

Ejemplo: Martull_Blasco_SaraAna_Guia1.rar


4/19

/LANI0ICACI1N E IM/LEMENTACI1N DE SITIOS WEB


5/19

/lai2icaci del de%a!!ollo de uSitio We#.

a (ases ue estudia#emos a continuacin 'an sidoutili/adas pa#a disea# di(e#entes tipos de aplicaciones

'ipe#media como gale#"as inte#acti%as, p#esentacionesmultimedia y aplicaciones 3eb.

4A5II4 7I)894 IM&)M)5:A;I


6/19

'. A3li%i%.

7ic'as p#eguntas son las siguientes

1. &a#a u> necesita el sitio 3eb?

2. A ui>nes se di#igi#$ el sitio 3eb?

. u> es lo ue buscan las pe#sonas en mi sitio 3eb?

B. u> in(o#macin a publica# es +til pa#a la comunidad?

C. u> imagen uie#o p#oyecta# en mis usua#ios?

6. u> se#%icios inte#acti%os ent#ega#> a t#a%>s del itio Deb?

E. ui>nes pueden ayuda#me a #eali/a# el p#oyecto?


7/19

'. A3li%i%.

as #espuestas a estas p#eguntas pe#miti#$n da# (o#ma alos siguientes elementos de an$lisis

O#$etivo4 7e(ini# las metas del p#oyecto, estas debense# gene#ales y espec"(icas, con el (in de conta# con el mayo#detalle posible de lo ue se desea consegui#.

Audiecia )st$ cla#o ue el itio Deb no pod#$ atende# a todop+blico dado ue el acceso a Inte#net se p#oducemayo#ita#iamente en segmentos de ing#esos medianos a altos. in

emba#go, 'ay %a#ias conside#aciones a tene# en cuenta, al de(ini#u> tipos de usua#io ue se atende#$n desde las p$ginas del sitio.

Tecolo",a u> se#%icios inte#acti%os se le inco#po#a#$n al sitio.


8/19

). Di%e5o.

Di%e5o L"ico.

e #e(ie#e al p#oceso de c#ea# un diag#ama de contenidos en elue se muest#e de mane#a p#$ctica cu$ntas seccionestend#$ el sitio 3eb y cu$ntos ni%eles 'ab#$ dent#o de cada uno.

Seccioe%4 se debe intenta# ue sean las menos posibles,

con el (in de concent#a# las acciones del usua#io en pocas$#eas.

Nivele% se debe intenta# ue el usua#io est> siemp#e amenos de t#es clicFs del contenido ue anda buscando.&o# ello no se debe#"a c#ea# m$s de t#es ni%eles de acceso.


9/19

). Di%e5o

Di%e5o L"ico. E$e*&lo


10/19

). Di%e5o

GSi%te*a Nave"acioal 6 Di%e5o 0,%ico.

Hna %e/ ue se cuenta con los diag#amas lgicosdesa##ollados, lo siguiente consiste en gene#a# los

sistemas de acceso a dic'os contenidos en el itio Deb. At#a%>s de estos, los usua#ios pod#$n a%an/a# po# susdi(e#entes $#eas, sin pe#de#se.


11/19

). Di%e5o

Al gene#a# el sistema de na%egacin, se deben tene# en cuentalas siguientes ca#acte#"sticas

Co%i%tete el sistema debe se# simila# en todo el sitio, en lo

#e(e#ido a su ubicacin y disposicin en las p$ginas.

7i2o!*e el sistema debe utili/a# simila#es t>#minos con el (in deue el usua#io ue lo %ea en las p$ginas, con("e en ue susopciones lle%an siemp#e 'acia los mismos luga#es dent#o del sitio.

Vi%i#le el sistema debe distingui#se cla#amente dent#o delsitio, con el (in de ue el usua#io cuente con >l, como si set#ata#a de una gu"a pe#manente en el $#ea en ue seencuent#e del sitio.


12/19

). Di%e5o

GSi%te*a Nave"acioal 6 Di%e5o 0,%ico. E$e*&lo


13/19

). Di%e5o

Di%e5o de di!ecto!io%.

)ste "tem nos pe#mite est#uctu#a# las ca#petas o di#ecto#ios ueusa#emos y nos se#%i#$n pa#a o#dena# los elementos denuest#o sitio.


14/19

). Di%e5o

Di%t!i#uci de E%&acio%.

Hna %e/ ue se 'a te#minado el t#abajo en la est#uctu#a, ya se cuenta conlos insumos su(icientes pa#a a%an/a# 'acia la gene#acin del diseo

%isual de las pantallas del sitio.

)n algunos casos se denomina diseo de mauetacin odiag#amacin conside#ando una dist#ibucin de los espacios pa#a loscontenidos a publica#.

7ebemos tene# en cuenta ue el diseo implica dos pa#tes

as $#eas ue se mantend#$n iguales en todas las p$ginas, lo ue

ca#acte#i/a#$ y uni(o#mi/a#$ a nuest#o sitio 3eb. Men+s, &ublicidad, etc as $#eas ue cambia#$n de p$gina a p$gina. ;ontenido p#opio de

cada p$gina.


15/19

). Di%e5o

Di%t!i#uci de E%&acio%. E$e*&lo


16/19

). Di%e5o

Di%e5o de Botoe% 6 Me8%.

Hna %e/ ue se 'a te#minado el t#abajo en la mauetacinp#ocedemos a disea# las ba##as de na%egacin, men+s, botones ydem$s elementos a utili/a# en la implementacin de nuest#asp$ginas pa#a el sitio 3eb.


17/19

). Di%e5o

/!e&a!aci de Coteido%.

&a#a (inali/a# la etapa del diseo p#ocedemos a c#ea# yKo#ecolecta# el contenido ue se#$ publicado en cada unade nuest#as p$ginas ue con(o#ma#$n nuest#o sitio 3eb.


18/19

9. I*&le*etaci

Hna %e/ concluidas las (ases ante#io#es p#ocedemos aselecciona# las 'e##amientas m$s adecuadas pa#ap#ocede# a implementa# nuest#o sitio 3eb y pode# pone#loen (uncionamiento.

)isten 'e##amientas ue pe#miten la implementacin

desde el m$s b$sico y ot#as 'e##amientas utilita#ias uegene#an contenidos o modi(ican est#uctu#as con la(inalidad de 'ace# m$s sencillo el t#abajo.


19/19

9. I*&le*etaci

)isten 'e##amientas ue pe#miten la implementacin desdeel m$s b$sico y ot#as 'e##amientas utilita#ias ue gene#ancontenidos o modi(ican est#uctu#as con la (inalidad de'ace# m$s sencillo el t#abajo.

Hna %e/ te#minada la implementacin de nuest#o sitiodebemos coloca#lo en (uncionamiento, pa#a lo cual#eue#imos de dos elementos

Se!vido! de alo$a*ieto. ue se#$ el ue almacene todolo c#eado.

No*#!e de do*iio, nomb#e ue identi(ica#$ como +niconuest#o sitio y po# el cual los usua#ios pod#$n accede# alcontenido alojado en un se#%ido#.

planificación del desarrollo de un sitio web

Documents