| |

Laboratorio: reconocimiento de un motor de búsqueda para navegadores

Una de las características más útiles que poseen actualmente los navegadores es la posibilidad de personalizar y añadir motores de búsqueda. Firefox lo dispone desde hace tiempo e Internet Explorer lo ha añadido en su última versión. Para poder tener un poco de orden en la creación de estos motores existe OpenSearch, que tal como dice la Wikipedia es:

es un conjunto de tecnologías que permiten publicar los resultados de una búsqueda en un formato adecuado para la sindicación y agregación. Es una forma para que las páginas web y los motores de búsqueda publiquen sus resultados de forma accesible

El proceso es sencillo, añades un XML en tu web y un acceso desde tus páginas para que el navegador lo reconozca y te avise de que existe para instalarlo directamente.

El XML sería el siguiente:

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Sentido Web</ShortName>
<LongName>Sentido Web - Actualidad, productividad y desarrollo web...</LongName>
<Description>Encuentra todo lo que necesitas en tu día a día del desarrollo web.</Description>
<Tags>sentidoweb web internet blogs bitácoras weblogs web2.0 estándares css xhtml web-semántica php javascript</Tags>
<Contact>info@blogsmedia.com</Contact>
<Url type="text/html"     template="http://sentidoweb.com/bm/mt-search.cgi?IncludeBlogs=1&amp;search={searchTerms}&amp;submit.x=0&amp;submit.y=0&amp;submit=Buscar"/>
<Image height="16" width="16" type="image/vnd.microsoft.icon">http://sentidoweb.com/i/favicon.ico</Image>
<Query role="example" searchTerms="php" />
<Developer>Luis Sacristán Pascual</Developer>
<Attribution>BlogsMedia 2007, Creative Commons (Reconocimiento-NoComercial-SinObraDerivada 2.5)</Attribution>
<SyndicationRight>open</SyndicationRight>
<AdultContent>false</AdultContent>
<Language>es-es</Language>
<OutputEncoding>UTF-8</OutputEncoding>
<InputEncoding>UTF-8</InputEncoding>
</OpenSearchDescription>

Y la línea que hay que añadir a nuestras páginas en el header es la siguiente:

<link rel="search" type="application/opensearchdescription+xml"
href="http://dominio/path/opensearch.xml" title="Nuestro buscador" />

El XML de arriba es el que usamos para Sentido Web y aunque su lectura es clara, explicaremos cada una de las etiquetas del XML:

  • OpenSearchDescription: es la cabecera del XML de OpenSearch.
  • ShortName: contiene el nombre corto que identifica al motor de búsqueda. Debe tener como máximo 16 caracteres.
  • LongName: contiene el nombre largo que identifica al motor de búsqueda. Debe tener como máximo 48 caracteres.
  • Description: descripción del motor de búsqueda. Debe tener un máximo de 1024 caracteres.
  • Tags: conjunto de palabras separadas por espacios que describen el tipo de contenido que nos encontraremos en las búsquedas. Debe tener un máximo de 256 caracteres.
  • Contact: e-mail de contacto.
  • Url: indica el interfaz que el cliente (navegador) podrá utilizar para realizar la búsqueda. Dispone de varios parámetros que nos permiten personalizar la búsqueda:
    • type: tipo MIME del resultado de la búsqueda. Puede ser por ejemplo application/rss+xml para RSS o application/xhtml+xml para XHTML.
    • template: la plantilla de la URL para indicar al cliente cómo realizar la búsqueda, usando esta sintaxis.
    • indexOffset: contiene el índice del primer resultado de búsqueda.
    • pageOffset: contiene el número de la primera página de resultados.
  • Image: URL de la imagen que se asocia al buscador.
  • Query: define una búsqueda pueden realizar los clientes, más información aquí.
  • Developer: creador del xml.
  • AttributionEntidades a las que se les asocia el motor de búsqueda.
  • SyndicationRight: el grado de resultados que provee el buscador que se pueden buscar, mostrar y redistribuir.
  • AdultContent: indica si hay contenido para adultos.
  • Language: idioma del resultado de la búsqueda.
  • OutputEncoding: codificación de los datos de salida.
  • InputEncoding: codificación de los datos de entrada.

Existen otras etiquetas y se le pueden añadir otras si se indica un xmlns en la etiqueta OpenSearchDescription.

Regex Coach: ayuda con expresiones regulares

Regex Coach es una aplicación para Windows que nos ayuda a probar y a aprender expresiones regulares (compatibles con Perl).
Nos ayuda a comprobar nuestras regexps mostrando las coincidencias que hay con una cadena de texto que podemos añadir, además de mostrarnos que partes del texto corresponden a una parte específica de la regexp o a una arbitraria.
regexcoach.png
Entre otras características nos encontramos con una simulación de split, un árbol (poco logrado) con la representación gráfica de la expresión regular y descripción de la expresión regular en inglés, entre otras cosas.
Regex Coach

|

Nueva versión de HeidiSQL

heidisql.pngComo ya comentamos en otra ocasión, HeidiSQL es un cliente para MySQL que permite manejar y visualizar las bases de datos y las tablas de MySQL.

Acaban de sacar la versión 3.1 RC1, ofreciendo las siguientes novedades:

  • Mejora importante de rendimiento
  • Soporte para codificaciones de caracteres y collations de bases de datos y tablas.
  • Mejoras en los diálogos y las columnas de las tablas.
  • Ayuda que contiene queries, palabras clave, …
  • Optimización del export
  • Reemplazo de las listas de control por VirtualTreeView, el cual permite mover columnas, recordar posiciones y tamaños entre sesiones y mucho más.

HeidiSQL 3.1 RC1

|

phpEquiMon: monitorizar equipos de forma remota

phpEquiMon está pensado para los administradores de redes para tener y mantener una base de datos de equipos basados en IP, pudiendo guardar el hostname, la dirección IP, la MAC address y mucho más. Además ofrece características que facilitan la labor al administrador y permite a gente sin conocimiento técnico hacer un seguimiento del estado de los equipos.
phpequimon.png
Entre las características que ofrece nos encontramos con la posibilidad de personalizar las tablas de resultados, sistema de usuarios y grupos, monitorización online haciendo pings frecuentes, logs, temas, LDAP y mucho más.
phpEquiMon
Vía / International PHP Magazine

OpenProj: gestión de proyectos open source

OpenProj es una herramienta de gestión de proyectos muy completa que puede hacer de sustituto de Microsoft Project. Disponible para Linux, Unix, Mac o Windows. Comparte el motor de la aplicación con Project-ON-Demand, una aplicación de la misma gente que no es open source y dispone de más características.
openproj.png
Permite gráficas Gantt, diagramas de red (gráficas PERT), gráficas WBS y RBS y mucho más.
OpenProj
Vía / Mad Penguin

Built With: información técnica sobre web sites

builtwith.pngBuilt With es una página que nos muestra información técnica sobre un sitio en cuestión. Para ello nos ofrece qué librerías javascript usa, frameworks, publicidad, codificación, widgets (FeedBurner, Google Maps, …), CMS de publicación de blogs, herramienta de feeds, a parte de porcentaje de uso de cada cosa.
Una página que nos puede ser muy útil a la hora de pensar qué usar para desarrollar nuestra aplicación. En algunos casos te reconoce el framework PHP que se ha usado, lo cual nos puede dar una idea de las posibilidades del framework viendo el rendimiento del sitio.
Built With
Vía / OpenSourceCommunity.org

|

Más de 30 extensiones Firefox para desarrolladores web

Una lista de más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas ya son conocidas, pero alguna otra que desconocía parecen bastante interesantes.

CSS

  • Aardvark: permite ver atributos CSS, ids y clases seleccionando elementos de la página de forma individual.
  • chromEdit: permite modificar los CSS y los javascripts de cualquier página.
  • CSSMate: edición de ficheros CSS.
  • CSS validator: valida los CSS de tu página.
  • CSSViewer: visualiza propiedades CSS.
  • EditCSS: permite modificar los CSS cargados.
  • IE Tab: visualiza la página en Internet Explorer.
  • Style Sheet Chooser II: permite seleccionar CSS alternativos para una página.

Debug y análisis

Otros

  • Clipmarks: guarda partes de la página web.
  • Codetech: editor web con la apariencia de Dreamweaver.
  • ColorZilla: obtiene colores de las páginas visitadas.
  • FirePHP: ayuda a depurar PHP.
  • Greasemonkey: controla cualquier aspecto del comportamiento de las paginas web.
  • Measureit : mide en pixels el tamaño de partes de las páginas web.
  • Platypus: una de las mejores extensiones para modificar una página web.
  • Poster: permite interactuar con web services y otros recursos web.
  • Professor X: comprueba los contenidos de la cabecera de una página web.
  • Screen grab: guarda páginas web cómo imágenes.
  • TestGen4Web: guarda la actividad de los usuarios en páginas web.
  • View Source Chart: visualizador de código fuente.
  • Web Developer: colección de herramientas para desarrolladores web.
  • X-Ray: permite ver el código fuente de una página y alternar entre ambos de forma sencilla.

30+ Firefox Add-ons for Web Developers & Designers

Vía / Digg

|

phpMyFAQ: sistema php para FAQs

phpmyfaq.pngphpMyFAQ es un sistema multi-idioma para la gestión de FAQs, requiere PHP 4.3 o superior y admite diferentes sistemas de bases de datos (MySQL, PostgreSQL, SQLite, Sybase, MS SQL Server, MaxDB, IBM DB2, IBM Cloudscape, Apache Derby, Oracle, Interbase y Firebird).
También ofrece un CMS con editor WYSIWYG y un gestor de imágenes. Soporte para multi usuarios con usuarios y grupos basados en permisos en categorías y registros. Además añade revisión de tipo wiki, sistema de noticias, user tracking, plantillas, soporte a XML, PDF, sistema de backup, artículos relacionados, etiquetado, RSS, protección anti-spam, LDAP y scripts de instalación.
phpMyFAQ
Vía / International PHP Magazine

| | |

mod_top: herramienta para monitorizar aplicaciones LAMP

mod_top es una herramienta que nos permite monitorizar nuestras aplicaciones LAMP, ofreciendo un entorno similar al conocido comando top. La intención es dar soporte a PHP, Perl, Ruby, Python, mySQL, Postgres y Apache1+2 en Linux, pero actualmente solo da soporte a PHP4 y PHP5.

mod_top.png

Con mod_top podrás:

  • Localizar cuellos de botella en tus aplicaciones.
  • Solucionar problemas de gran consumo de memoria.
  • Comprender el uso de CPU.
  • Diagnosticar causas de poco uso y gran uso de recursos.
  • Descubrir dependencias de la BD.

top_mod

Vía / VT’s Tech Blog

Recursos, plantillas y herramientas de diseño web open source

A pesar de la lucha entre el uso de software propietario y el open source, hay que reconocer que el que sea gratis no implica que sea malo, y para demostrarlo, una lista (que os resumimos) de herramientas para diseño web, directorio de plantillas y recursos open source.

The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources

Vía / Digg