Archivo de la categoría ‘A Fondo [Desarrollo Web]’

Aunque algunos consideren que la aplicación de la tecnología 2.0 debería restringirse a sitios privados y páginas comerciales, su uso en la administración pública empieza a extenderse, esto va a conllevar cambios importantes entre la administración pública y el usuario. Algunas administraciones son reticentes a una actualización de sus sitios webs, y esperan a que la tecnología esté más madura, aunque en este caso, que esperamos ya una definición de la web 3.0, no tiene mucho sentido, ya que estrictamente hablando la web 2.0 no ha traído nada nuevo, solamente pone en valor unas herramientas de comunicación bidireccional existentes, permitiendo al usuario la generación de contenidos, y a la empresa o institución la escucha activa, y la retroalimentación (feedback) con sus usuarios.

En este sentido, varios ministerios han empezado a apostar en sus portales por incluir diseño de interacción con el usuario, estrategias de enfoque de usuarios, usabilidad, y sobre todo facilidad de comunicarse con él, ganando claramente en navegación emocional y comunicación visual.

Se acabaron los sitios horrorosos con estética setentera plagada de tablas y colores horteras, la web 2.0 está aquí ya para la administración pública, y eso se nota, tanto en facilidad de uso como en estética, entre ellos los nuevos portales del ministerio de educación, justicia, redtrabaja, y muchos más que están en marcha hacia la web 2.0.

El problema en la administración pública es que es lenta, desde que se estudian los cambios hasta que se desarrollan pueden haber pasado tranquilamente 2-3 años, y cuando esa tecnología se publica, ya está semi-obsoleta, o han salido miles de cosas nuevas y modernas, esto solamente se entiende por la gran cantidad de personal y procesos afectados por los cambios, asi como usuarios.

La mejor manera de superar ese handicap, es hacer las cosas con cabeza: escalables, estandares y accesibles, y este es el trabajo que han hecho en la Administración de Justicia de Euskadi.

Y para que veáis un ejemplo del trabajo bien hecho:

Antes

Ahora

Entrada a la portada (Antes)

Entrada a la portada (Ahora)

Solo una pega a nivel técnico:

Utiliza google analytics, la verdad es que existiendo soluciones tan buenas como piwik, no sé porqué la gente todavía se empeña en darle nuestros datos a google (y menos desde un servicio público)

¿Necesitas hacer formularios y ejecuciones php en joomla sin necesidad de programar un componente?

Si la respuesta es que sí, necesitas un constructor de contenido para Joomla que te permita añadir campos nuevos en formularios.

Jseblod cck, puede ayudarte a generar componentes con total versatilidad sin la complejidad de crear un componente.

Este componente es perfecto para generar contenido específico con muchos campos y diferentes tipos de contenido.

Si bien la documentación está mal organizada y es difícil encontrar manuales y ejemplos de múltiples contenidos, en el foro se encuentran todas estas dudas explicadas perfectamente.

http://extensions.joomla.org/extensions/news-production/content-construction/9128

Existen otros constructores de contenido como:

K2 y Flexicontent pero estos no conviven tan pacíficamente con el antiguo contenido como Jseblod, entre otras características de Jseblod y otros constructores de contenido, sin duda destacan, la integración con Joomla, la versatilidad y variedad de los campos que se pueden agregar,  la sencilla personalización de las plantillas y la facilidad con la que se pueden crear búsquedas multicriterio.

Si no te hace falta algo tan complejo k2 es mucho más intutivo que jseblod.-cck

Sin duda merece la pena aprender a utilizar este constructor de contenido aunque tenga un período de aprendizaje largo, tipo a un framework (debido a la cantidad de posibilidades que ofrece).

Documentación y foro de jseblod: http:// jseblod.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/

Feng office es un aplicativo web, que nos permite la gestión electrónica de proyectos, tareas, documentos de su negocio, gestión de calendario, proveedores, clientes, administración y gerencia.
En definitiva es un entorno colaborativo que nos puede ayudar (y mucho), en optimizar la gestión de nuestro negocio y la satisfacción de nuestros clientes.
Por sus características se puede utilizar para cualquier tipo de pyme, ya que se centra en cosas comunes: agenda, gestión de proyectos y tareas, gestión de clientes.
Por otra parte nos puede ayudar a mejorar la satisfacción de nuestros clientes, ya que pueden acceder a una parte de usuario que les permite ver el estado de las tareas y el tiempo estimado para su finalización.

Por otro lado, también nos permite asignar diferentes roles dentro de los usuarios (para gestión administrativa, gestión de proyectos…).
Todo ello en un entorno gráfico, sencillo y muy cuidado, a través de pestañas.
Es rápido y estable, apenas consume recursos del servidor donde se encuentra alojado, y con es muy versátil.
En poco tiempo nos permite tener una solución de entorno colaborativo para las pymes, y como es de fuentes abiertas (software libre, opensource), la edición community es totalmente gratuita.

Si bien, se puede comprar una licencia de fengoffice ya preinstalado en sus servidores y olvidarnos del mantenimiento, bonos de soporte, de instalación….a precios muy asequibles (quién dijo cuál era el negocio de los aplicativos de fuentes abiertas?).

Feng Office surge de un proyecto de grado para la Facultad de Ingeniería de la Universidad de la República Oriental del Uruguay desarrollado en Febrero del 2007 por los Ingenieros Marcos Saiz e Ignacio de Soto, y es un claro ejemplo de que las fuentes abiertas son la solución comercial y generan negocio.

No manejo las cifras de sus ventas, pero seguro que el proyecto es rentable, ya que ofrece una solución de gestión, barata (o gratis si lo sabes instalar), estable y atractiva.

Enhorabuena por estos proyectos que demuestran que los proyectos de fuentes abiertas, generan negocio a nivel local, y no requieren que se realicen desde una potencia tecnológica mundial, y son de calidad similar o superior a las soluciones privativas (programas de pago)

Para instalarlo necesitamos:

• Alojamiento web
• 1 Base de datos
• Acceso vía ftp

1. Descargamos la versión community.
2. Lo descomprimimos y lo subimos vía ftp a nuestro alojamiento web.
3. Tecleamos la dirección en el navegador: http://misitio.com/fengoffice/, seguimos los pasos del instalador.
4. Lo disfrutamos.

Historia de fengoffice: http://www.fengoffice.com/web/about-us.php

Descarga del fengoffice: http://www.fengoffice.com/web/community/community_index.php

Medidas de seguridad básicas:

• Si instalas un Gestor de Contenidos como Joomla, Drupal, WordPress, … instala las actualizaciones y parches que se publican periódicamente. Además de aplicar medidas de seguridad básicas.
• Si instalas un componente de terceros, añadéle alguna medida adicional de seguridad. Por ejemplo si es un componente de contacto o formulario, crea un campo de texto y colócalo en una capa <div> oculta, si algún robot de spam completa ese campo (ya que no se visualiza en pantalla), haz que el formulario se envíe al correo electrónico como chivato. Esta técnica se puede aplicar para cualquier formulario.

¿Cómo saber que me atacan?

Puedes poner chivatos en varios sitios de la web, pero desconfía si:

• Revisando los logs del servidor hay una ip (o un rango de ip) probando toda la web muchas veces al día.
• Hay una ip que intenta completar los formularios constantemente.
• Mi sitio ha aumentado de visitas. (Échale un vistazo a los logs, por si acaso)

¿Qué puedo hacer?

• Lo primero, que no cunda el pánico, si tienes unas medidas de seguridad básicas mediante el fichero .htaccess, el robots.txt, los permisos del servidor, etc… Es solo un aviso, y todavía se puede actuar:
• Restringe los permisos del servidor y habilitalos solamente en los directorios donde sea necesario escribir. Cambiar permisos a 755 aplicando a todos los subdirectorios y ficheros.
• Si un componente de terceros necesita permisos en muchos directorios de escritura 777 casi es mejor no instalarlo fuera de un entorno de desarrollo. Es una vulnerabilidad importante en el servidor.
• Evita usar flash: Hay componentes que quedan muy bonitos (como flash), pero que son tremendamente inseguros, intenta utilizarlos lo menos posible. Existen alternativas en javascript, jquery, mootols, más seguras.
• Haz pruebas sobre tu sitio web como si fueras un atacante. Aquí tienes programas para hacer pruebas tanto de caja negra como de caja blanca.
• Haz copias de seguridad semanales o diarias, en función del tráfico del sitio y de las actualizaciones. Esto siempre te permite volver a un estado anterior a la catarsis.

Y sobre todo recuerda: Solo los paranoicos sobreviven...

Este artículo es un poco como las capítulos de las series, que recuerdan la última temporada con mogollón de recortes (hasta he reutilizado la foto),

Por fin recupero la rutina y hoy os recomiendo un completo sistema de estadísticas similar a google analytics, con una diferencia muy importante: como es código de libre distribución puedo modificarlo, y sé lo que sé hace con las estadísticas.

El sistema es muy sencillo de instalar y nos permite tener varios sitios ya que utiliza una cookie para almacenar las estadísticas. La instalación es muy sencilla:

Lo descargamos -http://piwik.org/latest.zip

Lo descomprimimos, lo subimos vía ftp al alojamiento y seguimos las instrucciones de instalación.

Nos permite la configuración de permisos para cada usuario, y las estadísticas a las que tienen acceso, además todos los módulos del tablero son configurables, sin duda una alternativa al arcaico awstats y sobre todo a google analytics de gran hermano.

Dispone de un plugin para joomla 1.5 que nos permite implementarlo en un sitio joomla sin tener que insertar el código en cada página, ni siquiera en la plantilla.

Una maravilla, y sino me gusta pues accedo al código y lo cambio!

Aquí podéis ver una demo del aspecto:

http://piwik.org/demo/index.php?module=CoreHome&action=index&idSite=1&period=day&date=yesterday#module=Dashboard&action=embeddedIndex&idSite=1&period=day&date=yesterday

Aquí podéis descargar el plugin para integrarlo en sitios joomla.

http://www.artd.ch/artd-webdesign-s-blog/compiwik-a-piwik-integration-to-joomla-15.html

http://joomlacode.org/gf/project/piwikjoomla/frs/

Si en algo se caracteriza la web 2.0 es en la empatía, es decir que tanto desarrolladores como diseñadores nos pongamos en el lugar del usuario, que hagamos webs más sencillas de navegar, más fáciles de recordar y que fidelicen al usuario.

Debido a que los Sistemas de Administración de Contenidos (CMS), generan los contenidos de manera dinámica, es posible que nos encontremos con enlaces (url’s) díficiles de recordar. Si usamos el sentido común, lo lógico es que la web se llame: http://www.misitio.com/descargas y no http:www.misitio.com/index.php?componente=upload&category=2&id=3, que sería la url que nos mostraría joomla, entre las razones por las cuales debemos hacer un enlace amigable también se  incluyen el posicionamiento para que google devuelva nuestra web como resultado de una búsqueda hecha por el usuario y la facilidad del usuario para recordarlo.

Los enlaces amigables se consiguen a través del fichero htaccess y activando un par de opciones en la configuración global. En Joomla hay muchas maneras de conseguirlo la más simple es tener un alojamiento con el módulo de apache mod_rewrite activado. Renombrar el archivo htaccess.txt a .htaccess que se encuentra en el raíz del sitio tras una instalación joomla y en la página de configuración global (entrando en el panel de administración del sitio web) activar las siguientes opciones:

• URLS amigables para motores –> Sí
• Usar apache mod_rewrite –> Sí
• Agregar el sufijo a las url´s –> Este parámetro mostrará los enlaces como http://misitio/descargas o http://misitio/descargas.html ó htm, o la que le queramos poner, esto se configura en el htaccess.

Parámetros de optimización de SEO

URLs amigables para motores de búsqueda	No Sí
Usar Apache mod_rewrite	No Sí
Agregar el sufijo a las URLs	No Sí

Una de las cosas que la web 2.0 sin duda va a cambiar es la forma en la que los usuarios acceden al sitio, permitiendo identificarse con proveedores externos (facebook, msn, yahoo, msn…). Como usuaria estoy harta de rellenar el mismo formulario una y otra vez para ver las imágenes de la cena con mi cuadrilla en hi5, facebook, msn, gmail, yahoo….

Los registros en sitios pequeños, son incómodos para el usuario, que maneja tantas identidades que al final hacer otro registro en un sitio web para acceder a contenidos especializados es una barrera a la navegación y una mala experiencia para el usuario, harto de tener que crear una cuenta para cada servicio: flickair, facebook, msn, myspace, hi5…

Se acabó el tiempo de fidelizar al usuario mediante crear una cuenta en el sitio (aunque esto se pueda hacer igualmente), si integramos la identificación con diferentes proveedores conseguiremos:

• Evitarnos problemas en la administración del sitio web (menos carga en la parte de la administración de usuarios)
• Fidelizar a nuestros usuarios eliminando la barrera psicológica que supone crear otro usuario, ya que si integramos a los grandes proveedores, probablemente el 90% de los usuarios tendrán un usuario facebook, gmail, msn, etc… y no tendrán que completar ningún formulario, y para el 10% restante lo ofreceremos la posibilidad de crear un cuenta de usuario.

Al fin y al cabo lo importante ahora no es tener muchos usuarios y muchos menos con los lectores de marcadores dinámicos que permiten a nuestro asiduo visitante leer las noticias, sin tener que ver ni siquiera la publicidad del sitio. ¿Entonces dónde está el negocio? En la información que provee el usuario sobre lo que más le interesa, el prestigio, el asesoramiento…El número de visitas, aunque no sean usuarios con clave y contraseña.

Facebook es el primero de los grandes que se ha dado cuenta de esto y ofrece amplia documentación y facilidades para su integración en otros sitios, no le importa que el usuario visite otros sitios al final vuelve a la nave nodriza a poner sus fotos, aplicaciones, etc…

Para joomla:

http://www.cmsmarket.com/extensions-directory/social+networking/community/jfbconnect

Para experimentar un poco:

http://developers.facebook.com/connect.php

Por la parte de los desarrolladores, la única parte con la que tendremos especial cuidado será en la transferencia de estos datos desde nuestro sitio web al del proveedor,  manejar estos datos de una manera segura, utilizando conexiones encriptadas para evitar la filtración a ningún otro sitio, al fin y al cabo, como usuarios exigimos nuestro derecho a la privacidad en la navegación.

Webmasterlibre me hace un hueco en su blog para escribir la tercera parte de un manual básico de instalación de drupal En esta tercera parte se muestra un ejemplo de instalación de módulo y de cambio de tema.

Se presupone que el usuario está familiarizado con la instalación de CMS.

Cambiar el aspecto del sitio. Instalar un tema

Descargamos un tema para drupal (según la versión de drupal que hayamos instalado)

http://drupal.org/project/Themes

• Descomprime la carpeta descargada y transfierela vía ftp al directorio themes.

En la parte de administración del sitio vamos a:

Administrar → Construcción del Sitio → Temas
Se muestran en un listado los temas disponibles:

Seguir leyendo el artículo [en webmasterlibre.com]

En los primeros desarrollos de sitios dinámicos que hacía, utilizaba frecuentemente post-nuke ya que era uno de los que más me gustaba (más que phpnuke), era un Gestor de Contenidos, versátil, potente y facilmente modificable con una cantidad de documentación y soporte en español no comparable a ninguna otra gracias principalmente a http://dev-postnuke.com/.

La comunidad de postnuke hispano pasará por ser unas de las más activas, y seguramente zikula.es lo seguirá siendo. El proyecto Postnuke no supo adaptarse y las plantillas se quedaron obsoletas, así como un montón de módulos y componentes.

Obviamente la web 2.0 exigía una renovación total, o la creación de un nuevo proyecto, así recientemente se anunciaba el fin del proyecto post-nuke para dar paso a uno nuevo: zikula.

La renovación ha sido completa, y hablamos  de un proyecto ambicioso, y realmente diferente, además de estable y versátil.  El cambio es notable en todos los aspectos:  el nombre, las plantillas, la gestión de componentes., la organización del repositorio, el wiki de código, etc…

Sin duda un gestor de contenido, que nos facilitará la creación de muchos sitios web.

http://zikula.org

http://zikula.es