<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Typo3 on Marco Antonio Blanco</title><link>https://marcoantonioblanco.es/tags/typo3/</link><description>Recent content in Typo3 on Marco Antonio Blanco</description><generator>Hugo -- gohugo.io</generator><language>es-es</language><copyright>Marco Antonio Blanco</copyright><lastBuildDate>Tue, 05 Feb 2013 10:08:04 +0000</lastBuildDate><atom:link href="https://marcoantonioblanco.es/tags/typo3/index.xml" rel="self" type="application/rss+xml"/><item><title>Video.js, reproductor de video HTML5 de licencia libre</title><link>https://marcoantonioblanco.es/2013/02/video-js-reproductor-de-video-html5-de-licencia-libre/</link><pubDate>Tue, 05 Feb 2013 10:08:04 +0000</pubDate><guid>https://marcoantonioblanco.es/2013/02/video-js-reproductor-de-video-html5-de-licencia-libre/</guid><description>&lt;p&gt;Como comentaba en el artículo anterior, la reproducción de vídeos bajo HTML5 no es precisamente la panacea debido a que estábamos obligados a contar con tres versiones del mismo vídeo, una por cada códec soportado por los navegadores modernos, cuyos responsables no supieron (o no quisieron) ponerse de acuerdo cuando llegó el momento de estandarizar el soporte de la etiqueta &lt;code&gt;video&lt;/code&gt;. Aunque estas tres versiones, junto con el JPG que hace las veces de póster, se consiguen fácilmente con el &lt;em&gt;script&lt;/em&gt; del &lt;a class="link" href="https://marcoantonioblanco.es/2013/01/conversion-de-videos-a-html5-en-debian-wheezy/" &gt;mencionado artículo&lt;/a&gt;, al final triplicamos el espacio necesario para alojar los vídeos y complicamos el código para la reproducción de los mismos.&lt;/p&gt;&#10;&lt;p&gt;Desgraciadamente no es el único problema. Otra dificultad que se nos presenta es cómo dar soporte a aquellos navegadores que no pueden mostrar vídeos en HTML5, lo cual generalmente se resuelve presentando un reproductor en Flash. Es decir, que una de las grandes ventajas de HTML5 (prescindir de Flash) la perdemos en estos casos.&lt;/p&gt;&#10;&lt;p&gt;El último problema que me he encontrado es el de que cada navegador muestra en pantalla un reproductor de vídeo diferente con un estilo estético distinto. Puede que esto no parezca tan importante, pero cuando uno ha invertido en un diseño y en ofrecer la mejor de las experiencias posibles para el usuario, esta diferencia de comportamiento puede suponer un quebradero de cabeza.&lt;/p&gt;&#10;&lt;p&gt;El camino que he tomado en el caso de la web que estamos migrando es el de utilizar &lt;a class="link" href="http://videojs.com/" target="_blank" rel="noopener"&#10; &gt;Video.js&lt;/a&gt;, un reproductor de vídeo HTML5 de licencia libre que resuelve los problemas mencionados: se encarga de generar automáticamente el código para las tres versiones del vídeo, incluye un reproductor Flash para los navegadores antiguos y ofrece un aspecto estético común para todos los navegadores, pudiendo incluso utilizar temas para personalizar el diseño.&lt;/p&gt;&#10;&lt;p&gt;Para utilizar Video.js en un proyecto web no hace falta ni siquiera descargarlo, ya que enlazaremos con él desde nuestro código. No voy a repetir las &lt;a class="link" href="http://videojs.com/#section5" target="_blank" rel="noopener"&#10; &gt;instrucciones&lt;/a&gt; que aparecen en su sitio web oficial, pero básicamente consisten en incluir una serie de etiquetas en las secciones &lt;code&gt;head&lt;/code&gt; y &lt;code&gt;body&lt;/code&gt; de nuestra web.&lt;/p&gt;&#10;&lt;p&gt;Aún así, si estamos utilizando un CMS, suele ser más sencillo utilizar algún módulo, extensión o &lt;em&gt;plugin&lt;/em&gt; propio que nos ofrezca esta funcionalidad. Por ejemplo, en el caso que nos ocupa, donde estamos utilizando TYPO3, hemos elegido la extensión &lt;code&gt;html5videoplayer&lt;/code&gt;. Una vez instalada, basta con insertar el &lt;em&gt;plugin&lt;/em&gt; en la página en la que queremos utilizarlo y configurarlo con los vídeos a mostrar, pudiendo reproducir uno sólo o un conjunto de ellos.&lt;/p&gt;&#10;&lt;p&gt;En definitiva, a pesar de las dificultades y los obstáculos, HTML5 es el camino a seguir. Con las herramientas adecuadas, este camino será mucho más sencillo y apacible. Espero vuestros comentarios y experiencias con Video.js.&lt;/p&gt;&#10;</description></item><item><title>Problemas con el analizador de webs de Facebook</title><link>https://marcoantonioblanco.es/2010/04/problemas-con-el-analizador-de-webs-de-facebook/</link><pubDate>Thu, 15 Apr 2010 12:29:30 +0000</pubDate><guid>https://marcoantonioblanco.es/2010/04/problemas-con-el-analizador-de-webs-de-facebook/</guid><description>&lt;p&gt;La semana pasada tuvimos una curiosa incidencia durante el desarrollo de unas mejoras en el portal web de un cliente, basado en Typo3. Entre estas mejoras se encontraba la implantación de una barra de botones para compartir noticias y otras informaciones periódicas del portal en las redes sociales más populares. En pleno desarrollo, al realizar las pruebas de funcionamiento pertinentes nos encontramos con un grave problema: al compartir una noticia en Facebook, sólo se recogía la URL de la noticia, ignorándose otros datos como el título y el contenido de la noticia, además sin motivo aparente.&lt;/p&gt;&#10;&lt;p&gt;El problema parecía provenir de una aparente incapacidad de Facebook de extraer del portal web del cliente la información necesaria para la publicación de la noticia a compartir, a pesar de haber utilizado el método estándar más sencillo para compartir una página web en Facebook. El siguiente paso fue seguir a rajatabla las instrucciones de Facebook, tanto para utilizar otros &lt;a class="link" href="https://web.archive.org/web/20100415/http://wiki.developers.facebook.com/index.php/Facebook_Share" target="_blank" rel="noopener"&#10; &gt;métodos para compartir información web&lt;/a&gt; como para &lt;a class="link" href="https://web.archive.org/web/20100415/http://wiki.developers.facebook.com/index.php/Facebook_Share/Specifying_Meta_Tags" target="_blank" rel="noopener"&#10; &gt;facilitar la detección&lt;/a&gt; de dicha información, sin éxito.&lt;/p&gt;&#10;&lt;p&gt;Se nos ocurrió entonces que si el analizador de Facebook no podía encontrar la información deseada puede que fuera porque el código del portal tuviese algún problema. Aunque estábamos seguros de antemano de que dicho código era estándar, por si acaso pasamos el portal por el &lt;a class="link" href="http://validator.w3.org/" target="_blank" rel="noopener"&#10; &gt;validador del W3C&lt;/a&gt;, que nos confirmó que el código XHTML que producía el motor de Typo3 era válido. Esto es algo que cuidamos mucho en nuestros proyectos web, buscando asegurar la visibilidad en la mayoría de navegadores, plataformas y sistemas operativos. En el caso de Typo3, esto lo conseguimos tanto a través de extensiones especializadas (para el contenido y funcionalidades estándares) como de una composición de código muy cuidadosa (en el caso de las personalizaciones que tengamos que llevar a cabo). Para los interesados, les recomiendo extensiones como &lt;a class="link" href="http://typo3.org/extensions/repository/view/cron_accessiblemenus/current/" target="_blank" rel="noopener"&#10; &gt;cron_accessiblemenus&lt;/a&gt;, &lt;a class="link" href="http://typo3.org/extensions/repository/view/accessible_tables/current/" target="_blank" rel="noopener"&#10; &gt;accessible_tables&lt;/a&gt; y &lt;a class="link" href="http://typo3.org/extensions/repository/view/qcom_htmlcleaner/current/" target="_blank" rel="noopener"&#10; &gt;qcom_htmlcleaner&lt;/a&gt;.&lt;/p&gt;&#10;&lt;p&gt;Lo siguiente fue investigar (vía Google, dónde si no) si había más gente con este problema. Desgraciadamente, &lt;a class="link" href="https://web.archive.org/web/20100415/http://www.devcomments.com/Facebook-Link-Share-Problems-With-Reading-Meta-Tags-Title-to99764.htm" target="_blank" rel="noopener"&#10; &gt;esta incidencia es más común de lo deseable&lt;/a&gt; y se produce independientemente de la forma de gestionar y producir el código del portal, ya sea a mano o con un gestor de contenidos (Typo3, Drupal, Joomla, etc.). A pesar de que nadie encontraba una solución, al menos una que sirviese para todo el mundo, sí nos dimos cuenta de que había algo en común en todas las quejas: los responsables de dichos sitios web también tenían mucho cuidado con la validez y estandarización del código que producían. Eso nos llevó a pensar que quizás el problema estuviese ahí, algo en el código que impedía que el analizador de Facebook hiciese su trabajo. A estas alturas era evidente que la culpa era de Facebook y no de los centenares de desarrolladores web con el mismo problema en todo el mundo, pero eso no quitaba para buscar una solución para nuestro cliente.&lt;/p&gt;&#10;&lt;p&gt;En nuestro caso, analizando minuciosamente el código XHTML del portal, encontramos pronto un primer candidato a &amp;ldquo;culpable&amp;rdquo;. Todos nuestros portales Typo3 empiezan de la misma manera, con una línea como ésta:&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-text" data-lang="text"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&amp;lt;?xml version=&amp;#34;1.0&amp;#34; encoding=&amp;#34;utf-8&amp;#34;?&amp;gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;A día de hoy, pocos navegadores, dispositivos y otros elementos de acceso a la web echan cuenta de la información contenida en esa línea, por muy estándar que sea, así que probamos a eliminarla y, ¡voilá!, problema resuelto. El analizador de Facebook era repentinamente capaz de capturar la información de las noticias que nuestro cliente quería compartir. En el caso de Typo3, basta con añadir la siguiente línea en la configuración de la plantilla:&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-text" data-lang="text"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;config.xmlprologue = none&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;A pesar de producir código válido y estándar en el portal web y de haber seguido las instrucciones del propio Facebook al pie de la letra, su analizador era incapaz de realizar correctamente el trabajo para el que supuestamente está preparado, lo que no habla muy bien de la popular red social. Si para que funcione bien, encima hay que &amp;ldquo;disminuir&amp;rdquo; el nivel de estandarización de una web, apaga y vámonos. Este es precisamente el peligro de &lt;a class="link" href="https://marcoantonioblanco.es/2008/12/la-desestandarizacion-de-la-web/" &gt;no respetar los estándares en la web&lt;/a&gt;: problemas, costes extra, usuarios excluidos y, en el caso de una empresa, clientes insatisfechos.&lt;/p&gt;&#10;</description></item><item><title>Proyectos ágiles con Typo3</title><link>https://marcoantonioblanco.es/2010/04/proyectos-agiles-con-typo3/</link><pubDate>Thu, 01 Apr 2010 12:31:56 +0000</pubDate><guid>https://marcoantonioblanco.es/2010/04/proyectos-agiles-con-typo3/</guid><description>&lt;p&gt;En mi &lt;a class="link" href="https://marcoantonioblanco.es/2010/01/planificacion-de-proyectos-basados-en-typo3/" &gt;artículo anterior sobre Typo3&lt;/a&gt;, encuadré la gestión de proyectos web dentro de una metodología clásica en cascada. En este articulo pretendo mostrar no sólo cómo se aplicaría una metodología ágil a un proyecto basado en Typo3, sino también que la arquitectura interna de este CMS facilita y potencia el uso de estas metodologías.&lt;/p&gt;&#10;&lt;p&gt;Para ello, lo que voy a hacer es adaptar los pasos y tareas detallados en el otro artículo a &lt;a class="link" href="http://es.wikipedia.org/wiki/Scrum" target="_blank" rel="noopener"&#10; &gt;Scrum&lt;/a&gt;, mi metodología favorita y la que utilizamos preferentemente en Activa Sistemas. El proyecto empieza definiendo el conjunto inicial de requerimientos y funcionalidades del nuevo entorno web y recogiendolo en el &lt;em&gt;product backlog&lt;/em&gt;, que nos servirá de guía a lo largo del proyecto. A continuación pactamos con el cliente los objetivos de la primera iteración, con lo que estaremos en disposición de acometer las tareas que en el artículo anterior estaban dentro de la fase de Codificación de una metodología en cascada.&lt;/p&gt;&#10;&lt;p&gt;En la primera iteración se instala necesariamente el motor de Typo3 sobre el que desarrollaremos el proyecto y una plantilla estándar que nos permita visualizar desde el primer momento el resultado del trabajo. De este modo se cumple con una de las premisas fundamentales del desarrollo ágil: tener siempre disponible un producto publicable y en funcionamiento que el cliente puede revisar cuando quiera.&lt;/p&gt;&#10;&lt;p&gt;A partir de aquí podremos ir diseñando e integrando la plantilla visual, introduciendo el contenido estático, instalando las extensiones y codificando las personalizaciones en paralelo en las sucesivas iteraciones, en las que podremos implicar sin problemas al cliente y a los futuros usuarios.&lt;/p&gt;&#10;&lt;p&gt;Además, gracias a ciertas caracteristicas de Typo3, podremos incorporar al desarrollo del proyecto herramientas de otras metodologías ágiles como &lt;a class="link" href="http://es.wikipedia.org/wiki/Extreme_programming" target="_blank" rel="noopener"&#10; &gt;XP&lt;/a&gt; o &lt;a class="link" href="http://es.wikipedia.org/wiki/Tdd" target="_blank" rel="noopener"&#10; &gt;TDD&lt;/a&gt;. Por ejemplo, incluye su propio sistema de control de versiones, lo que facilita la introducción controlada de pequeños cambios y posibilita la propiedad colectiva del código. Así mismo, la construcción de pruebas unitarias es relativamente sencilla, gracias tanto al propio &lt;em&gt;framework&lt;/em&gt; PHP de Typo3 como a ciertas extensiones especializadas (&lt;a class="link" href="https://web.archive.org/web/20100401/http://typo3.org/documentation/document-library/extension-manuals/phpunit/3.4.3/view/toc/0/" target="_blank" rel="noopener"&#10; &gt;PHPUnit&lt;/a&gt;, &lt;a class="link" href="http://cool.sourceforge.net/" target="_blank" rel="noopener"&#10; &gt;Cool&lt;/a&gt;).&lt;/p&gt;&#10;&lt;p&gt;Con esto espero haber dejado claro que es perfectamente posible gestionar de forma ágil un proyecto web en general y con Typo3 en particular. Sólo se trata de tener las ganas de hacerlo y las herramientas adecuadas para ello.&lt;/p&gt;&#10;</description></item><item><title>Planificación de proyectos basados en Typo3</title><link>https://marcoantonioblanco.es/2010/01/planificacion-de-proyectos-basados-en-typo3/</link><pubDate>Thu, 28 Jan 2010 21:47:57 +0000</pubDate><guid>https://marcoantonioblanco.es/2010/01/planificacion-de-proyectos-basados-en-typo3/</guid><description>&lt;p&gt;Aunque existen numerosas metodologías para llevar a cabo un proyecto de desarrollo de software, siendo una de las más populares la METRICA v3, todas se pueden resumir en seis fases consecutivas: Análisis, Diseño, Implementación, Pruebas, Puesta en marcha y Garantía. Todas estas fases se realizan de la misma forma independientemente del producto final y de las herramientas utilizadas en su desarrollo excepto en el caso de la Implementación, cuya evolución se ve directamente afectada por el entorno de trabajo y el software a obtener. En este artículo voy a explorar cómo enfocar la fase de Implementación cuando el desarrollo está basado en Typo3.&lt;/p&gt;&#10;&lt;p&gt;Para ilustrar cómo se ve afectada la fase de Implementación, baste recordar que al tratarse de un CMS, Typo3 nos va a restringir el tipo de herramientas y de lenguajes de programación a un entorno muy concreto, que evidentemente es el de la Web. Además, la forma de trabajar de Typo3 y sus peculiares características restringen aún más las metodologías y usos disponibles a la hora de acometer el proyecto.&lt;/p&gt;&#10;&lt;p&gt;Basándonos en nuestra experiencia, la fase de Implementación de un proyecto basado en Typo3 puede subdividirse en las siguientes tareas, que además pueden llevarse a cabo concurrentemente gracias a la separación de diseño, contenido y lógica de negocio en la que se basa el funcionamiento de este CMS:&lt;/p&gt;&#10;&lt;p&gt;- Instalación del motor de Typo3: Esta tarea es la primera que debe hacerse, ya que sin un Typo3 instalado no se pueden empezar las demás tareas. Básicamente consiste en &lt;a class="link" href="https://web.archive.org/web/20100128/http://typo3.org/download/packages/" target="_blank" rel="noopener"&#10; &gt;descargarse&lt;/a&gt; tanto el motor como la estructura básica (un paquete llamado &lt;em&gt;dummy&lt;/em&gt;), descomprimirlos en el servidor de hospedaje y ejecutar el asistente web de instalación. ¡Voilá, ya tenemos un CMS en perfecto funcionamiento! En este sentido debo recomendar el uso de Linux como sistema operativo del servidor, ya que gracias al uso de enlaces simbólicos posibilita el mantenimiento de varios motores a la vez y facilita la actualización de versión, pudiéndose volver atrás en cuestión de minutos si algo falla en el proceso o el resultado no es el deseado.&lt;/p&gt;&#10;&lt;p&gt;- Creación del árbol: La siguiente tarea debería ser la de generar el árbol que representará al nuevo sitio web, cuyas ramas se convertirán en los menús y cuyas hojas serán las páginas de contenido. Aunque se recomienda cierta planificación previa, gracias a las posibilidades de edición del panel de control de Typo3 es relativamente sencillo modificar un árbol existente. No olvidar que es posible crear hojas que sean accesibles pero ocultas en los menús e incluso completamente inaccesibles. A partir de aquí ya es posible realizar el resto de tareas de forma concurrente.&lt;/p&gt;&#10;&lt;p&gt;- Integración de diseño: Consiste en generar a partir del diseño gráfico que tendrá el nuevo sitio web una plantilla HTML con una serie de marcas de Typo3 intercaladas que le indicarán al motor dónde insertar el contenido a mostrar en el navegador, ya sea estático o dinámico. Quiero destacar que Typo3 es capaz de mantener y utilizar varias plantillas tanto para todo el sitio web como para subzonas específicas del mismo.&lt;/p&gt;&#10;&lt;p&gt;- Inserción de contenido: Gracias al editor visual enriquecido que incorpora Typo3, esta tarea es realmente sencilla y se reduce prácticamente tanto a escribir directamente en dicho editor como a copiar y pegar el texto desde otras fuentes, como ficheros ofimáticos propios u otras páginas web. En este sentido el editor visual puede ser tanto una bendición como un engorro, ya que suele respetar el formato original del texto.&lt;/p&gt;&#10;&lt;p&gt;- Instalación de extensiones: Una de mis tareas favoritas es la de rastrear el enorme repositorio de &lt;a class="link" href="https://marcoantonioblanco.es/2009/07/las-mejores-extensiones-de-typo3-i/" &gt;extensiones de Typo3&lt;/a&gt; en busca de aquellas que doten de funcionalidades útiles a un nuevo sitio web. La instalación en sí no puede ser más sencilla, ya que consiste simplemente en buscar en el instalador la extensión deseada y pulsar en el botón de instalación. Lo que ya no es tan sencillo es echarla a andar, ya que nos podemos encontrar mil y un problemas, desde aquellas que están pésimamente documentadas a aquellas que están diseñadas para versiones concretas de Typo3 y PHP, pasando por otras que necesitan de tanto trabajo previo y de tal complejidad que la relación esfuerzo-resultado se resentirá gravemente.  La experiencia nos dictará finalmente cuales son las extensiones que merecen la pena, terminando en nuestras manos una lista de las favoritas que utilizaremos una y otra vez en nuestros proyectos.&lt;/p&gt;&#10;&lt;p&gt;- Desarrollo de personalizaciones: Typo3 tiene muchas características destacables, pero una de las mejores es sin duda las amplias posibilidades de personalización que ofrece gracias a la disponibilidad del código fuente en PHP, de un lenguaje interno propio llamado TypoScript que permite modificar el comportamiento de prácticamente todos y cada uno de los aspectos de Typo3 y a un fabuloso asistente de desarrollo de extensiones llamado &amp;ldquo;&lt;a class="link" href="http://typo3.org/extensions/repository/view/kickstarter/current/" target="_blank" rel="noopener"&#10; &gt;Extension Kickstarter&lt;/a&gt;&amp;rdquo; (es una extensión en sí mismo). Con todas estas herramientas podemos dotar al sitio web de todas aquellas funcionalidades que queramos y que no ofrece ninguna extensión del repositorio, bien desde cero o partiendo de alguna existente.&lt;/p&gt;&#10;&lt;p&gt;Siguiendo esta guía, en Activa Sistemas hemos conseguido hasta la fecha llevar a buen puerto los diversos proyectos basados en Typo3 que hemos realizado, en plazo y con la entera satisfacción de nuestros clientes. Es por ello que la recomiendo a todo aquel que se enfrente a un proyecto de similares características, adaptándola a sus propias necesidades.&lt;/p&gt;&#10;</description></item><item><title>Las mejores extensiones de Typo3 (III)</title><link>https://marcoantonioblanco.es/2009/12/las-mejores-extensiones-de-typo3-iii/</link><pubDate>Tue, 08 Dec 2009 11:18:59 +0000</pubDate><guid>https://marcoantonioblanco.es/2009/12/las-mejores-extensiones-de-typo3-iii/</guid><description>&lt;p&gt;Ya que el artículo anterior estaba dedicado a Typo3, voy a aprovechar éste para seguir con el análisis de las mejores extensiones para este CMS. En esta ocasión, las cinco elegidas tienen en común que sirven para convertir una instalación de Typo3 en una aplicación web concreta completamente funcional.&lt;/p&gt;&#10;&lt;p&gt;1. &lt;a class="link" href="http://typo3.org/extensions/repository/view/tt_products/current/" target="_blank" rel="noopener"&#10; &gt;Shop System (tt_products)&lt;/a&gt;: Dota a Typo3 de un completo sistema de comercio electrónico con numerosas funcionalidades: soporte para múltiples idiomas, integración con el DAM, variantes de procutos, facturación, cupones descuento, etc. La potencia que ofrece tiene un importante precio: la complejidad a la hora de echar a andar una tienda virtual nueva, sobre todo por culpa de la cantidad de extensiones de las que depende a su vez.&lt;/p&gt;&#10;&lt;p&gt;2. &lt;a class="link" href="https://web.archive.org/web/20091208/http://drwiki.myasterisk.de/" target="_blank" rel="noopener"&#10; &gt;DR Wiki (dr_wiki)&lt;/a&gt;: Instala un &lt;em&gt;wiki&lt;/em&gt; - sistema colaborativo de elaboración y gestión de documentación - en Typo3. Ofrece una sencilla a la vez que potente sintaxis para la composición de documentos, en su mayor parte compatible con MediaWiki (en el que se basa la wikipedia) y con poco que envidiarle a los monstruos del mercado como el propio MediaWiki, TikiWiki o DokuWiki.&lt;/p&gt;&#10;&lt;p&gt;3. &lt;a class="link" href="http://typo3.org/extensions/repository/view/mm_forum/current/" target="_blank" rel="noopener"&#10; &gt;mm_forum (mm_forum)&lt;/a&gt;: Potente sistema de gestión de foros que incluye numerosas características y capacidades, como mensajería privada, búsquedas indexadas, perfiles de usuario y panel de administración, entre otros. Tanto su aspecto como su funcionamiento son muy personalizables.&lt;/p&gt;&#10;&lt;p&gt;4. &lt;a class="link" href="http://typo3.org/extensions/repository/view/irfaq/current/" target="_blank" rel="noopener"&#10; &gt;Modern FAQ (irfaq)&lt;/a&gt;: Esta extensión instala un sistema de preguntas y respuesta frecuentes (FAQ), mostrando la información tanto en una vista estática como en una dinámica (mediante DHTML). Se puede ampliar su funcionalidad con las extensiones &lt;em&gt;gl_irfaq&lt;/em&gt; e &lt;em&gt;irfaq_az&lt;/em&gt;.&lt;/p&gt;&#10;&lt;p&gt;5. &lt;a class="link" href="http://typo3.org/extensions/repository/view/wt_gallery/current/" target="_blank" rel="noopener"&#10; &gt;wt_gallery (wt_gallery)&lt;/a&gt;: Instala una galería de fotos con numerosas posibilidades, como mostrar las fotos de diversas formas, integración con Cooliris, mostrar la información EXIF, añadir información contextual, organización en subgalerías, etc. Es muy sencilla de instalar y poner en marcha, a la vez que muy personalizable.&lt;/p&gt;&#10;</description></item><item><title>El tamaño de las webs con Typo3</title><link>https://marcoantonioblanco.es/2009/11/el-tamano-de-las-webs-con-typo3/</link><pubDate>Mon, 30 Nov 2009 18:43:32 +0000</pubDate><guid>https://marcoantonioblanco.es/2009/11/el-tamano-de-las-webs-con-typo3/</guid><description>&lt;p&gt;Hace unos días, un cliente me planteaba su necesidad de construir una sencilla web estática, paralela a la principal basada en Typo3, donde publicar contenidos relacionados con cierto proyecto. Mi respuesta fue inmediata y contundente: nos basaríamos de nuevo en Typo3. Tras su primera reacción de sorpresa y de protesta ante lo que él denominó &amp;ldquo;matar moscas a cañonazos&amp;rdquo;, no tardé en convencerle de que el uso del potente CMS suponía no sólo una inversión menor sino que además estaría realmente protegida.&lt;/p&gt;&#10;&lt;p&gt;El cálculo es bien sencillo. En el caso de una web estática, hay que maquetar (es decir, posicionar el contenido en la plantilla de diseño y generar un nuevo fichero HTML) cada página, lo que supone un trabajo ineludible de una duración mínima determinada que hay que realizar por cada una. Si hay que modificar, rehacer o corregir el contenido, no queda más remedio que remaquetar.&lt;/p&gt;&#10;&lt;p&gt;En el caso de una web basada en Typo3, lo primero es instalar y preparar adecuadamente el CMS, lo que supone una inversión en tiempo fija en cualquier proyecto, independientemente de su tamaño. Una vez integrada la plantilla del diseño, sólo queda introducir el contenido de cada página, operación con una duración sensiblemente menor que el caso anterior de la maquetación, ya que ésta la realiza automáticamente Typo3 al enviar la página al navegador. Además, cuantas más páginas tiene la web, menor es el peso de la instalación de Typo3 en la duración total del proyecto.&lt;/p&gt;&#10;&lt;p&gt;Veamos un ejemplo, en el que la maquetación manual de una página nos tomaría una hora, la instalación de Typo3 cinco horas y la introducción de contenido en el mismo unos 15 minutos por página. En el caso de una web de 10 páginas (incluyendo las necesarias páginas de contacto, aviso legal, propiedad intelectual y protección de datos), la duración de desarrollo total (sin contar el diseño) en el caso manual es de 10x1h. = 10 horas mientras que en el caso de Typo3 es de 5h.+10x0,25h. = 7'5 horas. Si en un ejemplo básico ya hay diferencias a favor de Typo3, imaginemos la ventaja en casos de mayor envergadura.&lt;/p&gt;&#10;&lt;p&gt;No olvidemos que Typo3 también protege la inversión. A lo ya reseñado hay que añadir que Typo3 permite crecer a los proyectos sin límite y de una forma sencilla, facilita la gestión de los contenidos (cualquier usuario, y no sólo un profesional de la web, puede hacerlo) y posibilita la introducción sencilla de funcionalidades tanto propias como de terceros mediante su potente mecanismo de extensiones. Para finalizar, hay que recordar que Typo3 es software libre, así que miel sobre hojuelas.&lt;/p&gt;&#10;</description></item><item><title>Las mejores extensiones de Typo3 (II)</title><link>https://marcoantonioblanco.es/2009/10/las-mejores-extensiones-de-typo3-ii/</link><pubDate>Fri, 09 Oct 2009 20:15:11 +0000</pubDate><guid>https://marcoantonioblanco.es/2009/10/las-mejores-extensiones-de-typo3-ii/</guid><description>&lt;p&gt;En este artículo voy a retomar el repaso a las que considero como las mejores extensiones del gestor de contenidos web Typo3 para ampliar y mejorar las capacidades que este fabuloso CMS de licencia libre trae de serie. Como en la ocasión anterior, a la hora de enumerarlas utilizaré tanto su nombre como su código Typo3. Veamos las cinco nuevas elegidas.&lt;/p&gt;&#10;&lt;p&gt;1. &lt;a class="link" href="http://typo3.org/extensions/repository/view/pbsurvey/current/" target="_blank" rel="noopener"&#10; &gt;Questionaire (pbsurvey)&lt;/a&gt;: Esta extensión permite la construcción y publicación de cuestionarios para su posterior rellenado por parte de los visitantes. Permite gestionar las encuestas existentes y exportar los resultados recogidos en formato CSV, lo que facilita su análisis a continuación en una hoja de cálculo o en un software estadístico.&lt;/p&gt;&#10;&lt;p&gt;2. &lt;a class="link" href="http://typo3.org/extensions/repository/view/jk_poll/current/" target="_blank" rel="noopener"&#10; &gt;Poll (jk_poll)&lt;/a&gt;: Permite el diseño de sencillas encuestas para sondear en cuestiones simples a los usuarios del sitio web. Es posible utilizar plantillas para definir el aspecto de las mismas y ofrecer los resultados tanto vertical como horizontalmente. Sencilla de utilizar a la vez que versátil.&lt;/p&gt;&#10;&lt;p&gt;3. &lt;a class="link" href="http://typo3.org/extensions/repository/view/rlmp_flashdetection/current/" target="_blank" rel="noopener"&#10; &gt;AST Flash (rlmp_flashdetection)&lt;/a&gt;: Facilita la inserción de contenido Flash en cualquier página del sitio web. Se trata de una extensión especialmente completa y potente gracias al uso de mecanismos avanzados de detección de plataformas y versiones de Flash y a la posibilidad de acceder a ella desde otras extensiones tanto directamente como mediante parámetros XML.&lt;/p&gt;&#10;&lt;p&gt;4. &lt;a class="link" href="http://typo3.org/extensions/repository/view/phpmyadmin/current/" target="_blank" rel="noopener"&#10; &gt;phpMyAdmin (phpmyadmin)&lt;/a&gt;: El rey de los interfaces MySQL cuenta con su propia versión para Typo3. Su gran ventaja es que así su instalación es muy sencilla y se integra perfectamente en el entorno de administración de Typo3. Indispensable.&lt;/p&gt;&#10;&lt;p&gt;5. &lt;a class="link" href="http://typo3.org/extensions/repository/view/beko_debugster/current/" target="_blank" rel="noopener"&#10; &gt;Debugster (beko_debugster)&lt;/a&gt;: Un desarrollo serio de un sitio web con Typo3 necesita de un buen depurador y esta extensión sin duda es de las mejores. Como reza su slogan, &amp;ldquo;la depuración fácil: descarada, colorida, atractiva - justo como tú la quieres&amp;rdquo;. No se puede decir más con menos palabras.&lt;/p&gt;&#10;</description></item><item><title>Las mejores extensiones de Typo3 (I)</title><link>https://marcoantonioblanco.es/2009/07/las-mejores-extensiones-de-typo3-i/</link><pubDate>Wed, 01 Jul 2009 20:46:11 +0000</pubDate><guid>https://marcoantonioblanco.es/2009/07/las-mejores-extensiones-de-typo3-i/</guid><description>&lt;p&gt;En el artículo anterior, en el que hacía una introducción al gestor de contenidos de licencia libre &lt;a class="link" href="http://www.typo3.org" target="_blank" rel="noopener"&#10; &gt;Typo3&lt;/a&gt;, comentaba que este CMS cuenta con una gran comunidad de usuarios y desarrolladores que ha generado una imponente biblioteca de extenciones que permiten dotar a un sitio web basado en Typo3 de las más variopintas funcionalidades. A este respecto, hoy quiero iniciar una serie de artículos en los que repasar las que considero como sus mejores extensiones. Dado que cada extensión tiene dos nombres (uno para los humanos y otro para Typo3), usaré ambos para que no haya dudas acerca de la extensión sobre la que estoy hablando. Empecemos pues con las cinco primeras.&lt;/p&gt;&#10;&lt;p&gt;1. &lt;a class="link" href="http://typo3.org/extensions/repository/view/tt_news/current/" target="_blank" rel="noopener"&#10; &gt;News (tt_news)&lt;/a&gt;: Esta extensión, cuyo objetivo es posibilitar la publicación de noticias, es sin duda una de las imprescindibles que no puede faltar en ninguna implantación de Typo3. Su versatilidad es tan elevada que no sólo es posible personalizar tanto el aspecto como la forma de presentar las noticias, sino que es posible utilizar la extensión para publicar cualquier contenido de índole periódica. Incluye organización por categorías y exportación de noticias via RSS.&lt;/p&gt;&#10;&lt;p&gt;2. &lt;a class="link" href="https://web.archive.org/web/20090701/http://typo3.org/documentation/document-library/extension-manuals/m1_google_analytics/1.5.0/view/" target="_blank" rel="noopener"&#10; &gt;Google Analytics (m1_google_analytics)&lt;/a&gt;: Añade el código de seguimiento de Google Analytics a todas las páginas del sitio web, posibilitando el uso de este servicio gratuito de estadísticas con Typo3.&lt;/p&gt;&#10;&lt;p&gt;3. &lt;a class="link" href="http://typo3.org/extensions/repository/view/direct_mail/current/" target="_blank" rel="noopener"&#10; &gt;Direct Mail (direct_mail)&lt;/a&gt;: Se trata de un sistema avanzado de envío y gestión de &lt;em&gt;newsletters&lt;/em&gt; vía email, con amplias posibilidades de personalización y estadísticas de respuesta. Sin duda, el número uno en su campo.&lt;/p&gt;&#10;&lt;p&gt;4. &lt;a class="link" href="http://typo3.org/extensions/repository/view/dam/current/" target="_blank" rel="noopener"&#10; &gt;Media - DAM (dam)&lt;/a&gt;: El Gestor de Activos Digitales (DAM) es una herramienta de organización de contenido digital para su almacenamiento y utilización en cualquier parte del sitio web. Mediante el uso de metainformación es posible indexar y categorizar los ficheros de todo tipo (imágenes, texto, audio, vídeo, etc.) que se quieran almacenar en el DAM.&lt;/p&gt;&#10;&lt;p&gt;5. &lt;a class="link" href="http://typo3.org/extensions/repository/view/realurl/current/" target="_blank" rel="noopener"&#10; &gt;RealURL (realurl)&lt;/a&gt;: Transforma las direcciones (URLs) dinámicas generadas por Typo3 para cada página del sitio web en URLs estáticas, lo que hace que sean fácilmente recordables por los usuarios a la vez que mejora el posicionamiento en Google y el resto de buscadores al permitir incluir palabras clave en dichas URLs.&lt;/p&gt;&#10;</description></item><item><title>Introducción a la construcción de sitios web con Typo3</title><link>https://marcoantonioblanco.es/2009/06/introduccion-a-la-construccion-de-sitios-web-con-typo3/</link><pubDate>Mon, 22 Jun 2009 19:31:48 +0000</pubDate><guid>https://marcoantonioblanco.es/2009/06/introduccion-a-la-construccion-de-sitios-web-con-typo3/</guid><description>&lt;p&gt;Sin duda la noticia más destacable de la semana pasada para Activa Sistemas fue la adjudicación del concurso &amp;ldquo;Hospedaje y mantenimiento de las web temáticas y labores de webmaster&amp;rdquo; convocado por Gestión de Infraestructuras de Andalucía SA, empresa pública perteneciente a la Consejería de Obras Públicas de la Junta de Andalucía. La concesión de este proyecto supone que, a lo largo de 24 meses, Activa Sistemas gestionará y alojará los cuatro sitios web ya existentes basados en el gestor de contenidos &lt;a class="link" href="http://typo3.org/" title="Abre el enlace externo en una ventana nueva"&#10; target="_blank" rel="noopener"&#10; &gt;Typo3&lt;/a&gt; y desarrollará otros cuatro nuevos sitios web igualmente basados en este CMS (siglas de &amp;ldquo;gestor de contenidos&amp;rdquo; en inglés) de licencia libre, en el que Activa Sistemas posee una gran experiencia previa.&lt;/p&gt;&#10;&lt;p&gt;Typo3 ofrece numerosas ventajas en la &lt;a class="link" href="https://web.archive.org/web/20090622/http://www.activasistemas.com/index.php?id=81" target="_blank" rel="noopener"&#10; &gt;construcción de sitios web&lt;/a&gt;. La primera es sin duda que se trata de un software de licencia libre, lo que permite abaratar los costes de desarrollo y proteger la inversión del cliente, que de este modo tendrá el acceso garantizado al código fuente de su propio sitio web. Así mismo, al estar basado en el lenguaje PHP y el gestor de base de datos MySQL, Typo3 es fácil de instalar y mantener, a la vez que se puede instalar en cualquier sistema operativo actual.&lt;/p&gt;&#10;&lt;p&gt;Otra gran ventaja de Typo3 es la gran comunidad de desarrolladores y usuarios que tiene detrás. Esta comunidad ha producido una gran cantidad de documentación (que cubren todos los aspectos imaginables del CMS) y de extensiones (que amplían las capacidades de Typo3 hasta límites insospechados).&lt;/p&gt;&#10;&lt;p&gt;Typo3 cuenta además con ciertas características propias que dan idea de su gran potencia, como es su propio lenguaje interno de programación que permite personalizar y adaptar Typo3 más allá de lo que el lenguaje PHP permita, la clara separación entre diseño y programación y la integración automática entre estos dos componentes una vez el sitio web está en marcha.&lt;/p&gt;&#10;&lt;p&gt;Finalmente, Typo3 ofrece un potente panel de control desde el que poder controlar hasta el más mínimo aspecto del sitio web con numerosas herramientas, como el completo sistema de gestión de permisos de acceso que posibilita el decidir a qué recurso accede cada usuario administrador, lo cual es ideal para equipos de trabajo.&lt;/p&gt;&#10;&lt;p&gt;Si tengo que buscarle una pega a Typo3 es sin duda su elevada curva de aprendizaje a la hora de acometer el desarrollo de un nuevo sitio web. Iniciarse en esta tarea no es nada fácil y exige de un proceso previo de formación y experimentación para adquirir las habilidades mínimas necesarias para asegurar el éxito del nuevo proyecto. Afortunadamente, Typo3 devuelve el esfuerzo invertido con creces y los resultados obtenidos con él suelen ser de lo más satisfactorios.&lt;/p&gt;&#10;&lt;p&gt;Por todo lo anterior, Typo3 se convirtió en su momento en una de las herramientas de desarrollo web favoritas de Activa Sistemas, permitiéndonos construir nuevos sitios web en tiempos de ejecución reducidos y a precios muy asequibles. En consecuencia no puedo dejar de recomendar su utilización para todo tipo de proyectos web, tanto para usuarios finales como para mis colegas informáticos.&lt;/p&gt;&#10;</description></item></channel></rss>