Está en la página 1de 9

Sistema de gestin de contenido

Un sistema de gestin de contenido(CMS) es una pgina web con algunas funciones de


publicacin. En concreto, tiene una interfaz administrativa que permite al
administrador del sitio crear u organizar distintos documentos.
En teora, el CMS debe tener un sistema de flujo de trabajo que permita a un equipo
editorial trabajar de manera simultnea y a un director de publicacin aprobar las
contribuciones antes de que se publiquen en lnea.
En principio, los artculos y el contenido del sitio se guardan en una base de datos, en
tanto que las plantillas definen el diseo del contenido.
Un CMS estndar muestra un diseo basado en cajas que se organiza, por lo general,
en tres columnas. Muchos CMS tienen un canal RSS que se actualiza automticamente
cuando
se
publican
artculos
nuevos.

Ms informacin
Las principales herramientas de CMS son:

Wordpress

MAMBO

Typo3

Joomla

Flujo de trabajo (Workflow)


El trmino "Workflow", que se traduce literalmente como "flujo de trabajo", hace
referencia a la gestin modelada y computarizada de todas las tareas que deben
llevarse a cabo y de los distintos protagonistas involucrados en realizar el proceso de
negocios (tambin llamado proceso operativo). Tambin puede traducirse el trmino
Worflow como gestin electrnica de procesos de negocios.
Un proceso de negocios representa interacciones bajo la forma de un intercambio de
informacin entre los distintos protagonistas, por ejemplo:

Personas

Aplicaciones o servicios

Procesos de terceros
En la prctica, un Workflow puede describir:

El circuito de validacin.

Las tareas que deben realizarse entre los distintos participantes de un proceso.

Los plazos que deben respetarse.

Los modos de validacin.


Adems, le proporciona a cada protagonista la informacin necesaria para que pueda
completar su tarea. Por ejemplo, en el caso de un proceso de publicacin en lnea, el
Workflow da forma a las tareas de la cadena de edicin completa, desde la propuesta
del editor hasta la validacin de la persona a cargo de la publicacin.

El ejemplo anterior es una representacin muy esquemtica de cmo puede verse el


Workflow para la publicacin de un documento en una intranet con la ayuda de una
interfaz de publicacin:
1.

El editor propone un artculo al director de la seccin.

2.
3.

El editor de la seccin le echa una mirada al documento y lo valida.


El editor en jefe considera que el documento contiene elementos que no son

actuales y lo devuelve al editor.


4.
El editor revisa la copia y la enva al director de seccin.
5.

El director de seccin corrige algunos errores tipogrficos y enva nuevamente


el artculo al editor en jefe.

6.

El editor en jefe valida el documento para que se publique en lnea.

Tipos de Workflow
Por lo general se distinguen dos tipos de Workflow:

Workflow procedimental (tambin denominado Workflow de


produccin o Workflow administrativo) que corresponde a procesos de negocios
conocidos de la empresa y que est sujeto a procedimientos preestablecidos. En
este caso, la direccin del Workflow es ms o menos fija.

Workflow ad hoc que se basa en un modelo de trabajo de grupo en el cual los


protagonistas participan en la decisin de hacia dnde dirigir el Workflow. Aqu la
direccin del Worflow es dinmica.

Motor de Workflow
El motor de Workflow es una herramienta que permite dar forma a y automatizar los
procesos de negocios de la empresa. Con este tipo de herramientas se pueden

formalizar las reglas comerciales de la empresa para automatizar el proceso de toma


de decisiones, es decir, qu rama de Workflow elegir segn el contexto.

Webmastering - Diseo web


US ES DE FR IT BR

Febrero 2016

Introduccin al diseo web


El trmino "diseo web" se refiere a la actividad que consiste en estructurar los
elementos grficos de un sitio web para expresar estticamente la identidad visual de
una compaa u organizacin. Se trata de una etapa de diseo virtual ms que de
diseo funcional (ergonoma, navegacin).
El objetivo del diseo web es realzar la imagen de una compaa u organizacin a
travs de elementos grficos con el objeto de reforzar su identidad visual y despertar
una sensacin de confianza en el usuario. An as y junto con el criterio de ergonoma,
un sitio web debe, sobre todo, cubrir las expectativas del usuario y permitirle
encontrar fcilmente la informacin que busca.
Por eso, el diseo web consiste en encontrar un trmino medio entre una
presentacin que tenga grficos impresionantes -y que le proporcione a la compaa
tanto credibilidad como imagen de marca- y una presentacin simple y sencilla que
permita a los usuarios encontrar lo que estn buscando.
Por extensin, el trmino diseador web se refiere a la persona cuyo trabajo es
disear sitios web.

Inspiracin necesaria
Disear una pgina web es principalmente una tarea artstica que combina inventiva y
creatividad. El objetivo de esta gua es listar varios elementos clave que se usan para
obtener un diseo eficaz. De cualquier modo, tambin puede encontrarse inspiracin
en una visita a los sitios web de referencia, en especial los sitios web profesionales. Es
muy interesante observar cmo cada sitio web organiza la informacin, cmo se
presentan los mens y los bloques de informacin y, en general, determinar qu le
brinda una apariencia "profesional" a un sitio web.

Organizacin de la pgina
Generalmente al disear un sitio web se crean plantillas que se usan como modelo.
Las plantillas son imgenes en "carbnico" o pginas web que representan el esquema
grfico de un modelo de pgina.

La estructura tradicional de una pgina web es la siguiente:

Un logotipo ubicado en la esquina superior izquierda. Los usuarios pueden


hacer clic en la mayora de los logotipos y volver a la pgina de inicio.
Un men localizado a la derecha o a la izquierda.
Un encabezado que contiene el nombre del sitio web, un banner de navegacin
y un rea reservada para un banner (publicitario o de otro tipo).

El cuerpo principal de la pgina que contiene la mayor parte de la informacin.

Un pie de pgina que incluye informacin til como ser, la ltima actualizacin,
un vnculo a un formulario de contacto, un vnculo al mapa del sitio, etctera.

El diseador debe definir en la plantilla qu elementos no cambian y son idnticos en


cada pgina y qu elementos varan de una pgina a la otra.

Estatuto grfico
Un "estatuto grfico" es un documento integral que detalla las reglas de presentacin
para los elementos grficos que transmiten la identidad visual de un sitio web.
El estatuto grfico define el equipamiento grfico de un sitio web, en particular los
tamaos, colores y apariencia del texto, las imgenes y botones del sitio y tambin la
ubicacin que tienen con respecto a otros objetos en la pgina.

Boceto
Un boceto es un modelo o prototipo de un sitio web que presenta los grficos y la
navegacin del sitio. Los bocetos permiten a los diseadores formalizar el diseo del
sitio web y casi siempre se usan para validar la fase de diseo antes de pasar a la fase
de "realizacin".
El boceto incluye pginas estticas que representan las pginas principales del sitio
web (sin contenido), las cuales se usan para simular la navegacin. Durante la
simulacin, elementos dinmicos tales como el motor de bsqueda, pueden conducir
a una pgina que contiene resultados inventados, por ejemplo.

Tamaos de la pgina
El tamao de una pgina web depende principalmente de la definicin que tenga la
pantalla del usuario (no de su resolucin).
Teniendo en cuenta el ancho, es preferible seleccionar un tamao menor que la
definicin horizontal de la pantalla de la mayora de los visitantes para que stos no
tengan que desplazar la pantalla con la barra de desplazamiento. Una pgina angosta
permite a los visitantes hojear la informacin fcilmente para encontrar lo que les
interesa.
Con respecto al largo, es aconsejable no exceder de tres a cinco veces la altura de la
pantalla. De hecho, las pginas excesivamente largas corren el riesgo de no leerse por
completo y adems toma mucho tiempo descargarlas.
Existen varias estrategias para garantizar que la pgina se vea de manera ptima en la
mayora de los equipos de los visitantes:

Elegir el ancho ms pequeo admitido por la mayora de los equipos (por


ejemplo: entre 600 y 800 pxeles de ancho).

Elegir una pgina que contenga tablas invisibles con ancho variable (definido
por porcentaje).

Usar un script (por ejemplo, JavaScript) para detectar la resolucin de la


pantalla del usuario y redireccionarlo a una pgina con el ancho adecuado. Este
mtodo requiere que el visitante utilice un navegador con JavaScript activado y la
creacin de tantas pginas como anchos solicitados.

El posicionamiento de la informacin
Cmo se posiciona la informacin es un elemento importante en el diseo web. Si se
tiene en cuenta la direccin en la que los usuarios leen la informacin (en diagonal
desde la esquina superior izquierda hacia la esquina inferior derecha), la informacin
que est ubicada en la parte superior de la pgina tendr ms probabilidades de ser
leda por los usuarios de Internet.

Eleccin de los colores


No se recomienda usar ms de tres colores distintos en un sitio web para cumplir con
el criterio de simplicidad. Los colores deben corresponderse con los colores de la
organizacin, especialmente los del logotipo, y es recomendable que expresen una
sensacin en particular.
Sin importar qu colores se elijan, debe elegirse un color dominante y usarse como el
color principal de la pgina web. Se deben elegir uno o varios colores secundarios ms
brillantes y dinmicos y usarse en proporciones menores para destacar los elementos
de la pgina.

Los colores tienen un simbolismo implcito. Por este motivo, se los debe elegir en
funcin de objetivo. Los colores tienen influencia sobre el comportamiento de los
individuos:

A nivel fsico (sobre el apetito, el descanso, la temperatura corporal, etctera).

A nivel emocional (sobre sensaciones de miedo, seguridad, alegra, etctera).

A nivel psicolgico (sobre la energa, la concentracin, etctera).


La tabla que sigue es una lista de los significados que se asocian caractersticamente

con colores especficos:

Color

Significados positivos

Significados
negativos

reas

Azul

calma, confianza, autoridad, fro, sueo


pacificacin, serenidad,
proteccin, seriedad,
misticismo, amabilidad,
agua, cielo, paz,

navegacin, nuevas
tecnologas, IT,
medicina

Violet
a

delicadeza, pasin,
melancola,
discrecin, modestia, religin tristeza, pena,
decepcin

Cultura, poltica

Rosa

encanto, intimidad,
feminidad, belleza

ingenuidad

diarios ntimos,
mujer

Rojo

calor, fuerza, coraje,


dinamismo, triunfo, amor,
entusiasmo

violencia, rabia,
lujo, moda,
peligro, urgencia, deportes, marketing,
restriccin,
medios
sangre, infierno

Naranj tibieza, bienestar, virtud,


a
felicidad, riqueza, placer,
ctricos, aroma, energa,
vitalidad

fuego, advertencia entretenimiento,


deportes, viajes

Amaril luz, alegra, sol, vida,


lo
potencia, dignidad, oro,
riqueza, inmortalidad

engao, egosmo, turismo


celos, soberbia,
advertencia

Verde naturaleza, vida vegetal,


ayuda, equilibrio,
pacificacin, descanso,
confianza, tolerancia,
esperanza, orgullo, juventud,

descubrimientos,
naturaleza, viajes,
educacin

caridad
Marr calma, filosofa, campo
n

suciedad

medio ambiente

Blanco pureza, inocencia, nieve,


pulcritud, frescura, riqueza

modas, noticias

Gris

diseo,
asociaciones,
organizaciones sin
fines de lucro

neutralidad, respeto

Negro simpleza, lujo, noche

muerte,
oscuridad,
tristeza,
monotona

cine, arte, fotografa,


restriccin

La composicin de colores tambin tiene influencia sobre cmo se perciben los


volmenes. La composicin de colores puede dar una sensacin de bienestar, tanto en
una casa hermosamente decorada como en un sitio web.
El crculo cromtico es una herramienta til para comprender cmo interactan los
colores. Es una representacin de los colores en forma circular. Incluye los siguientes
colores:

Los colores primarios (rojo, azul, verde) o "puros", que no pueden obtenerse
mezclando otros colores.

Los colores secundarios (cian, magenta, amarillo), que se obtienen al mezclar


en partes iguales dos colores adyacentes. Los colores secundarios son
diametralmente opuestos a sus colores complementarios (sustractivos) en el crculo
cromtico.

Los colores terciarios, que se obtienen al mezclar un color primario con uno
secundario.
Los colores tambin se dividen en "clidos" (tonos que se acercan al rojo) y "fros"

(tonos ms prximos al azul).

Existen leyes universales que dominan la armona entre los colores y que responden a
las propiedades fsicas del ojo. Cuando el ojo ve un color, crea automticamente un
filtro para el color complementario a su alrededor. Esto se llama "contraste
simultneo". Por eso, la forma en que se percibe un color depende de los colores que
lo rodean. As, el amarillo se ver ms anaranjado al lado de un azul y el azul se ver
ms prpura. El azul al lado de el rojo se ver ms verdoso, etctera.
Adems, los colores lindantes en el diagrama cromtico crean una sensacin de
equilibrio para el ojo debido a la ausencia de contraste; esto es lo que se llama
"armona de colores".
A grandes rasgos, existen dos maneras de elegir colores que armonicen:

Seleccionar matices del mismo color o colores dentro de la misma gama con
tonalidades similares.

Mezclar colores complementarios (clidos y fros), o sea, colores que estn lejos
unos de otros dentro del crculo cromtico. Cuando se elijan dos colores, estos
deben ser diametralmente opuestos, complementarios; para tres colores, los
colores seleccionados deben estar ubicados en un tringulo equiltero, etctera.
Para finalizar, en trminos generales, los objetos de colores clidos perecern ms
grandes que aquellos de colores fros.

Seleccin de imgenes
Las imgenes sirven para darle vitalidad y hacer ms alegre un sitio web. Tomando eso
en cuenta, imgenes mal utilizadas pueden perturbar la comodidad visual como
tambin la descarga de una pgina.
Los webmaster principiantes gustan de vitalizar sus sitios web con divertidas imgenes
animadas encontradas en la Web. Esto se debe evitar al mximo porque dichas
imgenes pueden molestar a los lectores y provocar que el sitio web transmita una
sensacin de poco profesionalismo.

Colores de fondo
La correcta eleccin de los colores de fondo es vital ya que un fondo mal elegido
puede dificultar la lectura. Es esencial elegir un contraste apropiado entre el color de
primer plano y el color de fondo dominante. Es por esto que se aconseja no elegir un
fondo con grficos, porque puede obstaculizar la lectura y transmitir una sensacin
general de amateurismo. Generalmente, el color de fondo debe ser algo plido.

Tipografa
Se recomienda no usar ms de dos tipos de fuente en un sitio web. Las fuentes
estilizadas se deben usar con moderacin (por ejemplo, para un ttulo) y para la mayor
parte del sitio web conviene utilizar una fuente clsica (arial, verdana, helvtica,
etctera).
En los textos impresos tradicionales, las fuentes con serifas (serif), o pequeos
adornos, suelen facilitar la lectura ya que las serifas ayudan a los lectores a seguir el
texto.
Pero no se recomienda usar serifas en Internet porque, dependiendo de la definicin
de la pantalla del usuario, pueden deformarse y parecer garabatos que obstaculizan la
lectura. Por lo tanto, es una opcin ms adecuada usar fuentes de palo seco o sin
serifas (sans-serif) ms redondeadas.
Por ltimo, tenga en cuenta que con las fuentes no estndar se corre el riesgo de que
no se visualicen correctamente en algunas pantallas. Si se desea crear ttulos con este
tipo de fuente y para evitar la limitacin mencionada antes, se pueden crear imgenes
transparentes que contengan el texto.

Smbolos grficos
Se recomienda usar pictogramas e conos para establecer signos visuales. De cualquier
manera, se debe tener cuidado al elegir smbolos porque los usuarios pueden
malinterpretarlos, en especial si se trata de sitios web internacionales. Estos son los
pictogramas que ms se usan:

Una lupa simboliza caractersticamente la funcin de bsqueda.


Un sobre representa la opcin de contactar al webmaster a travs del correo
electrnico.

Un signo de interrogacin simboliza la ayuda en lnea

Una casa representa el vnculo a la pgina de inicio.

Una bandera simboliza el idioma de la pgina actual o la posibilidad de


cambiarla a otro idioma.