Original y copia de la web del Senado

El diseño y la estructura del clon de la web oficial del Senado son muy similares.

Hace unos días comentamos en esta entrada el desorbitado coste, casi 500.000 euros,  de la web del Senado, una página web muy simple. Hoy aparece la noticia que un chico, ingeniero y freelance webmaster que al oir la noticia no dudó en estudiar a fondo la web en cuestión, desglosó completamente todo el proyecto, analizó el código y el sistema utilizado. Lo que más le irritó, igual que a mi, fue que se tuviera que pagar 250.000 euros en licencias comerciales, existiendo un mercado inmenso de OperSource gratuitos que podrían hacer la misma labor.

Este chico asegura que en sólo una semana de trabajo ha desarrollado una web CLON del senado utilizando exclusivamente código libre. Es decir ha
programado una web muy similar a la del Senado sin gastar un euro en licencias y en sólo una semana. La web está visible
www.senado.km6.net 

El creador ha explicado todo el proyecto en un PDF que reproducimos a continuación:

Explicación, Por qué esta web? 

Hola visitante curioso. Si estás aquí te preguntarás por qué alguien puede perder su tiempo y una semana de trabajo para completar un proyecto que no va a servir para nada ni va a cambiar las cosas. La respuesta es sencilla: Por principios. Y porque es mi forma de protestar ante un sistema tan hermético que no deja ver claras como se toman las decisiones; como se adjudican proyectos ni adónde va nuestro dinero. Unos van a manifestaciones, otros se meten en política, otros huelgas…. yo hago ésto. Lo veo más creativo

Ésta es una web alternativa a la oficial del www.senado.es . Éste es un proyecto con fines educativos.

El día 12 de noviembre de 2012, se conoció vía medios de comunicación que el Senado renovaba su web. Una página desarrollada en html a principios de siglo y que ya tuvo un coste de varios miles de euros. Para esta nueva, la inversión ha sido de cerca de 500.000 euros. Sí, 80 Millones de Pesetas. Es que todavía en la vieja moneda patria suena más exagerado.

Según el conocido desglose de precios, la mitad de ese dinero, es decir 250.000 euros ha servido para pagar las licencias del software-programas-scripts instalados. Así como bases de datos, sistemas e búsqueda etc. Es en este apartado donde se va a intentar razonar.

El sistema instalado en la web oficial está basado en un software licenciado de la compañía Oracle. El gestor de contenidos, es decir, lo que hace que todo funcione es el Oracle UCM , el buscador es Oracle SES (instalado sin S seguro), y algunas aplicaciones más como Oracle Weblogic. No se va a entrar a valorar si los precios que esta empresa privada cobra son justos o no. Simplemente se va a explicar que en el mercado del software hay otras formas de desarrollar este tipo de trabajos. Y ya, no es que sean más baratos. Es que su coste es 0. Sí, cero euros.

De esta forma, usando software gratuito de libre distribución y sin coste de licencias se ha desarrollado esta web alternativa del Senado. Coste de Licencias 0=CERO euros. 

Dentro de los sistemas que se podrían haber elegido se ha elegido el más sencillo de todos. El CMS que cualquier profesional de Internet tiene capacidad de instalar, actualizar, y controlar. El CMS o gestor de contenidos elegido es el popular WP. Se podría haber desarrollado con unos Softwares más complejos como Joomla, Drupal, Typo3, Made Simple etc. También gratuitos y Open Source. O incluso se podrían instalar sistemas tan bestias como ezPublish, Nuxeo, Alfresco si quisieras llevar también una gestión documental. Pero si con el más sencillo sirve, para que gastarse luego miles de euros, que recordemos, son millones de pesetas, en algo que no es necesario.

Open Source 

Todo el desarrollo de este portal se ha desarrollado usando software de libre distribución. Ya sólo con este formato, todos los ciudadanos nos podríamos haber ahorrado 250.000 euros que ha sido el coste en licencias comerciales para el desarrollo de la web oficial.

Con el resto del coste, lo que hayan cobrado las empresas implicadas en el proyecto no se puede hacer ninguna valoración objetiva, puesto que se desconocen las características específicas del proyecto, y no se puede saber cuántos contenidos son de desarrollo propio y cuántos son contenidos suministrados. La web es muy grande y tiene muchos apartados que completar, y habrá requerido un esfuerzo amplio de documentación. Por ello no se valora este coste. Cada uno que interprete como desee.

Mi código ético y deontológico como Ingeniero Industrial, trabajando como freelance programador implica que sin conocimiento total del presupuesto y del pliego de condiciones, no me aventure a dar un precio para este trabajo. Ni por supuesto hablar o comentar, el trabajo de un compañero(s) del gremio. 

Asimismo tampoco se conoce todo el sistema de servidores dedicados, seguridad, instalación, sistemas de SAI´s, y el posterior trabajo de Actualizaciones. Por lo tanto en este Proyecto Informativo-Educativo solo se hará hincapié en lo que se ahorraría si se usara software gratuito “open source” para los desarrollos de los proyectos administrativos.

Para esta web demo, alternativa a la oficial del Congreso se ha usado:

Bases de datos. MySQL 

Programación basada en : CMS gratuito escrito en PHP 

Sistemas corriendo en el servidor: Apache. Completo LAMP.

Edición de archivos gráficos : GIMP 

FTP software : Filezilla 

Usando imágenes de sites como: openclipart.org y otros.

Seguridad : Free CDN 

Hosting Gratuitos.

Documentación : Open Office se Sun 

 

Segunda Parte. 

El desarrollo de un proyecto web es el 50% del trabajo realizado. Una vez terminado este apartado comienza la optimización del portal para estar presente y fácilmente localizado en los buscadores. Lo que se conoce como SEO (Search Engine Optimization). En este caso se ha comprobado que este trabajo NO ha sido realizado. Se supone que las empresas contratadas lo harán más adelante según vayan actualizando contenidos. Creación de sitemaps, urlist, robots, bots, etc . Optimización de etiquetas y tags en el código fuente, y todo el sistema de ficheros necesarios para autentificar la web en google, bing, alexa, yahoo, etc. Se ofrece desarrollar este apartado de forma gratuita. 

No está completa. 

Esto es un proyecto demo. Por lo tanto lo que se ha hecho es crear la estructura de la web, y generar algunos contenidos. Una vez que todo esté estructurado y programado el trabajo siguiente ya es completar y añadir datos, fichas, etc. Lo que se considera que ya no aportaría

nada a este proyecto. Por lo tanto, se han creado unas páginas demo con textos de la web oficial. Pero como se indica falta lo que sería Copiar-Pegar.

Lo que si se ha hecho es que los apartados que no son estándar, es decir, lo que no sea copiar+pegar texto si se han desarrollado. Por ejemplo creación de la agenda, apartado del hemiciclo, tienda, redes sociales integradas, idiomas, etc. Se hace un resumen a continuación de estos apartados específicos. Cómo están integrados en la web original y la alternativa que se le ha dado e integrado en la copia. Siempre usando software Libre.

Mejoras 

Se ha observado que el sistema de fichas de Senadores no está completamente integrado en una base de datos, y por lo tanto para cada actualización que haya que llevar a cabo, el programador deberá entrar en la web e ir modificando manualmente el sistema. Sería interesante instalar una plantilla de fichas para cada senador con varios apartados y atributos. Donde se pueda cambiar cada dato mediante un panel de administración. De esta forma se actualiza en Front End. Asimismo cada senador podría tener una clave de acceso que le daría opción a poner, quitar, datos, de ciertos apartados de su perfil, bajo una seria de privilegios. Añadir documentación, su web, blog, twitter. etc. Todo ello desde un dispositivo móvil. En la alternativa se han integrado dos plugins gratuitos “custom fields” y “magic fields” para la creación de fichas personalizadas. Asimismo se pueden crear perfiles con diferentes privilegios para modificar dicha información; y el acceso vía dispositivo móvil se ha optimizado.

Ejemplo de ficha

Redes Sociales 

En la web original no se ha integrado el sistema de redes sociales. Simplemente se ha creado un acceso directo al perfil oficial en twitter y nada más. Se considera, que en el momento 2.0 que vivimos esta vinculación debe ser completa y que exista una reciprocidad en los comentarios. Réplicas y trabajo de seguimiento. Si no, es simplemente un sistema de Spam. O lo coges o lo dejas. En la web alternativa se ha integrado Twitter, una Página de Facebook de ejemplo y un sistema de seguimiento para otras redes como google+, pinterest, etc.

Redes Sociales Tuits

Localización – Visita virtual. 

La visita virtual que se ha instalado es correcta. En este caso, para la web demo no podemos hacer nada en tan poco tiempo para igualarla o emularla. Se ha instalado el plugin gratuito de google para la visualización de mapas y callejeros.

Pero en unas semanas de desarrollo y trasladándonos in situ al Senado, se podrían hacer las capturas fotográficas esféricas, panorámicas y aplicar el plugin español Gratuito DevalVR para la creación un apartado exactamente igual de completo. Mediante este sistema que se propone, mucho más avanzado que el actual instalado, se corregirían las deformaciones en las esquinas y sistemas angulares, que actualmente producen esas deformaciones al movernos por la animación.

Senadores Hemiciclo 

Una de las aplicaciones no estándar es esta curiosa visión del Hemiciclo. Al pasar el ratón por encima sale la imagen del Senador. Se ha desarrollado una aplicación que hace lo mismo, con un hemiciclo virtual, y con unas pocas fotos de senadores que sirven como ejemplo. Es

una pijadilla pero queda bonito. Se ha desarrollado simplemente porque es una aplicación no estándar y requiere de un trabajo extra que no es simplemente añadir información.

Hemiciclo copia

Hemiciclo original

Idiomas 

La web original del Senado está traducida a los idiomas cooficiales de España. Sin entrar a valorar si esto es necesario o no, puesto que no es este el caso, se ha programado un sistema de traducción automático y Gratuito. Script que usa las mejoras de traducción de bing, google, etc. Se hace traducción simultánea y además se han añadido los idiomas de Inglés, Alemán y Chino(para ver que la compatibilidad de caracteres es más completa que el actual instalado. Basado en utf 8). Además estas traducciones pueden ser corregidas luego de forma online, por los usuarios nativos del sistema mediante una clave. Es decir, abierto y mejorado. Tanto arriba en el Header (cabecera) de la web, como en el Footer (abajo) hay dos opciones de traducir la web por completo.

Idiomas. Original

Idiomas Copia 1

Idiomas Copia 2

Agenda 

El sistema de Calendario de Actividades o Agenda que se ha instalado, es muy similar. Desde un panel de administración el webmaster puede añadir las fechas de los nuevos eventos que se vayan a producir. La propuesta en la web alternativa aporta una ventaja que pensamos que es lo que más interesa a los medios de comunicación. La prensa se puede dar de alta por RSS solo a las noticias del Calendario. Y dentro de estas también puede elegir. Es decir, no tiene que estar pendiente de Twitter o de la web si hay nuevos eventos. Directamente en su teléfono móvil le llegan las actualizaciones del Calendario con las nuevas fechas. Asimismo se puede mejorar todavía más esta aplicación asociándola con la agenda de otros sistemas, ya sea Outlook, Thunderbird o similares. Así, automáticamente todo lo que se hiciera en la agenda en modo local iría a la web, y de ahí por RSS directamente a todos los medios interesados en estar al día.

Calendario Original Agenda Nueva

Tienda Online 

Actualmente la nueva web del senado no ha instalado una Tienda. Simplemente han puesto un catálogo de productos, pero NO da opción a compra online. En la web alternativa se ha instalado una Tienda de verdad, con opción de compra y con diferentes pasarelas de pagos: como pay-pal, transferencia bancaria directa, tarjeta de crédito etc. totalmente funcional.

Como mejoras: instalación de un sistema htppS – conexión segura – 

Catálogo Original

Tienda de Verdad

Aplicaciones Menores 

En la web, se han encontrado otros scripts no estándar programados, como el sistema de de preguntas frecuentes, diccionario parlamentario, envío de formularios, etc. Para la web-clon se han desarrollado los mismos sistemas, pero claro, sin completar la información. Aunque ya solo sería como se ha indicado en otras ocasiones- Copiar+Pegar.

Un sistema de formulario ( con el que se puede contactar conmigo… XD)

Formulario 2 Formulario 1

Sistema de preguntas Frecuentes – FAQ –

FAQ

Listado de Senadores 2012

Senadores 2012

Diccionario Parlamentario

Sistema de Tabulaciones

Feed de Actualizaciones

Feed

Instalación de foros. 

Foros incorporados

Esto ya es una opinión personal. Creo que cada página web de la administración debería ser una 2.0 funcional y aceptar comentarios abiertos y escuchar a los ciudadanos que quieran opinar.

Por ello, se propone que el sistema de comentarios se abra en los post, y que toda web gubernamental tenga un foro de opinión. Como la actual no lo tiene, aquí se ha instalado uno completo, también basado en software libre

Tanto para la tienda, como para envío de comentarios, como para el foro, sólo habría que hacer un solo registro de nuevos usuarios. Mediante un panel de administración se gestiona todo el sistema. Todo está integrado en la misma base de datos y el mismo servidor.

Qué se pide: 

Queremos conocer desgloses. Saber dónde va el dinero que tanto nos cuesta ganar. Que no sea todo tan hermético, tan cerrado. Queremos verlo todo. No sólo aquí, queremos un sistema de Open Data completo en todas las administraciones.

Queremos que se use Open Source en la administración y que ese coste de licencias se use para fines educativos. Que las cosas no se olviden. Esta noticia salió hace unos días y ya le da igual a todo el mundo. Tenemos memoria!

El Autor 

Esta web se ha desarrollado en una semana de trabajo. Con una huelga y un fin de semana entre medio, por un Ingeniero de treintaytantos años que actualmente trabaja de autónomo Freelance1. No es mi interés ni promocionarme ni publicitar ninguna web. Todo este proyecto se presenta de forma anónima sin ningún otro fin y cometido que no sea la promoción del Código Abierto en el Software institucional. En pro del Open Data en la administración pública.

1 Los formularios están activos en el server 1 y 6 por si alguien quiere contactar para la consulta de cualquier duda. 

“Lo hice solo por diversión” Linus Torvalds 

Actualización 23 -11 -2012 

Sin tocar para nada el resto del PDF, un día después de colgarlo me veo en la obligación de hacer unos matices en algunos puntos para que queden claros. Por si alguien ha malinterpretado o mi escaso tiempo haya hecho que no me explique bien.

1.- Esta web, aunque la llamo alternativa, no pretende ser alternativa ni sustituta de nada. Esto es un proyecto realizado con fines educativos para mostrar que este tipo de proyectos pueden tener varios caminos que confluyen a resultados similares. Con un desarrollo en una semana, y una persona sola, no imaginaba que alguien pudiera pensar que se fuera a presentar un trabajo terminado. Pero si alguien sigue pensando así, es que me tiene en gran estima.  . Esto es una estructura de cómo se podría ir avanzando. Yo no lo voy a hacer. La web la terminé el lunes y ya no se retoca nada, nunca más. Mi trabajo ha terminado.

2.- He recibido varios correos muy interesantes. Los que vienen con mail real, los respondo. Una pena que uno de los más interesantes venía escrito de forma anónima. Y digo “pena” porque me ha dejado con la palabra en la boca . Pero realmente se nota que era alguien con mucho conocimiento de causa y se ha explicado perfectamente. Además de darle las gracias por los comentarios, y consejos. Le replico: He trabajado administrando y actualizando portales gubernamentales y sé sobre qué sistemas están montados y conozco el funcionamiento de workflows, repositorios documentales, actualizaciones, sistemas de

privilegios, etc. Por ello he comentado que este tipo de trabajos se hacen con otros paquetes más potentes. Nuxeo, Alfresco, Liferay, ezPublish, etc … Pero aun así, desconfía se quiere volver a Oracle y a empresas privadas. No me cuadra !

3.- Para los que tengan desconfianza en el Software Libre. Aquí van unos ejemplos de páginas muy esclarecedoras que no comprometerían su seguridad si no fueran sistemas funcionales.

1. Web de la Casa Blanca www.whitehouse.gov

2. Ayuntamiento de Londres. www.london.gov.uk

3. Senado de Nueva York www.nysenate.gov

4. Administración de Inglaterra http://data.gov.uk

5. Portal del Gobierno Francés www.gouvernement.fr

6. La NASA www.nasa.gov

7. Ejército de Estados Unidos www.army.mil

8. Interpol www.interpol.int

 

Es lo único que pido. Eliminar el coste de licencias y usar Open Source. Si ellos pueden ¿por qué no nosotros? Cada uno encontrará su respuesta. Yo, tengo la mía.

4.- EL Hosting. He puesto un ejemplo que dice que un VPS de 90 euros mensuales, con dos Gigas de Ram , y un ancho de banda es válido para la web del senado. Y lo mantengo XD. Excepto los primeros días que hubo un pico de tráfico muy amplio en su día del estreno y sus ataques DOS, etc No creo que esta web vaya a tener un tráfico que ese tipo de servidores no soporten. A esto de le añade una buena configuración de caché, y de CDN y listo. Si yo he subido la web a sitios gratis, lentos y malos a más no poder, es para crear el proyecto de forma que cualquiera pueda desarrollarlo sin tener que invertir dinero. Solo tiempo.

6.- La web no vale 0 euros. Ni siquiera todas licencias OpenSource cuestan cero euros. La web tiene un coste y un trabajo. Eso vale su dinero. Lo he dicho en varias ocasiones. Y en ningún momento he hecho alusiones a las empresas, compañeros del sector que han desarrollado este trabajo. Yo solo hablo de Open Source y de licencias libres. Dentro de estos gestores algunos ofrecen licencias Enterprise, Community, para proyectos grandes y se encargan de actualizaciones, etc. Pero el coste sigue siendo ridículo Vs. Senado.es

5.- Video online. Este apartado no se ha comentado antes porque no se ha visto funcionar. Instalar un sistema de streaming de video personalizado, pues tiene también su réplica.

Youtube ofrece un sistema de emisión online que ya usó RedBull en el lanzamiento de Felix Baumgartner con una media de 4 millones de visitantes. O ¿acaso a alguien le importa que desde el senado se envíe un enlace a ese portal de video, en lugar de verlo en su web? U2. Tuvo 10 millones online, creo que de sobra para soportar las emisiones de la web del senado.

6.- Visitas virtuales. Quizá lo mejor de la web oficial si no fuera porque al usar flash ( y no html5) han conseguido que no sea compatible con 400 millones de dispositivos móviles. Respecto a los plugins, yo comentaba DevalVR, porque conozco su funcionamiento, pero existen otros como: krpano ..etc

VER WEB ONLINE 

Para tener la web online también se han usado servidores FREE. Por lo tanto, dinero gastado hasta ahora 0 euros. La web está clonada en diferentes servidores de forma redundante.

Como se ha indicado, aquí para completar el proyecto de forma gratuita y fines educativos se ha subido a diferentes servers gratuitos por si se produce una caída en alguno de ellos. Asimismo se ha instalado un sistema de firewall, y un CDN gratuito de tráfico de información para evitar “otro tipo de problemas” 

www.senado.3a2.com %online (4/5)

www.senado.comuv.com %offline (0/5) –poco ha durado – 

www.senado.cer33.com %online (4/5)

www.senado.p.ht %online (3/5)

www.senado.dx.am %online (4/5)

www.senado.km6.net %online (5/5)

Está claro que para una web de estas características sí que es necesario un sistema de alojamiento potente. Un VPS por lo menos. El coste de un server que soportaría estos contenidos no es mayor de 90 euros mensuales. Incluidos bases de datos, sistemas de alimentación ininterrumpida SAI´s, copias de seguridad diarias, soporte, ancho de banda etc 





Etiquetas: ,

Comments are closed.