Académique Documents
Professionnel Documents
Culture Documents
srch_17@hotmail.com
2) Determinar los contenidos: Se deberá establecer que • Se fijarán los criterios ergonómicos básicos a contemplar
contenidos presentará el sitio para cumplir su misión y satisfacer los [3].
requerimientos de la institución y la audiencia. Es necesario elaborar
un plan de desarrollo de contenidos, con información básica (a • Se definirá la estructura de la página principal del sitio,
brindar necesariamente en primera instancia) y ampliatoria, pasible también llamada de acceso o home page [3].
de ser presentada en una etapa posterior. Estas decisiones deben
tomarse en acuerdo con los miembros de la institución. • Se establecerá también la forma de navegación,
Los textos deben ser redactados y presentados de acuerdo a las contemplando siempre varias posibilidades como: cenefa
exigencias particulares de la escritura Web ¿Cómo deben ser los lateral, cenefa horizontal, menús desplegables, menús con
textos a presentar en un Web? Deben ser breves, concisos y
teclas, barra de navegación, indicador de situación, entre Desde la página de acceso se debe poder visualizarse la estructura
otros [3]. completa del sitio y las formas de recorrerlo. Le corresponde
responder al usuario las siguientes preguntas:
• Se acordará la presentación gráfica de los distintos • ¿Dónde está?
niveles y áreas temáticas dentro de la estructura, y los • ¿Quién está a cargo?
mecanismos de vinculación entre éstos. • ¿Qué puede encontrar?
• ¿Cómo?
• En paralelo se registrará que recursos gráficos serán
necesarios para la materialización de estos mecanismos Ha de contener los datos completos del sitio, su nombre y el de la
(logotipos, imágenes, iconos) con miras al establecimiento entidad que lo genera, el o los logotipos, los acrónimos si los hubiera,
de una identidad visual corporativa [3]. datos de los responsables, dirección, teléfonos, correo electrónico,
derechos de autor y fecha de actualización. Deber suministrar
• Se establecerá también la paleta de colores, los tipos de también una breve explicación breve del propósito del sitio, y si
letras a usar y sus tamaños, los cabezales y los pies de cada corresponde, de la misión de la organización que lo presenta [3].
página también según niveles [3].
3) Decisiones de Navegación: Las opciones de navegación
5) Creación de documentos de trabajo interno: El equipo deben ser claras, de formato constante (siempre el mismo icono en el
Web, establece, a lo largo de su gestión tanto en su relacionamiento mismo sitio). Poder recorrer el sitio sin perderse mediante la
con el marco institucional, como en la interna de su trabajo: presencia de una barra de navegación, de un mapa del sitio, un
premisas útiles, pautas y políticas generales para guiar su acción. sumario, un buscador interno indica preocupación por brindar
Es deseable que esa información se consolide en la creación de orientación al usuario. Es recomendable que la estructura sea simple,
documentos. Algunos equipos de trabajo crean estos documentos e indique, en cada paso, los caminos posibles, nada puede quedar
como páginas Web de acceso restringido que permanecerán escondido o “ser descubierto” accidentalmente. Por otra parte la
asociadas al sitio Web en creación, a las que llaman “páginas necesidad de “scroll” debe ser minimizada, cuando los documentos
silenciosas” [3]. lo requieran por su extensión debe permitirse accesos puntuales.
Se trata de un excelente recurso, tanto para efectuar el trabajo como El número de clicks que debe efectuar el usuario para acceder a los
para evaluarlo y perfeccionarlo. Sirven para legar metodología, contenidos buscados debe minimizarse. Se debe atender si: el usuario
normalizar, transferir tareas, mantener la calidad y, en el caso de sabe dónde está; puede ir a la página que lo llevó a la actual; tiene
algunas entidades que lideran áreas como las redes académicas y los acceso directo a la página principal; puede acceder al resto del
organismos gubernamentales, pautar la creación de nuevos sitios. Los menú; puede acceder al nivel inmediatamente anterior; existe un
documentos que pueden ser generados son plan de trabajo, premisas enlace que lo lleve a lo alto del documento; le es posible saltar a
de acción y trabajo, manual de estilo y caja de herramientas [3]. diferentes apartados dentro de una misma página y, por supuesto, si
sabe qué tiene para recorrer [3].
C. Tercera Etapa: Construir, Visualizar y Testear
4) Identidad Visual Corporativa: Todas las páginas de un sitio
Una vez que un sitio Web ha sido planeado y concebido, Web deben mantener una imagen homogénea. Un sitio Web debe
corresponde su materialización en una estructura tentativa a ser tener una identidad visual que permita identificarlo y asociarlo, no
analizada y confrontada con los propósitos iníciales, antes de ser solo a partir de un logotipo o del uso de determinados colores, es
puesta a dominio público. En paralelo se deberán acordarán las deseable: la utilización de los mismos iconos, siempre en los mismos
condiciones de técnicas del servidor y las normas de seguridad que lugares. Si los iconos proliferan, si se usan distintos iconos para
garanticen la operativa [3]. acceder a una misma función, o si existe una infinidad de fondos, el
usuario no identifica claramente el sitio como un todo, además no
1) Construyendo y evaluando: La construcción del sitio se lograra asociar un recurso gráfico específico de una función
sustenta en recursos visuales y auditivos en estructuras hipertextuales determinada. Por otra parte la utilización de elementos gráficos
e interactivas. comunes a todas las páginas, favorece la rapidez de carga de éstas, al
Una vez creado el prototipo del sitio toma vida, deberá recorrerse, aprovechar el caché que incorporan los navegadores [3].
corroborando la normalización de cada nivel, y las relaciones de los
niveles entre sí, así como los enlaces no jerárquicos que permiten una D. Cuarta Etapa: La Promoción
navegación global. Se deberá también, corroborar el cumplimiento
de las pautas acordadas en las etapas anteriores, en términos de Se debe tener siempre presente que un sitio Web es un espacio de
contenidos, estructura de la información, formato gráfico y criterios acción para un producto, o la extensión de institución, un ámbito a
de calidad [3]. ser cuidado y promocionado como una herramienta más de
La mejor manera de evaluar el éxito de la construcción es por mercadeo. La promoción de un sitio Web debe responder a un plan.
medio de pruebas con los usuarios, sería ideal que se evalúe el Existen muchas formas distintas de efectuar esa tarea, todas pueden
prototipo con usuarios próximos considerados audiencia destinada. coexistir, ninguna debe ser descartada y a continuación se mencionan
Si se ha acordado presentar la información según perfiles de usuario, algunas de ellas:
es este el momento de recorrer los caminos pensados e incluso
presentar estos perfiles a sus destinatarios. Se podrá ver allí si se ha • Registro en buscadores y directorios. Por el solo hecho
contemplado adecuadamente las necesidades de cada perfil [3]. de existir, su página es pasible de ser incorporada a estas
estructuras. Sin embargo es deseable que el equipo Web
2) La página de acceso o principal: Los sitios Web giran en seleccione una lista de buscadores y directorios donde
torno a su página de acceso. Esta cumple una función clave, es la darse de alta. Este tipo de registro garantiza algunos
puerta de entrada a toda la estructura desarrollada, la representa.
criterios de tematización así como cierto rigor en los • ¿Posee un formato gráfico adecuado?
resúmenes y la categorización [3].
• ¿Posee una identidad visual corporativa?
• Incorporar el sitio Web al mensaje corporativo. Es
deseable añadir la URL (Universal Resource Locator). Del • ¿Tiene dificultades de operatividad?
sitio, en todos los documentos corporativos: textos, correos
electrónicos, carátulas de informes, ediciones, publicidad • ¿Sigue las pautas de calidad establecidas?
en todos los medios y en la papelería en general [3].
• ¿Están funcionando los enlaces internos? ¿Y los externos?
• Es importante presentar el sitio en las listas de difusión,
el correo electrónico y los servicios de noticias, así como • ¿Existen carencias o lagunas? ¿Cuáles?
en páginas que recopilen enlaces a sitios similares [3].
Una vez en marcha el sitio Web debe ser evaluado también por su
• Intercambiar anuncios gráficos conocidos como impacto.
“banners”. Es posible intercambiar “banners” con sitios Es deseable crear un plan de evaluaciones periódicas para los
que se consideren relevantes y prestigiosos. Aquellos sitios distintos aspectos a atender: actualización de contenidos, chequeo de
Web que enlazados, se ofrecen generalmente, a poner a enlaces, incorporación de documentos, entre otros mas, se debe
modo de reconocimiento un “banner”. Es importante no designar también los responsables de cada evaluación dentro del
poner “banners” por obligación o reciprocidad, si no hay equipo. Este plan de evaluación debe ser también evaluado
criterios de calidad detrás de esa decisión. El “banner” es periódicamente [3].
parte de la marca, no solo debe usarse responsablemente, si
va ser creado debe ser diseñado responsablemente, tiene F. Sexta etapa: Puesta al Día y Evolución
que evocar la estética del sitio Web, ser claro, quedar
asociado rápidamente a la identidad visual corporativa, ser El mantenimiento y la actualización son tan o más importantes que
“liviano” y no una imagen pesada que conlleve el crecimiento en términos de número de páginas o enlaces, sobre
dificultades de carga [3]. todo si estas incorporaciones no son cuidadas. Ningún sitio Web es
bueno o confiable solamente por su magnitud. Tan constante como la
E. Quinta Etapa: Evaluar evaluación y a consecuencia de ella, se debe crear un plan de
mantenimiento y desarrollo que contemple los resultados de la
La evaluación es un factor esencial en la construcción, ejecución y evaluación y el cumplimiento de los objetivos del sitio y la entidad
mantenimiento de un sitio Web. Se trata de una actividad que se que le dio origen [3].
efectúa en forma constante, a lo largo de todas las etapas del Debe contemplarse también el perfeccionamiento y la adopción de
proyecto Web. Es deseable que una vez que el sitio Web este en nuevas formas tanto técnicas como de contenido, para optimizar las
línea la evaluación continúe en forma sistemática, con el fin de prestaciones brindadas [3].
garantizar la su vigencia y calidad [3]. Es importante determinar dentro del equipo de trabajo: ¿quién
La información obtenida a través de las diferentes formas de actualiza? ¿qué se actualiza y cada cuánto tiempo?; ¿qué
evaluación permite: información se revisa? ¿quién la revisa y cada cuánto tiempo?; ¿qué
información es de actualidad? ¿quién la incorpora y cómo?; ¿dónde
• Confrontar la planificación y concepción con el producto. se almacena después? y ¿cómo se la recupera? [3].
Es deseable que el plan de mantenimiento y desarrollo adquiera
• Identificar carencias de contenido; diseño y actualización. forma gráfica. La actualización y el desarrollo de un sitio Web, es la
prueba de su credibilidad más allá del impulso inicial de su creación
• Identificar dificultades operativas y de navegación. y es también la garantía de su vigencia [3].
• Optimizar y establecer nuevos perfiles de usuarios. La navegabilidad es la capacidad que tiene el usuario de
desplazarse por un sitio web en cuestión. La navegabilidad se
• Conocer el comportamiento del sitio frente a las concentra, en primer lugar, en la página de inicio de un sitio web, y
herramientas de recuperación de información. debe guardar una relación estrecha con la satisfacción de necesidades
de los diferentes tipos de usuario que visitan el lugar [4].
Apenas creado el sitio Web corresponde un análisis global que Puede llevarse a cabo un conjunto de preguntas sobre los enlaces, las
atienda a su calidad y cohesión: cuales nos serán de utilidad para mejorar la navegabilidad del sitio:
• ¿Cumple la misión que inicialmente se le asignó? • ¿Los enlaces son fácilmente reconocibles como tales? ¿Su
caracterización indica su estado (visitados, activos,…).
• ¿Tiene los contenidos pensados?
• ¿Es predecible la respuesta del sistema antes de hacer clic
• ¿Han sido estructurados con claridad y calidad? sobre el enlace?
• ¿Se ha controlado que no haya enlaces que no llevan a
ningún sitio? 1.- El diseño estructural de ambientes de información compartidos.
2.- El arte y la ciencia de organizar y rotular sitios web, intranets,
• Las imágenes enlace, ¿se reconocen como clicables? comunidades en línea y software para soportar la usabilidad y la
¿Incluyen un atributo ‘title’ describiendo la página de buscabilidad (la capacidad de poder buscar y encontrar un sitio).
destino? 3.- Una emergente comunidad de práctica enfocada en la aplicación
de principios del diseño y la arquitectura en el paisaje digital [8].
• ¿Se ha evitado la redundancia de enlaces?
Siguiendo con la definición anterior por los fundadores de AIfIA,
La planificación de los recursos y estrategias de navegación a la se da especial importancia a la organización y rotulado de los
hora de diseñar un sitio web es fundamental para conseguir un sistemas. La organización de la información es materia central de la
resultado óptimo de localización de la información y de orientación biblioteconomía. El rotulado consiste en poner un nombre o etiqueta
para el usuario [5]. Por esa razón, se han valorado tres elementos que a cada uno de los elementos de la clasificación, a las categorías.
son los siguientes: También pasa por poner títulos a cada página y dar nombre a todos
los botones que realizan una acción en el sistema. Todos ellos deben
1. Menú de contenidos siempre visible y en el mismo lugar. ser descritos en el lenguaje de los usuarios y conservarán cierta
2. La consistencia en la terminología utilizada, que proporciona consistencia, formando parte de un único sistema [8].
coherencia y homogeneidad al sitio web. AIfIA incorpora también en el segundo punto el diseño del
3. La presencia de botones de navegación que permitan recorrer el software a que forma parte de los sistemas de información, es una
sitio web de manera lógica [5]. definición inclusiva que recoge todas las dimensiones descritas por
Garrett en su modelo “los elementos de la experiencia de usuario”,
B. Usabilidad como se muestra en la figura 5. Es bajo esta noción amplia de AI,
que abarca elementos como el diseño de información y diseño de
La usabilidad aporta el enfoque imprescindible para que las páginas interacción, que proponemos el presente artículo y su modelo final
de una empresa o entidad tengan el suficiente atractivo para que el [8].
visitante no sólo se quede y las visite, sino que regrese en el futuro.
Para ello el diseño de las páginas, sus funciones, mensajes y
contenidos deben estar diseñados e implantados para que lo pueda
usar cualquier persona [6]. Los beneficios que la usabilidad puede
aportar al diseño de una página web son importantes ya que reduce el
costo del desarrollo de la página y a los usuarios les facilita su uso y
como consecuencia de ello les agrada y van a ingresar más usuarios a
consultar la página.
La usabilidad es una característica que mide qué tan intuitiva y fácil
de usar es una página web para el usuario común [7].
Mide 3 grandes aspectos como se muestra a continuación:
2.- Diseño de interfaces. Busca organizar cada página o pantalla del C. Java Script
sistema de la manera más clara posible. En esta área la clave es
priorizar mediante el contraste. Las restricciones de tamaño y Se trata de un lenguaje de programación del lado del cliente,
resolución de pantallas no dejan espacio para la sutileza, todos los porque es el navegador el que soporta la carga de procesamiento.
elementos deberán estar ordenados en una clara prioridad visual que Gracias a su compatibilidad con la mayoría de los navegadores
facilite su entendimiento [8]. modernos, es el lenguaje de programación del lado del cliente más
Las interfaces de un sitio web normalmente deben reunir utilizado [10].
elementos comunes a la estructura del sitio (ej.: sistemas globales de
navegación) con componentes particulares de cada página. Una vez La programación de Javascript se realiza dentro del propio
más conocer las necesidades, lenguaje y estructuras mentales de los documento HTML. Esto quiere decir que en la página se mezclan los
usuarios será fundamental para el éxito del diseño logren satisfacer dos lenguajes de programación, y para que estos dos lenguajes se
adecuadamente las necesidades de los usuarios [8]. puedan mezclar sin problemas se han de incluir unos delimitadores
que separan las etiquetas HTML de las instrucciones Javascript [11].
V. LENGUAJES ORIENTADOS AL DISEÑO WEB La razón de mayor peso es que es utilizado por millones de páginas
webs para validar formularios, crear cookies, detectar navegadores y
A. Asp (Active Server Pages) mejorar el diseño, su fácil aprendizaje lo hace un lenguaje muy
demandado [10].
ASP es un lenguaje de programación para Web y con la ayuda de
HTML pues se puede crear una página Web. D. Php
Hay que destacar que ASP es una tecnología propietaria de Microsoft
y que el uso de esta tecnología implica el uso de los productos de PHP usa una mezcla entre interpretación y compilación para
Microsoft [9]. intentar ofrecer a los programadores la mejor mezcla entre
rendimiento y flexibilidad.
PHP compila para tu código una serie de instrucciones (llamadas
opcodes) siempre que estas son accedidas. Estas instrucciones son
entonces ejecutadas una por una hasta que el script termina. Esto es
diferente a la manera convencional de compilación de lenguajes
como C++ donde el código es compilado a código ejecutable que es
después ejecutado. Php es recompilado cada vez que se solicita un
script. Una ventaja importante de interpretar el código es que toda la
memoria usada por tu código es manejada por PHP, y el lenguaje
automáticamente vacía esta memoria cuando el script finaliza. Esto
significa que no tenemos que preocuparnos de las conexiones a la
base de datos, porque PHP lo hará por nosotros [10].
• Las instrucciones se separan con un ; como en C. La marca • Ambos incluyen y evalúan el fichero especificado.
final ?> implica un ; • Diferencia: en caso de error include() produce un warning
y require() un error fatal.
• Comentarios: como en C, /* … */ y // • Se usará require() si al producirse un error debe
interrumpirse la carga de la página [15].
Ejemplo:
$a = 9;
print ‘a vale $a\n’; // muestra a vale $a\n
print “a vale $a\n”; // muestra a vale 9 y avanza una línea
print “<IMG SRC=‘logo.gif’>”; // muestra <IMG SRC=‘logo.gif’>
print “<IMG SRC=\”logo.gif\”>”; // muestra <IMG
SRC=“logo.gif”>
Variables variables.
Operadores lógicos:
• and (&&), or (||), !, xor
• and/&& y or/|| tienen diferentes prioridades
Operadores de cadena:
• concatenación: . (punto)
• asignación con concatenación: .=
Precedencia de operadores (de mayor a menor):
7) Funciones:
Fig. 16 Ventana del ejemplo switch.
Salida: Resultado:
5/4/2001
Valor: 101
Valor: 51 Funciones de arrays.
Valor: 255 array_count_values(). Calcula la frecuencia de cada uno de los
Clave: rojo; Valor: 101 elementos de un array.
Clave: verde; Valor: 51
Clave: azul; Valor: 255 array_search(). Busca un elemento en un array.
TABLA I
TABLA COMPARATIVA DE LAS DISTINTAS PLATAFORMAS PARA EL DESARROLLO DE PHP
Programa/C Idioma en Autocomplet Multidoc Resalt- Fácil Facilidad Manej Multi- Gratu- Man- Base de To-
aracteríst-ica español. ado de umento. ado de man- de o de platafo- ito. ejo datos tal.
código. sintaxis ejo. compila- proye- rma. de integr-
. ción. ctos base ada.
grand- de
es. datos
.
Notepad+
+ 8/1
1
PHP
Designer 8/1
1
NetBeans
10/
11
PDT-
Eclipse 9/1
1
Zend
Studio 8/1
1
TABLA II
RESULTADO DE LOS PUNTOS OBTENIDOS