Hola gente, les traigo este pequeño tuto de como crear un Globo (estilo contador) con Html5 y CSS3.

Hola gente...

El trabajo no me había permitido seguir escribiendo en el blog, hoy me escape para entregarles este pequeño tutorial.

Lo que vamos a hacer es permitir que nuestras paginas web hechas con Django puedan ejectuarse por medio del servidor Web, en este caso configuraremos Apache con Xampp.

Requerimientos:

1. Necesitamos tener instalado, Python, Django, Xampp.
2. Descargaremos el siguiente modulo mod_wsgi-win32-ap22py27-3.3.so, en ese enlace encontraran los módulos para otras versiones, escojan la apropiada para ustedes.
3. Realizar una pequeña aplicación con Django para probar nuestra configuración.

Bien, lo primero vamos a "c:/python27/scripts" ahí estará el archivo django-admin.py, lo copiamos y pegamos en "c:/xampp/htdocs", para habilitar la ejecucion de los modulos python...

Luego el modulo que descargamos mod_wsgi-win32-ap22py27-3.3.so, lo copiamos y pegamos en "c:/xampp/apache/modules" y lo renombramos a "mod_wsgi.so"

Ahora abrimos el archivo de configuración de apache que esta en "c:/xampp/apache/conf", el archivo se llama "httpd.conf", lo editamos y escribimos la siguiente linea: "LoadModule wsgi_module modules/mod_wsgi.so"

Ahora creamos un proyecto django, y iniciamos una aplicacion en la carpeta htdocs.

python django-admin.py startproject sitio
python django-admin.py startapp aplicacion

esto nos creara el proyecto y la aplicación django, quedaría algo asi en la carpeta htdocs: c:/xampp/htdocs/sitio

ahora modificamos una vez mas el httd.conf del apache y colocamos las siguientes lineas al final del archivo:

Alias /media/ "c:/xampp/htdocs/sitio/media"
<Directory c:/xampp/htdocs/sitio>
        Order deny,allow
       Allow from all
</Directory>

WSGIScriptAlias / "c:/xampp/htdocs/sitio/mod.wsgi"

Luego en la carpeta "c:/xampp/htdocs/sitio", creamos un archivo con extencion wsgi y lo llamamos mod, de tal forma que nos quede asi "mod.wsgi", el contenido de este archivo sera el siguiente:

import os, sys
sys.path.append('c:\\xampp\\htdocs\\sitio')
os.environ['DJANGO_SETTINGS_MODULE'] = 'sitio.settings'

import django.core.handlers.wsgi
application = django.core.handlers.wsgi.WSGIHandler()

y con esto tendríamos configurado y ligado nuestro proyecto django con el servidor web, reiniciamos el apache y luego vamos a localhost/sitio y tendría que aparecer el típico mensaje de django.

Si se fijan no hemos hecho nada como "python manage.py runserver" para arrancar el servidor, sino que de esto se encarga el apache ahora.

Espero todo vaya bien, y si están leyendo esto antes del Domingo 23 de septiembre de 2012, recuerden que  este día tendremos un taller en vivo sobre django avanzado en www.autodidact.as

Saludos.

Hola gente....

Hoy quiero compartir con ustedes una pequeña rutina que obtiene los vídeos que cualquier usuario de Youtube haya subido a su canal.

Utilizaremos para ello Jquery, asi que vayan haciendo referencia en la cabecera de sus paginas, para poder utilizarlo.

Lo primero que haremos sera construir la URL que nos devolverá la lista de vídeos subidos por un usuario de Youtube.

Para ello podes dar click a este link que nos llevara a la pagina de la Api de Youtube, donde hay una serie de parametros para construir nuestra URL., copian la direccion generada que sera similar a esta:

"http://gdata.youtube.com/feeds/api/videos?lr=es&orderby=published&author=lenincasco"

Básicamente obtiene los videos subidos por "lenincasco" ordenados por fecha de publicacion y que la metadata esté en español.

Bien ahora Jquery.

<script>


$.get("http://gdata.youtube.com/feeds/api/videos?lr=es&orderby=published&author=lenincasco", 

function (xml) {
$(xml).find("entry").each(

function () {
var idd = $(this).find('id');
var $id = idd.text().substring(42);

$("#videos").append("<li><iframe type='text/html' height='100%'     width='100%' src='http://www.youtube.com/embed/" + $id + "'></iframe></li>");
});

});

</script>


Explicación:

Con .get() es una función de Jquery que recibe como parámetros una URL de donde va a obtener los datos, y en este caso una función para el CallBack, la cual tiene el elemento "xml" que es la Data regresada en el request de la Url.

con jquery buscamos el elemento "entry" en el arbol de la Data regresada, y para cada uno de ellos ejecutamos otra función anonima, dentro de esta buscamos el elemento "id" que esta dentro de la "entry" y la almacenamos en la variable "idd", "idd" nos regresa una url conteniendo al final de esta el id de cada video.

http://gdata.youtube.com/feeds/api/videos/l03R-F2dhlo

Lo que haremos sera extraer ese ID del final de está URL.

Primero convertimos a texto la url con esta instrucción idd.text(), luego hacemos un substring que nos regresara una subcadena y le decimos que nos regrese los caracteres restantes a partir del indice 42 (longitud de la url sin el ID).

luego solo nos resta armar nuestra forma de presentarlo en Html, asi que concatenamos el ID obtenido con el html correspondiente del Iframe donde pondremos nuestro video.

Comenten si les resulta.

Hasta la próxima.

Hola gente...

Hoy quiero compartirles este mini tuto, para crear un servidor Nodejs.

Lo primero es que voy a asumir que ya tienen instalado NodeJs, en sus computadoras.

Bien al grano.

Abrimos nuestro editor de texto preferido (SublimeText2), y comenzamos a codear.

//Declaramos una variable llamada http y le decimos que requiera el protocolo 'http'
var http = require('http');

//Declaramos una variable llamada servidor y le decimos que se inicialice con la creacion del servidor.
var servidor = http.createServer(); 

//Y le decimos que al servidor creado que almacenamos en 'server', que escuche en el puerto 8080.
server.listen(8080);

//Y para que sepamos que realemente esta corriendo, imprimimos en la consola.
console.log('Servidor inciado y escuchando en el puerto 8080');

Ahora le damos guardar a nuestro archivo, escogemos un directorio de nuestra PC, y le damos un nombre con extensión JS. (como ejemplo usaremos el nombre 'server.js')

Perfecto con esto ya está creado el servidor NodeJs, pero ahora falta iniciarlo.

Para eso vamos a la consola y buscamos el directorio donde creamos el archivo del servidor, una vez dentro ejecutamos la siguiente instrucción.

node server.js

y veremos algo como esto.

Si se fijan es el mismo mensaje que imprimimos a consola. con esto sabemos que el servidor está corriendo.

Genial, pero que pasa si vamos a nuestro servidor local 'localhost:8080'. y al puerto donde escucha nuestro server? bueno no pasa nada, precisamente porque no le dijimos a nuestro servidor que hiciera algo, solo que escuchara en ese puerto.

Bien cambiemos algo más en nuestro codigo del server, para que aparezca algo en nuestro navegador cuando entremos a 'localhost:8080'....

En la parte donde creamos nuestro servidor agregamos una función, de ésta manera.

server = http.createServer( function (request, response) {
      response.writeHead(200, {"Content-Type" :  "text/html"});
      response.write("<div><h1>Hola Mundo</h1></div>");
      response.end();
});

En pocas palabras le decimos a nuestro server que el tipo de contenido sera texto / html
ademas escribimos html con un Hola Mundo

Ahora a probar nuevamente nuestro 'localhost:8080' y veremos nuestro Hola Mundo.

Bueno todo por hoy, ya iremos viendo algunos ejemplos con NodeJs.

Hola gente...

Hoy me recomendaron una aplicación que en pocas palabras me permitirá ganar dinero recomendado paginas, productos y demás por twits.

Bueno en principio la idea se escucha genial (quien no quiere un dinerito extra), pero como siempre las cosas  no son tan sencillas.

Primer inconveniente, para poder participar de esto necesitas tener por lo menos 100 seguidores (en lo personal tengo hasta el momento 125, así que puedo participar, pero llevo como 2 meses creo para poder conseguirlos).

Segundo, tenes que ser un twitero activo, es decir que hayas mandado al menos 30 twits en los últimos dos meses (conozco personas que tienen 1 twit a lo largo de su vida digital).

Tercero, la modalidad de enviar twits que te permitan ganar dinero no es tan fácil. (pensaba suscribirme y comenzar a twitear :)  ), hay tres maneras de que podas enviar twits patrocinados.

1. Campañas de Tweets.
1. Los patrocinadores crean sus campañas y escogen de entre todos los twiteros a los que ellos consideren pueden ofrecer mejor su producto (Como compito contra alguien que pueda tener mas de 500 seguidores y yo con 125).
2. Campaña de clicks.
1. De igual manera que la anterior pero te pagan por los clicks que den a tus twits (mismo inconveniente te tienen que elegir de entre tantos que esten registrados).
3. Mercadillos.
1. En un mercadillo, el anunciante oferta una serie de tweets a un precio fijado por él a número limitado de tuiteros determinados al azar, pero según unos criterios de búsqueda.

Con respecto al pago, este se puede dar por PAYPAL, MONEYBOOKERS, TRANSFERENCIAS.

Paypal te puede cobrar comisión por los pagos que recibas, ademas los pagos se pueden retirar hasta tener por lo menos 50 euros. (si un producto lo pagan por ejemplo a 0.05 ctvs, tendrías que enviar 1000 twits, o que te den click 1000 veces, y si solo tienes 125 seguidores como yo ......).

Igual para MoneyBookers.

Y las transferencias solo para ESPAÑA.

Bien ya me he desahogado, ahora vayan y prueben ustedes click aqui:  TWYNC 

Me cuentan como les fue.

Hola gente..

Este domingo 15 de julio hicimos un taller html5 en vivo, donde increiblemente tuvimos participación internacional jejeje (Colombia, México, Ecuador, Argentina...).

El objetivo era enseñar a construir una página web desde cero, utilizando html5, no es introductorio a Html5, sino a aprender a maquetar una página.

Los que se lo perdieron, estén pendiente este domingo próximo 22 de julio de 2012 haremos otro webcast (pendientes).

Aqui les dejo el webcast pasado.

Primera Parte

Segunda Parte

Hola gente...

Hoy temprano me llegó un cliente con una portátil en la que tenia instalado dos sistemas operativos (Windows 7 y Ubuntu).

Pues resulta señores que el cliente eliminó la partición donde tenia Ubuntu, pero como sabrán al instalar un sistema operativo Linux, este instala un gestor de arranque en el registro MBR, que existe al principio de los sectores de un disco.

Pues como se imaginan al borrar la partición bruscamente y no desinstalando el sistema, el registro MBR queda con los cambios hechos por Ubuntu, con lo que luego no arranca Windows, para solucionar este problema es necesario hacer los siguiente:

1. Bootear desde el disco de instalación de Windows7.
2. En la opción que se presenta de instalar, en la parte inferior sale otra opción que dice Reparar Windows.
3. Se presentan varias opciones, nosotros seleccionaremos la que dice Simbolo de Sistema.
4. Nos aparece la consola de windows y ahi introducimos el siguiente comando:

•  bootsect /nt60 ALL /force /mbr

y listo, después de esto solo nos queda cerrar ventanas abiertas y reiniciar.

A lo olvidaba...

El comando bootsect actualiza el MBR para cambiar entre BOOTMGR Y NTLDR, está herramienta se usa para restaurar el sector de arranque de la computadora.

El parámetro /nt60 aplica el MBR compatible con BOOTMGR (Windows vista o superiores)

Con ALL le decimos que lo aplique a todas las particiones que se pueden usar como arranque.

Con Force le decimos que desmonte la unidad y la bloquee para sobrescribir

Y que todo se haga en el Master Boot Record (MBR).

Suerte..

http://www.autodidact.as

Buenas gente...

Yahoo fue el blanco de un ataque por parte de hackers quienes afirman que el propósito del mismo era demostrar la vulnerabilidad de los servidores de Yahoo.

Se han posteado mas de 453,000 credenciales de yahoo para demostrar el hecho.

Como precaución amigos se sugiere cambiar de inmediato sus contraseñas no vaya a ser...

No han publicado oficialmente el link donde fueron expuestas las cuentas, debido a que son datos sensibles, así que manos a la obra a actualizar sus cuentas y cambiar contraseñas y datos de login.

Pero cual es el gran asunto sobre las credenciales??

Bueno la información sensible hackeada corresponde a respuesta a tu pregunta de seguridad, fecha de nacimiento o cualquier otra información que hayamos puesto en nuestra cuenta y el hacker puede entrar a nuestra cuenta bancaria si tenemos la misma contraseña o credenciales de seguridad (Lo más usual es que pongamos la misma password para todo).

Es importante usar diferentes preguntas de seguridad cuando hagamos nuestras cuentas online, especialmente para las bancarias.

Suerte....

Hola gente...

El auge de la tecnología es increíble, con los aportes que hace Google con sus aplicaciones, se han abierto campos de acción en todos los aspectos.

Una Aerolinea "British Airway" ha desarrollado una aplicación "Know me" que se encargará de buscar el nombre del pasajero en Google y recopilar información de la persona y enviarla al personal de la Aerolinea (Reconocimiento Facial), con el objetivo de brindar un servicio más personalizado para los clientes, también enviará información referente a problemas que pudo haber tenido en viajes pasados y atenderle mejor la próxima vez.

Hay discusiones al respecto, ya que unos dicen que están cruzando la linea de la privacidad, otros que es algo innovador, en mi opinión si tenes información que está al alcance de googlear, pues no es tan privada.

Usarán el sistema de redes interno de la Aerolinea, enviarán al rededor de 4,500 mensajes al día, a los ipads del personal de Cabina de avión, puerta de embarque y servicio al cliente.

Qué opinan???

Hola Gente...

Windows 8 viene con un estilo Metro - Retro, al menos por el logo, la siguiente imagen muestra la evolución de los logotipos que ha usado Windows, si se fijan en 1985 un diseño plano y esquinas redondeadas, ahora en 2012 "Nuevo Diseño", es bastante similar al primero, a diferencia de la disposición de las ventanas, las esquinas redondeas y el skew aplicado.

Incluso me sumo a los comentarios hechos por otras personas de que el logotipo primero es mas bonito.

Que opinan? Falta de Creatividad?, Diseño remontando a lo viejo y básico?

Yahoo Web Analitycs, herramienta que recopila información y muestra estadísticas de los sitios web, y que lo hacia de manera gratuita, ha anunciado que cierra operaciones.

La verdad es que Yahoo ya no es lo que solía ser (que profundo), la verdad es que como buscador google lo supero, lo único creo yo que lo mantiene vivo es el uso de los correos, esto tiene a esta empresa en una de los momentos mas complicados desde su fundación.

Después del 31 de agosto, para ningún sitio web (de manera gratuita) se guardaran registros de sus actividades, únicamente se podrá seguir viendo la información ya almacenada, esto durante 2 meses más después de eso solo funcionara para clientes de Yahoo Store y clientes indeterminados de Yahoo.

Así que si tienen cuenta en YWA, ya deberían ir buscando como respaldar sus estadísticas porque después del 31 de octubre ya no habrá para más.

Ahora Google analitycs queda solo en el camino, ojala y no se duerman en el desarrollo y mejora de esta utilidad al no tener competencia.

Bueno, hasta pronto amigos y adiós Yahoo Web Analitycs.

PSD.

No olviden eliminar las Etiquetas de Yahoo Web Analitycs de sus sitios Web.

Hola gente...

Este sábado 30, hicimos el WebCast con Alex Rayo, diseñando con PhotoShop.

Estuvo muy bien, creo que todos aprendimos un poco, y seguro que nos abrió la mente un poco mas en cuanto a lo que podemos hacer.

Yo les invito a que posteen en la Comunidad lo que hicieron con el tutorial, eso nos dice que estamos bien, que vamos por buen camino y que lo que hacemos se aprovecha.

Si te lo perdiste aquí está el video.

Hasta pronto...

Hola gente...

Por fin sábado otra vez, y hoy tendremos un streaming en vivo, con Alex Rayo, un chavalo entusiasta, fanático hasta los huesos de diseño gráfico, ha aprendido a usar Photoshop, Illustrator, After Effects, etc.., por su cuenta, travesiando dice él, Alex comenta que le ha gustado la dinámica de compartir conocimiento que hemos comenzado a desarrollar (haciendo pequeños tutos como éste) en la Comunidad Informática, como fruto de esto el desea compartir un poco también, es por eso que hoy a las 7 pm hora Nicaragua, nos estará entregando algunas técnicas que él utiliza para sus "travesuras".

Si nunca te has metido con PhotoShop, o si eres travieso igual que Alex, te invito que nos acompañes hoy y veas como él lo hace y quién sabe a la larga y aprendes uno que otro truquito.

Revisa el evento que hemos creado y únete al circulo de Google + para que no te pierdas próximas actividades.

Los esperamos.

Hola Gente:

En esta ocación quiero compartirles este pequeño truco de Mysql, ya les explico como llegué a este problema.

Resulta que tengo en una base de datos de Msyql al rededor de 1500 registros, bueno estos se ingresaron importandolos de un archivo CSV, bueno la cosa es que yo necesitaba reorganizar estos items, agregandoles un id numerico y consecutivo (eh ahi mi gran necesidad), bueno a continuacion les dejo la instruccion sql que permite solventar este problema:

update tabla a,(select @numeroConsecutivo:=0) tv 

set idItem=@numeroConsecutivo:=@numeroConsecutivo+1;

Es una instruccion de actualización que se ejecuta sobre "tabla" con el alias "a", luego tenemos otra "tabla virtual" con alias tv que se conforma por un select que me regresa una variable "numeroConsecutivo" inicializada a cero, luego le digo que al campo "idItem" le asigne ("set")  la variable que regresa "tv" incrementado en uno y asignada a si misma (para que en el siguiente registro conserve el valor anterior), esto lo hará hasta que no queden registros en la "tabla".

Espero se comprenda y a más de alguno le sea de utilidad.

Hasta pronto.

Si al abrir tu Visual Studio 2010 e ir a Ayuda/Acerca de... y ves una pantalla como ésta:

es una señal de que tienes que actualizar al Sp1 tu Visual, este service pack tiene los siguientes requerimientos:

Sistemas operativos compatibles

• Windows Server 2008 R2 (x 64 compatibles)
• Windows 7 (x 86-basado y basado en 64 bits)
• Windows Server 2008 (x 86 en todos y x 64 compatibles) junto con el Service Pack 2
• Windows Vista (x 86 con todos los y las ediciones x 64 excepto Starter Edition) junto con el Service Pack 2
• Windows Server 2003 R2 (x 86 en todos y x 64 compatibles)
• Windows Server 2003 (todas en x 86 con y todas las ediciones de 64 x) junto con el Service Pack 2
  
  Nota Debe tener MSXML 6.0 para poder aplicar este service pack en un equipo que ejecuta Windows Server 2003. Para obtener más información acerca de cómo obtener MSXML 6.0, visite el siguiente sitio Web de Microsoft:
  
  Microsoft Core XML Services 6.0 (MSXML)
• Windows XP Service Pack 2 (SP2) o una versión posterior de Windows XP
• Windows XP (todos los x 86-ediciones excepto la edición Starter) junto con el Service Pack 3

Arquitecturas compatibles

• 32 bits (x 86)
• 64 bits (x 64) (WOW)

Requisitos de hardware

• 1,6 gigahercios (GHz) o procesador más rápido
• 1.024 MB de RAM (1,5 GB si se ejecuta en una máquina virtual)
• 5.5 GB de espacio de disco duro disponible
• Unidad de disco duro de 5.400 RPM
• DirectX 9-tarjeta de vídeo que se está ejecutando en 1.024 x 768 o mayor resolución pantalla
• Unidad de DVD

Requisitos de software

Debe tener uno de los programas de Visual Studio 2010 compatibles para poder aplicar este service pack.


Entre otras cosas el Service Pack 1, trae una ayuda local, soporte para Silverlight 4 (Para los que están siguiendo éste tutorial, y no podian instalar Silverlight), Compatibilidad de IIS Express, Soporte de SQL CE4, etc..


Asi que no dejen de actualizar su visual Studio 2010 .


Aca el Link de descarga: Visual Studio 2010 SP1

Fuente: Support Microsoft

Hola gente...

Hoy transmitimos en vivo, nuestro primer tutorial, hicimos un hangout donde participaron Belkys Morales, Alex Rayo y su servidor, ademas de los que nos vieron en vivo a través de Youtube.

Fue una experiencia increíble, había pensado hace mucho hacer algo similar, me sentí muy bien transmitiendo un poco de lo que he aprendido, deseo realmente que puedan aprovechar este esfuerzo que realizamos.

Nos extendimos a una hora y 35 minutos, lo programado era una hora, pero creo que vale la pena, es una material que te podrá ayudar a enfocarte en como puedes realizar una aplicación con Silverlight.

Alex Rayo se comprometió en vivo a realizar un tutorial sobre diseño, así que lo estaremos esperando.

Les invito a que nos sigan por Youtube en el canal "lenincasco", para que estén enterados de los nuevos eventos, también por Twitter en la cuenta @lenincasco, por Facebook a que formes parte de la comunidad informática que ya llevamos 100 miembros y seguiremos creciendo (Comunidad Informática).

Si nos ponemos las pilas entre todos podremos mejorar nuestro nivel de aprendizaje y si compartimos lo que cada uno sabe entonces entre todos sabremos mucho.

Háganle el animo y sigamos haciendo eventos que involucren cada día a más y más personas, hagamos que crezca esta comunidad.

Hasta pronto y gracias a los que participaron. y a los que lo vean por Youtube háganlo saber enviando un tuit con sus comentarios..


PSD. Los códigos y Base de datos de ejemplo estarán pronto en el grupo de Facebook.

Saludos.

Responsive HTML5/CSS3 template - HTML / CSS - Creattica
Aquí podrán descargar una plantilla qué se ve bien en todos los dispositivos.

Published with Blogger-droid v2.0.6

Imitación de la Ipad de Apple? o Computadora imaginativamente bien diseñada, capaz nunca antes vista.? ustedes júzguenlo.





Según dicen esta Tablet tiene un grosor de 9.3 mm, pesa 1.5 lbs y traerá Windows 8 como sistema Operativo, el precio aún no es oficial, pero se rumorá por el hyper-espacio que oscilara en los 1,000.00 dolares.

Esta tiene una barrita que le sirve de apoyo para colocarla como sale en la imagen de la izquierda; ademas la gran novedad que la hace única es el pequeño teclado que posee en la cubierta y adivinen como se conectará con el Tablet??, pues nada mas y nada menos que con imanes (conectores magnéticos), esta cubierta tiene 3 mm de espesor, (Se imaginan lo delgado del teclado) y hace que la Tablet se convierta en la portátil más delgada del mundo.

Entre 64 y 128 Gb, sera la capacidad de esta Surface.


Si acaso creen que es poco, Microsoft diseño esta Tablet en dos versiones: una con los tradicionales procesadores Intel y otra que usará los de ARM Holdings. Las dos tendrán las mismas capacidades de la cubierta/teclado.





"...tableta que es una gran PC, una PC que es una gran tableta..." Steven Sinofsky


Que estarán pensando Samsung Electronics Co Ltd y Hewlett-Packard con esta novedad de Microsoft, puesto que son los socios mas estrechos en materia de Hardware?


Dicen que esperan que las ventas de las Tablets de tripliquen para el 2013, alcanzando 180 millones de unidades más que lo que han alcanzado las computadoras personales, otro dato importante: desde su lanzamiento hace dos años, Apple ha vendido 67 millones de iPads, saquen su calculadora....

fuente: www.cnnexpansion.com