Archivo de la categoría ‘Desarrollo Web’

Así suelen empezar muchas previas a un proyecto web, y cuando te dicen que lo quieren todo, te entran convulsiones y todo. Un emprendedor con un negocio off-line de toda la vida, léase frutería, estanco, restaurante decide que quiere tener presencia en internet.

El cuestionario que publiqué en el artículo anterior sirve, por una parte para medir el nivel de compromiso del empresario y por otra para definir sus necesidades reales. Porque cuando alguien te encarga un proyecto web, puedes proyectarlo de maneras diferentes, adoptar posiciones conservadoras, innovadoras o equilibrar el proyecto para que tu cliente se sienta cómodo y pase de posiciones conservadoras a posiciones innovadoras.

Y ese es el reto cuando asesoras a un cliente, conseguir unificar sus expectativas sobre internet con su negocio, y que haya retorno de la inversión.

En este sentido yo definiría 3 tipos de proyecto web:

Presencial: Quiere tener una web, es posible que un sitio en facebook, twitter y linkedin con poca interacción social, es como salir en las páginas amarillas, pocas actualizaciones y no hay carga de trabajo adicional, estamos en internet sin dedicarle muchos recursos. En general páginas estáticas y formulario de contacto, no se realiza venta en línea. Por ejemplo una pizzeria de pueblo que no tiene recursos suficientes para atender pedidos en línea, pero decide publicar su carta en internet, y agiliza el servicio de teléfono, porque cuando el usuario llama, ya tiene clara la pizza que quiere y la atención telefónica en vez de estar 4 minutos de media pasa a 45 segundos. En general su acción social será publicar un cambio de carta o nuevos bocadillos, o que van a poner el Madrid Barça. Esta estrategia es adecuada para una persona reticente pero que a regañadientes acepta que tiene que estar en internet, cuando las ventajas son palpables se convierte en un convencido, y es seguro que su web evolucionará.

Emocional: Intenta ofrecer servicios complementarios o contenidos de valor, para la audiencia a la que se dirige, empatiza con los usuarios, ofrece la información que buscan con la calidad y conocimientos adecuados, genera reputación al negocio y consigue vender gracias a esto, de una manera fluida, en la que lo importante no es el servicio es la filosofía de la marca, el usuario se siente plenamente identificado y colabora con contenidos y con promoción de la marca, compartiendo eventos aunque él no pueda asistir. El sitio web en general, gracias a los contenidos de valor y la calidad de su audiencia, está bien posicionada orgánicamente (con unas reglas seo básicas), y es posible que genere una nueva unidad de negocio o subcategoría de producto gracias a internet. Utiliza múltiples vías de contacto entre ellas los canales sociales, y vende a través de internet, su estrategia es simple: Pasión por lo que se hace y comunicarlo, da igual que frías croquetas, que hagas encaje de bolillos, son ingredientes naturales y siempre tienen el dorado adecuado, es la croqueta perfecta.

Social: La empresa tiene un sitio web presencial, pero bombardea continuamente a sus seguidores con múltiples mensajes retuitados, citados, poco contenido original, mucho ruido en las redes y poca conversación. Es gente que piensa que todo el mundo habla de tuiter y tengo que estar allí, pero su mensaje es confuso y poco original, los usuarios que tienen no están identificados con la marca..

La mejor obviamente sería la emocional, es la utopía, pero en el camino nos podemos encontrar con una tipología muy marcada (de cliente y de web), con necesidades y posibilidades económicas muy diferentes, que definirán un proyecto como una estrategia en internet o como unas páginas amarillas, nuestro trabajo como asesores será ofrecer una mezcla, o un proyecto que se adpate a las necesidades y posibilidades del cliente, y luego crecer de una manera escalonada para que se vea y sienta como una unidad de negocio independiente, y que el cliente se sienta tan cómodo y vea tantos beneficios como para seguir creciendo. Hasta donde te lleve la imaginación, porque yo no sé hacer solo sitios web, hago proyectos web que tienen en cuenta desde la carga de trabajo hasta el tiempo de ejecución, porque no solo es poner tu dominio y que aparezcan tres fotos y un texto diciendo lo bueno que eres y lo mucho que te quieres, internet ha cambiado las reglas del juego y ahora es ¡otra cosa!

Cuando un negocio decide abrir una puerta en internet, lo quiere todo, redes sociales de toda clase y pelaje, banners a tuti, y un montón de funcionalidades que seguramente no utilizarán ni el 10% de los usuarios. Como profesional, no puedo plantearme un proyecto en internet, sin tener claros unos conceptos:

¿El cliente quiere una web presencial, o va a tener un sitio actualizado frecuentemente y que sea más vivo?

Quiero decir que o A) la frutería manolo quiere vender por internet y va a montar un servicio de transporte, y ofrecer producto directamente del productor a precios competitivos en internet con la importante inversión que conlleva (actualizaciones de precio, stock, envío de pedido, pasarela de pago…).

ó

B) la frutería manolo va a tener una web para dar a conocer su negocio, por ejemplo a restaurantes y potenciales clientes, pero no va a actualizar frecuentemente y no tiene infraestructura para cubrir los costes del transporte, y quiere una web presencial (gestión del correo electrónico, escucha activa a través de redes sociales, alta en google bussines center).

Es por las diferentes funciones que puede tener una web, por lo que hago esta encuesta antes de empezar cualquier proyecto:

Estas preguntas nos sirven para acercarnos a la idea del cliente, y hacer un proyecto a su medida. Puedes dejar en blanco las que creas oportunas, pero nos ayudará a entender y vender tu negocio en internet.

• ¿Cuál es el negocio de la empresa? Estrategias de posicionamiento, gestión y asesoramiento en redes sociales, diseño y desarrollo de sitios web.
• ¿Cuáles son sus productos y servicios? Alojamiento y sitios web. Servicios Asesoramiento, Formación y gestión de dominios (compra, renovación, transferencia…)
• ¿Quién es tu competencia (páginas guía, ejemplos, competencia directa e indirecta)?
• ¿Cuáles son los productos y servicios de la empresa?
• ¿Qué ofrece esta empresa que la diferencia de la competencia?
• Posicionamiento de la empresa en el mercado
• ¿Tiene la empresa alguna campaña publicitaria u otras acciones de marketing?
• ¿Quiénes son tus clientes (poder adquisitivo, arco de edad, segmento)?
• Restricciones, limitaciones o guías de estilo o imagen corporativa que hay que tener en cuenta
• ¿Qué te gustaría que transmitiera tu sitio?
• Sitios web de la competencia
• ¿Dispones de alojamiento o necesitas uno? Si ya tienes el alojamiento acceso FTP
• ¿Dispones de nombre de dominio o necesitas comprar alguno?
• ¿Haces seguimiento estadístico? Si la respuesta es afirmativa enviar acceso o estadísticas del último año.
• ¿Tienes sitemaps, estrategias de posicionamiento en internet, campañas?

Responder solamente si el sitio web existe, y se quiere actualizar/rediseñar.

• ¿Qué motivo el rediseño?
• ¿Cuáles son los mayores errores o problemas de su actual sitio web?
• ¿Cosas buenas del sitio web actual?

Gracias por completar el cuestionario.

Esta encuesta es opcional, y quien quiere la envía y quien no quiere no, sin embargo todos los sitios que han tenido un retorno importante, han sido los que previamente han completado el cuestionario. La mayoría de los que no contestan, quieren una web presencial porque la competencia tiene y ellos no, creo que dice mucho acerca del perfil del sitio, la implicación del cliente, y completar este cuestionario requiere un esfuerzo, que cuando te hacen pagar puedes omitir.

¿Y vosotros como os acercáis más a la idea que quiere el cliente?

Inspirado en un cuestionario publicado en http://itakora.com/

Como ya sabéis Moodle es uno de los Sistemas de Gestión de Contenidos (CMS) más utilizados en plataformas de aprendizaje electrónico (e-learning), en otro artículo os hablaba de la integración de Joomla y Moodle utilizando un conector a la base de datos.

De eso ya ha llovido bastante, y como podéis imaginar ya tenemos un completísimo componente Joomla! para realizar todo esto de una manera más sencilla e integral, ya que además de compartir los usuarios, y poder crear los usuarios en la plataforma mediante Joomla, nos pemirte compartir cursos, notas, matriculaciones, así gracias a Joomdle la integración es total.

Si bien la instalación y configuración de Joomdle, no es complicada, es un poco engorrosa, aunque ofrece unos resultados tan espectaculares en la integración, que merece la pena el engorro.

El sitio web del desarrollador es una maravilla, y en su wiki encontraremos el manual de instalación con abundantes capturas de pantalla y perfectamente explicado:

http://www.joomdle.com/wiki/Installation/es

Sí no tenéis los servicios XMLRPC habilitados en PHP, debéis hacer lo siguiente:

Acceder al servidor donde esté alojado el sitio al fichero php.ini, y descomentar la línea de php.ini donde encontremos lo siguiente:

;extension=php_xmlrpc.dll

Como ya sabéis en el fichero php.ini se quita el comentario eliminando el ; de principio de la línea, la línea xmlrpc se tiene que quedar:

extension=php_xmlrpc.dll

Guardamos los cambios, reiniciamos los servicios web. Y todo lo demás viene perfectamente explicado en el manual de instalación. A disfrutarlo, y a donar algo a su autor, por su excelente, labor, documentación y servicio de soporte.

http://www.joomdle.com/

Alguna vez hemos explicado como generar url’s amigables en nuestros sitios joomla, tan importante (para google) como tener enlaces amigables en nuestro sitio web, es enviarle un sitemap mapa del sitio, actualizado. El mapa básicamente contiene datos que google es capaz de leer, para hacerse una idea del contenido de la web, y hacerlo de manera más rápida que el rastreo mediante sus arañas, esto hace que los sitios mejoren en posicionamiento. Para facilitarle la labor en joomla existen multitud de extensiones para generar sitemaps con Joomla, sin duda todos son excelentes, personalmente el que más frecuentemente utilizo es: Dynamic XML Sitemap

Su instalación no es complicada, pero tiene algún truco especial que viene correctamente explicado en el fichero leéme que se adjunta en el módulo.

1. Descargamos el módulo Dynamic XML Sitemap
2. Descomprimimos el módulo que contiene dos ficheros: el módulo y la plantilla. Hay que instalar los dos desde el instalador joomla.
3. Una vez que se encuentran instalados (en el gestor de plantillas aparecerá una nueva llamada dynamic xml y en el gestor de módulos un nuevo módulo dynamic xml).
4. Configuramos el módulo: Podemos incluir / excluir, categoriás, secciones, contenido restringido…, etc
5. MUY IMPORTANTE: En la posición del módulo debemos escribir (no aparece en la lista desplegable de las posiciones) : dynamicxml
6. En el campo live site tenemos que poner el dominio: http://misitio.com/, ya que es probable que sino google nos diga que hay errores en las url
   

Podremos comprobar que realiza correctamente el mapa del sitio en la siguiente dirección:

http://misitio.com/?template=dynamicxmlsitemap

Esta dirección es la que enviaremos a google (desde el centro de herramientas para webmasters), para que busque el mapa de nuestro sitio web.

Si no funciona correctamente podéis probar con http://misitio.com/index.php?template=dynamicxmlsitemap

• Otras extensiones para realizar el sitemap en joomla (no comerciales)
• Definición de mapa del sitio (sitemap) en la wikipedia
• Descarga en el sitio de la desarrolladora Diana Scherff de dynamic sitemap xml
• Centro de Herramientas para webmasters de google

La verdad es que con los deslizadores (sliders), se consiguen web mucho más vistosas, que con un simple menú, además nos permite dar relevancia a ciertas secciones de una manera gráfica, constante y no intrusiva.

Uno de los scripts que he probado y más me gusta es el jquery slider de cssglobe, que podéis ver aquí y una extensa lista de ejemplos de uso y funcionamiento:

http://cssglobe.com/lab/easyslider1.7/03.html (presentación de varios formatos)

http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Si queremos que una web sea usable, intuitiva y con fácil acceso a la información, debemos utilizar herramientas que nos permitan conocer la actividad de los usuarios en nuestra web.  Para mejorar mi web, tengo que tener información sobre la actividad de los usuarios en mi sitio: ¿Cómo interactúan con ella? ¿Les cuesta encontrar la información? ¿Abandonan la página pronto porque no han encontrado la información que esperaban?

Para ello podemos utilizar las estadísticas del sitio, que nos van a dar indicadores muy buenos como páginas más vistas, ficheros más descargados, tiempo de visita por página, combinando esta información con un mapa de zonas calientes (o mapa de actividad), esto nos permitirá optimizar nuestro sitio web para que los usuarios se encuentren más cómodos en la web.

Clickheat es una herramienta de libre distribución que nos permite conocer las (heat maps) zonas calientes de la web (áreas donde los usuarios más clicks realizan), permite instalación en cliente (mediante javascript) e instalación en el servidor. La visualización es muy intuitiva y podemos ver las zonas calientes (zonas más clickadas) de la web de manera totalmente gráfica.

En sitios de mucho volumen de usuarios no recomiendo el uso en todas las páginas, generalmente la página que más información nos dará será la portada, y por lo tanto salvo excepciones con la monitorización de la portada suele ser suficiente para mejorar la disposición del contenido.

Tampoco almacenéis más de 2 click por usuario si el sitio tiene volumen, ya que genera gran cantidad de datos, y si no tenemos una base de datos de un tamaño adecuado puede llenarla en exceso.

• Clickheat es una herramienta que genera mapas de actividad de los usuarios que nos permiten conocer las áreas donde los usuarios más pinchan (zonas calientes), de manera gráfica, así como la densidad de clicks.
• Clickheat es una herramienta que complementa otras herramientas de métrica (estadísticas, referencias, palabras clave en las búsquedas…)
• Existen herramientas analíticas como Openwebanalytics (OWA) que se distribuyen con una implementación de Clickheat, y combinan tanto el mapa de actividad de los usuarios como herramientas analíticas tipo google analytics. Gracias por la recomendación de Openwebanalytics (OWA) a Antonio de ideanet

Actualmente estoy preparando el nuevo sitio de patripe.com y obviamente como buena fanática de joomla y drupal que soy ni siquiera me planteé actualizar el wordpress.

¿Porqué? Pues sencillamente porque mis necesidades han cambiado, el nuevo portal va a tener una sección de descargas, tutoriales, y un montón más de funcionalidades y al nivel que quiero, necesitaría toquetear mucho el wordpress, y tengo mayores y mejores conocimientos de joomla o drupal que de wordpress, lo que me permite hacerlo prácticamente  a medida, pero con funcionalidades que me hubiera costado meses desarrollar.

Cuando empezamos con un blog o un sitio pequeño en el que prima el aspecto gráfico, wordpress es una herramienta maravillosa:

A favor:

• Simple, fácil de instalar, con miles de plantillas gratuitas y muy visuales.
• Tiene detrás una comunidad activa y un excelente equipo de desarrolladores, que detecta y parchea fallos de seguridad continuamente.
• Las plantillas son visualmente mucho más atractivas que las de joomla o drupal.
• No se necesita tener conocimientos de programación, html para crear un blog en minutos.
• El entorno gráfico de la administración es intuitivo y fácil de manejar.

En contra:

Echo en falta componentes, funcionalidades y extensiones menos gráficas y más enfocadas al desarrollo de aplicativos a medida.

Aconsejado para principiantes.

Joomla este gestor de contenidos es idóneo para montar portales que vayan a tener configuraciones y aplicaciones personalizadas para los usuarios, comunidad, descargas, niveles de acceso…

• En el Directorio de Extensiones Joomla (JED) encontramos todas las extensiones imaginables, tanto bajo licencia comercial como de libre distribución.
• También tiene una gran comunidad muy activa que publica constantemente traducciones, parches, etc…
• Se actualiza periódicamente corrigiendo fallos de seguridad rapidamente.
• Es fácil programar módulos, extensiones y plugin. Abundante documentación técnica.

Dispone de muchos sitios donde se publican plantillas, pero no están tan enfocada gráficamente (siempre la puedes hacer a medida)

En contra:

• Requiere más tiempo de instalación y conocimientos de gestión de servidores, configuración de permisos, etc…
• Algunos componentes de terceros pueden contener vulnerabilidades de seguridad.
• Algunos proveedores de alojamiento (los menos), limitan la instalación de componentes o del propio joomla.

Aconsejado:

Para la creación de portales, comunidades de usuarios o intranetes corporativas, nivel avanzado.

Drupal: Este sistema gestor de contenidos es simple y llanamente excepcional.

• Gran cantidad de extensiones, componentes, módulos…
• Comunidad muy activa y mucha documentación en el sitio oficial.
• Altos niveles de seguridad para el sitio web, y de optimización del rendimiento.
• Configurandólo correctamente se consiguen resultados excelentes.
• Sistema de nodos ultraflexible, te permite hacer casi cualquier cosa que imagines.

En contra:

• Hay que tener conocimientos altos para sacarle todo el partido que tiene.
• El funcionamiento de drupal sigue sus propias normas, y tiene una curva de aprendizaje un poco más elevada para aprender cómo funcionan los nodos y las extensiones.

Aconsejado:

Para la producción de sitios críticos que requieran de altos niveles de seguridad, intranet corporativa, portales complejos. Nivel avanzado.

En definitiva el mejor sistema gestor de contenidos es el que se adapta a tus necesidades.

• http://wordpress.org/
• http://drupal.org/
• http://joomla.org/
• http://drupal.org.es/
• http://comunidadjoomla.org/
• http://joomlaspanish.org/

Después de varias pruebas yo me he decidido por Joomla.

Uno de mis componentes favoritos para Joomla es Docman, que nos permite crear una docuteca con documentos de múltiples extensiones. Con Docman, el usuario puede gestionar facilmente los documentos que quiere ofrecer en su sitio en descarga, además es muy intuitivo desde el frontal, se pueden configurar diferentes niveles de acceso para los documentos, cambiar la plantilla predeterminada del sitio, es multidioma, existen muchas extensiones y módulos para docman…En fin que lo tiene todo

Para añadir un enlace a un documento (que tengamos publicado en docman) dentro de un artículo lo único que tenemos que hacer es instalar la extensión docLink. Desde el panel de administración de Joomla en extensiones –> Gestor de Plugins –> Activamos el plugin Docman Standart Buttons.

Al crear un artículo nuevo nos aparecerá este botón:

Pulsando sobre DOCLink, podremos seleccionar en una ventana de exploración el documento que queremos, y las opciones en las que se mostrará dentro del artículo (miniatura, descripción, icono, etc…)

El resultado en el frontal:

Descarga de docman desde Joomlatools incluye componente, extensiones y módulos

Descarga de la extensión docLink desde JoomlaTools

La página web de una empresa es su imagen al mundo. Y en ella se debe transmitir la idea de lo que la empresa es. De una web comercial mal hecha, dependerá la impresión y la idea que el cliente percibe de esa empresa.

1. Integrar la imagen marca de la empresa, el logotipo y todo el grafismo (papel, boletínes), en la página web.

2. Ser original, ofrecer contenidos da valor añadido. Sé que es muy tentador ver lo qué hace la competencia, y proponer algo muy similar, pero en tiempos de crísis, solo sobresalen las empresas que tienen algo nuevo que aportar. Esto incluye que no se te ocurra hacer un copia pega, de un quiénes somos, y retocarlo un poco.

3. No añadir nunca jamás y bajo ningún concepto publicidad en una web de empresa. Ni banners parpadeantes, ni textos rojos moviéndose por la web, ni publicidad de politono paco paco…

4. Utilizar tecnologías anticuadas y obsoletas (bueno, aunque si tu empresa quiere dar esa imagen…). Señores de Telefónica no me digan que son innovadores, y maravillosos, si no puedo completar un formulario de la web con mi navegador linux. Esto ejemplo es más de lo que no se debe hacer en una web comercial: http://www.nuevarumasa.com/ sobran las palabras. (y éstos quieren que invierta 50.000 €? Me imagino que será para hacer una web decente)

5. No robar las imágenes por internet. Existen catálogos que ofrecen imágenes profesionales a precios asequibles. Una web de empresa, nunca debe contener imágenes recién robadas, que da muy mala imagen.

6. Ser accesible, usable y estándar. Y probada por lo menos con tres navegadores, y dos sistemas operativos.

7. Utilizar alojamiento de pago. Todavía algunas empresas, utilizan alojamientos gratuitos. Es como si le dijeras al cliente final: Soy una empresa importantísima, pero nos vamos a reunir en el bar Manolo, el rey de la papa brava, que compartimos el local, y mi despacho está en las mesas del fondo.

8. Ofrecer contenidos actualizados y de calidad e información clara, precisa y veraz. Ofrece promociones especiales, para fidelizar a los usuarios, etc…

9. Posicionar la web en los motores de búsqueda y utilizar correctamente las metaetiquetas.

10. Poner correos electrónicos del dominio de la empresa, por ejemplo: info@empresa.com en vez de personales o gratuitos, por ejemplo (hotmail).

La imagen es de Guidezin (podéis ver el enlace en la imagen) y la he visto en http://www.deviantart.com/

Cuando creamos un sitio web,  una de las secciones “santísima trinidad”* es la de contacto. Obviamente no podemos ponerle barreras al usuario si se quiere poner en contacto con nosotros, utilizar un enlace a una dirección de correo implica que el usuario que por lo general utiliza un correo de webmail, tenga que configurar un cliente de correo o copiar y pegar esa dirección.

Además publicar una dirección de correo electrónico en una web (un mailto:) es un caramelo para bots de SPAM, cuando rastrean la web.

Para realizar un buen formulario de contacto:

• Simplicidad: si hay campos obligatorios explicar claramente el motivo del error poniendo un ejemplo del formato.
• Brevedad: Requerir el número de campos obligatorios imprescindible. Nombre, asunto, dirección de correo.
• Alternativas: Posibilidad de elegir si quiere ser contactado por teléfono o por correo electrónico.

Lightform es una excelente extensión para crear un formulario de contacto, como es de libre distribución podemos mejorarlo y adaptarlo, pero es una buena base:

Existe como plugin para WordPress:

http://wordpress.org/extend/plugins/wp-lightform/

Y también para incluirlo en cualquier web:

http://web-kreation.com/demos/LightForm/

Lo instalamos como cualquier otro plugin (podemos utilizar el explorador de plugins de WP)

Insertamos el código LightForm en la página donde se debe mostrar el formulario de contacto.

Este script es el que uso en patripe.com para el formulario de contacto.

*(¿quiénes somos? | ¿dónde estamos? | contacto)