Juan Carlos Saavedra

Extraer Datos Estructurados, desde Sitios Web con Scrapy.

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 06 Aug 2017 02:53:00 +0000

Vamos a explicar como utilizar Scrapy, el cual es un framework open source construido con python, permite recuperar información desde paginas webs en forma estructurada.

Como ejemplo, utilizaremos el sitio web de supercom.gob.ec, en dicho sitio existe una pagina con un listado de medios de comunicación del Ecuador con la siguiente información: Nombre, sitio web, redes sociales. Vamos a trabajar con los canales de televisión.

Para trabajar con Scrapy, demos tener conocimientos básicos sobre:

Ejecutar script con Python.
Conocer Html/CSS, o XPath.

Utilizaremos Selectores CSS, para obtener un listado de medios de televisión existentes en Ecuador, los cuales se encuentran en la siguiente pagina:

http://www.supercom.gob.ec/es/informate-y-participa/directorio-de-medios/22-television

Lo primero que debemos hacer, es analizar donde se encuentran los datos que vamos a extraer, para lo cual buscamos selectores CSS o etiquetas HTML que contengan los datos, podemos utilizar la herramienta de desarrollo del Chrome para este fin.

Figura 1. Inspector de Elementos de las herramientas de Desarrollo de Chrome.

El inspector de elementos, nos indica que la información de cada canal de televisión se encuentra dentro un "div" el cual posee una clase css "span6", dicho div contiene toda la información del canal de televisión, observe la figura 1.

<div class="span6">

... Información del Canal ...

</div>

Dentro de este bloque, el nombre del canal se encuentran en una etiqueta "h2", con css "lead page-header", adicional el nombre es un enlace web, por lo tanto esta encerrado en una etiqueta "a". Con el cual podemos utilizar el selector 'h2.page-header a' para obtener el nombre del canal.

<h2 class="lead page-header">

<a href="...">TV Satelital</a>

</h2>

Con los selectores analizados, vamos a crear el spider de scrapy. Para lo cual creamos un archivo television_spider.py con el siguiente código:

Explicamos linea por linea:

Linea 1. Importar la librearía scrapy.
Linea 3. Creamos nuestro spider, para lo cual hacemos una clase "TelevisionSpider" que herede de la clase "scrapy.Spider".
Linea 4. Le damos un nombre a nuestro spider, utilizando la propiedad 'name'.
Linea 5. Establecemos las urls de las paginas web de las cuales vamos a obtener los datos. Para lo cual utilizamos la propiedad start_urls
Linea 7. Sobrecargamos el método parse de la clase, este método posee un parámetro response, el cual nos permite procesar el contenido de las urls establecidas en la Linea 5.
Linea 9. Conocemos que cada canal de televisión, esta dentro de un <div class='span6>...</div>, entonces utilizamos el selector css 'div.span6'. El objeto response contiene un método css, el cual permite utilizar selectores css para extraer información. La instrucción "for tv in response.css('div.span6'):", indica al spider que obtengan todos los elementos que cumplan el selector, recorremos cada elemento encontrado.
Linea 10,11,12. Para obtener el nombre del canal de televisión utilizamos el selector css 'h2.page-header a', como nos interesa el texto de la etiqueta "a", utilizamos la variante "::text", por lo cual el selector final seria 'h2.page-header a::text'. Utilizamos el método extract_first(), para guardar el contenido en el campo 'titulo' de nuestros datos extraídos.

Para ejecutar nuestro spider utilizaremos el siguiente comando:

>>scrapy runspider television_spider.py -o datos.json

Nota. Observe que el nombre del archivo "television_spider.py", debe corresponder al nombre de la clase del spider, en este caso sera "TelevisionSpider" con estilo PascalCase.

Los datos generados son los siguientes:

Como se observa al final existen dos elementos nulos, esto se debe a que el selector "div.span6" se utiliza en otra parte de la pagina para algo diferente que contener la información del canal. Debemos ser mas específicos en el selector, podemos utilizar el contenedor de todos los canales, en este caso es "div.entry-container", por lo cual nuestro selector seria "div.entry-container div.span6".

Volvemos a ejecutar el spider con los cambios realizados, esta vez los datos generados no existen elementos nulos.

Hasta el momento se ha obtenido el nombre del canal, para obtener los otros datos, analizamos las etiquetadas html y clases css, que contenga dichos datos. A continuacion se enumeran los diferentes datos con los selectores correspondientes que los contienen:

Dirección: div.spField.field_direccion
Teléfono: div.spField.field_telefono
Fax: div.spField.field_fax
Sitio Web: div.spField.field_sitio_web
Email: div.spField.field_email
Twitter: div.spField.field_twitter

Con este análisis, modificamos nuestro código para recuperar todos los datos:

El listado completo de canales, se encuentra en varias paginas, en nuestro ejemplo exactamente en cinco paginas. Podemos utilizar una opción estática para obtener toda la información, la cual consiste en colocar el listado de todas las cinco url de las paginas en la propiedad "start_urls" de la clase.

Esta opción estática, no es muy recomendada, scrapy posee opciones mas dinámicas que nos permiten tratar escenarios de paginación, en un próximo post explicaremos estas opciones.

Hacer un Juego con HTML5 / Canvas. Parte 3.

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Mon, 25 Jul 2016 06:05:00 +0000

Realizado los dibujos del juego (Hacer un Juego con HTML5 / Canvas. Parte 1.), y el código para rotar el cuadrado con los triángulos de colores al hacer click (Hacer un Juego con HTML5 / Canvas. Parte 2.), vamos aumentar el código con el mecanismo de circulo que cae desde la parte superior y que debemos hacer coincidir en el color con el triangulo superior.

Vamos a cambiar el código para dibujar los triángulos dentro del cuadrado, iniciando con el triangulo superior, luego continuamos a la derecha, luego el triangulo inferior, y por ultimo el triangulo de la izquierda, es decir siguiendo el orden de las manecillas del reloj, el mismo orden que sigue al momento de rotar el cuadrado con el click.

Tenemos una matriz de cuatro colores [Color1,Color2,Color3,Color4], el Color1 se utiliza para el triangulo superior, el Color2 para el triangulo derecho, y así sucesivamente. Para conocer que color se encuentra actualmente en la parte superior vamos a utilizar el valor de rotación actual: Según este valor tenemos 0 => Color1, 90 => Color2, 180=> Color3, 270 => Color4.

Por lo tanto la formula para obtener el numero de color es; Rotación Actual / 90.

Para realizar el mecanismo de caída del circulo, colocamos una variable de velocidad a Ball, dicho valor aumenta el valor de "y" de Ball en cada ciclo de animación, con lo cual le damos el movimiento al circulo.

En cada ciclo de animación, debemos verificar si el circulo se encuentra colisionado con el cuadrado, si es el caso debemos verificar si el color de Ball coincide con el valor del triangulo superior para reiniciar el valor de "y" de Ball a 0, para que comience a caer desde la parte superior nuevamente con otro color "aleatorio" de los cuatro colores posibles. Si no coincide el color finalizar el juego.

Para reiniciar nuevo juego, si perdemos, damos un click.

Debemos colocar algún contador de cantidad de aciertos que se ha tenido, para lo cual vamos a crear un objeto "Scope" para realizar esto.

El código y resultado a continuación:

See the Pen Juego - Canvas. Parte 3 by Juan Carlos Saavedra (@jcsuscriptor) on CodePen.

Hacer un Juego con HTML5 / Canvas. Parte 2.

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 24 Jul 2016 20:14:00 +0000

Un vez que hemos dibujado los elementos del juego en la parte 1, vamos a proceder a colocar el código para permitir rotar el cuadrado al dar un click.

Los ángulos de rotación serán 0, 90, 180, 270, 360, para lo cual vamos a tener una variable global para almacenar el valor actual de rotación, en cada click se aumentara en 90 este valor, si llega a 360 el valor sera establecido a 0, de esta forma tenemos un ciclo continuo.

Todo el contenido de canvas, es una imagen, por lo que si deseamos tener interacción debemos volver a dibujar el contenido del mismo. Para esto vamos a utilizar un animación continua utilizando window.requestAnimationFrame, que nos permite llamar a una función en cada ciclo de animación.

function play(){
//1. Limpiar todo el contenido del canvas
  ctx.clearRect(0, 0, canvas.width, canvas.height);

//2. Dibujar el contenido
...
  ctx.rotate((Math.PI / 180) * rotate);
square.draw();

//3. Continuar con el siguiente ciclo de animacion
  window.requestAnimationFrame(play);
}

 window.requestAnimationFrame(play);

Antes de dibujar el cuadrado con los triangulos realizamos una rotacion, segun el valor global de la variable rotate. Utilizamos "Math.PI/180 * Grados" para convertir los grados a radianes que utiliza ctx.rotate(radianes)

Vemos el resultado:

See the Pen Juego - Canvas. Parte 2. by Juan Carlos Saavedra (@jcsuscriptor) on CodePen.

Se tiene una falla, al momento de rotar el cuadrado con los triángulos, el eje de rotación es el vértice izquierdo superior, para corregir esto debemos realizar un traslado del eje según el valor del angulo, para lo cual utilizaremos translate.

See the Pen Juego - Canvas. Parte 2. 1 by Juan Carlos Saavedra (@jcsuscriptor) on CodePen.

En la "Hacer un Juego con HTML5 / Canvas. Parte 3.", vamos a completar el código para la caída del circulo y verificación si coincide el color del circulo con el color del triangulo superior.

Hacer un Juego con HTML5 / Canvas. Parte 1.

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 24 Jul 2016 06:34:00 +0000

Voy a realizar un serie de post de crear un juego en html5, javascript, canvas. Según como avancen en los post, voy aumentando características hasta tener un juego final.

El juego que voy a realizar es un clon de Impossible Rush.

Parte. 1.

La primera parte consisten en crear las geometrías necesarias para el juego con instrucciones javascript en un elemento Canvas.

Se crea un circulo, y un cuadrado formado por 4 triángulos de 4 colores diferentes. Ver a continuación el código html, javascript y el resultado:

See the Pen Juego - Canvas. Parte 1. by Juan Carlos Saavedra (@jcsuscriptor) on CodePen.

Para aprender mas sobre canvas, pueden revisar el siguiente Tutorial Canvas

En la segunda parte, vamos a colocar la lógica para rotar el cuadrado al momento de dar un click.

Hacer un Juego con HTML5 / Canvas. Parte 2.

Comandos básicos Docker

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Thu, 27 Aug 2015 17:02:00 +0000

Vamos a revisar algunos comandos básicos de docker, utilizando como referencia mongodb.

Buscar imágenes:

docker search

Este comando nos permite buscar imágenes en el repositorio publico "Docker Hub", donde es una palabra relacionado con lo que estamos buscando ejemplo "ubuntu, mongo, mysql, apache, drupal, etc"

Ejemplo: Buscar imágenes existentes de mongodb.

docker search mongo

Al ejecutar este comando se visualiza un listado de elementos con la siguiente información: "NAME, DESCRIPTION, STARTS, OFFICIAL, AUTOMATED"

Nombre, esta compuesto por /. En el listado tenemos por ejemplo "tutum/mongodb" "torusware/speedus-mongo".

La columna OFFICIAL, nos permite determinar si la imagen es oficial, es este caso "mongo" es la imagen oficial de mongodb.

Figura 1. Docker search

Descargar imágenes:

docker pull

Este comando nos permite descargar una imagen por medio de su nombre, recuerde los nombres puede estar formados /.

Ejemplo: Descargar imagen de mongo. En el anterior comando se detecto que el nombre de la imagen oficial de mongodb es "mongo", por lo tanto el comando es:

docker pull mongo

Figura 2. Docker pull

Ejecutar imágenes

$ docker run

Este comando nos permite ejecutar un contenedor a partir de una imagen, existe varias opciones para este comando,

Ejemplo. Ejecutar un contenedor de drupal.

$ docker run -d drupal

Explicación:

run: comando para ejecutar contenedores.
-d
drupal: nombre de la imagen

Ejemplo. Ejecutar un conteneor de ubuntu, para interactuar con un shell utilizamos las opciones "-i -t" del comando "run"

$ docker run -i -t ubuntu /bin/bash

Explicación:

run: comando para ejecutar contenedores.
-i -t: opciones que nos permiten interactuar con el contenedor.
ubuntu: nombre de la imagen.
"/bin/bash": comando que se ejecuta en el contenedor en este caso iniciamos el shell bash para interactuar con el contenedor linux ubuntu

Figura 3. docker run -i -t ubuntu /bin/bash

Mayor información de run. https://docs.docker.com/reference/run/

Visualizar imágenes existentes localmente

$ docker images

Este comando visualiza un listado de las imágenes existente localmente.

Visualizar los contenedores que se encuentran ejecutándose.

$ docker ps

Este comando visualiza un listado de los contenedores que están ejecutándose.

Comprender la Arquitectura de Docker

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 16 Aug 2015 17:23:00 +0000

Docker es un proyecto de código abierto con el que fácilmente podremos crear "contenedores". Estos contenedores de Docker podríamos definirlos como máquinas virtuales ligeras, menos exigentes con los chips y memorias de los equipos donde se ejecutarán.

Docker utiliza una arquitectura cliente - servidor, el “Docker daemon” es el encargado de realizar el trabajo "construir, ejecutar y distribuir" los contenedores, el cliente permite interactuar con el servidor “Docker daemon”

El cliente y servidor se comunica vía socker o través de una API REST.

Para comprender docker, vamos a definir los tres componentes que lo conforman:

Docker images.
Docker registries.
Docker containers.

Imágenes Docker.

Las imágenes docker son una especie de plantillas de solo lectura, las cuales contiene la información necesaria para ejecutar un contendedor. Una imagen puede tener el sistema
operativo Ubuntu, un servidor web apache con módulos de php, y una base de datos mysql.

Cada imagen inicia desde una imagen base, por ejemplo "Ubuntu image", "Fedora image". A esta imagen base se agrega otros componentes ejemplo una base de datos NoSQL "mongodb", node.js, etc.

En términos de programación son las clases.

Contenedor Docker.

Un contenedor es creado a partir de una imagen, estos pueden ser ejecutados, detenidos, iniciados, eliminados. Contiene todo lo necesario para que una aplicación pueda ejecutarse “Sistema operativo, aplicaciones, archivos, metadatos, procesos, etc.”

Cada contenedor es una plataforma aislada y segura, son autosuficientes (aunque pueden depender de otros contenedores, por ejemplo, un wordpress que necesita una base de datos mysql) no necesitando nada más que la imagen del contenedor para que funcionen los servicios que ofrece.

En términos de programación son las instancias “objetos” de las clases.

Registros Docker.

Los registros docker son repositorios que contienen las imágenes de los cuales se pueden descargar, agregar o actualizar. Estos permiten compartir las imágenes. Estos pueden ser públicos o privados.

El Registro Público de Docker es https://hub.docker.com/

Utilizar contenedores Docker en windows

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sat, 08 Aug 2015 23:53:00 +0000

Para utilizar docker en windows se debe instalar Boot2docker.

Bajar la ultima version desde:

https://github.com/boot2docker/windows-installer/releases

Al momento de escribir esta entrada la ultima version es 1.7.1 de boot2docker

https://github.com/boot2docker/windows-installer/releases/download/v1.7.1/docker-install.exe

Ejecutar el instalador "docker-install.exe", el cual contiene:

Boot2Docker v1.7.1

Boot2Docker Management Tool v1.7.1

Docker v1.7.1

VirtualBox v4.3.30-r101610

msysGit v1.9.5-preview20150319

Ejecutar "Boot2Docker Start" desde el escritorio o programas. Se visualizará un shell para ejecutar comandos

Desde la linea de comandos ejecutar “docker version” para visualizar la versión instalada de docker y verificar que la instalacción este correcta.

La serie ‘Isla presidencial’

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sat, 06 Mar 2010 23:20:00 +0000

12 Mandatarios quedan atrapados en una Ilsa desierta... ¿Cómo sobrevivierán sin poder? No tenemos idea.

Ver los otros videos.

Cooperativa de Transportes Loja, sitio web realizado con Drupal

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Tue, 24 Nov 2009 22:15:00 +0000

Cooperativa de transportes Loja, es una empresa del sur del Ecuador, que brinda sus servicios desde 1.961, con 48 años de experiencia, y un constante proceso de renovación de las unidades vehiculares para ofrecer un transporte seguro, comodo y eficiente. Actualmente dispone de 135 modernas unidades.

Servicios que ofrece

Transporte Terrestre
Courier Transporte de Carga y Encomiendas
Expresos Internacionales
Estación de Servicios

El sitio web fue realizado con el CMS drupal, el cual posee una arquitectura sencilla y versátil para adaptarse a diferentes requerimientos.

Algunos Modulos / Drupal Utilizados

CCK, para crear contenidos personalizados
View, para crear vistas de datos personalizados
Views attach, permite atar una vista a un nodo relacionado

Admin, este modulo proporciona algunas interfaces para que el trabajo de administrar un sitio web con drupal sea mas fácil de hacerlo.

Addresses, este modulo nos permite manejar las direcciones de una forma mas estructura y organizada.
XML sitemap, modulo para generar sitemap para indexar el sitio en los buscadores.
Para crear las galerías de imagenes y las imagenes del contenido se utilizo en conjunto los módulos: ImageCache, ImageField, ImageAPI, FileField

Visita el sitio web de la Cooperativa de Transportes Loja: www.cooperativaloja.com

La Casa Blanca se muda a Drupal

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Wed, 28 Oct 2009 21:47:00 +0000

"El sábado pasado los técnicos de la administración de Obama mudaron la platafroma web del sitio de la Casa Blanca (WhiteHouse.gov) desde el anterior sistema propietario comprado por la administración de George W. Bush a uno completamente basado enDrupal, libre, abierto y amparado bajo la licencia GPL. El resto de la implementación incluye un servidor Red Hat, Apache, PHP (obviamente) y MySQL, con Solr como la nueva máquina de búsquedas para todo el sitio.
Macon Phillips, Director de Medios de la Casa Blanca, dijo al respecto que:
“Queremos mejorar las herramientas usadas por las miles de personas que ingresan a WhiteHouse.gov para conectarse con oficiales de la Casa Blanca y entre estos últimos entre sí de una manera útil”.
El equipo responsable del cambio, que también montó la campaña electoral de Obama en Internet usando software libre, comenzó a trabajar en la migración del sitio de la Casa Blanca desde que el nuevo presidente asumió su cargo el pasado 20 de Enero. Una buena parte de su mérito es que el visitante frecuente de WhiteHouse.gov no notará ninguna diferencia con la apariencia de su versión anterior."

Texto tomado desde :www.vivaphp.com.ar

Artículo completo en The Huffington Post.

Excelente Coleccion de Iconos Twitter

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Wed, 09 Sep 2009 02:24:00 +0000

Twitter, como sabemos es un servicio gratuito de microblogging que permite a sus usuarios enviar micro-entradas basadas en texto, denominadas "tweets", de una longitud máxima de 140 caracteres.

Si quieres una cuenta en twitter y deseas poner un icono lo mas llamativo posible, esta coleccion te ayudar a seleccionar el mas adecuado.

Enlace:

100 iconos libres de twitter para colocarlos en tu sitio web

Aplicaciones Web Utilizando - Ext.js - Parte 2

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Tue, 08 Sep 2009 21:47:00 +0000

AeroSQL es una herramienta para administrar servidores mysql escrito en PHP, es open source (GPLv3). Los resultados de las consultas SELECTs son visualizadas en una grilla (grid) como un tradicional aplicaciones de escritorio, esta grilla es editable por lo que puede actualizar los datos en la base de datos. En proximas versiones se van a incorporar otras caracteristias (respaldos, restauracion, etc.).

Enlace

http://www.burlaca.com/aerosql/

Demo

http://www.burlaca.com/aerosql-demo/

Kooboo, es un CMS, basado en ASP.NET MVC, esta diseñado para aquellas organizaciones o personas que necesitan nivel de gestion de contenido empresarial y un rapido desarrollo web.

Características principales

Gestion de usuarios basados en Roles.
Número ilimitado de usuarios y sitios web
Tipo de contenido personalizado
Validación
Control de versiones
Flujo de trabajo
Plantillas
Editor web WYSIWYG
Eventos
Lista de tareas
SEO

Enlace:

http://www.kooboo.com/index

eXtplorer, es un administrador de archivos web, esta realizado con PHP.

Navegar por las carpetas y archivos del servidor
Se puede editar, copiar, mover archivos.
Comprimir y Extraer archivos comprimidos
cambiar permisos de archivos y directorios,
incluso se puede ingresar a un servidor FTP con eXtplorer

Enlace:

http://extplorer.sourceforge.net/

Manuales, videos, en español para aprender Ext.js

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 09 Aug 2009 20:48:00 +0000

Buscando algunos recuros de ext.js en español, encontre un sitio excelente donde existe una variedad de manuales y videos sobre el framework bastante explicativos, tambien contiene algunas entradas sobre javascript que es necesario si quieres desarrollar en Ext.js. Por el momento estan algunos aspectos basicos, pero existe una lista completa de todos los temas que se van a tratar, y espero que muy pronto este completo este curso, porque seria de gran ayuda tener estos recursos para enseñar y aprender Ext.js.

Aqui algunos de los videos disponibles:

Instalación básica del Framework:

Instalación de temas o “look and feel”:

¿Que es un panel, para que sirve y cómo se crean?

Una ventana flotante

Enlace: Curso de Ext JS Framework

Otros videos estan disponibles en la sitio web:

http://www.quizzpot.com/2009/01/ext-js-framework/

Galeria de Imagenes elegantes en nuestros sitios web.

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 09 Aug 2009 19:15:00 +0000

Una parte comun en nuestros sitios web, son la visualizacion de galerias de imagenes, por lo tanto debemos seleccionar la opcion mas elegante para hacerlo. A continuacion algunos de las opciones disponibles para hacerlo:

DfGallery, una galeria creada en flash, realizada por la gente del blog Deziner Folio, tiene las siguientes caracteristicas.

Totalmente Gratis
Soporte para imágenes de Flickr, Picasa, Fotki, Photobucket.
Fácilmente personalizable. (Personalizar plantilla y estilos)
Modo de visualización a “pantalla completa”.
Posibilidad de agregar música de fondo en formato MP3.
Soporte de múltiples idiomas.
Tener varias galerias/grupos de imagenes

Existe modulos para utilizarlo dentro de algunos CMS:

Modulo DfGallery para Joomla
Modulos para drupal, se puede utilizar en conjunto del modulo de photos

Actualmente contiene dos versiones:

dfGallery 1.0:

dfGallery 2.0:

Informacion

Demo

Simpleviewer, realidaza en flash que se puede personalizar a través de un archivo XML.

Algunas de las caracteristicas

Precarga de imagenes
Personalizar colores, texto, fondo, etc
Navegacion por medio de teclas
Opcion para abir una imagen en otra pagina.

Posee una version libre y otra pagada.

Demo Simpleviewer

Galeria de imagenes con javascript. Esta opcion es totalmente hecha en javascript y CSS

Demo

Imprimir una pagina en PDF

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 02 Aug 2009 23:40:00 +0000

Cuando navegamos por algunos sitios web, y encontramos contenido de nuestro interes y deseamos guardarlo o imprimirlo, nos encontramos a veces que no existe una opcion para imprimir.

Para solucionar este problema podemos generar un PDF del sitio web que nos interesa, existe algunas herramientas que nos ayudan a esta tarea:

HTML-PDF-Converter.com

Nos permite de una página cualquiera a formato PDF, basta con introducir la dirección de la web a convertir, hacer clic y listo; tras unos segundos que consume el proceso, se presentará un cuadro de diálogo de descarga.

www.html-pdf-converter.com

Print What You Like

Se trata de un editor HTML en línea que no requiere de ningún tipo de plugin o soporte de escritorio para generar una versión imprimible de una página, nos permite guardar en PDF.

www.printwhatyoulike.com

Otro Theme libre para WordPress : Paper Wall

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 19 Jul 2009 17:48:00 +0000

Gracias a www.smashingmagazine.com, tenemos otro theme para wordpress para cambiar la apariencia de nuestros blogs, ademas lo puede bajar es gratuito...

Demo
Bajar el theme (.zip, 0.85 Mb)

Enlace:
Free WordPress Theme: Paper Wall

Mi sitio Web muy pronto - www.espiraldigital.com.ec

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sun, 12 Jul 2009 02:15:00 +0000

Hace algun tiempo inicie el diseño de sitios web, por mi cuenta. Por lo tanto he creado mi propia empresa Espiral Digital.

Espiral digital tendra dos lineas de acciones: Elaboracion y Diseño de sitios web Profesionales entre las principales caracteristicas:

Excelente Diseño
Facilidad de actualizacion del contenido de los sitio web, para lo cual utilizo drupal y joomla
Posicionamiento en los buscadores y estadisticas del trafico de los sitios web
Publicidad en Internet
entre otros...

Otra linea es la elaboracion de sistemas desarrollados integramente con tecnologia web:

Uso de Ext.js, para la capa de presentacion
Tecnologias del servidor: Php y Asp.net
Base de datos: Postgres y Mysql

Por el momento me encuentro en los ultimos retoques de lo que sera el sitio web de Espiral Digital.

Muy pronto: www.espiraldigital.com.ec

Google lanzará su propio sistema operativo para PC

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Thu, 09 Jul 2009 17:15:00 +0000

El líder de la búsqueda en internet Google lanzará su propio sistema operativo para PC, bautizado Google Chrome OS. La empresa, que hizo el anuncio ayer en su blog oficial, dio así un paso más en la batalla contra el gigante estadounidense Microsoft. “Velocidad, simplicidad y seguridad son los aspectos claves de Google Chrome OS”, dice la compañía con sede en California, que revela, además, que el sistema operativo estará albergado en el navegador Google Chrome.

Será un sistema operativo abierto (‘open source’) destinado en un primer momento a las computadoras de tipo ‘netbook’, más simplificadas y baratas, cuya principal función es la de navegar en la Internet y que tienen un gran éxito comercial.

Chrome OS competirá directamente con Windows, el sistema operativo estrella de su rival Microsoft, utilizado por el 90% de las computadoras del mundo. El gigante de los buscadores en la Internet indicó que abrirá el código fuente de Chrome OS, a diferencia del sistema Windows, y que los usuarios de ‘netbook’ podrán acceder al sistema para mediados de 2010. San Francisco, AFP

ibizamodel.com, un sitio web realizado con Drupal

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Sat, 04 Jul 2009 17:50:00 +0000

www.ibizamodel.com

Ibiza Models Group es la firma de la agencia de modelos de primer nivel con que cuenta este inteligente emprendimiento, y tiene en su haber a las mejores modelos de pasarela y fotografía para eventos y presentaciones que busquen un impacto realmente importante, perdurable en la mente de sus observadores, de sus marcas y de los propósitos comerciales de sus clientes.

Este sitio web, fue realizado con el CMS Drupal.

Modulos Utilizados

Visita el Sitio Web de Ibiza Models Group: http://www.ibizamodel.com

Sitio Web realizado con Drupal

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Thu, 02 Jul 2009 03:52:00 +0000

Desde algun tiempo he estado realizando sitios web con drupal, realizarlos aqui tiene algunas ventajas, pero asi como es flexible tambien demanda mayor tiempo para realizar un sitio web con drupal.

Para mi opinion los mejores CMS Joomla y Drupal, siempre los he realizado con Joomla por la rapidez para montar un sitio web, pero la flexibilidad del drupal me inclina por este..

El sitio web realizado es para la empresa Toners, distribuidor de tecnologia.

Modulos Utilizados

Sitio Web Toners: http://www.toners.ec

Un theme para WordPress, para visualizar una Galeria de Images

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Wed, 06 May 2009 17:41:00 +0000

Este theme nos puede servir en varios esenarios y lo podemos bajar es gratuito

Galeria de Imagenes
Portaforio
Coleccion de Sitios Web
Catalogos de Productos

Instrucciones para instalar

Ver Demo
download the theme (.zip, 1.1 Mb)

Via: www.smashingmagazine.com

SUSAN BOYLE UN FENOMENO.

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Thu, 23 Apr 2009 00:25:00 +0000

Susan Boyle, de 47 años, se convirtió en una de las estrellas más populares del mundo virtual de la noche a la mañana tras su interpretación de "I dreamed a dream" este mes en el programa "Britain's Got Talent".

A sus 47 años Susan Boyle sorprende al jurado con su actuación en las audiciones de Britains Got Talent, cantando I Dreamed a Dream (Soñe un sueño) de Los Miserables. Una maravillosa canción de Susan Boyle. La audiencia se ríe de ella antes de comenzar la canción, pero después de escucharla se quedaron en silencio, con sonrisas en sus rostros y los jueces le dieron el triple Sí

Si quieres ver el video de susan boyle, subtitulado en español lo puedes hacer en la siguiente direccion

http://www.youtube.com/watch?v=i-EPw816Qa0

Cambiar la apariencia de tu Escritorio a 3D con BumpTop

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Wed, 15 Apr 2009 21:29:00 +0000

Bumptop, es un prototipo de entorno de escritorio, diseñado para mejorar la funcionalidad tradicional de los ordenadores al emular el comportamiento normal de un escritorio del mundo real. Es controlado por la interacción del puntero, por lo que es más adecuado para Tablet PC y palmtops. Fue creado en la Universidad de Toronto por Anand Agarawala como tesis de maestría. Anand Agarawala realizó una presentación en la conferencia TED esta idea. Actualmente se encuentra en versión beta privada que puede solicitarse mediante la inscripción en el sitio.

En BumpTop, los documentos se comportan como bloques tridimensionales acostado en una mesa virtual. El usuario puede posicionar los bloques en el escritorio utilizando el lápiz óptico o un ratón. Hace amplio uso de la física con efectos del lanzado y golpes que se aplican a los documentos cuando interactúan para una experiencia más realista. Los bloques pueden apilarse de formas definidas. La selección multiple se realiza por medio de un LassoMenu, esta herramienta es utilizada realizando un trazo alrededor de los elemento y posteriormente las tareas más comunes son mostradas en un menú tipo pastel. BumpTop actualmente es compatible con Windows XP/Vista; las versiones para Mac/Linux están previstas para el futuro.

Además de las caracteristicas de organización de documentos, cuenta con opciones de redes sociales con que nos permite enviar fotos a Facebook o a Twitter desde el escritorio, también nos permite visualizar fotos desde Flickr, picasa o otro servicio de fotos que tenga "Photo RSS feeds" en nuestro escritorio.

Este sistema, cuenta con varios temas para adaptarse a nuestros gustos, aqui algunos de los existentes:

Tema: Under The Ice

Theme: Mario

Tema: Redwood Fence BumpTop Theme

Tema: Oasis

Si deseas buscar otros temas para bumtop, puedes hacerlo en http://customize.org/bumptop.

Para ver en accion bumtop observa el siguiente video:

Sitio Oficicial de Bumptop: http://www. bumptop.com

Invitación a conferencia de José Luis Orihuela

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Wed, 15 Apr 2009 21:18:00 +0000

La Universidad Técnica Particular de Loja y el portal de Líderes, del Grupo El Comercio se complace en invitar a Ud. y al personal de su medio de comunicación a la conferencia: “Escenario y cultura de la Web social, 10 pistas para medios que quieran cambiar“, a cargo del experto español en comunicación digital, José Luis Orihuela.

El evento se llevará a cabo el jueves 16 de abril, de 10:00 a 13.00, en la Sala Pío Jaramillo de la UTPL, el evento será transmitido en tiempo real a 18 provincias del país a través del sistema de videoconferencia satelital de la UTPL y en otros países podrán acompañarnos desde la página del centro virtual de convenciones de la UTPL www.utpl.edu.ec/convencionesv.

Los medios de comunicación masiva deben comprender la necesidad de estar presentes en la web. Cada día los usuarios encuentran nuevos servicios en la web 2.0 (w2), los usan, se acostumbran a ellos y terminan favoreciendo a quienes los ofrecen. La cultura cambia y nadie lo puede ignorar. (Francis Pisani).

El Marketing para On-line tuvo su día en Quito

noreply@blogger.com (Juan Carlos Saavedra Cevallos) — Thu, 09 Apr 2009 15:10:00 +0000

Cuatro expositores internacionales y uno local compartieron sus visiones el 31 de marzo, sobre la potencia y el alcance de Internet como medio para los anunciantes

Internet ya no es un medio de nicho, es masivo y con alta capacidad de segmentación. Con una afirmación así de categórica, Xavier Torres abrió el Internet Marketing Day 2009, el martes 31 de marzo, en Quito.

El gerente fundador de Yagé dirigió la primera conferencia de la jornada a un auditorio de cerca de 220 personas y partió por desmitificar los números en Ecuador.

Leer todo el artículo: El Marketing para On-line tuvo su día en Quito
Via: revistalideres.ec