Herramientas de la multimedia

Multimedia: Es cualquier combinacin de texto arte grfico, sonido, animacin, y

vdeo que llega a nosotros por computadora u otros medios electrnicos.

Herramientas de multimedia estn diseadas para administrar los elementos de

multimedia individualmente y permiten interactuar con los usuarios, ofrecen
adems facilidades para crear y editar texto e imgenes, y tienen extensiones para
controlar los reproductores de vdeo disco, vdeo y otros perifricosrelacionados.

Es un centro de informacin tan poderoso, expresivo y natural que logra que se

capte en forma mucho ms efectiva la informacin que se recibe, estimulando
increblemente los sentidos, haciendo que el usuario est mucho ms alerta y
receptivo. Todo esto es porque permite interactuar con los sonidos, las imgenes,
los colores y la accin.

Las herramientas multimedia se dividen en dos tipos:

Hardware y software

Herramientas multimedia de hardware: teclado, cmaras digitales, scanner, vdeo

beam, celular, etc.

Herramientas multimedia de software: power point, movie marker, blog, grabadora

de sonido, internet, etc.

Plataformas De Desarrollo Web

1. Tipos De Plataformas Web

2. 1- LAMP (Linux, Apache, MySQL, [PHP|Perl|Python]) Esta plataforma
web promocionado por el editor de la editorial OReilly Dale Dougherty
y algunos autores de MySQL es el ms popular y el que podrs
encontrar ms fcilmente en la mayora de los proveedores de
Hosting.

3.

4. Ventajas: Disponibilidad y bajos costos Velocidad y mejor tiempo de

actividad Segn la empresa WatchMouse en un estudio de rendimiento
realizados a ms de 1500 websites se determin que los sitios web
basados en Linux eran rpidos que los basados en Windows. Es muy
facil colocar instrucciones tanto en nuestro cdigo para activar
nuevas funcionalidades del Por experiencia propia , creo que esta
plataforma es la mejor sin duda para la implementacin y manejo de
rescritura e URL.

5.

6. Desventajas: No muy buen rendimiento de MySQL para sitios web

demasiado grandes y con un gran volumen de insercin de datos. Es
muy distinto de Windows, lo que dificulta el trabajo a quienes estn
acostumbrados a l.

7.

8. 2- WAMP (Windows, Apache, MySQL, [PHP|Perl|Python) La verdad es

que no he encontrado ningn proveedor de Hosting que ofrezca este
tipo de plataforma web ya que suele usarse como herramienta de
desarrollo por la mayora de los programadores que tenemos Windows
como SO principal y tenemos que desarrollar aplicaciones web en
PHP.

9.

10. Ventajas: Ideal para utilizar como servidor de desarrollo Fcil

instalacin con el software WAMP5.

11.
12. Desventajas: Puedes tener alguna dificultad a la hora de instalar los
subsistemas por separado. A mi siempre me ha dado guerra la
instalacin de PHP en IIS

13.

14. 3- LAMDA (Linux, Apache, Mono|Maverick.NET,DB4O,ActiveRecord) Es

ms flexible porque soporta mltiples bases de datos ya que mediante
DB4O la base de orientada a objetos se puede abstenerse del mundo
relacional. Es ms robusta porque los lenguajes ms convenientes a
utilizar con Mono son estticamente tipados y permite tener una
plataforma de desarrollo multiplataforma. El framework
Maverick.NET pueden funcionar tanto con Mono como con el
framework de .NET de Microsoft.

15.

16. 4- XAMPP (X=Cualquier S.O, Apache, MySQL, PHP, [Perl|Python])

XAMPP podra decirse que ms que una plataforma web es un
software que instala de forma compacta y configura fcilmete PHP,
MySQL y Apache para Windows, Linux, Sun Solaris y Mac OS X.
Tambin se puede decir entonces que WAMP es una variante de
XAMPP.

17.

18. 5- WXCF ( Windows, X=[Apache|IIS], Coldfusion) Coldfusion es un

servidor de pginas, una herramienta y un lenguage de programacin
que permite programar pginas web fcilmente a travs de etiquetas
similares a HTML y que puede instalarse adems de Windows en Mac
OS X, Linux y Solaris. Actualmente pertenece a Adobe y anteriormente
a Macromedia. Permite manejar bases de datos como Sybase, Oracle,
MySQL, SQL Server, o Access mediante el standard SQL.

19.

20.Ventajas: Funciones poderosas para leer y escribir en discos duros

del servidor basadas en tags Integra varias tecnologas
Programacin muy fcil a travs de etiquetas o tags Integracin con
 Java Amplias opciones para la configuracin del servidor y en modo
grfico.

21.

22.Desventajas: Pocos proveedores de hosting ofrecen este tipo de

plataforma web Servidor inestable que es capaz de muy poca carga
aunque fu diseado para sitios grandes y con mucho trfico Integra
varias tecnologas Programacin muy fcil a travs de o tags.

23.

24.6- XATMJ ( X=Cualquier S.O, Apache, Tomcat, MySQL, JSP) Este tipo
de plataforma web tampoco es comn encontrarla en los proveedores
de hosting ms populares. Tomcat es un servidor web con soporte de
servlets y JSPs de Sun Microsystem y que normalmente es combinado
con el servidor web Apache aunque puede funcionar por s slo. Si vas
a realizar pginas web en JSP es la mejor opcin.

25.

26.Ventajas: Funciona en cualquier sistema operativo disponga de la

mquina virtual Java Tomcat es que es muy fiable.

27.

28.Desventajas: Tomcat slo puede trabajar con un nico servidor; no

puede utilizarse en clusters Tomcat no dispone de un entorno
integrado con una sofisticada GUI.

29.

30.7- WIMA ( Windows, IIS, MS SQL Server, ASP.NET ) Este sistema junto a
LAMP es de los ms utilizados para desarrollar aplicaciones web
basadas en ASP clsico y ASP.NET. Tambin se puede instalar PHP o
Perl bajo IIS, y es la formas en la que los provedores de hosting
ofrecen ASP y PHP en el mismo servidor.

31.
 32.Ventajas: MS SQL Server tiene un potente entorno grfico de
administracin MS SQL Server ofrece a mltiples usuarios grandes
cantidades de datos de manera simultnea ASP.NET, a partir de la
versin 2.0 es una gran ventaja. Para m, esta plataforma web es la
mejor opcin para crear aplicaciones web hoy en da.

33.

34.Desventajas: El servidor IIS no es multiplataforma, slo funciona bajo

Windows El servidor MS SQL Server tampoco es multiplata forma .
Limitaciones en IIS en las versiones que no son de la familia Server
Vulnerabilidades

Diseo Web
En qu consiste el diseo web?
1. Consiste en la construccin de documentos de hipertexto para su
visualizacin en diferentes navegadores. As como asignarle una
presentacin para diferentes dispositivos de salida ya sea en una
pantalla de computador, en papel, en un telfono mvil, etc. Estos
documentos o pginas web pueden ser creadas por las siguientes
formas:

2. Creando archivos de texto en HTML, Asp, Aspx, JavaScript, JSP,

Python, Ruby. Utilizando un programa visual WYSIWYG o WYSIWYM de
creacin de pginas. Utilizando lenguajes de programacin del lado
servidor, para generar la pgina web.

3. La ltima versin de este lenguaje bsico corresponde al HTML5,

donde se introducen nuevos elementos que mejoran la navegacin y
la usabilidad de los sitios web en los distinto navegadores, como por
ejemplo el uso de Esta versin trae el encabezado (header), barras
laterales (sidebars), el pie de pgina (footer), los mens de
navegacin, como etiquetas ya establecidas. La utilizacin de
"Canvas" o marcos de trabajo, sirven para utilizar animaciones sin
necesidad de instalar plugins ni usar un reproductor Adobe Flash para
videos web. Al implementarse con canvas, se usar nicamente
 cdigo JavaScript, aligerando el peso de la pgina. Este lenguaje es
regulado por el Consorcio de la World Wide Web (W3C).

4.

5. Estas son las siguientes:

6. Primero se trabaja distribuyendo el texto, los grficos, los vnculos a

otros documentos y otros objetos multimedia que se consideren
pertinentes. Es importante que antes de 'escribir' la pgina web se
realice un boceto o prediseo. Esto facilitar tener un orden claro
sobre el diseo.

7. Consta de manejar los vnculos entre documentos. Este utiliza el

lenguaje de hipertexto en el cual cualquier texto que aparezca
subrayado, al pulsar sobre ellos conduzcan a otras pginas con
informacin relacionada. Estos son llamados enlaces. La importancia
de esto es que permita al usuario navegar por el sitio y encontrar
respuesta rpido a lo que busca.

8. sta consiste en optimizar la estructura del contenido para mejorar la

posicin en que aparece la pgina en determinada bsqueda. Etapa
no gustosa por los diseadores grficos, porque a diferencia del texto,
an para el ao 2014 no se pueden tener nuevos resultados en los
buscadores con sitios muy grficos.

Sitio Web
Un sitio web o cibersitio es una coleccin de pginas
web relacionadas y comunes a un dominio de
internet o subdominio en la World Wide Web dentro de Internet.12.

Todos los sitios web pblicamente accesibles constituyen una

gigantesca World Wide Web de informacin; un gigantesco
entramado de recursos de alcance mundial.

A las pginas de un sitio web se accede frecuentemente a travs

de un URL raz comn llamado portada, que normalmente reside en
el mismo servidor fsico. Los URL organizan las pginas en una
jerarqua, aunque los hiperenlaces entre ellas controlan ms
particularmente cmo el lector percibe la estructura general y
cmo el trfico web fluye entre las diferentes partes de los sitios.

Algunos sitios web requieren una subscripcin para acceder a

algunos o todos sus contenidos. Ejemplos de sitios con
subscripcin incluyen algunos sitios de noticias, sitios de
juegos, foros, servicios de correo electrnico basados en web,
sitios que proporcionan datos de bolsa de valores e informacin
econmica en tiempo real, etc.

Existen muchas variedades de sitios web, cada uno especializado

en un tipo particular de contenido o uso, y pueden clasificarse
arbitrariamente de muchas maneras. Unas pocas clasificaciones
pueden incluir:

Sitio archivo: usado para preservar contenido electrnico

valioso amenazado de extincin. Dos ejemplos son: Internet
Archive, el cual desde 1996 ha preservado billones de antiguas
(y nuevas) pginas web; y Google Groups, que a principios
del 2005 archivaba ms de 845 000 000 mensajes expuestos en
los grupos de noticias/discusin de Usenet, tras su adquisicin
de Deja News.

Sitio weblog (o blog o bitcora digital):3 sitio usado para

registrar lecturas en lnea o para exponer contenidos en lnea
con la fecha del da de ingreso; tambin puede incluir foros de
discusin. Ejemplos: Blogger, LiveJournal, WordPress.

Sitio de empresa: usado para promocionar una empresa o

servicio, los cuales pueden ser fabricados por empresas
dedicadas al web como solucionespsi.com

Sitio de comercio electrnico: para comprar bienes,

como Amazon.com.

Sitio de comunidad virtual: un sitio o portal social donde las

personas con intereses similares se comunican entre s,
normalmente por chat o foros o simples mensajes. Por
ejemplo: MySpace, Facebook, Hi5, Orkut, Habbo, Twitter,
 Sitio de Base de datos: un sitio donde el uso principal es la
bsqueda y muestra de un contenido especfico de la base de
datos, como por ejemplo Internet Movie Database.

Sitio de desarrollo: un sitio con el propsito de proporcionar

informacin y recursos relacionados con el desarrollo de
software, diseo web, etc.

Sitio directorio: un sitio que contiene contenidos variados

que estn divididos en categoras y subcategoras, como el
directorio de Yahoo!, el directorio de Google, y el Open Directory
Project.

Sitio de descargas: estrictamente usado para descargar

contenido electrnico, como software, juegos o fondos de
escritorio: Download, Tucows, Softonic, Baulsoft.

Sitio de juego: un sitio que es propiamente un juego o un

patio de recreo donde mucha gente viene a jugar,
como MSN Games, Minijuegos.com, Pogo.com y
los MMORPGsVidaJurasica, Planetarion, Kings of
Chaos y Runescape.

Sitio de informacin: sitio con contenido que pretende

informar a los visitantes, pero no necesariamente de propsitos
comerciales; tales como: Free Internet Lexicon y Encyclopedia.
La mayora de los gobiernos e instituciones educacionales y sin
nimo de lucro tienen un sitio de informacin.

Sitio de noticias: similar a un sitio de informacin, pero

dedicado a mostrar noticias y comentarios de la actualidad.

Sitio pornogrfico: muestra imgenes y vdeos de contenido

sexual explcito.

Sitio de promocin web: usado para promocionar otras

pginas web por medio de publicacin de artculos de opinin.

Sitio buscador: un sitio que proporciona informacin general

y est pensado como entrada o bsqueda para otros sitios. Un
 ejemplo puro es Google, y el tipo de buscador ms conocido
es Yahoo!

Sitio shock: incluye imgenes u otro material que tiene la

intencin de ser ofensivo a la mayora de los visitantes.

Sitio de subastas: subastas de artculos por Internet,

como eBay.

Sitio personal: mantenido por una persona o un pequeo

grupo (como por ejemplo familia) que contiene informacin o
cualquier contenido que la persona quiere
incluir: Facebook, Fotolog.

Sitio portal: un sitio web que proporciona un punto de inicio,

entrada o portal, a otros recursos en Internet o una intranet.

Sitio Web 1.0: un sitio web esttico. Un sitio donde el

visitante solo puede recorrer sus pginas sin posibilidad de
interactuar con ellas.

Sitio Web 2.0: un sitio web interactivo. Un sitio donde el

visitante puede hacer ms cosas que recorrer sus pginas, en
concreto, extraer informacin en la forma y criterios que estime
oportuno y conveniente.

Sitio Web 3.0: un sitio web inteligente. Un sitio que reconoce

al usuario y muestra una dinmica en funcin de sus gustos,
preferencias, historial, el momento y el estado de nimo en que
se encuentre... Solo est disponible en muy contadas redes
privadas. Para Internet an se est desarrollado, pero se
encuentra posiblemente en fases muy incipientes (fase de
definicin). Los sistemas de inteligencia artificial y de
interaccin hardware lo hacen tecnolgicamente posible,
aunque nos encontramos todava lejos de su implementacin a
gran escala.

Creador de sitios: es bsicamente un sitio que permite crear

otros sitios, utilizando herramientas de trabajo en lnea, como
PageCreative.
 Sitio colaborativo o Wiki: un sitio donde los usuarios editan
colaborativamente, donde los propios visitantes son los
responsables de mantener la aplicacin viva, usando
tecnologas de ltima generacin: pikeo, flickr, Wikipedia.

Sitio poltico: un sitio web donde la gente puede manifestar

su visin poltica. Ejemplo: New Confederacy.

Sitio de rating: un sitio donde la gente puede alabar o

menospreciar lo que aparece.

Sitios educativos: promueven cursos presenciales y a

distancia, informacin a profesores y estudiantes, permiten ver
o descargar contenidos de asignaturas o temas.

Sitio spam: sitio web sin contenidos de valor que ha sido

creado exclusivamente para obtener beneficios y fines
publicitarios, engaando o pretendiendo engaar a los motores
de bsqueda.

Sitio religioso: sitio web donde la gente puede conocer ms

sobre la religin que profesa.

Pgina Web
Es un documento o informacin electrnica capaz de contener texto, sonido, vdeo,
programas, enlaces, imgenes, y muchas otras cosas, adaptada para la llamada World Wide
Web (WWW) y que puede ser accedida mediante un navegador web. Esta informacin se
encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras
pginas web mediante enlaces de hipertexto. Frecuentemente tambin incluyen otros recursos
como pueden ser hojas de estilo en cascada, guiones (scripts), imgenes digitales, entre
otros.

Caractersticas y tipos de pginas

Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar
e insertar hiperenlaces, generalmente HTML.Una pgina web est compuesta principalmente
por informacin de un tema factible (slo texto y/o mdulos multimedia) as como por
hiperenlaces; adems puede contener o asociar hoja de estilo, datos de estilo para especificar
cmo debe visualizarse, y tambin aplicaciones embebidas para as permitir interaccin.
Respecto a la estructura de las pginas web, algunos organismos, en especial el World Wide
Web Consortium (W3C), suelen establecer directivas con la intencin de normalizar el diseo,
y para as facilitar y simplificar la visualizacin e interpretacin del contenido.
 Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas,
organizaciones, o personas, as como una manera de comunicar ideas, pensamientos,
conocimientos, informaciones o teoras. As mismo, la nueva tendencia orienta a que las
pginas web no sean slo atractivas para los internautas, sino tambin optimizadas
(preparadas), para los buscadores a travs del cdigo fuente. Forzar esta doble funcin
puede, sin embargo, crear conflictos respecto de la calidad del contenido.

Dinmico Esttico
Solo un diseador
web o alguien con
conocimientos de
Puede controlar la cantidad y el contenido de sus pginas informativas. html puede controlar
el contenido de las
pginas y de todo el
sitio web.
Solo un diseador
web o alguien con
Puede agregar y modificar las imgenes cuando desee. conocimientos puede
agregar o modificar
las imgenes.
En un sitio web
esttico cada pgina
Excepto el contenido (texto, fotos, videos, archivos, etc.), todas las pginas internas de su puede ser
web site sern iguales unas a otras. radicalmente
diferente una a la
otra.
Si desea tener
informacin de
actualizacin
constante en su
Es posible generar contenido constante como noticias, eventos, artculos de inters, etc., sin
pgina web debe
costo adicional alguno.
pagar mensualmente
a un webmaster para
que realice estas
tareas.
Un web site esttico
solo le sirve como
una "tarjeta de
Un web site esttico puede servir como el centro de operaciones de su empresa, presentacin" con la
manteniendo una relacin estrecha entre el contenido, los usuarios, los servicios, los nica funcin de
productos, las rdenes de compra y los reportes de pago de sus usuarios. "informar" a sus
usuarios sobre su
existencia y sus
servicios.
Debido a que los
sitios web
estticos no requiere
n del servicio de
HRMA, un sitio web
Por su mayor complejidad, es necesario contratar un servicio de Hospedaje, Resguardo,
esttico tiene un
Mantenimiento y Asesora, que tiene un costo de mantenimiento anual de Bsf. 1.500,00.
costo de
mantenimiento anual
de Bsf. 500,00 (solo
el hospedaje y el
dominio).
El diseo efectivo y eficiente de sitios web puede ser una tarea
compleja, difcil y larga. De ah que las herramientas se conviertan
en un elemento clave a la hora de maximizar nuestros recursos.

Hoy en da el mercado de la herramientas es muy amplio y cubre

todo tipo de necesidades, por eso resulta difcil escoger la
adecuada para cada proyecto.

Hoy te quiero ensear, algunas de las herramientas que me

facilitan el trabajo, son de lo ms completas y seguro que te
ayudarn en tu da a da.

MIS HERRAMIENTAS INDISPENSABLES

1. Adobe Color CC

Si necesitas crear una paleta de color para tu proyecto

Adobe Kuler es tu solucin. Una aplicacin de internet de
Adobe gratuita, que te permitir crear y buscar
combinaciones de colores. Para hacer uso de esta
aplicacin debers estar registrado como usuario en la
pgina de Adobe, y con tu usuario y password podrs
tener acceso a l.
2. Typecast

Esta aplicacin te permite trabajar con mas de 5.000 fuentes

desdeTypekit, Fontdeck, Fonts.com y Google Web Fonts en un solo
panel de control.

El objetivo es poder decidir la tipografa que utlizars en los

textos que publicars en la web de forma sencilla y rpida, de la
misma forma que lo hacemos con los editores de texto y fotografa
tradicionales. Puedes crear columnas de contenido y alterar la
tipografa usada, escogiendo en el men lateral el proveedor de las
fuentes y escribiendo cualquier tipo de texto para ver los
resultados directamente en la web.

Adems podrs obtener el cdigo CSS para poder utilizar esas

fuentes en tus pginas web, con la total certeza de de que tus
usuarios cargarn la fuente y vern el mismo resultado que tu.
3. Mockflow

Te permite montar un prototipo en cuestin de minutos, online y

para multitud de plataformas diferentes: Android, iPhone,
WordPress, Joomla, Drupal, Facebook Es muy intuitiva ya que es
tan fcil como hacer drag and drop con los componentes que te
proporciona para construir tu wireframe.

La versin gratuita slo permite un proyecto con 4 pginas, pero

puedes descargarlas en diversos formatos y borrarlas conforme
las dejes de necesitar.
4. GuideGuide

Es una extensin de Adobe Photoshop con la que preparar tu

documento para comenzar a disear tus webs ser cuestin de
minutos. Un plugin que se ha convertido en un imprescindible dada
la importancia de las guas para conseguir diseos web perfectos.
Una vez que la instales no vas a querer dejar de usarla.

5. Layervault
Seguro que ms de una vez hemos tenido dificultades
para gestionar dentro de un proyecto las ltimas versiones de los
archivos. Sobre todo cuando un mismo archivo va siendo editado
por varias personas a la vez.

Layervault es una aplicacin web que te permitir controlar y

gestionar todos los aspectos de tu proyecto (comunicacin con
compaeros, gestin de archivos, etc.) desde una misma interfaz.

Puedes aadirla a la barra de tareas, lo que te permitir ir

guardando de forma automtica a travs de la sincronizacin
cualquier cambio, archivo, carpeta, etc. en el directorio de
LayerVault. As tus compaeros de proyecto irn recibiendo
actualizaciones para estar informados de qu aspectos del trabajo
se actualizan o cambian, y tambin recibiremos dichas
notificaciones en nuestros otros dispositivos si tambin los
sincronizamos.

6. Invision
Esta herramienta ha revolucionado el mundo de las aplicaciones
de representacin de prototipados. Esta herramienta transforma
tus diseos rpidamente en prototipos interactivos con
transiciones y animaciones web dotando de gran realismo a tus
mockups. Te permite compartir un mismo proyecto con cuanta
gente se desee (entre ellas el cliente) por lo que resulta muy
prctica a la hora de que este pueda previsualizar e interactuar
con el diseo de su web antes de comenzar con su desarrollo.

7. Codekit
Es una herramienta que te ayuda a construir webs de manera ms
rpida y ms ordenada. Adems te permite compilar Sass y Less y
optimiza tus archivos.

Con Codekit podrs importar tus frameworks de manera que si

haces un include de algn archivo lo buscar primero en el
proyecto concreto en el que ests trabajando y, si no lo encuentra,
recorrer tus frameworks para incluirlo.

8. Proto-io
Si lo que ests diseando es una aplicacin proto.io es una de
las herramientas ms potentes de prototipado que ofrece el
mercado de las apps hoy en da.

Ofrece un entorno de creacin de prototipos que podrs usar para

crear y presentar el diseo de tu futura aplicacin.

Posee multitud de opciones para incluir y configurar nuevos

componentes, as como definir los agentes (iPhone y iPad, de
momento) que debern acceder al proyecto creado.

Tambin te permite decidir si la aplicacin ser mostrada en

posicin horizontal o vertical, por ejemplo, as como incluir
botones, formularios, cdigo html, barras, textos, listas, mens,
etc., todo sobre una pantalla dividida en zonas para facilitar la
posicin correcta de cada componente.

La versin gratuita est limitada a un proyecto y un agente,

permitiendo guardarlo dentro del subdominio que decidamos.

Estas herramientas que te hemos mostrado es una pequea

recoleccin de las ms aceptadas y utilizadas por los diseadores
web hoy en da y que mejor te pueden funcionar.

9. Sublime text

Para aquellos diseadores que decidan sumergirse en la primera

fase desarrollo de la web Sublime Text es un editor de cdigo
multiplataforma, ligero y con pocas concesiones a las florituras.
Es una herramienta concebida para programar sin distracciones y
bastante intuitiva.

Sublime Text te permite tener varios documentos abiertos

mediante pestaas, e incluso emplear varios paneles para aquellos
que utilicen ms de un monitor. Dispone de modo de pantalla
completa, para aprovechar al mximo el espacio visual disponible
de la pantalla.

A partir de ahora disear un proyecto web perfecto de principio a

fin ser una tarea mucho ms fcil e intuitiva y tus clientes
estarn mucho ms satisfechos.

Etapas para diseo efectivo de un sitio web

Para definir todas las partes de la estrategia hay que emplear las
metodologas que se consideren convenientes que sirvan para
analizar el contexto, la competencia, las oportunidades, nuestras
posibilidades tcnicas, nuestro posible pblico objetivo y
emplear estos datos para confeccionar una estrategia slida.

Una pgina web debe reportar algn tipo de ROI (retorno de

inversin). Ha de ser coherente con las tcnicas empleadas para
conseguir trfico a esta pgina. Este es el punto ms importante,
siempre hay que preguntarse como se amortiza una web. Siempre
hay una manera de sacar beneficios directos o indirectos de una
pgina web.Deben ser objetivos concretos y medibles.

Ejemplos de objetivos:
Venta online.
Conseguir una base de datos de contactos
Conseguir suscripciones por email
Difusin de informacin (potenciar el boca a boca)
Dirigir el pblico a un perfil social

Hay que habilitar los recursos tcnicos necesarios para recoger

los datos que marquemos como indicadores del xito, aquellos que
permitan medir el grado de consecucin de los objetivos fijados.
Google Analytics ser una herramienta importante en la mayora
de los casos para medir estos objetivos y conocer el
comportamiento de los usuarios dentro de nuestra pgina web y
muchos otros datos sobre las visitas que nos ayudarn a corregir
debilidades o potenciar las fortalezas de nuestra pgina web.

Todos los textos de la pgina web estructurados en apartados. (en

txt, word u otro formato de texto) bien explicados. En este
documento igualmente se especificar la descripcin SEO y
palabras clave a utilizar.

Pasos para el diseo web

Entienda cual es el enfoque que tendr el website.
Que especificas caractersticas quiere en el website.
Cree una lista de secciones para su website y deles una jerarqua
por importancia.
Escriba el contenido y dele una conclusin.
Encuentre un estilo y una apariencia que encaje en su website y
los requerimientos de la industria.
Construya el website.
Evalu el web.
EL FOCO QUE DEBA LLEVAR EL WEBSITE

Es importante definir este paso tan claramente como sea posible,

porque el foco del website tiene el mayor impacto en todo el
proyecto; este define los cimientos de el sitio.
Por ejemplo:
Un almacn oline.
Manejo de informacin para clientes establecidos.
Comercializacin y nombre del sitio.

Entienda cual es el enfoque que tendr el website.

1- Registro de dominio: El primer paso para tener presencia en
Internet es registrar un dominio. El nombre de dominio es como su
direccin en Internet (www.mabelgiordano.com.bo), a travs de la
cual los clientes potenciales visitarn su pgina web.
2- Hospedaje del dominio: Para que su pgina web pueda ser
visitada por los usuarios de Internet, adicional al nombre de
dominio, usted debe contratar un servicio de hospedaje (web
hosting) a travs del cual su empresa contar con un espacio en
disco dentro de un servidor web.
3- Diseo del sitio web: El diseo es la comunicacin textual
(contenidos) existente en Internet una faceta visual, sino que
obliga a pensar una mejor estructuracin de los mismos en este
soporte.
4- Mantenimiento del sitio web: La frecuencia del mantenimiento
vara de empresa en empresa, ya que existen compaas que
requieren cambios semana tras semana y otras que revisan el
contenido de su pgina web una vez al ao.
5- Difusin del sitio web: Por lo general este es el tema en el que
existe mayor confusin entre las empresas que implementan una
pgina web por vez primera. .

FASES PARA LA CREACIN DE UNA PGINA WEB

La creacin de una pgina web o el desarrollo a medida de un

proyecto para el diseo de una pgina web, existen al menos, 6
etapas esenciales. No hay que olvidar que el fin de una pgina web
no es otro que adaptar un modelo de negocio al mundo online.
Durante cada etapa de vida de cada ciclo, el contenido est en
continua actualizacin y deben consolidarse con el fin de mejorar
la experiencia del usuario y reducir costes en el desarrollo.
INVESTIGACIN
se debe tomar como referencia pginas web de la competencia ya
existes. Una buena pgina web requiere una investigacin veraz,
exigente y profunda. Se deben analizar diferentes campos de
actuacin, desde el modelo de negocio, pblico objetivo,
competencia y objetivos de resultados alcanzables reales a
corto/medio plazo.

Objetivos: Cuando se realiza el diseo de una pgina web, hay que

construir ideas sobre la filosofa de la empresa/modelo de negocio
y crear metas alcanzables. Se deben marcar objetivos y definir
cual es exactamente nuestra finalidad.

PLANIFICACIN

Cuando se disea una pgina web, la planificacin juega un papel

importante para anticiparnos en un medio que est en continuo
cambio, nos ayudar a crear una estrategia, ya no slo de difusin
sino tambin de los contenidos que puedan ser de inters para
nuestra audiencia.

ARQUITECTURA Y CONTENIDO DEL SITIO WEB

En base a las preferencias de los contenidos de la pgina web,

creamos una esquema o mapa de arquitectura para testar
visualmente como se organizan elementos que la componen, los
contenidos y la estructura del sitio.
DISEO WEB, CONSTRUIR Y TESTAR

La creacin de la grfica, el diseo web y plasmarlo en nuestro

sitio nos dar el aspecto visual, de esta forma sabremos captar lo
que te transmite con lo que se est viendo. Una vez creado el
contenido y adaptado el diseo web, debemos ser exigentes en las
grficas y el cuidado de las imgenes, adems la optimizacin de
las mismas.

OPERAR, OPTIMIZAR Y EVALUAR

En esta etapa el sitio web est con un continuo control a tiempo
real y en constante mantenimiento para ir optimizando y
realizando continuas mejoras en el sitio web. Analizamos mediante
herramientas de medicin (Google Analytics) para obtener
informes de rendimiento y garantizarnos que la pgina web est
funcionando como deseamos y est cumpliendo nuestras
perspectivas.

DESPUS DEL LANZAMIENTO

Para potenciar los resultados del sitio, es ms que recomendable y

necesario realizar campaas de marketinkg online y hacer una
importante inversin en SEO (Search Engine Optimization) para
generar trfico a nuestro sitio. Disear una estrategia de
comunicacin que convierta a nuestros visitantes en clientes y
conseguir una mayor rentabilidad de nuestro sitio web.
Para el diseo de pginas web debemos tener en cuenta tres
etapas:

El diseo visual de la informacin que se desea editar. En esta

etapa se trabaja distribuyendo el texto, los grficos, los vnculos a
otros documentos y otros objetos multimedia que se consideren
pertinentes. Es importante que antes de 'escribir' la pgina web se
realice un boceto o pre diseo. Esto facilitar tener un orden claro
sobre el diseo.

Estructura y relacin jerrquica de las pginas del sitio web. Para

esto, y fundamentalmente para manejar los vnculos entre
documentos, se cre el lenguaje de marcacin de hipertexto o
HTML.

Publicado por Isaac Madrid en 11:29 No hay comentarios:

Enviar por correo electrnicoEscribe un blogCompartir con
TwitterCompartir con FacebookCompartir en Pinterest

Etapas para diseo efectivo de un sitio web

Fijar objetivos:
Decidir que queremos conseguir y que podriamos conseguir
teniendo en cuenta nuestras fortalezas, y debilidades, para
detectar nuestras oportunidades.

Dedifinir publico objetivo:

A quien estara dirigida nuestra pagina web?

Establecer contenido y forma:

Que diremos en la pagina, que estrategia de diseo seguiremos....

las tacticas concretas de diseo de la pagina para lograr los
objetivos.

Desarrollo del proyecto:

Es el momento de la programacion, la fase en la que el proyecto

se convierte por un fin a una herramienta real.

Analitica y optimizacion:

Una pagina web no debe ser un elemento estatico, debe ser una
herramienta cuyo rendimiento podamos medir para hacer
optimizaciones constantes en pro de la consecucion de los
objetivos marcados.
Programacin Web
La programacin de los sitios web es una de las disciplinas dentro
del mundo de Internet que ms se ha desarrollado y no deja de
sorprender da a da con las posibilidades que abre y genera, ya
que no slo consigue satisfacer necesidades que se generan, sino
que sin la generacin de necesidades ofrecen servicios a los
usuarios que stos no haban imaginado.

En principio, el gran desarrollo de Internet se fundament en la

posibilidad de enlazar a travs de hipervculos diferentes pginas
web lo que gener la enorme interconexin que es hoy Internet.
Esta base que inici esta red, fu desarrollada y gener el
lenguaje cono de las pginas web que es HTML.

Pero, como decamos, la creatividad humana no tiene lmites y

lejos de contentarse con el desarrollo del lenguaje HTML,
enriquecindolo en su sintaxis, aparecieron otro lenguajes, que a
su vez desataron una reaccin en cadena con respecto a las
operaciones que se podan lograr en un sitio web.

De esta forma, apareci el lenguaje Java, que mejor

sustancialmente la interaccin con el usuario, de manera que ste
anex una sensacin de amigabilidad y usabilidad en Internet,
contribuyendo a que su utilizacin sea mayor.

Los servidores, que son los vinculantes, entre nuestro sitio web y
los usuarios, comenzaron a adaptarse a estas nuevas tecnologas
y lenguajes y mejorar sus servicios, permitiendo que ha travs de
programas se pudieran generar un dilogo on line con
los usuarios de forma de que stos recibieran la informacin que
buscaran ms rpido y de forma ms eficiente.

De esta manera de Java naci Java Script, que ha su vez incentiv

a la creacin de otros lenguajes que apuntaron a el mimso objetivo
como PHP, y as constantemente se estn buscando mejoras y
nuevas alternativas, todas que apuntan a la interaccin del usuario
con el sitio.

Por todo esto que estamos indicando antes, la programacin del

sitio web tiene la misma importancia que el diseo web, no se
trata de poner uno por encima de otro, los dos se complementan y
hacen que la eficiencia del sitio web sea importante.

Est demostrado que los sitios ms visitados son los que brindan
un servicio ms personalizado al usuario y esto se logra pura y
exclusivamente a travs de la programacin web, que a travs de
conocer los gustos y tendencias del usuario, utiliza estos datos
para proporcionarle al mismo informacin que ms le interesa.

Lenguajes de Programacin

Desde los inicios de Internet, fueron surgiendo diferentes demandas por los
usuarios y se dieron soluciones mediante lenguajes estticos. A medida que paso
el tiempo, las tecnologas fueron desarrollndose y surgieron nuevos problemas a
dar solucin. Esto dio lugar a desarrollar lenguajes de programacin para la web
dinmicos, que permitieran interactuar con los usuarios y utilizaran sistemas de
Bases de Datos. A continuacin daremos una introduccin a los diferentes
lenguajes de programacin para la web.

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web gracias al

lenguaje HTML. Es un lenguaje esttico para el desarrollo de sitios web
(acrnimo en ingls de HyperText Markup Language, en espaol Lenguaje de
Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium
(W3C). Los archivos pueden tener las extensiones (htm, html).

Sintaxis:
(Inicio del documento HTML)
( Cabecera )
( Cuerpo )

Negrita

Definir parrafo
Apertura de la etiqueta
Cierre de la etiqueta
Ventajas:

Sencillo que permite describir hipertexto.

Texto presentado de forma estructurada y agradable.

No necesita de grandes conocimientos cuando se cuenta con un editor de

pginas web o WYSIWYG.

Archivos pequeos.

Despliegue rpido.

Lenguaje de fcil aprendizaje.

Lo admiten todos los exploradores.

Desventajas:

Lenguaje esttico.

La interpretacin de cada navegador puede ser diferente.

Guarda muchas etiquetas que pueden convertirse en basura y dificultan

la correccin.
 El diseo es ms lento.

Las etiquetas son muy limitadas.

Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilacin. Fue creado por

Brendan Eich en la empresa Netscape Communications. Utilizado principalmente
en pginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos,
el mismo no dispone de herencias. La mayora de los navegadores en sus ltimas
versiones interpretan cdigo Javascript.

El cdigo Javascript puede ser integrado dentro de nuestras pginas web. Para
evitar incompatibilidades el World Wide Web Consortium (W3C) diseo un
estndar denominado DOM (en ingls Document Object Model, en su traduccin
al espaol Modelo de Objetos del Documento).

Sintaxis:

Ventajas:

Lenguaje de scripting seguro y fiable.

Los script tienen capacidades limitadas, por razones de seguridad.

El cdigo Javascript se ejecuta en el cliente.

Desventajas:

Cdigo visible por cualquier usuario.

 El cdigo debe descargarse completamente.

Puede poner en riesgo la seguridad del sitio, con el actual problema

llamado XSS (significa en ingls Cross Site Scripting renombrado a XSS por
su similitud con las hojas de estilo CSS).

Lenguaje PHP

Es un lenguaje de programacin utilizado para la creacin de sitio web. PHP es

un acrnimo recursivo que significa PHP Hypertext Pre-processor,
(inicialmente se llam Personal Home Page). Surgi en 1995, desarrollado por
PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la

generacin de pginas web dinmicas, embebidas en pginas HTML y ejecutadas
en el servidor. PHP no necesita ser compilado para ejecutarse. Para su
funcionamiento necesita tener instalado Apache o IIS con las libreras de PHP. La
mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas
caractersticas especficas. Los archivos cuentan con la extensin (php).

Sintaxis:
La sintaxis utilizada para incorporar cdigo PHP es la
siguiente:

Tambin puede usarse:

Ventajas:
 Muy fcil de aprender.

Se caracteriza por ser un lenguaje muy rpido.

Soporta en cierta medida la orientacin a objeto. Clases y herencia.

Es un lenguaje multiplataforma: Linux, Windows, entre otros.

Capacidad de conexin con la mayora de los manejadores de base de

datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.

Capacidad de expandir su potencial utilizando mdulos.

Posee documentacin en su pgina oficial la cual incluye descripcin y

ejemplos de cada una de sus funciones.

Es libre, por lo que se presenta como una alternativa de fcil acceso para
todos.

Incluye gran cantidad de funciones.

No requiere definicin de tipos de variables ni manejo detallado del bajo

nivel.

Desventajas:

Se necesita instalar un servidor web.

Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede

ser ms ineficiente a medida que las solicitudes aumenten de nmero.

La legibilidad del cdigo puede verse afectada al mezclar sentencias

HTML y PHP.

La programacin orientada a objetos es an muy deficiente para

aplicaciones grandes.
 Dificulta la modularizacin.

Dificulta la organizacin por capas de la aplicacin.

Seguridad:

PHP es un poderoso lenguaje e intrprete, ya sea incluido como parte de un

servidor web en forma de mdulo o ejecutado como un binario CGI separado, es
capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el
servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un
servidor web sea insegura por naturaleza.

PHP est diseado especficamente para ser un lenguaje ms seguro para escribir
programas CGI que Perl o C, y con la seleccin correcta de opciones de
configuracin en tiempos de compilacin y ejecucin, y siguiendo algunas
prcticas correctas de programacin.

Lenguaje ASP

Es una tecnologa del lado de servidor desarrollada por Microsoft para el

desarrollo de sitio web dinmicos. ASP significa en ingls (Active Server Pages),
fue liberado por Microsoft en 1996. Las pginas web desarrolladas bajo este
lenguaje es necesario tener instalado Internet Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se
pueden utilizar para crear pginas ASP. El ms utilizado es VBScript, nativo de
Microsoft. ASP se puede hacer tambin en Perl and Jscript (no JavaScript). El
cdigo ASP puede ser insertado junto con el cdigo HTML. Los archivos cuentan
con la extensin (asp).

Sintaxis:
<% %>
Ventajas:

Usa Visual Basic Script, siendo fcil para los usuarios.

Comunicacin ptima con SQL Server.

Soporta el lenguaje JScript (Javascript de Microsoft).

Desventajas:

Cdigo desorganizado.

Se necesita escribir mucho cdigo para realizar funciones sencillas.

Tecnologa propietaria.

Hospedaje de sitios web costosos.

Lenguaje ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por programadores

para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la
tecnologa ASP, fue lanzada al mercado mediante una estrategia de mercado
denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu
antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones.
Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos
cuentan con la extensin (aspx). Para su funcionamiento de las pginas se

necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003
incluye este framework, solo se necesitar instalarlo en versiones anteriores.

Sintaxis:

Ventajas:

Completamente orientado a objetos.

Controles de usuario y personalizados.

Divisin entre la capa de aplicacin o diseo y el cdigo.

Facilita el mantenimiento de grandes aplicaciones.

Incremento de velocidad de respuesta del servidor.

Mayor velocidad.

Mayor seguridad.

Desventajas:

Mayor consumo de recursos.

Lenguaje JSP
Es un lenguaje para la creacin de sitios web dinmicos, acrnimo de Java Server
Pages. Est orientado a desarrollar pginas web en Java. JSP es un lenguaje
multiplataforma. Creado para ejecutarse del lado del servidor.

JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de
ASP.NET, desarrollado para la creacin de aplicaciones web potentes. Posee un
motor de pginas basado en los servlets de Java. Para su funcionamiento se
necesita tener instalado un servidor Tomcat.

Sintaxis:
<%= new java.util.Date() %>
Caractersticas:

Cdigo separado de la lgica del programa.

Las pginas son compiladas en la primera peticin.

Permite separar la parte dinmica de la esttica en las pginas web.

Los archivos se encuentran con la extensin (jsp).

El cdigo JSP puede ser incrustado en cdigo HTML.

Elementos de JSP

Los elementos que pueden ser insertados en las pginas JSP son los siguientes:

Cdigo: se puede incrustar cdigo Java.

Directivas: permite controlar parmetros del servlet.

 Acciones: permite alterar el flujo normal de ejecucin de una pgina.

Ventajas:

Ejecucin rpida del servlets.

Crear pginas del lado del servidor.

Multiplataforma.

Cdigo bien estructurado.

Integridad con los mdulos de Java.

La parte dinmica est escrita en Java.

Permite la utilizacin se servlets.

Desventajas:

Complejidad de aprendizaje.

Lenguaje Python

Es un lenguaje de programacin creado en el ao 1990 por Guido van Rossum,

es el sucesor del lenguaje de programacin ABC. Python es comparado
habitualmente con Perl. Los usuarios lo consideran como un lenguaje ms limpio
para programar. Permite la creacin de todo tipo de programas incluyendo los
sitios web.
Su cdigo no necesita ser compilado, por lo que se llama que el cdigo es
interpretado. Es un lenguaje de programacin multiparadigma, lo cual fuerza a
que los programadores adopten por un estilo de programacin particular:

Programacin orientada a objetos.

Programacin estructurada.

Programacin funcional.

Programacin orientada a aspectos.

Sintaxis:

Ejemplo de una clase en Phyton:

def dibujar_muneco(opcion):
if opcion == 1:
C.create_line(580, 150, 580, 320, width=4,
fill="blue")
C.create_oval(510, 150, 560, 200, width=2,
fill='PeachPuff')
Ventajas:

Libre y fuente abierta.

Lenguaje de propsito general.

Gran cantidad de funciones y libreras.

Sencillo y rpido de programar.

Multiplataforma.
 Licencia de cdigo abierto (Opensource).

Orientado a Objetos.

Portable.

Desventajas:

Lentitud por ser un lenguaje interpretado.

Lenguaje Ruby

Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado

en el 1993 por el programador japons Yukihiro Matz Matsumoto. Su sintaxis
est inspirada en Phyton, Perl. Es distribuido bajo licencia de software
libre (Opensource).

Ruby es un lenguaje dinmico para una programacin orientada a objetos rpida

y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un
tutorial interactivo de ruby. Se encuentra tambin a disposicin de estos usuarios
un sitio con informaciones y cursos en espaol.

Sintaxis:
puts "hola"
Caractersticas:

Existe diferencia entre maysculas y minsculas.

Mltiples expresiones por lneas, separadas por punto y coma ;.

 Dispone de manejo de excepciones.

Ruby puede cargar libreras de extensiones dinmicamente si el (Sistema

Operativo) lo permite.

Porttil.

Ventajas:

Permite desarrollar soluciones a bajo Costo.

Software libre.

Multiplataforma.

Gestin De Contenido Web

Un sistema de gestin de contenido web (en ingls web content management system ,
abreviadamente, WCMS) es un sistema de software que proporciona autoras de sitio web,
colaboracin y herramientas de administracin diseadas para permitir, a los usuarios con
poco conocimiento de lenguajes de programacin web o lenguajes de marcado, el crear y
gestionar contenidos web con relativa facilidad. Un WCMS robusto proporciona la base para la
colaboracin, ofreciendo a los usuarios la capacidad de gestionar los documentos y la salida
para la edicin de mltiples autores la participacin.
La mayora de los sistemas utilizan un repositorio de contenido o de una base de datos para
almacenar contenido de la pgina, los metadatos y otros activos de informacin que podran
ser necesarios para el sistema.
Una capa de presentacin muestra el contenido a los visitantes de sitio web, basndose en un
conjunto de plantillas, que son a veces archivos XSLT archivos.
La mayora de los sistemas utilizan el almacenamiento en cach en el lado del servidor, para
mejorar el rendimiento. Funciona mejor cuando el WCMS no se cambia a menudo, pero tiene
visitas regulares.
La administracin tambin se realiza normalmente a travs de interfaces basadas en
navegador, pero algunos sistemas requieren el uso de un cliente pesado.
Un WCMS permite a los usuarios no tcnicos realizar cambios a un sitio web con poco
entrenamiento. Un WCMS normalmente requiere un administrador de sistemas y/o un
desarrollador web para configurar y agregar caractersticas, pero es sobre todo un sitio web de
mantenimiento de herramientas para el personal no tcnico.
Herramientas para gestionar Contenidos en un sitio en

Internet
Herramienta de gestin y publicacin de contenidos en internet que permite, de forma
fcil y rpida, escribir artculos, mostrar videos e imgenes, almacenar y compartir
informacin, clasificar enlaces, etc.

Creo que es evidente que contar con la capacidad de realizar una

buena gestin de nuestra estrategia de contenidos puede ser la
clave que diferencie nuestro trabajo en Internet del de la competencia.

Al igual que al disear nuestra estrategia online nos basamos en los

objetivos corporativos marcados, elegir las herramientas adecuadas ir
inexorablemente unido a las necesidades de cada paso que llevemos a
cabo.

De una forma muy resumida podramos decir que el proceso seguira los
siguientes pasos:
 1. Fijacin de objetivos.

2. Diseo de estrategia.

3. Eleccin de herramientas.

4. Implementacin de las acciones.

5. Consecucin de objetivos.

Pues bien, en este artculo nos vamos a centrar en el paso 3, es

decir, en las herramientas. Y, ms concretamente, veremos tres
herramientas que nos ayudan, por distintos motivos, en la bsqueda
y gestin de los contenidos que luego compartiremos con nuestra
audiencia en diferentes canales.

A la archiconocida afirmacin de el contenido es el rey se unen

cada vez ms voces a favor de que el usuario es el rey.

Por ello, si como empresas somos capaces de adaptar nuestra oferta

de contenidos online a lo que nuestros usuarios quieren, necesitan y
demandan, habremos recorrido gran parte del camino que nos lleva a
rodearnos de una comunidad de seguidores fieles interesados en lo que
tenemos que contarles.

Los clientes valoran y premian que como empresas apostemos por la

credibilidad y por ser fuentes de referencia en el sector. En
nuestras manos est saber jugar bien esta carta y ofrecer al usuario lo
que pide.

Pero antes de analizar las tres herramientas que hemos elegido, veamos
unos consejos que debemos tener en cuenta y que nos van a situar ms
en el tema:
 El usuario premia los contenidos que le entretienen, le
solucionan un problema o le aportan informacin que
necesita para su gestin particular.

La gestin de contenidos por parte de los profesionales ha

de ser constante en el tiempo y adems ha de ser de
calidad.

El uso de herramientas que faciliten la obtencin y manejo

de estos contenidos es indispensable para el da a da de los
profesionales.

Existe una gran cantidad de herramientas de gestin de

contenidos, elegir entre unas y otras depende de lo que
queramos conseguir y de los medios de los que
dispongamos (no todas las herramientas son gratuitas).

Ahora s, dicho esto, volvamos a hablar de las herramientas para

gestionar y buscar contenido, que es lo que queremos plantear en
este post.

Netvibes.com

Empezamos con una veterana y que tambin es una de mis

herramientas preferidas a la hora de tener a mano las fuentes de las que
obtener contenidos.

Netvibes es un servicio web que nos permite tener escritorios

personalizados. Estos escritorios constan de solapas y pestaas en los
que podremos ir cargando las fuentes que consideremos de inters.

Por qu me gusta Netvibes?

Porque de un solo vistazo tengo ordenadas por temticas

concretas(pestaas o solapas) y dentro de una temtica
general (escritorio), todas aquellas fuentes de contenido de
las que extraer datos e informacin que luego podr utilizar
segn me interese.
 Porque al ser una herramienta 100% personalizable se
adapta perfectamente a mis necesidades, ofrecindome la
informacin ms til que puedo necesitar.

Porque me ahorra un tiempo valiossimo a la hora de

buscar fuentes de contenido.

Porque es muy sencilla de dar de alta y de administrar (por

ejemplo dar de alta nuevas fuentes slo requiere de un par
de clics).

Porque incluso su versin gratuita es sumamente

operativa.

Al ser un servicio web me permite acceder a ella desde

donde quiera que me encuentre y a la hora que yo decida,
slo requiere una conexin a Internet.

Es multidispositivo y puedo conectarme a ella desde la

web o desde mi dispositivo mvil con tan slo descargarme
su app.

Qu no me gusta de Netvibes?

Dar de alta y localizar nuevas fuentes es un procedimiento manual. A

travs de las fuentes que tengo cargadas no tengo acceso directo
para encontrar nuevas fuentes que dar de alta.

Un consejo: Cuando des de alta tu cuenta Netvibes, piensa bien la

estructura que quieres seguir y qu ms informacin va a
proporcionarte.

Hootsuite y Listas de Twitter

Muchos de vosotros conocis Hootsuite como la gran herramienta de

programacin que es y estoy seguro de que a diario la usis para
compartir vuestros contenidos en redes sociales. Pero en este artculo
quiero descubrir otra faceta de esta herramienta que a m me es de gran
ayuda. Y esta ayuda viene de la mano de Twitter, pero ms
concretamente de las listas de Twitter, me explico:

Todo parte de crear en Twitter una buena seleccin de listas en las

que incluiremos a aquellos tuiteros que nos parezcan relevantes por
temticas afines a nuestras necesidades.

Una vez que tengamos creadas estas listas en Twitter, el siguiente y muy
sencillo paso es vincularlas a nuestra cuenta de Hootsuite.

Cmo lo hacemos? Pues, como os he dicho, es muy fcil, tanto como

crear una pestaa especfica para las listas de Twitter que reflejar todas
las temticas de las que queremos tener informacin.

Por qu me gusta esta alianza Hootsuite y Listas de Twitter?

Porque nuevamente de un solo vistazo tengo ordenadas por

temticas concretas un sinfn de fuentes de
contenido de las que extraer datos e informacin que
luego podr utilizar a mi conveniencia.

Porque como tambin son 100% personalizables me

aseguro de que se adaptan a la perfeccin a lo que
necesito.

Por el ahorro de tiempo para buscar fuentes de

contenido de actualidad y de referencia.

Por la sencillez para gestionar la herramienta.

Porque es una herramienta extremadamente

dinmica que me est ofreciendo posible contenido que
actualiza en tiempo real.

Porque sin salir de la herramienta puedo compartir el

contenido en redes sociales o por correo electrnico, o
crear anotaciones que revisar ms tarde (acceso directo,
por ejemplo, en Evernote).
 Como tambin pasaba en Netvibes, al ser una herramienta
web me permite el acceso desde donde yo quiera y
cuando yo decida y, a cambio, slo necesita para funcionar
una conexin a internet.

Tambin es multidispositivo y puede conectarme a ella

desde la web o desde mi dispositivo mvil con tan slo
descargarme su app.

Qu no me gusta de Hootsuite y Listas de Twitter?

La verdad es que la nica pega que puedo poner es que se limita a

Twitter y a los seguidores que tengamos en esta red social y con los
que hemos nutrido nuestras listas.

Un consejo: Se requiere una buena personalizacin y alta de los

miembros que incluiremos en cada lista, para que se acomode lo mejor
posible a lo que necesitamos y nos permita obtener datos de inters sin
ruido.

Kuku.io

Para terminar este artculo quiero presentaros Kuku.io, una recin

nacida. Es el nombre que ha recibido esta herramienta que an est un
poco en paales (todava en versin beta), pero que desde el mismo
momento de su nacimiento est haciendo mucho ruido para que le
hagamos caso.

Qu nos ofrece Kuku.io como software de gestin de redes

sociales que no nos ofrezcan ya otras herramientas?

Permite incluir imgenes o contenido multimedia.

Nos deja publicar simultneamente en varias redes

sociales.
 Opcin de calendarizar la programacin del contenido.

Permite personalizar el contenido segn los requisitos de

cada red social (nmero de caracteres) o cambiar el centro
de atencin de cada mensaje.

Con ella podemos generar informes de analtica

360 (todava no disponible).

Nos ofrece una opcin con recomendaciones para una

mejor gestin de contenidos (an no disponible).

Qu me gusta de Kuku.io?

Que a simple vista parece una herramienta fresca con claro espritu
de incorporar funcionalidades interesantes para que gestionemos
nuestro contenido de una forma ms eficiente.

Qu no me gusta de Kuku.io?

Al ser una herramienta tan joven necesita todava

un proceso de maduracin que explote al mximo su
funcionalidad y potencia como herramienta.

El registro slo se puede hacer en ingls, francs o ruso.

Pinterest y Google Plus todava no estn habilitadas.

Las dos funcionalidades estrella siguen sin estar

disponibles.

Un consejo: Combinar esta herramienta con alguna otra veterana que

compense la inocencia de kuku.io

Adems de estas tres herramientas, podramos aadir nombres ms

comunes como los de Feedly, Scoop.it, etc. Pero en este post he
preferido mostrar una herramienta muy nueva y otras dos que no lo son
tanto, aunque las hemos usado de una forma un poco diferente a lo
habitual, porque la opcin de hablaros de las clsicas siempre est ah.
Navegadores Y Buscadores Web
La diferencia entre navegador y buscador, es la siguiente, los navegadores son
los programas que instalamos en el ordenador para acceder a cualquier sitio web
en Internet. Los de uso frecuente son: Google Chrome, Firefox (Mozilla), Internet
Explorer, Safari (Apple), Iron (Chromium)

Los buscadores, es el sitio web al que se ingresa a travs de un navegador, y que

permite encontrar otros sitios web, imgenes, a travs de palabras claves de
bsqueda, los ms usados son: Google, Bing, Yahoo y otros locales, pero de
gran importancia en esos pases por la gran cantidad de trfico que generan,
como Baidu en China o Yandex en Rusia.

Necesariamente para ingresar en un buscador, hay que hacerlo a travs de un

navegador.

El siguiente cuadro facilitado por: StatCounter, muestra un predominio del

navegador Google Chrome, de color verde, en Amrica, la mayora de pases de
Europa, Norte de frica, y algunos pases de Asia como la India y Australia. En
segunda posicin se encuentra el navegador de Firefox (Mozilla) que es el ms
utilizado en Alemania, Polonia y Austria, en Europa; varios pases africanos y en
Asa destaca Mongolia e Indonesia. Finalmente Internet Explorerque ha perdido
cuota de mercado en estos ltimos aos, es el navegador preferente en China,
Groenlandia y algunos pases de frica del Sur. Informacin ms detallada de
porcentajes (estadsticas a julio 2013) en: StatCounter Global Stats
 Por porcentajes, a nivel mundial, los navegadores ms utilizados, son:

Estadsticas a marzo 2014

Google Chrome:34,9 %

Internet Explorer: 22,7 %

Firefox (Mozilla): 17,6 %

Las bsquedas a travs de dispositivos mviles (Android, Opera, Iphone),

siguen aumentando, situndose ya en un 12,8 %.
El navegador Safari de Apple, se sita con un 7,2 %, Opera 1,6 %...

En cuanto a los buscadores los ms utilizados en el mundo, son: Google, Yahoo,

Bing, Baidu (China), MSN, NHN Corporation (Corea del Sur), Ebay, Ask Network,
Yandex (Rusia) y Alibaba (China). Los otros 6 buscadores tienen su base en
EEUU.

En la mayora de los pases de Europa, Google es el buscador ms utilizado con

diferencia, seguido de Bing y Yahoo. En la mayora de pases europeos las
bsquedas a travs de Google, superan el 90 %, en Espaa con un 98 %, es uno
de los pases europeos que ms se utiliza este buscador. La excepcin
esRusiacon un 50 % aproximadamente, seguido muy de cerca por buscador ruso
Yandex.

Las bsquedas a travs de Bing situado en segundo lugar, despus de Google,

es Gran Bretaa, el pas donde es ms utilizado, superando ligeramente el 4 %
de las bsquedas, y finalmente Yahoo, donde tambin es Gran Bretaa, el pas
europeo donde ms se utiliza, cerca del 3 %.

En Asiaes China con Baidu el buscador principal con una cuota prxima al 70 %,
seguido de Google con un 28 % aproximadamente, y Yahoo con algo ms del 1
%. Japn, el buscador predominante es Google con un 70 %, seguido de Yahoo,
con una cuota de un 28 %.

En EEUU, Google representa alrededor de un 80 % de las bsquedas, Yahoo

prximo al 10 % y Bing un 9 %.