Hasta hace poco existían dos grandes soluciones para la creación y distribución de animación y multimedia en la web: el omnipresente Flash y la alternativa de Microsoft, Silverlight (algún otro mas que se me escapa). Pero la situación ha cambiado mucho, muchísimo a decir verdad hoy en día contamos con framworks increíbles como jQuery, MooTools y muchos otros que nos ofrecen un completo abanico de posibilidades ante la necesidad de tener animaciones e interactividad en nuestros sitios web.La compañía anunció ayer el lanzamiento de una herramienta de edición visual HTML5 para la construcción de escritorios e interfaz de usuario móvil, una contribución open source cedida a la Dojo Foundation. Maqetta se presenta como un proyecto de código abierto, una herramienta que bajo una interfaz en HTML5, el usuario podrá ejecutar bajo drag and drop con soporte para escritorios e interfaces de usuario móvil.

Al estar creada bajo el estándar, se ejecutará en el navegador sin necesidad de pluggins adicionales ni descargas. Maqetta está disponible bajo licencia de código abierto, por lo que los usuarios pueden descargar el código fuente e instalarlo en su servidor o personalizar el código a sus necesidades aportando mejoras al proyecto.

Rod Smith, vicepresidente de tecnologías emergentes de IBM dijo acerca del lanzamiento:

El problema en pocas palabras es que el ecosistema de Ajax se queda corto en cuanto a herramientas en comparación con Adobe Flash, Microsoft Silverlight y herramientas similares. Tuvimos hasta 120 empresas en la Alianza OpenAjax y la queja más frecuente era la interoperación de los widgets y la necesidad de herramientas visuales, por lo que decidió hacer frente a eso. Nuestra idea fue hacer todo en la Web

Estas son algunas de las características de Maqetta:

• Editor visual de la página para extraer las interfaces de usuario
• Drag/Drop móvil de interfaz de usuario
• Edición simultánea en diseño y fuentes
• Deep Support para CSS
• Mecanismo para la organización de un prototipo de interfaz de usuario e dentro de “estados de aplicación”, un sistema que permitirá un diseño de interfaz para definir la interactividad sin necesidad de programación.
• Review basada en web
• Wire.framing, característica que permite a los diseñadores crear propuestas de interfaz de usuario.
• Editor de temas para personalizar el estilo visual de la colección de widgets

Maqetta se encuentra en estos momentos en una fase preliminar. IBM ha donado la herramienta a la Fundación Dojo, la cual alberga más de una docena de iniciativas de código abierto.

Via: http://bitelia.com

Los chicos de QWeb nos traen este excelente artículo en donde nos cuentan 10 secretos para llegar al Nirvana de los Comunity Managers :D

Una de las frases más recurridas para expresar la importancia de tener una web era “Si no estás en internet, no existes”. Ahora deberemos añadir “Si no tienes perfil de Facebook y de Twitter, tampoco”.Es la nueva revolución de la comunicación en internet, la reputación online de las empresas es cada día más importante y su presencia en las redes sociales va a determinar en gran medida su éxito. Si en los medios tradicionales ya es difícil controlar el flujo y los canales de información, la viralidad de la web 2.0 representa un verdadero reto. Para afrontar esta nueva era en las comunicaciones de nuestra empresa vamos a necesitar un Community Manager (Responsable de comunidad) que se encargue de monitorizar todas las acciones que llevemos a cabo en internet.

La figura del Responsable de comunidad va cobrando más importancia cada día y por suerte ya existe la AERCO (Asociación Española de Responsables de Comunidad) que vela por el respeto a esta nueva figura profesional y establece unos parámetros de calidad mínimos para el ejercicio de esta actividad.

En este ártículo, los especialistas de Qweb nos entregan, que ya os brindamos 10 Técnicas para elegir las mejores palabras clave, vamos a revelar los 10 secretos para ser un buen Community Manager creando y manteniendo con éxito cualquier comunidad de usuarios de internet:

1. Conocer y amar la marca o empresa que representes: Se trata de comprender y defender los puntos positivos de tu producto o actividad a la par que ser conscientes de nuestros defectos y limitaciones. Solo cuando llegues a este nivel de comunión con tu empresa podrás actuar de forma natural y ser tú mismo para ganarte a los usuarios.
2. Muestráte: Los tiempos en los que podías esconderte detrás de un nickname han pasado. Como el representante de tu empresa en internet debes dar la cara siempre que puedas, utiliza fotos actualizadas en tu perfil, conecta la webcam más a menudo e incluso apúntate a eventos relacionados con tu sector para dar charlas o simplemente entregar unas tarjetas en mano. Está demostrado que reforzar los vínculos electrónicos con tu presencia física aumenta la confianza de los usuarios en gran medida.
3. Monitoriza sin agobiar: No se trata de que te conviertas en un vigilante de pasillo de instituto. Debes mezclarte con tus usuarios, ser uno más y demostrarles que tu misión principal es la de ayudar. Permíteles que desarrollen sus propios temas con libertad, intervén solo puntualmente para reforzar conductas positivas o aceptar críticas constructivas. Ignora a los trolls, siempre ha habido y siempre los habrá, evita censurar o borrar contenidos o te arriesgarás a sufir el temido Efecto Streisand.
4. Olvídate del marketing: La misión del Community Manager no es la de vender productos, debes escuchar atentamente a tus usuarios y aprender a detectar sus inquietudes y necesidades. No te centres exclusivamente en publicar frías noticias empresariales o en recordarles que tienes un nuevo artículo en el blog. Para enlazar con tus usuarios comparte tus emociones, opiniones, intereses…
5. Todos somos iguales: No cometas el error de priorizar a tus usuarios estrella o de colocarte un escalafón por encima de los demás. En la comunidad deber reinar la igualdad, en muchas ocasiones son los usuarios que no participan los que conforman el grueso de nuestros miembros, préstales atención y anímales a comentar. Dales la importancia que se merecen y poco a poco verás como se abren a la participación.
6. Delega: No pretendas hacerlo todo tú solo. Puedes apoyarte en los usuarios más comprometidos para moderar ciertas partes de tu comunidad. Ellos son tu equipo y si aprendes a jugar con ellos y a pasarles el balón a menudo, vas a mejorar tus resultados.
7. Actualización constante: Mantener el perfil actualizado a diario demostrará a tus usuarios tu compromiso y te ayudará a fidelizarlos. Dosifica tu flujo de información y repártelo a lo largo de día. Pero cuidado con pasarte, la línea que separa a un Community Manager comprometido de un spammer puede ser muy fina.
8. Usa herramientas: Un buen Responsable de Comunidad deber tener cierta inclinación Geek para estar al día de las últimas novedades en software e internet. Existen programas para gestionar varios perfiles sociales al mismo tiempo desde tu escritotio como Tweetdeck que desde aquí recomendamos por su potencia y versatilidad. Tambien existen prácticos servicios online como Ping.fm para sincronizar todas tus cuentas desde un solo lugar.
9. Hazte móvil: Si crees que un Responsable de Comunidad tiene horarios quizás debas replantearte tu trabajo. Es imprescindible que seas capaz de generar contenidos o de proporcionar feedback aún cuando no estés en la oficina. Hoy en día existen multitud de smartphones con plena integración de las redes sociales, y también tarifas planas asequibles de internet móvil. Debes ser capaz de responder a un comentario desde el autobús o mientras haces cola en la hamburguesería. Cualquier momento es bueno para fidelizar a tus usuarios.
10. Analiza y mejora: El éxito de una comunidad online no se mide sólo por la cantidad de usuarios, es mucho más importante su calidad, el nivel de participación y su identificación personal con nuestra marca o empresa. Utiliza herramientas de seguimiento de estadísticas para saber que usuarios son más recurrentes o cuales son tus horas de mayor actividad para concentrar ahí tus esfuerzos. Tanto Facebook como Twitter tienen herramientas muy practicas para medir nuestro impacto y penetración en su red, úsalas para mejorar tu eficacia. Precisamente Google acaba de lanzar una nueva herramienta online que nos va a resultar muy práctica para seguir en tiempo real lo que se dice de nosotros en la red y dónde se dice. Se trata de Google Realtime y con su ayuda vas a poder monitorizar mucho mejor tu reputación online y reaccionar más rápido. En este artículo de Puromarketing.com puedes conocer en profundidad su funcionamiento: Todas las empresas deberían tener un Community Manager

Esperamos que os resulten útiles estos consejos para el desempeño de vuestras funciones como Community Manager. Desde WebEstudio os seguiremos informando de las últimas novedades y los mejores artículos de la red relacionados con esta interesante profesión que cada día crece en cantidad y necesidad.

Via: QWeb

Si bien es importante conocer y practicar los principios básicos de SEO para el posicionamiento en Google en la forma de configurar la estructura de los blogs y en la redacción de sus publicaciones – Me parece que puede ser muy útil volver periódicamente a través de las entradas claves de edad para optimizar aún más tu sitio.

He utilizado el siguiente proceso para un tiempo y ahora en la mayoría de los casos en que lo hago me encuentro capaz de aumentar mi ranking de los diferentes puestos.1. Identificar los post claves para la optimización SEO

La idea es excavar en tu cuenta de Google Analytics para averiguar qué entradas ya están teniendo algún éxito con el tráfico de búsqueda – pero que podrían mejorarse.  La idea es mejorar ese contenido haciendo referencia al post anterior, creando nuevos temas y debates acerca de ello.

2. Analice la Competencia

No tienden a profundizar el SEO demasiado a menudo, pero de vez en cuando puede ser útil hacer un pequeño análisis de la competencia, de las páginas que son de rango superior de una palabra clave que usted está posicionando.

3. En la página de optimización

El análisis de la competencia anteriormente podría dar algunas pistas de por donde empezar en la optimización de su página. Por ejemplo, si usted no tiene palabras clave en “etiquetas de título” o “etiquetas de cabecera” – usted querrá que arreglar eso. Si su palabra clave no está en la URL, eso es otra cosa a considerar. Estos tres ajustes por sí solos podrían marcar un cambio bastante significativo.

Una vez que hayas hecho esto puede que desee examinar también algunos pequeños ajustes que podrían desempeñar un papel importante. Uso de palabras clave en negrita, usando palabras clave en etiquetas ALT en las imágenes, etc Estos son probablemente no va a tener un gran impacto, pero podría ayudar un poco.

4. SEO off page

El seo off page depende básicamente en conseguir enlaces entrantes a nuestro sitio, lo mejor seria que todos esos links sean naturales, pero tardaria mucho para tener un sitio reconocido de esa manera. Por eso hay que trabajar duro y buscar otras alternativas:

- Enlaces desde otros blogs que usted posee

- Enlaces internos en nuestro contenido (no cuentan tanto como un enlace externo que puede ayudar un poco

- Intercambio de enlaces con otros blogs (fundamental que sea de la misma tematica)

- Enlaces de las redes sociales
Visto en: bodeseo.com

Os dejo una extensa relación de sitios donde conseguir fotografías libres de derechos. Algunas están en inglés y por tanto la búsqueda también.

Algunos de los sitios ofrecidos no son 100% gratuitos pero la mayoría ofrece algún tipo de chance para descargas limitadas a una cantidad por días o en una menor resolución. En mucho también debemos estar registrados para poder acceder.
Stock Exchange
Morguefile
Image After
Free Photos Bank
OpenPhoto
Picture Station
Geek Philosopher
Free Images
Pixel Perfect Digital
FreeFoto
Image Base
Cepolina
Amazing Textures
Texture Warehouse
PDPhoto
Image Blowout
Piotrpix
Mandragora
Fotogenica
Mayang
Free Photo Station

Creativity 103
The Photo Repository
Aarin Free Photo
Stockvault
Designpacks
Unprofound
Four Bees
Insect Images
Free media Goo
Burning Well
A digital Dreamer
Freestockphotos
Freewebpics
NatureImage
Lightmatter
Majestic Imagery
Triparalbum
Demny Onink
Twice Pix
AboutPixel

Woophy
Pixelquelle
Litetek
Fontplay
Orangetrash
ArtFavor
ImageTemple
LogoDesignweb
Fotodatebank
Bajstock
Pixelbag
NWYH Stock Images
Gimp-Savy
PhotoCase
NPS Digital
DeviantArt
Yotophoto
Freejpg

Espero que les sean de utilidad.

Una de las claves a la hora de iniciar un proyecto web, incluso en la etapa de planteamiento debe ser el tema hosting, el soporte de nuestra aplicación es tanto más importante que la aplicación en si. Dicho esto lo mejor para una empresa, webmaster o particular que desee comenzar un proyecto ya sea de pequeña, mediana o gran envergadura, es tener un sistema unificado y eficiente con el que sepamos que podemos contar a la hora de ocurrir un problema técnico o la hora de necesitar una ampliación en nuestro plan.

La contratación de nuestro hosting, registro de dominio y soporte técnico, todo en un mismo lugar. En el mundo de la informática debemos tener siempre presente que las variables son nuestras únicas constantes.

“OK Hosting, es una empresa Mexicana con sede en Guadalajara, que ofrece un enfoque diferente al servicio de planes de hosting desde el básico hasta opciones para empresas de diseño y webmaster especializados.”

Veamos que nos ofrece OK Hosting:

- Cuentas de correo ilimitadas con administración completa por parte del cliente.
- Acceso vía Web, Outlook, Blackberry y el 90% de los mail manager disponibles.
- PHP 4.3.8 y 5.0
- ASP.NET Framework 1.1 y 2.0
- Perl 5.8.1 (CGI)
- SQL server y Mysql 5.0 , Bases de datos ilimitadas.
- MySQL Web Manager (phpMyAdmin),
- MS Access ilimitada.
- DSN ODBC ilimitados.

Todo esto obviamente dependiendo de nuestras necesidades y los requerimientos de nuestro proyecto.

Panel de control PLESK Ultima versión.

La versión de PLESK más nueva, con nuevas funciones y nuevas posibilidades de manejo.

- Subdominios, Alias y re direccionamientos.
- Manejo de Dominio ilimitados.
- 140 populares aplicaciones Open Source Pre instaladas y listas para usarse.
- Estadísticas completas con AwStats, mide quien visita tu sitio de manera detallada.
- Protección de URL’S restringe el acceso a secciones o archivos de tu sitio mediante contraseña.
- Todas las tareas mas avanzadas ahora hechas simples e intuitivas con PLESK 9.3.

Servidores y Datacenter.

Servidores  Doble  procesador  Xeon  Dual  Core,  8GB  RAM, conexiones de 100Mbps.
Sistema  operativo  Windows  Server  2008  la versión  más  estable  y  nueva  de  Microsoft. Respaldos diarios de toda tu información.

Servicio de soporte técnico.

Muchas empresas, nos ofrecen un servicio de soporte técnico que promete ser la panacea a todos los problemas de la humanidad, en OK Hosting solo te solucionan tus problemas con tu web y tu hosting, que es realmente lo que necesitas. Para lo demás hay otras soluciones especificas, el soporte de tikets y el mail deben ser complementos, pero poder hablar con una persona, para una empresa o un webmaster profesional es crucial a la hora de resolver problemas de forma rápida y eficiente.

Sitio: http://www.okhosting.com
Teléfono: desde Guadalajara: 84 21 11 32,
llamada sin costo: 01 800 80 10 WEB (932)

TinyMCE es un editor HTML On-Line que es capaz de convertir los textarea de un formulario en campos WYSIWYG traspasando todo el trabajo a HTML automáticamente.

Características

• Es sencillo de integrar en las páginas web, ya que solo tiene dos líneas de código.
• Se puede personalizar a través de temas y plugins.
• También se pueden instalar paquetes de idiomas.
• Es compatible con la mayoría de los navegadores como Firefox, Internet Explorer, Opera y Safari, aunque este último esta en fase experimental.
• Con el compresor GZip para PHP/.NET/JSP/Coldfusion, hace que TinyMCE sea un 75% más pequeño y mucho más rápido de cargar.
• Se puede utilizar AJAX para guardar y cargar el contenido.

Integración de TinyMCE

Para poder utilizar TinyMCE es las páginas web, el navegador tiene que ser compatible y tener Javascript habilitado.

Primero hay de descargar TinyMCE desde la siguiente página de descargas: http://tinymce.moxiecode.com/download.php. Después hay que descomprimirlo y guardarlo en el servidor de la página web para poder utilizarlo en los textarea de los formularios.

En la página que se vaya a utilizar, primero hay que incluir la librería tiny_mce.js incluyendo el archivo externo de código Javascript.

A continuación hay que inicializar TinyMCE para convertir los textarea en campos de texto WYSIWYG editables.

Ejemplo de integración de TinyMCE

En este ejemplo primero hemos incluido la librería tiny_mce.js dentro de las etiquetas . También dentro de estas etiquetas también hemos inicializado TinyMCE para que en el textarea del formulario se convierta en un campo de texto WYSIWYG.

Via: Desarrolloweb.com

Hola amigos he estado nuevamente ausente mucho tiempo, un mes y medio para ser exactos y es que las vacaciones fueron un poco movidas en mi país y a la vuelta me espera una buena cantidad de trabajo como suele ocurrir, después de un retiro largo de nuestras tareas. Pero bueno no nos desviemos de el tema, que para todos los administradores de sitios webs debería ser algo de radical importancia si queremos posicionar un sitio y obtener una buena audiencia y más que importante que la cantidad en este caso concreto la calidad de nuestra audiencia es lo primordial.

Ahora veamos ¿que es realmente “el porcentaje de rebote”?

Según Google Analitycs: El porcentaje de rebote de una página representa el porcentaje de usuarios que visitan una sola página de nuestro sitio web, es decir visitan una página y se van, que igualmente podríamos definir cómo “visitas basura“.

Ahora esto lo tomamos como una referencia por ser uno de los servicios de estadísticas más conocido y el que muchos utilizamos, pero muchos sistemas de estadística fijan el porcentaje de rebote en 30 segundos: un visitante se define como “desinteresado” si abandona la página antes de 30 segundos. El límite de 30 segundos, es un valor de referencia que en algunas aplicaciones de software comercial, se esta bajando a 5 segundos para evitar “la falsificación de los datos“.

Mito: Mientras más bajo sea el porcentaje de rebote significa que nuestro sitio está mejor optimizado.

Esto puede ser verdad para una gran mayoría de sitios pero no podemos generalizar, ya que esto dependera del contexto que se le dé para determinar si está ayudando o no a cumplir nuestros objetivos.

Por ejemplo la Wikipedia debe tener un muy alto porcentaje de rebote ya que cuando uno busca un dato concreto sobre algún tema, tiende a entrar a buscar sólo ese dato y luego salir. Son muy pocas las ocasiones en las que nos quedamos navegando entre los enlaces que pueda contener un artículo a menos que te dedique a bloguear :) claro.

Lo mismo podríamos decir sobre un artículo que hable de un tema muy especifico, ya que es muy probable que el usuario haya estado buscando información puntual y no le interese o no tenga el tiempo de seguir leyendo otros artículos en nuestro sitio.

Donde si debemos preocuparnos es cuando tenemos por ejemplo: Un sitio de ventas y en nuestro catalogo de productos tenemos un elevado porcentaje de rebotes y los usuario no llegan a completar nuestro formulario de pedido ahí es cuando debemos prestar atención y analizar que es lo que ocurre.

En conclusión el rebote en nuestro sitio varía en cada caso y es parte del trabajo de un SEO determinar si nuestro porcentaje de rebote va de acuerdo a nuestro sitio web o blog y qué cambios podríamos realizar para adecuarlo a nuestros objetivos.

Finalmente les dejo para profundizar mas acerca del tema una serie de enlaces que les pueden ayudar a optimizar sus sitios, aumentar nuestra cantidad de visitantes y conseguir un mejor cumplimiento de los objetivos de nuestro sitio.

- Sistemas de estadísticas para nuestra web.
- Plugins para detectar enlaces rotos en su sitio WordPress “Broken Link Checker“.
- 7 factores para aumentar el trafico de tu blog.
- Enlazar entradas antiguadas de un blog

No me había tocado trabajar con grandes cantidades de gráficas generadas de manera dinámica en una web, pero en un proyecto relacionado con un backend para una aplicación on-line salto la idea de poder obtener ciertos datos estadísticos de manera dinámica y vistos en forma de gráficas.

Y pensando en la manera de hacer esto de una forma mas menos organizada y tratando de usar solo un paquete, en un momento pense en varias opciones como php y gd está jpGraph, html como las de Google, o varias en Flash y otras tantas en Javascript. Pero al final me decidí a buscar un plugin para jQuery que es la librería que ocupamos en el proyecto en cuestión.

Algunas razones, utiliza pocos recursos y se generan en el cliente liberando recursos del servidor, en momentos de máximos de trabajo.

Tuve una grata sorpresa al ver que hay una gran cantidad de plugins para esta tarea tan especifica y ademas de muy buena calidad.

1.- El primero de la lista es Flot

Flot desarrollado por Ole Laursen, es una libreria Javascript para gráficos de lineas usando jQuery. Esta permite crear gráficas del lado del cliente con funciones como el seno, coseno, etc.

Es potente, fácil de implementar y la estética, al igual que en otros productos para jQuery, es muy buena. Le falta soportar gráficos de torta, pero podemos utilizar la modificación de Flot que se encuentra aquí.

Ejemplos: demos
Descargar: jquery.flot-0.1.pack.js

2.- jQuery Visualize – Para crear gráficos accesibles

jQuery Visualize permite crear gráficas accesibles desde una tabla de datos estándar haciendo uso de canvas. Se pueden crear varios tipos de gráficas como: torta (pie), lineal, área y de barras.

En su sitio podemos encontrar ejemplos muy bien explicados (en ingles). Muy funcional, práctico y sencillo de implementar, jQuery Visualize, una excelente opción.

Sitio: Filament Group

3.- HighCharts – Completo sistema de gráficas

HighCharts, uno de los mas completos sitesmas de graficas, este magnifico plugin para jquery incorpora los más conocidos formatos para mostrar graficas y con una presentación impecable. Animaciones y colores realmente agradables, todo esto con muy bajo consumo.

Sitio: HighCharts
Ejemplos: www.highcharts.com/demo/

4.- Sparklines – Gráficas inline con jQuery

Sparklines es un plugin de jQuery que facilita la creación de gráficos inline. Los datos pueden ser pasados por parámetro o sino a través de funciones JavaScript.

Dispone de una buena cantidad de tipos de gráficos y en su sitio a pesar de estar en Ingles esta muy bien documentado.

Sitio: Sparklines
Descarga: jQuery Sparklines

5.- jqPlot – Gráficos Profesionales con jQuery

jqPlot tambien usa la canvas para generar los gráficas, posee multiples funcionalidades como – Gráficos de Torta – Entradas para una pares de datos X/Y – Entradas para series de datos x1,x2,… – Series de Datos Multiples – Multiples ejes Y – Gráficos Logaritmicos – Ejes con fechas etc…

Las imagenes generadas son de gran calidad y con muy buena presentación. Buenos colores, no están muy cargados y lo mejor es muy simple de usar.

Sitio: Web Oficial jqPlot
Ejemplos: jqPlot

Bien finalmente la decisión es de ustedes hay para todos los gustos y colores. Todo dependerá de lo que esperemos conseguir como resultado.