7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
1/19
TALLER TCNICO IV DISEO WEB II
Ing. Magaly AbadJunio, 2016
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
4/19
/LANI0ICACI1N E IM/LEMENTACI1N DE SITIOS WEB
7/25/2019 Planificacin Del Desarrollo de Un Sitio 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
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
9/19
). Di%e5o
Di%e5o L"ico. E$e*&lo
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
12/19
). Di%e5o
GSi%te*a Nave"acioal 6 Di%e5o 0,%ico. E$e*&lo
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
15/19
). Di%e5o
Di%t!i#uci de E%&acio%. E$e*&lo
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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.
7/25/2019 Planificacin Del Desarrollo de Un Sitio Web
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#.
Top Related