The basic information that GA gives to you is the number of visitors per day, week, month or custom ranges, also you can see the referrers of your page and the keywords they used to find you over google or another search engine.
More complex tasks are for example the funnels, the objectives, etc. For example, imagine that we have a online service website and we want to know the conversion ratio between the traffic that arrives at our website and the people that finally buys our service. In GA we can setup a Goal, this goal at the end is a destination url, time on the site or pageviews per user. So, for our example we will setup a goal for a specific url, that can be our service payment confirmation page. With that goal in place we will have our usual information about how many traffic we have and then a specific information about how many traffic arrives to the confirmation page.

After that to see in a nice way all that information we can use other tool inside GA called funnels. The funnel is a graphic to display that kind of information, imagine that our checkout process have 2 steps plus the confirmation page, with that in mind we can create a funnel to see how many traffic passes for every stage of the checkout.

In the following picture we can see a funnel example, in this e-commerce shop we have 3481 total visits and only 241 do the login on the page, of this 241 users 146 places an order and 119 users complete the order, that means a conversion rate of 0.09%.

These are just some ideas and tools availables in GA, so don’t forget to use this kind of tools in your websites to extract as much information as possible to know how the market reacts upon your products and processes.

To continue reading and learning about this tool you can visit the Google Analytics Tour Page or just go to Google Analytics and create an account!

Google Apps is a web-based solution, so it has all the advantatges of Cloud Computing applications. You can access to it anywhere and anytime (if you have an Internet connection).

This services provide you 50 times more storage than the industry average with 99.9% uptime reliability guarantee with synchronous replication. Also offer you Mobile email, calendar, IM access and helpful 24/7 customer support.

Standard edition is perfect to newly emerged Startups because it’s free! But it has some limitations: 50 users maximum, email attachments cannot be larger than 25 MB, limited to sendig email to 500 external recipients per day per email account and less uptime guaranteed. 24/7 support is also offered only for Premium accounts.

Finally, we let you a quick tour video of Google Apps to encourage you to test this amazing suite for your company.

First of all, we apologies for the unexpected changes done in the SegmentationFault Blog. As you may notice, we have transform our old blog into a corporative website, with a new appearence, and we have decided to write exclusively in English from now on.

One year ago we started this blog with the aim of shareing with others a bit of knowledge that we learn everyday. Now, SegmentationFault is becoming to be a more serious project, specially since we are participating in Tetuan Valley Startup Spring School 2010.

We hope to continue having your support at this time, with your feedback on the blog or following us on Twitter (@sfteam).

Best regards for all of you,

Christopher, Noemí and Gabriel
SegmentationFault team

+----+----+--------+
| CS | LF | Locale |
+----+----+--------+
| 0  | 0  | DL_DC  |
| 0  | 1  | LF_DC  |
| 1  | 0  | DL_CS  |
| 1  | 1  | LF_CS  |
+----+----+--------+

Lengend

• CS = Country Supported in the System
• LF = Language Forced in the URL
• DL_DC = Locale for the default country with the default language configured on the DB
• LF_DC = Locale for the default country but with the language forced in the URL
• DL_CS = Locale for the country detected with the default language configured on the DB
• LF_CS = Locale for the country detected with the language forced in the URL

Thinking about how it’s the best approach to solve the problem I found the following solutions.

Which do you think it’s the best approach?

Para ello, debemos discernir, en primera instancia, entre los datos que conforman el contenido propiamente dicho (normalmente documentos jerarquizados que siguen una estructura) y los llamados metadatos. ¿Y qué son los metadatos? Entendemos por metadatos, los datos que contienen información sobre los propios datos (etiquetas, enlaces, reviews, pageviews, etc.).

Otro aspecto muy a tener en cuenta en el proceso de clasificación de los datos es la privacidad de éstos. Los buscadores utilizan la información para devolver resultados cada vez más adecuados a los usuarios, y parte de ella (como las querys o los clicks) pueden revelar algunos datos personales.

Llegados a este punto se nos formulan algunas preguntas nada despreciables: ¿Cómo podemos utilizar estos datos? ¿Con qué criterio los organizamos? ¿Cuán fiables son los datos que poseemos?

En lo que respecta a la fiabilidad de los datos, podemos hacer una reflexión desde el punto de vista estadístico. Teniendo en cuenta que el conjunto de búsquedas/visitas es muy elevado, y curiosamente la mayoría de ellas son sobre un conjunto de temas comunes (la llamada “long tale” en la representación gráfica), la distribución tenderá a ser una distribución normal o gaussiana. La media de todos los datos será, por lo tanto, un resultado sorprendentemente bueno.

Así, podemos aprovechar que el conocimiento colectivo supera, en la mayor parte de los casos, al conocimiento individual. Toda esta teoría está detallada en profundidad en el libro The Wisdom of Crowds: Why the Many Are Smarter Than the Few and How Collective Wisdom Shapes Business, Economies, Societies and Nations de James Surowiecki.

Aún disponiendo de datos fiables, debemos establecer una organización y clasificación para que resulten realmente útiles al usuario final. Esto requiere determinar unos criterios sobre el conjunto de información (texto, enlaces, etiquetas, queries, etc.) para medir la calidad de cada recurso.

La clasificación por excelencia de la Web 1.0 (PageRank) basa la calidad de los documentos en función de los enlaces que “apuntan” a cada uno de ellos. Este ingenioso modelo funcionaba a la perfección cuando los únicos usuarios que realizaban los enlaces en la red de redes eran los administradores. Hoy por hoy cualquiera tiene la posibilidad de crear enlaces y este sistema para clasificar los contenidos está perdiendo fuerza en la Web 2.0.

Un modelo alternativo que tiene un buen desempeño en la actualidad es el etiquetado, en inglés tagging, de los documentos. El usuario que añade una información en Internet se encarga también de definir un conjunto de etiquetas o palabras claves que ayuden a clasificar dicha información.

El etiquetado tiene aplicaciones muy diversas e interesantes. Una de ellas consiste en la selección de contenido teniendo en cuenta la diversidad de términos (topical diversity). Un ejemplo claro es la consulta “Jaguar”, que puede hacer referencia al animal o a la marca de automóviles.

También son útiles los tags para segregar y descartar algunas imágenes en querys determinadas. Por ejemplo, si un usuario busca “Honda Civic” probablemente no querrá encontrar como resultado un conjunto de imágenes del coche con el mismo ángulo. Un resultado óptimo devolvería imágenes desde todos los ángulos posibles. Es lo que se designa con el término visual diversity.

El tagging en imágenes tiene más aplicaciones útiles, como la navegación a partir de las etiquetas (como en Yahoo! TagExplorer) o las anotaciones visuales (use visual annotations), en las que una etiqueta es representada mediante un rectángulo que encuadra un objeto particular. Sistemas de este tipo se utilizan actualmente en portales como Flickr o Facebook.

Pese a todo, el gran inconveniente de este sistema es la necesidad de que el usuario defina los tags, con lo que ello respecta (errores ortográficos, errores tipográficos, subjetividad, heterogeneidad…). Inmediatamente se nos ocurre la idea de implementar un sistema para sugerir etiquetas, pero la experiencia nos dice que el usuario es propenso a hacer uso de la “ley del mínimo esfuerzo”. Es decir, que en la mayoría de los casos el usuario se limitaría a introducir una única etiqueta y seleccionar el resto de ellas del conjunto propuesto por el algoritmo de sugerencia.

Otro modelo que cabe destacar es el basado en la correlación entre los recursos. El principio de funcionamiento de este método es buscar el conjunto de elementos relacionados con la consulta introducida por el usuario (otros nombres, lugares, eventos, imágenes, etc.). Estas interrelaciones entre las entidades se suelen representar como grafos, y se aplican los algoritmos y técnicas de teoría de grafos para su implementación.

Relacionado con lo anterior está el uso de las consultas como etiquetas implícitas (querys as implicit tags). Esta técnica aprovecha las decisiones que toma el usuario para detectar las relaciones entre las búsquedas y etiquetar los recursos. Un ejemplo podría ser dos usuarios que realizan las consultas “Roma” e “Imperio romano” respectivamente y, no obstante, hacen click en el mismo enlace de todos los presentes en los resultados. El sistema detectaría estos casos y haría patente esa relación mediante nuevas transiciones en el click graph.

Un sistema complementario para mejorar las búsquedas en la Web 2.0 es el uso del conocimiento implícito (implicit knowledge). La mejor manera de entender el funcionamiento de esta técnica es con un caso práctico. Supongamos que un usuario introduce la query “tfcu”. Usando el conocimiento implícito debe obtener todos los documentos relacionados con la teachers federal credit union, dado que tfcu es el acrónimo de ésta. Del mismo modo, el sistema debe guardar una relación entre CEE, UE, Comunidad Económica Europea y Unión Europea.

El objetivo principal de la recuperación de información (information retrieval) es devolver el conjunto óptimo de recursos relacionados con lo que el usuario está buscando, en el menor tiempo posible. Todos los modelos mencionados, y muchos otros que se han quedado en el tintero, sirven para acercarse más al objetivo, y el uso combinado de todos ellos produce mejores resultados.

La Web crece en volumen de información y evoluciona a la par que los usuarios requieren disponer de la información más relevante de la forma más rápida posible. ¿Pero, en qué dirección evoluciona la Web? La tendencia marca el progresivo adiós a las búsquedas, dando paso a portales que ofrecerán al usuario justo aquello que desean obtener sin necesidad de que éste lo pida. Dicho así puede sonar bastante utópico. Sin embargo, ¿quién imaginaba hace 20 años que se podría obtener todo tipo de información escribiendo algunas palabras en una caja de texto? ¿Llegará un día en el que abriendo nuestro navegar obtendremos la información que necesitamos sin hacer nada para llegar a ella? Sólo el futuro de la Web tiene la respuesta.

Fuente

Ricardo Baeza – http://www.dcc.uchile.cl/~rbaeza/spanish.html

Antes de nada debo decir que estos son los pasos que he seguido para instalar XDebug para PHP 5.2 usando MAMP Pro 1.8.4 bajo MacOS X Snow Leopard. Es posible que, si tenéis una configuración distinta, los pasos puedan variar un poco.

En primer lugar debemos descargarnos los binarios de XDebug en esta URL: http://aspn.activestate.com/ASPN/Downloads/Komodo/RemoteDebugging.

Descomprimimos el archivo .tgz que nos acabamos de descargar y veremos que hay una estructura de directorios que representa las diferentes versiones de PHP. Yo actualmente estoy utilizando PHP 5.2 (la que en estos momentos incluye por defecto MAMP y MAMP Pro) así que copiaré el fichero xdebug.so que hay dentro de esta carpeta.

Este archivo xdebug.so deberemos copiarlo en el directorio de extensiones de PHP, en MAMP es /Applications/MAMP/bin/php5/lib/php/extensions/no-debug-non-zts-20050922/.

Ahora deberemos añadir algunas líneas a nuestro php.ini para activar y configurar la extensión. La localización habitual del fichero php.ini en MAMP es /Applications/MAMP/conf/php5/php.ini pero (¡OJO!) si utilizáis MAMP Pro las modificaciones en este fichero serán en vano. Esto es debido a que MAMP Pro carga su propia copia del php.ini que se localiza en /Applications/MAMP PRO x.x.x/MAMP PRO.app/Contents/Resources/php5.ini (accediendo haciendo clic con botón derecho sobre la app de MAMP Pro y “Mostrar contenido del paquete“).

Una vez localizado el php.ini adecuado, debemos añadir la siguiente línea:

[xdebug]
zend_extension="/Applications/MAMP/bin/php5/lib/php/extensions/no-debug-non-zts-20060613/xdebug.so"

Si utilizáis el editor TextMate para programar, añadid también esta línea a continuación para que el debugger muestre los errores como enlaces a TextMate en la línea correcta:

xdebug.file_link_format = "txmt://open?url=file://%f&line=%l"

Si además váis a utilizar MacGDBp para debuggar y queréis que se ejecute el debugger por defecto (si lo tenéis abierto) podéis añadir también (sino deberéis añadir ?XDEBUG_SESSION_START=macgdbp a vuestra URL cada vez para iniciar el debugger):

xdebug.remote_enable = On
xdebug.remote_autostart = 1

Para que funcione todo correctamente posiblemente deberemos desactivar el Zend Optimizer, que viene activado por defecto en MAMP.  Para ello, comentamos las siguientes líneas:

;zend_optimizer.optimization_level=15
;zend_extension_manager.optimizer=/Applications/MAMP/bin/php5/zend/lib/Optimizer-3.3.3
;zend_optimizer.version=3.3.3

Ahora debéis reiniciar el servidor Apache y ya podréis comenzar a debuggar vuestras aplicaciones en PHP. Si ha funcionado ya os daréis cuenta de que los errores se muestran en una tabla muy colorida y hay una mejora muy sustancial a la hora de mostrar los resultados de var_dump.

Espero que os sea de utilidad y si tenéis problemas acudid a los comentarios para intentar resolverlos entre todos. ¡Salu2!

Fuentes

debuggable.com – http://debuggable.com/posts/setting-up-xdebug-on-mac-os-x-or-win32-linux:480f4dd6-0240-4a90-8fa1-4e41cbdd56cb

Techno Sophos – http://technosophos.com/content/debugging-your-php-code-xdebug-mamp-textmate-and-macgdbp-support

La primera característica más notable es que puede grabar con una cámara integrada VGA de 640 por 480 píxeles además de 15 efectos en tiempo real como rayos X, seguridad ciborg o caleidoscopio entre otros. A todo esto, y no podía ser menos, incluye un microfono para grabar sonido a la vez que vídeo. Con este micrófono también se incluye una aplicación para poder grabar notas de voz.

Estéticamente sus acabados son de aluminio anodizado que podemos obtener en nueve tonos eléctricos y una pantalla de 2,2 pulgadas.

Y lo que más nos interesa es su funcionamiento.

Radio! Algo que mucha gente habrá echado de menos en otros iPods y es que además de poder disfrutar de ella podremos parar su reproducción en directo evitándonos perder cualquier sintonía que estemos escuchando.

Imagen extraída de © 2009 Apple Inc. Todos los derechos reservados.

Y para hacernos más amena la práctica de deporte, tanto si adquieres tu iPod nano junto a las zapatillas Nike+ o no, podrás disfrutar de un podómetro.

El podómetro funciona gracias al acelerómetro integrado que contabiliza tus pasos y calcula las calorías quemadas. También registra tu carrera dándote todos los datos de tu ritmo, tiempo o distancia recorrida.

Y la última novedad es la mezcla Genius que explora tu biblioteca y encuentra combinaciones de canciones similares, luego esta lista puedes guardarla o actualizarla. Además activando la función agitación puedes cambiar de canción aleatoriamente.

De momento podemos adquirirlo desde la web de Apple donde nos ofrece la posibilidad de grabar el dorso de nuestro iPod gratuitamente con la inscripción que deseemos.

Parece que Apple viene pisando fuerte y aquí en Segmentation Fautl! seguiremos al tanto de todas sus novedades.

]]> http://www.segmentationfault.es/2009/09/ipod-nano-novedades/feed/ 1 http://www.segmentationfault.es/2009/08/listas-ordenadas-scriptaculous/ http://www.segmentationfault.es/2009/08/listas-ordenadas-scriptaculous/#comments Wed, 19 Aug 2009 20:21:03 +0000 Noemí Losada http://www.segmentationfault.es/?p=1085 Prototype es un framework de javascript que pretende facilitar el desarrollo de aplicaciones web dinámicas. Prototype extiende javascript y nos ofrece funcionalidades que serían complejas de desarrollar con el clásico javascript.

Scriptaculous es una librería que extiende a Prototype proporcionándonos la capacidad de crear efectos visuales e incluso animaciones a partir de unas funciones muy sencillas. Para poder implementar listas ordenadas necesitamos usar una de las funciones de Scriptaculous que convierte una lista convencional en una lista ordenable en tiempo real.

Para crear la lista ordenada nos basaremos en  el ejemplo que podemos encontrar en la wiki de scriptaculous.

En primer lugar crearemos un documento html en el que añadiremos nuestra lista:

<ul id="lista">
  <li style="position:relative;">Lorem</li>
  <li style="position:relative;">ipsum</li>
  <li style="position:relative;">dolor</li>
  <li style="position:relative;">sit</li>
  <li style="position:relative;">amet</li>
  <li style="position:relative;">consectetur</li>
  <li style="position:relative;">adipisci</li>
  <li style="position:relative;">velit</li>
</ul>

Como veis hemos asignado una id al elemento ul llamado “lista” que después utilizaremos para decirle a Scriptaculous que lista debe convertir en ordenable. Por otra parte también hemos añadido position:relative; como estilo de cada ítem de la lista para que al convertirse en ordenable se puedan mover.

Para poder hacer uso de Prototype y Scriptaculous tenemos dos maneras de incluir las librerías, la primera de ellas es descargárnoslas y llamarlas desde nuestro html y la segunda manera es incluirlas directamente desde la web oficial (cabe destacar que google tiene una versión cacheada de estas librerías y podemos acceder a ellas desde el apartado API’S).

En nuestro código optamos por incluírlas directamente, para ello escribiremos el siguiente fragmento html entre las etiquetas head (aunque recientemente ha aparecido una Best Practice que indica que para cargar la página más rápidamente hay que llamar a javascript al final de la página justo antes del cierre del body) :

<script src="http://script.aculo.us/prototype.js" type="text/javascript"></script>
<script src="http://script.aculo.us/scriptaculous.js" type="text/javascript"></script>

Por último debemos decirle a Scriptaculous que lista debe convertir, para ello utilizaremos la siguiente instrucción:

<script language="javascript">
  Sortable.create("lista");
</script>

Con la línea “Sortable.create(“lista”);” convertimos nuestra lista convencional en una lista ordenable mediante Drag&Drop que esta muy de moda en la web 2.0. Si os fijáis en la llamada a la función create pasamos como primer parámetro el id de la lista que queremos convertir, esta función tiene otro parámetros que podemos descubrir en la página de la wiki referente a esta función, entre otras opciones podemos especificar que elementos son los que se van a mover por la lista (como por ejemplo tr en el caso de querer una tabla con sus filas ordenables) e incluso podemos especificar un handler (un elemento que va a actuar como el punto desde el que arrastrar el elemento).

Si os interesa saber más sobre los efectos que puede realizar esta librería sólo es cuestión de investigar en la wiki de scriptaculous dónde tenéis otra manera de ordenar listas como por ejemplo escoger que parte del ítem es la que queréis mover.

Aquí os dejo una pequeña demo de nuestra lista:

• Lorem
• ipsum
• dolor
• sit
• amet
• consectetur
• adipisci
• velit

En primer lugar comenzamos con la web de Phatfusion, dónde utilizan lenguajes como Flash y Javascript, en la que podemos destacar:

Lightbox

Crea una tenue oscuridad en todo el fondo excepto la imagen, que se abre a modo pop-up, para provocar un efecto de luminosidad en ella, después podemos pasar a la imagen siguiente o anterior con unos botones de control además de contener una pequeña descripción de la imagen.

Galería de imágen Lightbox

Descarga Lightbox desde este enlace http://www.phatfusion.net/lightbox/lightbox.zip

Multibox

Manteniendo el mismo efecto que Lightbox pero añadiendo que además de imágenes también visualiza flash, vídeo y mp3.

Descarga Multibox desde este enlace http://www.phatfusion.net/multibox/multibox.zip

Slideshow

Esta es más simple pero añade una transición con fade, que podemos parar, además de poder escoger la imagen que deseemos ver.

Galería de imágenes Slideshow

Descarga Slideshow desde este enlace http://www.phatfusion.net/slideshow/slideshow.zip

Otra web que nos ofrece más galerías es AirtightInteractive hechas con flash de la cual destacamos:

Simpleviewer

Es una galería sencilla pero con un toque muy elegante. Puedes ver una demo desde aquí.

Descarga Simpleviewer desde este enlace http://www.airtightinteractive.com/simpleviewer/simpleviewer.zip

Autoviewer

Podemos poner una descripción de cada foto y pasarlas mediante los botones de control o bien tocando la parte que sobresale de cada imagen de la derecha o de la izquierda. Podéis ver una demo desde aquí.

Galería de imágenes Autoviewer

Descarga Autoviewer desde este enlace http://www.airtightinteractive.com/projects/autoviewer/autoviewer.zip

Postcardviewer

Esta galeria muestra todas las imagenes en thumbnails sobre un fondo negro y al clicar permite ampliar la imagen escogida.

Probad la demo desde aquí y os dejo el enlace de descarga http://www.airtightinteractive.com/projects/postcardviewer/postcardviewer.zip

Tiltviewer

Algo diferente alresto de galerías es tiltviewer que muestra las imágenes sobre un fondo negro como postcardviewer pero estas con un efecto 3D por las cuales podemos navegar y hacer zoom al clicar.

Ved la demo por vosotr@s mism@s aquí. Este es el enlace de descarga http://www.airtightinteractive.com/projects/tiltviewer/tiltviewer.zip

Polaroid

Cambiando de estilo tenemos la web no3dfx dónde podemos encontrar la galería polaroid.

Realmente original nos permite mover las fotos de sitio hacer zoom-in y zoom-out y todas las imágenes con un diseño como las fotografías que podemos realizar con una cámara polaroid. Esta galería también utiliza flash.

Galería de imágenes Polaroid

Aquí podéis probar la demo, no tiene desperdicio.

Enlace de descarga de esta galería http://www.no3dfx.com/polaroid/_files/polaroid_270716.zip

Shadowbox

Otra galería a destacar es Shadowbox muy parecida a Lightbox. Sencilla y funcional era evidente nombrarla puesto que es la que nosotros utilizamos en Error: SegmentationFault! podéis ver su funcionamiento al clicar cualquier imagen de este post veréis como se funde el fondo en un tono más oscuro y la imagen queda centrada, podéis utilizar los botones de control para pasar a la siguiente o ver la anterior.

Si os gusta aquí tenéis el enlace de descarga http://www.shadowbox-js.com/download.html

Aquí os dejo otros enlaces dónde podréis encontrar más galerías por si todavía no os ha convencido ninguna de las anteriores:

http://smoothgallery.jondesign.net

http://www.dezinerfolio.com

http://www.flshow.net/index.php

http://devkick.com/lab/galleria