desarrollo y diseño web

2. Proyecto web: flujo de trabajo
Internet permite no sólo el fácil acceso a
una infinita cantidad de información,
recursos y servicios
que todos los usuarios del planeta
comparten, sino también, el que
cualquiera, con un mínimo de costo y
conocimiento, se puede convertir en un
"emisor" y "productor de contenidos" , algo
casi imposible
para la mayoría, en otros medios
tradicionales como la radio, la tv y la
prensa.

3. USABILIDAD
De acuerdo con la Organización
Internacional de Normas (ISO), la
usabilidad remite a la eficacia y
capacidad de un
ambiente determinado para que los
usuarios alcancen las metas definidas por
el sistema. Es decir, usabilidad
significa hacer sistemas y ambientes que
sean simples de aprender y fáciles de usar.
Uno de los problemas que se han encontrado
en la presentación de contenidos de
muchas páginas web y sitios, es la
poca usabilidad.

5. plan estratégico
1. IDEA DEL SITIO + QUIÉN SE PRESENTA (QUE OFRECE Y
QUIEN SE PRESENTA)
El sitio puede ser sobre la base de algo ya existente o tratarse
de un emprendimiento puramente virtual.
En el primer caso el sitio será construido a partir de eso
existente.
En un emprendimiento puramente virtual todo comienza de
cero.
2. A QUIÉN SE DIRIGE EL SITO = PÚBLICO - AUDIENCIA
Una vez que se ha definido el público (clientes del video o
fans del músico) viene la tarea más engorrosa: determinar
las características de ese público.
3. OBJETIVOS DEL SITIO = QUE SE PRETENDE
Los objetivos son la meta de un emprendimiento. Si seguimos
con el ejemplo del video-club, tal vez un objetivo puede ser
que los socios del comercio encuentren un
canal a través del cuál poder hacer pedidos a domicilio e
incrementar el número de socios.

7. ESBOZO DEL SITIO
En esta etapa ya se puede comenzar a estructurar
en un plano todos los aspectos que serán parte
del sitio. Es decir un
esbozo con el "MAPA" o estructura inicial.
El MAPA DE UN SITIO WEB se trata de un gráfico
con cada una de las "secciones" del sitio y sus
respectivos
contenidos, en donde, se parte de la raíz (la
home-page) para continuar con todas las
ramas con que cuenta.
A este plano se le suele llamar "estructura o mapa
de navegación", y es una de las primeras y más
importantes tareas
del diseño del sitio web!!!, Es como el guión de
una película.

10. TIPOS DE ESTRUCTURAS WEB
JERÁRQUICA
La estructura jerárquica, es la
típica estructura de árbol, en el
que se parte de la raíz, home
page o página de inicio, en
donde se establecen las
diferentes secciones que
contendrá el sitio. El ingreso a
una sección conduce a una lista
de subtemas que pueden o no
dividirse.

12. Lineal
Esta estructura es la más simple de todas, el
modo de recorrerla es típica de lectura de
libro, es decir una
secuencialita que va de un principio a un
fin, siguiendo el recorrido de página en
página. La estructura línea es
muy útil cuando quieran brindarle al
usuario un camino fijo y en el cual
ustedes son los guías. De este modo se
impide que la lectura se vaya hacia otras
páginas o sitios. Este tipo de estructura es
válida para cursos de aprendizaje (como
éste) o tours de visita guiada.

14. LINEAL CON JERÁRQUICA
Este tipo de estructura es una mezcla de
las dos anteriores.
Los temas y subtemas están organizados
de una forma jerárquica, pero uno
puede leer todo el contenido de una
forma lineal si se desea. Esto permite
organizar el contenido de forma
jerárquica, pero al mismo tiempo se
puede acceder a la información de
manera lineal como si se leyera un libro
con sus distintos capítulos.

16. RED
La estructura de red es una organización en la
que en apariencia no hay ningún orden
establecido. Las páginas esta interconectadas
unas a con otras sin jerarquía y sin seguir una
linealidad. Es un tipo de organización que
permite mayor versatilidad al momento de la
construcción, pero es más peligrosa en tanto si
no está bien detallada la señalización que
informe al lector dónde se encuentra, se puede
perder o no encontrar lo que busca. Tengan en
cuenta siempre al momento de construir el
mapa, la idea de que la información
relevante, central, importante de un sitio, no
debe estar a más de dos links, del usuario. Es
decir, que el navegante pulsando dos veces el
botón del mouse, debería encontrar lo que
busca.

18. Estructura de frames
Que es la típica de una interfaz a base de frames y en la que el
usuario dispone de un menú siempre presente desde el que puede
acceder en todo momento a las páginas de entrada a las
diferentes secciones del sitio web, a partir de las que puede
navegar bien de forma jerárquica, bien de forma lineal, bien de
forma mixta.
Este tipo de estructura se suele combinar con otro jerárquico o
mixto que nos ayude a navegar dentro de los subtemas
principales, a los que accedemos a través del frame lateral.
El sistema de menús consiste generalmente en un menú situado en
un frame lateral, que nunca cambia, desde el que se accede a las
diferentes secciones principales del sitio, cuyas páginas iniciales se
cargan en el frame central, que suele ser el de mayor tamaño.
Para acceder a las diferentes subsecciones y páginas se suelen
establecer los enlaces adecuados bien como submenús en el frame
lateral, bien como menús individuales dentro de cada página de
entrada a las secciones, dentro del frame principal.

20. ESBOZO DEL SITIO 2
MAPA DEL SITIO
Seguramente ese mapa, que hoy se ve en una página
web en Internet, habrá sido planificado de modo
incipiente, en
el principio del proyecto, y con esa estructura
definida, fueron construyéndose las páginas.
ESTRUCTURA DEL DIRECTORIO LOCAL (sitio local)
Cuál es el modo más conveniente de organizar las
carpetas, subcarpetas y archivos de un sitio web en el
directorio
local de sus computadoras. (En el "módulo diseño" lo
llamarán SITIO LOCAL) Ésta es una tarea
primordial en el
desarrollo y mantenimiento posterior del sitio.

21. DISEÑO WEB
Es el momento de expresar en el diseño eso que ha sido parte del
planeamiento estratégico general del Proyecto
Web.
El DISEÑO WEB comprende... El diseño de contenido y el diseño
estético/visual o gráfico del sitio.
Se construye a partir de dos criterios básicos fundamentales:
1. Lo que está subordinado al plan estratégico del proyecto web y que
refiere a las particularidades de cada sitio.
2. Una serie de reglas que son de validez universal, relacionadas en
con el medio digital interactivo WEB.
En esta clase se desarrolla este segundo aspecto, es decir, todo lo que
tiene que ver con las reglas generales del
MEDIO WEB, dejando en ustedes la capacidad de discernir si esas
reglas sirven, son funcionales y pertinentes,
desde el punto de vista estético o no, para el sitio en particular que
quieran diseñar.
/1. DISEÑO DE CONTENIDOS
Cuando hablamos de CONTENIDO nos estamos refiriendo a todos los
aspectos que comprenden la elaboración de
textos escritos, desde los títulos de un link, hasta un artículo.

23. Edición Web
Es el desarrollo de la estrategia web a los fines de "materializar" el sitio.
La edición web, requiere de un proceso de aprendizaje técnico, pero también de
una adecuada aplicación en relación
al medio digital en sí y en relación a los usuarios.
Es indispensable recurrir a la edición y manipulación de herramientas
informáticas específicas, en este caso HTML,
a los fines de concretar un sitio web. Pero también es indispensable reconocer
que el medio de funcionamiento =
Internet implica criterios particulares de diseño.
La edición web, es mucho más que el desempeño en el uso de un software. En
realidad...
La edición web es una recurso que traduce en una apariencia
tecnológico/visual = diseño web, una serie de planes:
perfil de sitio, qué comunicar, quién es la audiencia, etc.
Edición de diseño web es la puesta en marcha de PROYECTO que integra una
planificación
visual y comunicacional exclusivamente ideada PARA INTERNET.
Edición de diseño web es COMUNICACIÓN VISUAL en Internet donde
actualmente existen
criterios, por un lado de USABILIDAD referidos al medio en sí y cómo aquí se
logra la
comprensión del mensaje u objetivo del sitio, y por otro lado, cuestiones
TECNOLÓGICAS que
definen sus herramientas de trabajo, su ámbito de actuación y la actitud de
los usuarios

24. Finalizando el diseño
Comprobación y Evaluación del sitio web
Una vez finalizado el sitio, es decir cuando hemos finalizado la edición y
diseño de todos las páginas que lo
conforman, es necesario hacer una especie de EVALUACIÓN DE SU
FUNCIONAMIENTO
En realidad esta evaluación se debería ser una tarea de costumbre
frecuente en el avance del desarrollo o edición
web del sitio, para ir detectando posibles errores y de ese modo ir
solucionando problemas concretamente sobre la
marcha (y no después de 55 páginas dedicadamente diseñadas).
Recordar que hasta antes de subir el sitio a Internet, en
realidad, estuvimos siempre navegando el sitio a modo
"local".
Porque nunca está demás una verificación integral final. Entonces...
Es fundamental, previamente a la subida final del sitio a Internet y que
los usuarios comiencen a navegarlo,
asegurarse del correcto funcionamiento de TODOS (pero todos!) los
aspectos del sitio

26. Publicación del sitio
En la estructura de funcionamiento de
Internet existe una división de
aplicaciones y funciones que permiten la
comunicación entre distintas
computadoras.
Por un lado, se encuentran los
CLIENTES, que son los programas que
realizan los requerimientos o pedidos: son
aquellos programas que sirven para usar
correos, navegar en la web, chatear, etc.
Por otro lado, están los que dan respuestas a
estos requerimientos = SERVIDORES.

28. Publicidad y promoción del sitio
Con el objetivo de tener un público de alta
fidelidad, las estrategias tendrán que estar
orientadas al usuario que ha
sido designado como la principal meta del sitio
en la primera etapa del planeamiento
estratégico.
Hay dos estrategias claves
1. ESTRATEGIAS DE PROMOCIÓN EN INTERNET
2. Promoción por fuera de la red, principalmente
en otros medios alternativos (o tradicionales)
de comunicación.
Nosotros vamos a ocuparnos únicamente de la
promoción en Internet.

30. Desarrollos de sitios web
El diseño web es mucho más que el conocimiento del uso del software
(Dreamweaver, front page). Implica una estrategia de
comunicación, es decir, que tipo de sitio queremos construir, qué
queremos comunicar, a quién.
Es decir no sólo se trata de saber subir una foto en el centro de una
página web, sino de establecer si comunicativamente tiene
sentido o no.
Hacer un sitio es fácil, lo difícil es lograr que sea un sitio que la
gente visita y luego quiera volver. El sitio más que gustarnos a
nosotros tiene que gustarle al usuario.
El desarrollo y puesta en funcionamiento de un sitio web consta de 8
grandes etapas:
1) plan estratégico
Se recomienda navegar mucho por otros sitios que ofrezcan lo mismo
para no partir de cero. Y plantearse
Idea del sitio: qué ofrece?
Perfil del emisor: quien se presenta?
Perfil de la audiencia: a quién se dirige?
Objetivos del sitio: qué se pretende con el sitio?
2) estructura de navegación del sitio
Elaborar una sinopsis del mapa de navegación que se desea.
3) diseño web

32. Elisabet. Dufour.
Lucas. Alaimo.
5° Economía “b”
Escuela Malvinas Argentinas N°398
Tic.
Profesora: María Teresa.
Año 2011