Streaming Magazine - Agosto 2011

La revista que te muestra lo ultimo en tecnología

Google Panda no tan tierno como parece

ImagenComo sabemos Google está en constante cambio y cada cambio que realiza afecta para bien o mal a los usuarios y dependientes. Por eso mismo, hoy hablaremos del nuevo cambio de Google panda (en cuanto al SEO) y daremos algunos tips para comenzar a ganar la partida de este nuevo juego que Google plantea con nuevas reglas y que promete ser muy interesante.

Destacados de la ediciónEntrevista a Cristian Viguri

Una entrevista muy interesante, la cual dejará muchas conceptos útiles en lo que a Marketing respecta

Los recien lanzados juegos de G+Nos encontraremos con muchos otros interesantes juegos, de todos los gustos y que te mostraremos en este articulo

Aplicaciones útiles para su empresaAlgunas de las aplicaciones web que nos facilitaran el trabajo en nuestra empresa.

Streaming MagazineMS by Spirate

Ciencia

Una bobina de Tesla es un tipo de transformador resonante, llamado así en honor a su inventor, Nikola Tesla. Las bobinas de Tesla están compuestas por una serie de circuitos eléctricos resonantes acoplados.Generalmente las bobinas de Tesla crean descargas eléctricas de alcances del orden de metros, lo que las hace muy espectaculares.

Cualquiera puede hacer una bobina de tesla casera pero se recomienda siempre hacerlo con cuidado y calculando los efectos que pueda tener.No se pretende dar una clase de electrónica y a grandes razgos, la bobina tesla usa una condición de resonancia para incrementar, digamos, unos 10 000 voltios a 1 millón de voltios. Lo interesante de todo es que el voltaje de salida no depende de la cantidad de alambre del secundario, tal como los transformadores convencionales. Esta condición de resonancia es como empujar a un niño en un columpio, si le das un empujón en el momento exacto, el niño irá cada véz más alto. El circuito tanque del inductor primario y el capacitor resuena a una frecuencia fija dependiendo de los valores de capactitancia e inductancia. Para que las cosas funcionen el oprimario tiene una gran capacitancia y una pequeña inductancia. Para que se tenga la misma frecuencia, nuestro secudnario tiene una pequeña capacitancia (el toroide) y una gran inductancia (bobina). Para complicar un poco más la idea, se provee el voltaje a la bobina primaria a la misma frecuencia de resonancia. El voltaje de alta frecuencia se logra cargando un capacitor hasta que llega a un voltaje que rompe a travéz del aire por un par de terminales. La distancia entre los terminales se ajusta hasta que se obtenga la frecuencia correcta.Aquí se puede ver un diagrama del circuito.

La entrada es de 220 V CA y el Tr1 da unos 10 000 V a varios mA. S.G. son terminales de seguridad en lso que salta una chsipa, L1 y L2 son chokes de alta frecuencia, g1 son los terminales de chispa, C1 es el banco de capacitores primario y L3 es el inductor primario. L4 es la bobina secundaria y Trm1 es el toroide o capacitor secundario.

La entrada es de 220 V CA y el Tr1 da unos 10 000 V a varios mA. S.G. son terminales de seguridad en lso que salta una chsipa, L1 y L2 son chokes de alta frecuencia, g1 son los terminales de chispa, C1 es el banco de capacitores primario y L3 es el inductor primario. L4 es la bobina secundaria y Trm1 es el toroide o capacitor secundario.

Small Pirate® - Todos los derechos reservados

Bobina de Tesla casera CienciaStreaming

Magazine

Streaming Magazine - Ciencia


Fuente de Poder

Transformador de letreros de neón

Bobina Primaria

Tapa de una Lámpara de Mesa

Bobina Secundaria

Se usa parte de una lámpara de mesa colocada al revés y se envuelve sobre ésta un alambre de cobre recubierto de plástico. Se san 8 metrso de alambre de cobre No. 12 o 14 enrrollado tal como se ev en la foto.

Para hacer la bobina secundaria se debe usar un tubo de plástico de PVC o incluso un tubo de cartón de 4 pulgadas de diámetro com 1 metro de longitud, alambre esmaltado No #22, #24 o #26. Deben enrrollarse unas 2 00 espiras del alambre esmaltado en el tubo, dejando unos 5 cm en cada extremo del tubo.

Capacitor de carga

Capacitores para Televisores de alto Voltage

La fuente de porder es un transformador para letreros de neón de

Para que la bobina tesla funcione apropiadamente los terminales de arco deben ser hechos lo mejor posible. El metodo más simple consiste de dos tornillos tal como se ve en la foto. De esta manera la distancia entre ellos se puede ir ajustando. El problema es muy simple: una vez que el aire entre los tornillos se ha ionizado con el arco voltaico que se produce, la resistencia en el aires se reduce por el incremento en la temperatura, por tanto la frecuencia varía mucho. Para evitar esto se debe hacer el "quench" es decir enfriar la chispa. Una forma es tener una docena de terminales, o soplar aire comprimido, etc. Me parece que lo más simple es usar el dispositivo que se muestra arriba.

Los capacitores son muy importantes porque se usan altos volatjes.

Capacitor de carga

Se necesita: Tornillos y tercas de 1/4"

Los capacitores son muy importantes porque se usan altos volatjes.

Streaming Magazine - Ciencia


Redactor

Jesús

Conectando el Secundario a TierraNo se conecta a la tierra regular de la casa, sino que se usa un objeto de metal lo suficientemente grande como un mueble metálico, etc.

ToroideSe necesita: 2 Platos de acero o de aluminio

El toroide incrementa la capacitancia de la bobina secundaria. Funciona así: el voltaje de la bobina secundaria es tan alto que se necesita solamente una superificie conductora, el toroide!! El aislamiento (dieléctrico) es el aire y la otra "placa" es la tierra.

Bobinas "Chokes" Se necesita: Tubos de bolígrafo y Alambre esmaltado

El aparato funcionando

Para evitar que los pulsos de alta frecuencia creados por la chispa malogren la fuente de poder se instalan estos filtros de alta frecuencia. Los chokes son simples inductores y los hicimos de los cuerpos de bolígrafos descartados. El alambre esmaltado es del número 16 o cualquier otro que se tenga a mano. Se envuelven unas 50 espiras.

Este articulo solo demuestra lo fácil e interesante que puede ser hacer una bobina de tesla. Es de uso educativo y cualquier uso es por decision de la persona. Recuerda que la electricidad se debe manejar con cuidado y en compañia de un adulto.

Comunicación y Negocios

Generalmente, para poder acceder a un servicio ya sea de Google u otra compañia necesitamos acceder a traves de un explorador.

El Cloud Computing sin embargo segun lo esta desarrollando Google no dejara acceder a este tipo de servicios a traves del CMD de nuestra PC.

Para acceder a algunos de sus servicios Google desarrollo una galeria python.

Por lo tanto, para poder usarlos deben tener instalado tanto el Python como la aplicacion llamada Google Command Line. Además deberas saber un poco sobre la utilización de lineas de comando.


Google y el Cloud ComputingComunicación y NegociosStreaming

Magazine

Subir posts a Bloggerpost --tags "GoogleCL, awesome" "Here's a really short post. The next posts will be much longer!" ~/blog/2010/may/*

Agregar eventos a Google Calendaradd "Dinner party with George tomorrow at 6pm"

Subir documentos a Google Docsupload the_bobs.csv ~/work/docs_to_share/*

Descargar fotos de Picasaget --title "My Album" /path/to/download/folder

Eliminar videos de Youtubedelete --title ".*"

Streaming Magazine - Comunicación y Negocios


Redactor

Santyyx

El Comando sería el nombre del comando más la tarea a llevar a cabo.

Google promete incluir estas librerias en las próximas versiones de Ubuntu y Debian. Además se supone que en el sistema operativo de google, Chrome OS, el acceso a estos servicios será mucho más fácil.

$ google blogger post --blog "My blog" --tags "python, googlecl, development" my_post.html$ google calendar add "Lunch with Jason tomorrow at noon"$ google docs edit --title "Shopping list" --editor vim

En el artículo de hoy, les mostrare algunas de las aplicaciones web que nos facilitaran el trabajo en nuestra empresa. Muchas de ellas son gratuitas aunque tambien, disponen de una version paga con algunas opciones extra.

Es una interesante aplicacion que nos permite realizar e imprimir las facturas de nuestra empresa. Sin necesidad de registrarse, dispone de un formulario totalmente modificable con campos personalizables al igual que los montos.

Al terminar el armado de la factura, podemos optar por imprimirla o bajarla en formato .PDFGratisLink: http://billable.me

Gratis *Planes desde u$s 9Link: http://xpenser.com

Billable

Una fantástica herramienta que controla nuestros gastos (diarios, mensuales o anuales) y nos envia la "factura" por mail, sms, twitter o mensajería instantanea.

Ideal para mantenernos al dia con el control de nuestros gastos, una herramienta bastante útil y práctica teniendo en cuenta que puede ser utilizada en dispositivos móviles con acceso a internet.

Xpenser


Aplicaciones útiles para su empresa Comunicación y NegociosStreaming

Magazine

* Sólo por 30 días.



Redactor

rafadizeo

Esta es una herramienta muy útil desarrollada por Adobe Air para aquellas empresas que realizan transacciones en internet con Paypal

Putler gestiona cuentas de Paypal sin la necesidad de una conexión a internet ya que su aplicacion guarda los datos de la cuenta en el ordenador.

Realiza informes avanzados y gráficos de los movimientos de la cuenta y asi tener un control financiero total sobre las transacciones de la empresa.

Gratis*Planes desde u$s 47

Link: http://www.getputler.com/

Putler

Para la gestion de sus propios empleados existe TribeHR, una herramienta sencilla y eficaz para gestionar todo lo referido al personal de una empresa.

Dispone de un plan tarifario que se adapta al crecimiento de su empresa, comenzando por una etapa de evaluacion de 15 días libres de todo riesgo limitada a la gestion de hasta 5 (cinco) empleados y hasta 100mb de almacenamiento de datos.

Una vez creada su cuenta, accedera al panel de administracion de su empresa atraves de un subdominio que la aplicacion le otorgará (Ej: http://antseye.mytribehr.com) y desde allí podra gestionar vacaciones, honorarios, partes de enfermo, licencias, recursos, eventos, informes, etc. del personal adscripto.Gratis*Planes desde u$s 19 mensualesLink: http://www.tribehr.com/

TribeHR

*Version limitada a datos de los últimos 7 días.

* Solo por 15 días.

En una red la dirección IP debe ser distinta en cada ordenador. Los números que componen una dirección IP indican las divisiones dentro de la red, de modo que el último número es el que distingue a los ordenadores individuales.

En una red local, o una parte de una red mayor es preciso indicar qué valores de la dirección IP varían de un ordenador a otro. Para ello es preciso introducir una máscara de subred. Por ejemplo, en una red con cinco ordenadores se podrían asignar los números siguientes a cada uno de los


Direcciones IP y máscaras de subred Comunicación y negociosStreaming

Magazine



La máscara de subred indica cuál de los cuatro valores cambia en los puestos de la red, en este caso, el último. En la posición que varía se introduce el valor 0 y en las demás el valor 255. En el caso anterior el parámetro necesario sería 255.255.255.0. (Nota: en Windows Xp, al escribir una dirección IP válida se obtiene automáticamente la “Mascarade subred” por lo que no es necesario introducirla manualmente)

Puerta de enlace

La puerta de enlace o “gateway“, se trata de la dirección de un enrutador IP local de la misma red que el equipo en cuestión y se utiliza para reenviar el tráfico a los destinos que están fuera de la red local. Los valores válidos deben estar entre 0 y 255. Asimismo, una puerta de enlace es un enrutador que conecta segmentos de red IP diferentes. Por ejemplo, un segmento de red podría necesitar una puerta de enlace para conectarse a otro segmento de red, a una red de área extensa (WAN) o a Internet. La dirección de la puerta de enlace es la misma que la dirección IP del equipo pero con el último grupo cambiado ya que es ahí donde se define el número que le corresponde al “router” de la red local o LAN. (Como norma general, se asignará el valor válido más alto de modo que el resto quede disponible para los equipos. Ejemplo:



Redactor

Kappo

Direcciones de servidor DNS (Domain Name System)

DNS preferido es la dirección IP del servidor DNS preferido o principal del equipo. Dicho servidor se utiliza en primer lugar para resolver en direcciones IP los nombres DNS que consulta el equipo y no se pueden resolver mediante la información de resolución de nombres local (como nombres DNS en la caché o nombres contenidos en un archivo Hosts). DNS alternativo es la dirección IP del servidor DNS secundario o alternativo del equipo. Este servidor se utiliza si el servidor DNS preferido es inaccesible o no puede resolver nombres DNS en direcciones IP para los nombres DNS que consulta el equipo. Ambos DNS los proporciona el proveedor de Internet que tengamos (Telefónica, Auna…)

Hardware y Software

La versión actualizada del navegador ya está disponible para su descarga. Si bien el diseño se mantiene respecto de su antecesor, Firefox 6 ofrece notables mejoras en el rendimiento

Firefox 6 se hace presente con nuevas mejoras, esta vez trae muchas nuevas herramientas utiles para los desarrolladores web:

Scratchpad - esta nueva herramienta nos permitirá ejecutar y probar fragmentos de código Javascript en Firefox 6

Web console - La herramienta se mejoró, implementando la función de autocompletar


Firefox 6 - Mejoras para los Desarrolladores web

Hardware y SoftwareStreaming Magazine

Streaming Magazine - Hardware y Software


Redactor

Santyyx

API Window.matchMedia - Esta aplicación nos permitirá optimizar nuestras webs para diferentes plataformas y dispositivos.

WebSockets - Con el se podrá crear un canal de comunicación interactivo entre el navegador y un servidor.

Firefox -"la nueva 'Web Developer' en el menú de Firefox ofrece fácil acceso a herramientas que ayudan a los desarrolladores a crear sitios web directamente en el navegador. Con soporte para APIs adicionales en Firefox, los desarrolladores pueden crear nuevas experiencias web ricas y atractivas"

Mozilla anunció una actualización para la versión Firefox 7 que saldrá en septiembre. La misma permitiría al navegador consumir hasta un 50 por ciento menos de memoria.

Este proyecto se llama MemShrink, y tiene como fin mejorar la velocidad y estabilidad de Firefox mediante la reducción del uso de memoria.

Android es un sistema operativo basado en linux que originalmente por el año 2005 se desarrollo pensado en los smarthphone, pero luego se ah ido expandiendo en diversos aparatos como tablets, reproductores MP3, netbooks, PCs, televisores, lectores de e-books, autos, etc. Este sistema operativo al ser abierto tiene una gran comunidad de desarrolladores escribiendo aplicaciones para extender la funcionalidad de los dispositivos. A la fecha, se han sobrepasado las 450.000 aplicaciones disponibles para la tienda de aplicaciones oficial de Android: Android Market. Los programas están escritos en el lenguaje de programación Java. No obstante, no es un sistema operativo libre de malware, aunque la mayoría de ello es descargado de sitios de terceros.

1.0 Liberado el 23 de septiembre de 20081.1 Liberado el 9 de febrero de 2009

1.5 (Cupcake) Basado en el kernel de Linux 2.6.27

El 30 de abril de 2009, la actualización 1.5 (Cupcake) para Android fue liberada. Hubo varias características nuevas y actualizaciones en la interfaz de usuario en la actualización 1.5:

Android y sus versiones a travez del tiempo


Android, un sistema operativo que avanza a grandes pasos

Hardware y SoftwareStreaming Magazine



- Posibilidad de grabar y reproducir videos a través del modo camcorder- Capacidad de subir videos a YouTube e imágenes a Picasa directamente desde el teléfono- Un nuevo teclado con predicción de texto- Soporte para Bluetooth A2DP y AVRCP- Capacidad de conexión automática para conectar a auricular Bluetooth a cierta distancia- Nuevos widgets y carpetas que se pueden colocar en las pantallas de inicio- Transiciones de pantalla animadas

- Una experiencia mejorada en el Android Market- Una interfaz integrada de cámara, filmadora y galería- La galería ahora permite a los usuarios seleccionar varias fotos para eliminarlas- Búsqueda por voz actualizada, con respuesta más rápida y mayor integración con aplicaciones nativas, incluyendo la posibilidad de marcar a contactos- Experiencia de búsqueda mejorada que permite buscar marcadores, historiales, contactos y páginas web desde la pantalla de inicio.- Actualización de soporte para CDMA/EVDO, 802.1x, VPN y text-to-speech- Soporte para resoluciones de pantalla WVGA- Mejoras de velocidad en las aplicaciones de búsqueda y cámara- Framework de gestos y herramienta de desarrollo GestureBuilder- Navegación gratuita turn-by-turn de Google

1.6 (Donut) Basado en el kernel de Linux 2.6.29

2.0 / 2.1 (Eclair) Basado en el kernel de Linux 2.6.29

- Velocidad de hardware optimizada- Soporte para más tamaños de pantalla y resoluciones- Interfaz de usuario renovada- Nuevo interfaz de usuario en el navegador y soporte para HTML5- Nuevas listas de contactos- Una mejor relación de contraste para los fondos



- Mejoras en Google Maps 3.1.2- Soporte para Microsoft Exchange- Soporte integrado de flash para la cámara- Zoom digital- MotionEvent mejorado para captura de eventos multi-touch- Teclado virtual mejorado- Bluetooth 2.1- Fondos de pantalla animados

- Optimización general del sistema Android, la memoria y el rendimiento- Mejoras en la velocidad de las aplicaciones, gracias a la implementación de JIT- Integración del motor JavaScript V8 del Google Chrome en la aplicación- Browser- Soporte mejorado de Microsoft Exchange (reglas de seguridad, reconocimiento automático, GAL look-up, sincronización de calendario, limpieza remota)- Lanzador de aplicaciones mejorado con accesos directos a las aplicaciones de teléfono y Browser- Funcionalidad de Wi-Fi hotspot y tethering por USB- Permite desactivar el tráfico de datos a través de la red del operador- Actualización del Market con actualizaciones automáticas- Cambio rápido entre múltiples idiomas de teclado y sus diccionarios- Marcación por voz y compartir contactos por Bluetooth- Soporte para contraseñas numéricas y alfanuméricas- Soporte para campos de carga de archivos en la aplicación Browser- Soporte para la instalación de aplicación en la memoria expandible- Soporte para Adobe Flash 10.1- Soporte para pantallas de alto número de Puntos por pulgada, tales como 4" 720p

El SDK 2.0.1 fue liberado el 3 de diciembre de 2009.El SDK 2.1 fue liberado el 12 de enero de 2010.

2.2 (Froyo) Basado en el kernel de Linux 2.6.32

El 20 de mayo de 2010, el SDK 2.2 (Froyo) fue liberado.Los cambios incluyeron:



Redactor

Kappo

2.3 (Gingerbread) Basado en el kernel de Linux 2.6.35.7 Actual en smat

El 6 de diciembre de 2010, el SDK 2.3 (Gingerbread) fue liberado. Los cambios incluyeron:

- Actualización del diseño de la interfaz de usuario- Soporte para pantallas extra grandes y resoluciones WXGA y mayores- Soporte nativo para telefonía VoIP SIP- Soporte para reproducción de videos WebM/VP8 y decodificación de audio AAC- Nuevos efectos de audio como reverberación, ecualización, virtualización de los auriculares y refuerzo de graves- Soporte para Near Field Communication- Funcionalidades de cortar, copiar y pegar disponibles a lo largo del sistema- Teclado multi-táctil rediseñado- Soporte mejorado para desarrollo de código nativo- Mejoras en la entrada de datos, audio y gráficos para desarrolladores de juegos- Recolección de elementos concurrentes para un mayor rendimiento- Soporte nativo para más sensores (como giroscopios y barómetros)- Un administrador de descargas para descargar archivos grandes- Administración de la energía mejorada y control de aplicaciones mediante la administrador de tareas- Soporte nativo para múltiples cámaras- Cambio de sistema de archivos de YAFFS a ext4

Actualmente Android se encuentra en 1er lugar pasando a otras empresas como Apple, Black Berry, Symbian, Windows Phone y muchas que calleron a grandes pasos a partir del año 2010 cuando este sistema se empezo a introducir en grandes marcas que le dieron su lugar y la gente quedo muy sastifecha. El diseño y la utilidad es parecida a la que podemos observar en un Iphone pero el precio de tener todo libre de codigo abierto no tiene precio.

Marketing

Hace poco tiempo estabamos hablando de esta nueva Red Social llamada Google Plus la cuál parecía ser la red social que dejara de lado al gigante de Facebook. Ahora, hablamos de los juegos que presentó hace poco la red social. Los juegos de zynga no se harían presente por el contrato existente con Facebook, pero en lugar de ellos nos encontraremos con muchos otros interesantes juegos, de todos los gustos y que te mostraremos en este articulo.

Para empezar, navegaremos un poco el menu donde se encuentran los juegos. Para ello, debemos entrar en la sección de juegos. Apretando el siguiente boton en nuestro menú:

Luego nos apareceran directamente los juegos destacados en la parte derecha


Un recorrido por los recien lanzados juegos de G+

Marketing - Redes SocialesStreaming Magazine

Streaming Magazine - Marketing


Y el menu de juegos en la parte izquierda:



Si apretamos en todos los juegos veremos la siguiente lista de juegos disponibles:

Allí veremos que hay muchos juegos ya conocidos, como lo son: Diamond Dash, Flood-It (el que está en los Blackberrys), Colapse Blast, el milenario Sudoku y por ultimo, el bien conocido Bejeweled. Estos juegos no se los mostraré ya que no son ninguna novedad, les mostraré algunos de los nuevos juegos que trae Google Plus.



EdgeWorld

Si jugaste al Empire Earth alguna vez este juego se te hará muy similar. Es de la gama de los juegos de estrategia tales como el Age of Empires o el Age of Mythology, solo que este es más futurista, por lo que se asemeja mas al Empire Earth.

Primero nos pedirá nuestro nombre en el juego (caracteristica tipica de los juegos de G+):

En este juego tendran que construir una ciudad en un planeta para defenderse de otros usuarios. Te dan aprox. 3 dias para hacer tu ciudad sin ser atacado y sin poder atacar. Podemos construir cuarteles, cañones, naves, de todo. . Algunas imagenes del juego:



Este juego es muy similar a un juego llamado Ikariam, juego de estrategia, guerra y multiplayer. En el debemos armar nuestra ciudad y tratar de mejorarla al maximo en los 6 dias libres de ser atacados y de poder atacar que nos dan. Lo que hace especial a este juego son los dragones y los diferentes personajes que podemos crear. Tendremos un dragon que será como un tesoro para nosotros y debemos ir haciendolo crecer. Este juego tambien esta disponible fuera de la red social y se juega entre ambos, los de + y los de la página del juego. Este es el que más me gusta ami, y se los recomiendo. Aca unas imagenes:



Dragon Age Legends

Un juego de tipo rol en el que tendremos un personaje y tendremos que vencer a diferentes enemigos consiguiendo items y pasando niveles. Se juega por turnos, donde uno debe elegir previamente que hará su personaje en su turno. Algunas imagenes del juego:



Redactor

Santyyx

Todos los juegos funcionan al 100% en Google Chrome y Mozilla Firefox.

Bueno, ya nos informamos sobre el nuevo sistema de juegos que nos ofrece google y vimos algunos de ellos. Esperamos que te quede una imagen de cada uno y que hayas disfrutado de este artículo.

Como sabemos Google está en constante cambio y cada cambio que realiza afecta para bien o mal a los usuarios y dependientes. Por eso mismo, hoy hablaremos del nuevo cambio de Google panda (en cuanto al SEO) y daremos algunos tips para comenzar a ganar la partida de este nuevo juego que Google plantea con nuevas reglas y que promete ser muy interesante.

Hará cosa de semanas que Google comenzó a renovar las reglas de juego al actua-lizar su algoritmo. Este cambio fue implementado anteriormente en Estados Unidos, ahora se implementó en la lengua Hispana y promete instalarse en el resto del mundo.

Un poco de lo que Google evaluará: -Tiempo de carga del sitio web en cuestión.-Ortografía.-Usabilidad.-Reflexión.-Calidad del contenido.-Originalidad.-Cantidad de publicidad en la web o extensiones de lo publicado.

¿Cuál es el objetivo?Mejorar los resultados del buscador centrándose en los contenidos que ofrezcan calidad y respondan con mayor precisión a la búsqueda llevada a cabo por cual-quier persona. También buscaban esta modificación (la más grande que se hizo desde el 2003) proteger a las empresas e independientes de cualquier fraude


Google Panda no tan tierno como parece

MarketingStreaming Magazine



TIPS para que Google Panda no te tome por sorpresa:

A veces uno por más confiado que este de que su sitio web es el mejor del mundo, no tiene que descuidarlo, es más, tampoco debería confiarse que su web es la mejor de todas y su contenido es único e inigualable, porque un día puede ser que entres a unos de esos sitios para averiguar el Pagerank de tu web y te lleves una desagradable sorpresa, resulta que estabas en el Pagerank 5 y hayas bajado de un día al otro al 2 o al 1, o aún peor, al "0" (no hay nada más decepcionante que eso, creémelo).

Indexar lo justo y necesario:Muchas veces se nos decía que mientras más páginas indexadas tuviéramos en nues-tra web mejor nos iría, bueno, ahora esto es todo lo contrario, indexar se puede, pero con calma, recuerden que Google contiene inteligencia artificial y de cosas como estas se da cuenta fácilmente.

¿Cómo Practico esto para no hacer contenido duplicado?Tan fácil como ir a tu archivo Robots.txt (o crearte uno) y ponerle Disallow a ciertos lugares donde veas que se muestran más de una vez las publicaciones que tenés, por ejemplo, en un blog de Wordpress los /tags/ y /category/ es lo principal que debes deshabilitar ya que es un claro ejemplo de "Contenido duplicado".

Las webs más perjudicadas y favorecidas:Claro está que Google no quiere que se saque más provecho con el contenido duplicado, pero si bien favorece a algunas empresas o independientes, también está perjudicando a otras, como por ejemplo: Todoexpertos.com y Configurarequipos.com (Caída del más de 30%), Muycomputer.com (Caída del 24%) cómo así también Forosdelweb.com (Caída del 13%) y Muyinteresante.es (Caída del 10%) o Desarrolloweb.com (Caída del 9%), y podría seguir, pero se haría muy largo esto. Así como hay perdedores (por el momento) también hay ganadores, veamos algunos: ElPais.com (Suba del 9.7%), Badoo.com (Suba del 9.7%), Softonic.com (Suba del 6.2%) o Wikipedia.org (Suba del 3.3%).Todos los datos fueron suministrados por Alexa el día 23 de Agosto.



Comentarios de calidad:Muchas veces nuestros posts relucen de tan buen contenido, ortografía, imágenes, etc... Pero si tenemos comentarios basuras estos lo contaminan y ahí es donde Google Panda te afecta sin importar el Sistema de CMS que utilices. Cuando me refiero a comentarios contaminantes o basura, hablo de aquellos que cuentan con falta de ortografía y además donde todos repiten siempre las mismas palabras, si bien es necesario tener muchos comentarios en un artículo para que este también se posicione, pero ahora Google eleva la apuesta y los siguientes tienen que ser de Calidad, o sea, mientras más comentarios y de calidad (donde no contengan errores de ortografía, estilísticos o de facto) Google te premia. Otro error radica en repetir sin necesidad los keywords de los comentarios o peor aún, citar los mismos en Redes Sociales como Facebook o Twitter, ahora esto pasó de ser un bien a ser un mal.

Diseño agradable:Por más estúpido que esto parezca es necesario tener un buen diseño ya sea cualquier CMS que uses, pero además de tener algo agradable en colores y organización del diseño, también el contener funcionalidades o códigos innece-sario en nuestro blog puede llevarnos a la perdida por que para Panda esto se penaliza con el posicionamiento.

¿Y cómo mejoro el aspecto de mi web?Lo importante es siempre estar actualizado con el objetivo de obtener algo amigable, sociable, agradable, sencillo y rápido, para ello hay muchas planti-llas en las webs y siempre es recomendado tener lo último e ir al rítmo que nos lleva este mundo, mientras más se respeten esas cosas que dije, mejor posicionamiento nos dará en Google, además no es difícil, sólo hay que tener sentido común y adaptarse a las reglas de juego que nos impone Google Panda.

¿Cómo reparo este error?Simple, es solo sentido común, para los comentarios con Horrores de ortografía, sólo eliminarlos, por más doloroso que pueda ser para muchos, pero hay que enten-der que hay que moverse al rítmo de Google Panda, sino salimos perdiendo noso-tros. Y sobre los comentarios duplicados, por ejemplo hay gente que comenta desde Twitter a tu blog mediante aplicaciones a tus Artículos, hay que ponerle punto final a esto y deshabilitar esa aplicación desde tu blog, recordá que te crea "Contenido duplicado" y a Google no le gusta nada.



Redactor

Shake

Sociabilizar es algo fundamental:Hoy en día, en un mundo donde millones de personas usan las redes sociales como forma de vida es algo extremadamente necesario no ir contra la corriente, sinó entre-garnos a ella y hacer de nuestra web lo más sociable posible, siempre tratando de respetar los puntos anteriores que dí en este artículo para no caer en una penaliza-ción, o sea, no digo hacer un sitio extremadamente social donde ya empalague, sinó mantener un nivel medio del mismo.¿Cómo sociabilizar mejor?Hay muchos factores que podríamos ver y debatir de los cuales no terminaríamos más, lo que sí te voy a recomendar las cosas que sí o sí tenés que tener en tu web pero sin abusar de las mismas, recordá que hay que mantener un equilibrio.- Algo que nunca tiene que faltar en los Artículos que crees es: El me gusta (de Facebook), Tweetear esto (Tweet), +1 de Google, Menéame, Sónico, Myspace entre otras.- Para los comentarios: Si bien es necesario siempre que para comentar en artícu-los estés registrado para evitar los famosos y molestos bots, también es necesario sociabilizar con esto, por ejemplo poner el API del Facebook Connect es muy recomen-dable para aquellas personas que no se quieran registrar pero sí deseen comentar ya que hoy en día ¿Quién no posee Facebook además de mi? Después hay otras opcio-nes, como por ejemplo comentar con una cuenta de Google, entre otras...- En el resto de tu web: Agregar a Facebook, Seguir en Twitter, Suscribir por Feed RSS, Suscribir por E-Mail, Canal de Youtube, entre otras.Recordá que por más estúpidos que te parezcan algunos consejos son necesarios, al igual que mantener un equilibrio entre estos, por eso es solo cuestión de percibir e ir al rítmo que nos lleva la corriente, las redes sociales son el futuro y no podemos ir en contra de estas. Hoy en día Google decidió darle el protagonismo de esto a los Usua-rios, ellos serán los encargados de juzgar (de cierta forma) si nuestro artículo vale realmente la pena o no, por eso hay que darles todo, servido en bandeja y ser lo más Social y cálidos posibles, hagamos de cuenta que somos vendedores y los usuarios nuestros clientes, si nosotros hicimos bien nuestro trabajo ellos nos recomendarán y así iremos de boca en boca, bueno eso es un claro ejemplo de lo que pasa con Google, nosotros ofrecemos un servicio y si lo hicimos bien el usuario nos premiará recomen-dando nuestro artículo o web.

Para ir finalizando, si no te afectó el 12 de Agosto pasado el mal de "Google Panda" quedate tranquilo que si no tomás cartas en el asunto el próximo mes pasará, claro está que Google Panda vino para quedarse y no hay escapatoria de este, pero sí recuerden que nada está perdido, siempre hay solución, es mejor comenzar ahora antes que sea demasiado tarde y que no caiga el ánimo.

En 1994 un año importante para las consolas y videojuegos en el momento de pleno cambio de generación aparecía un nuevo juego en Japon, que sin duda alguna captó la atención de todos los gamers y no tan gamers.Aunque sus ventas no fuerón las esperadas en el pais Nipon, en Estados Unidos y Europa sus ventas fueron buenas,este juego diseñado por Nintendo Research And Develpment llegó en Julio al continente Europeo.

Samus Aran el personaje principal del juego destruyó en su planeta natal hordas de Metroids reviviendo el escenario que ya antes habiamos visto en NES.

El ambiente de soledad que vive Samus es lo que en parte hace a este juego unico ya que te adentras a un mundo donde eres el unico terricola, en un lugar extraño , sin duda fué un buen toque de Nintendo a este juego.


Retro: Super MetroidJuegosStreaming

Magazine

Streaming Magazine - Ocio


Redactor

Jesús

Buscar-encontrar seguir es la idea principal del juego, y esto es lo clasico y lo enganchador de esta idea.Todo un reto encontrar armas que nos ayudarán bastante, y aún más completar este mitico juego al 100%, esto una hazaña para los más gamers o los más adictos al juego. Ya que horas y horas pueden pasar y nunca te aburriras.

Las armas que tengas son esenciales para tu avance, ya que ademas de facilitarte la vida, serán la llave a proximos niveles. Tienen algunas funciones extras que nos ayudarán aún más en el paso de nuestro nivel, claro que podemos deshabilitar esto para jugar normalmente.El traje también va cambiando mientras avanzamos ya que sufré "modificaciones" para poder estar en algunos niveles.

A medida que avanza la historía y encontramos nuevas armas, los enemigos se harán más dificiles y esto se notará facilmente en el tiempo de exito de un nivel a otro.Los controles son de lo más facil, la energía se mide de 0 - 99 y también podremos encontrar tanques de energía que nos servirán de reserva en un futuro.

No es un juego imposible, pero si tiene buena dificultad, que hace ademas de un juego de busqueda y paciencia, un juego de accion original.

ConclusionAunque este juego fué lanzado justo a fechas de mi nacimiento, es un clasico que ningun gamer se debe perder, un juego que marcó y sigue marcando lo que vemos actualmente, para mi el mejor juego de 16 bits y claro uno de los mejores de la historia. Cambios muy necesarios que llegaron gracias a Super Metroid.

Hoy les enseñaré a grabar juegos desde su Grabadora de DVD para la XBOX 360 y no fracasar en el intento.

Como muchos seguro que por ahí caes en este topic por que creíste que grabar un Juego para XBOX 360 era tan fácil como con la PS 2 o simplemente como hacer una imagen de disco o proyecto guardado desde el Nero, pero o es así hoy en día, a muchos por hacer eso les habrá salido el famoso cartel en la XBOX 360 de: Disco no reconocido (límpialo con un paño suave o reinicia la consola). Y al Googlear tan solo un poco aparecen muchos lugares donde preguntan por el mismo error y en esos lugares les dicen que es causa de que hayan actualizado su consola y por eso se perdió el flasheo, pero eso no es en todos los casos igual, por eso yo hoy les explicaré cómo grabar verdaderamente un DVD +R DL (Doble capa) de 8.5 GB y no fracasar en el intento.


Cómo grabar juegos para la XBOX 360 OcioStreaming

Magazine

Necesitaremos los siguientes elementos:

Abgx360ImgBurnEverest (Opcional)Imagen ISO del juego descargadoGrabadora de DVD 9 DL (Doble Capa o Layer en inglés)El DVD DL (Doble Capa) de 8.5 GB



El Abgx360, en simples palabras es un emulador muy pequeño de XBOX 360 que sirve para comprobar si la imágen que hemos bajado se haya descargado bien y esté funcionando correctamente.

¿Cómo usarlo?Simple, acá les coloco una captura y les cuento cómo usarlo

¿Qué es el Abgx360 y cómo usarlo?



¿Qué es el ImgBurn y cómo usarlo?

El ImgBurn es como un Nero pero gratuito (en simples palabras) o sea que en este se podrán grabar las mismas cosas y más también, pero de igual manera les recomiendo que sigan utilizando el Nero (o en su defecto, el que vengan usando hasta ahora) para grabar las cosas que venían grabando y utilicen este programa (ImgBurn) más que nada para grabar de ahora en más sus discos de juegos para la XBOX 360 y de paso ya les queda configurado.

¿Cómo configurarlo?Fácil, las capturas y mi explicación los guiará.

1: Primero le damos clic a ese icono con forma de carpeta abierta para buscar la imagen .ISO así el programa este la analiza en busca de errores. Una vez que la hayamos seleccionado pasamos al paso 2. 2: Hacer clic en Launch, luego aparecerá una ventana de D.O.S, no se asusten, es que el programita este está analizando la imagen .ISO que descargaron en busca de errores para así pueden grabarla tranquilos de que no tendrá ningún error la misma. Una vez que comience a analizarla tienen que dejarla un rato hasta que termine (de 5 a 15 minutos) Una vez que termine les dirá en qué estado se encuentra la imagen .ISO y si posee algún error, si está todo bien cuando termine les saldrá un texto que les dirá que presionen cualquier tecla para cerrar esa ventana de D.O.S y listo, ya hemos terminado ¿Fácil no?



Luego de haber abierto el programa, primero hagan clic en Mode y luego en ese menú hagan clic en Write, eso les cambiará el formato de la ventana para poder proceder con la siguiente acción.

1: Como ven en la imagen seleccioné la velocidad de 8x y en Copies 1 ya que solo pienso grabar un solo DVD. Sobre el Write Speed (la velocidad de grabación) les recomiendo usar 4, 6 y 8x no más ni meno que eso. 2: En Destination elegirán la Grabadora de DVD (ya con el DVD DL de 8.5GB puesto) con la que piensan grabar el Juego.



1: Ahora haremos clic en Tools y luego en Settings... (como lo muestra la imagen).

1: Una vez abierta esa pantalla nos vamos a la solapa Write, ahora pasamos al siguiente paso. 2: Hacemos clic donde dice User Specified y luego donde dice Sectors in L0 colocamos el siguiente número: 1913760



1: Ahora hacemos clic en Tools luego en el menú que se nos despliega buscamos Drive y luego Change Book Type. Todo esto en un paso ¿Fácil hasta ahí no? Entonces sigamos.

1: Como verán se abrió la ventana esta, en ella ustedes tendrán que seleccionar el fabricante de su Grabadora de DVD y para aquellos que no lo sepan, ahora les enseñaré como serlo desde el Everest y además a que sepan hasta cuanto soporta sus Grabadoras de DVD.



1: Una vez instalado y abierto el Everest, al costado como verán hay una lista de componentes de las cosas que tenemos dentro de nuestra PC que las muestra por secciones, bueno, entonces nos iremos a Almacenamiento y después haremos clic en Discos ópticos. Luego seleccionan la Grabadora que utilizarán para grabar su juego y pasamos al paso dos. 2: Ahí vemos qué en mi caso el fabricante es Lite-On (Sólo el creador y otros vagos más la deben conocer). Después en Velocidades de escritura les aparecerán lo que soporten sus Grabadoras, en mi caso como verán soporta DVD 9 Dual Layer (Doble Capa) y como sabrán el DVD 9 es el lo mismo que el DVD de 8.5 GB, esto quiere decir que vamos por buen camino y hasta ahora podremos grabar nuestro jueguito que tanto deseamos.



1: Ahora que sabemos a que fabricante pertenece nuestra grabadora, seleccionaremos la solapa indicada para cada fabricante (en mi caso perticular verán que elegí NEC en vez de Lite-On, lo que pasa es que no me la reconocía en Lite-On, sí, lo sé, muy loco). No se alteren ni pongan mal en el caso que el fabricante de sus grabadoras no se encuentre, cualquier cosa a esto que hagamos con el Change Book Type lo dejan pasar por alto y no lo hacen. 2: Seleccionaremos en Change For Drive (For DVD+R DL Media).



Redactor

Shake

1: Ahora seleccionaremos en New Setting DVD-ROM, luego hacemos clic en Change y luego en OK. Con esto ya habremos configurado ya eso, solo queda la frutilla de la torta.

1: Donde está esa icono que contiene una carpeta haremos clic y buscaremos el archivo .DVD para comenzar con la tan esperada grabación de nuestro juego. 2: Una vez hecho lo anterior solo nos queda pulsar ahí para que comience la función y ya estemos grabando nuestro ansiado juego de una forma segura y sin fracasar en el intento, por que las probabilidades que salga mal son casi nulas. Luego de hacer eso esperamos unos cuantos minutos hasta que se grabe, luego chequeará la grabación (si tienen esa opción tildada) o sea que tardarán unos minutos más (pero lo vale) y luego les dirá el programa que ya finalizó correctamente el proceso (en el caso que esté bien grabado) por eso, a todo esto contando lo que tarde en grabar, más chequear la grabación calculen un total de 40 minutos grabando a 8x.

Oficial


Entrevista a Cristian Viguri Oficial - EntrevistasStreaming

Magazine

Perfiles SpirateEntrevista a Cristian Viguri

Edad: 24 añosConocimiento: Sistemas

Info: Cristian o tambien conocido como Rancitis. Una de las personalidades más importantes en Spirate.

¿Cómo nació la idea de crear Spirate?

Rafadizeo

Cristian

Lo conté en varias oportunidades, pero como dice una vieja conductora de mi país “el público se renueva” :P. En un principio Spirate tenía como objetivo ser una web más de linkshring apuntado al público de idioma anglosajón. Cuando adquirí parte del script, que después fue optimizándose a medida que iban saliendo nuevas versiones, la cantidad de personas que estaban interesados en tenerlo crecía exponencialmente, fue en ese momento que el rumbo cambió para el rubro de la distribución.

Streaming Magazine - Oficial - Entrevistas


¿Qué fue lo que te inspiró?

Rafadizeo

Cristian

No sé si fue inspiración u oportunismo. Creo que si yo no hacía esta comunidad cuando decidí hacerla en algún momento iban a largar algo parecido. La rama de este tipo de sistemas tuvo bastante alcance así que a cualquiera se le podría haber ocurrido lanzar algo similar. Por suerte no dudé en armar la comunidad y hoy podemos decir que somos los primeros en ofrecer algo de este estilo.

¿Por que fue bautizada "Spirate"?

Rafadizeo

Cristian

La respuesta está en uno de los comentarios que hice anteriormente. El proyecto en sus comienzos iba a ser una web para compartir contenido, y esta sería en inglés, por lo que busqué algún nombre que se acomode con la temática e idioma. Ahí surgió el nombre “Small Pirate”, que puede traducirse más o menos como “Pequeños Piratas” (entre otras). Cuando el rumbo del proyecto cambió pensé en modificar el nombre pero ya estaba tan implementado en el público que se optó por seguir con el mismo, pero haciendo una abreviación que permitiera el tipeado rápido del dominio así como conseguir un nombre fácil de recordar, allí fue donde nació el que hoy conocemos, Spirate.



¿Cómo fue el comienzo?

Rafadizeo

¿Cómo fue el primer staff?

Rafadizeo

Cristian

Como muchos deben saber, el proyecto comenzó, ya hablando a partir de la etapa de distribución, como un sistema de pago. Esto duró alrededor de 4 meses (finales del 2008, principios del 2009), después, como sucede a menudo, alguien en la red subió el sistema en servidores de descarga directa (Megaupload, Rapidshare, etc.). En ese momento hubo 3 alternativas, lanzar una nueva actualización para solventar el hecho, liberar el código en forma gratuita o cerrar el sitio. Por suerte optamos por la correcta que fue formar el sitio que hoy conocemos. En cuanto a dificultades, en la pregunta se habla en pasado, “pasaste”, en realidad nunca se dejan de tener dificultades, siempre están ahí, algunas graves y otras más livianas. Hemos tenido muchas crisis, desde económicas (solventar gastos de servidor, dominios, etc), hasta anímicas. Uno muchas veces tiene bajones y se replantea si seguir o no con algo, la clave es no ser impulsivo y ser perseverante, y por sobre todo tener un equipo atrás que te apoya siempre cuando a uno le da ganas de tirar la toalla-



¿Cómo se mantiene actualmente el sitio?

Rafadizeo

Cristian

¡Qué recuedos!. Por suerte tuvimos un equipo excelente desde comienzos, hay algunos que siguen hoy en día y otros que no. No me quiero olvidar de nombrar a ninguno así que voy a comentarte cuáles fueron los primeros en integrar el staff. Lo recuerdo a Muertet, a Drago, a Leandro, a Coffer, Phobos, Pimp y Shake también eran de la vieja escuela, lo que no me acuerdo es si ya formaban parte del staff en aquel entonces. ¿Cómo fueron elegidos?. Al ser un sitio que recién comenzaba no se pasó por un examen muy arduo, se convocó a las personas que estaban interesadas y se los agregó al staff, pero como te comentaba, tuvimos mucha suerte ya que los convocados fueron usuarios impecables.

Cristian

El sitio al día de la fecha es sin fines de lucro, con la publicidad que ustedes ven son muy poco los ingresos que se generan. Tenemos la suerte de haber conseguido un sponsor que siempre nos apoyó como es Nuthost. En cuanto a los ingresos extra que se generan los utilizamos para mantener los nombres de dominios que tenemos y para comprar algún que otro paquete de galletitas.



Dejemos a un lado su proyecto mas famoso, Small Pirate y pasemos a hablar con "Rancitis" como webmaster y emprendedor web. Prometemos que van a sacar muchas cosas positivas de esta entrevista.

¿Qué es lo que se viene?

Rafadizeo

¿Cuáles son los factores que determina el éxito de un sitio web?

Rafadizeo

Cristian

Actualmente se está trabajando en la versión 2.4 del sistema, sin dudas creemos que va a ser la mejor entrega que hayamos hecho, llevó tiempo pero vale la pena. Tenemos más cosas en mente, va a haber una reestructuración del proyecto que es bastante interesante, mucho no les puedo contar pero se van a enterar muy pronto. Nunca nos gustó dar adelantos, preferimos jugar con la sorpresa y expectativa de los usuarios.



¿Que proyectos son los mas rentables del mercado actual?

Rafadizeo

Cristian

Hay 3 pilares fundamentales a mi parecer para que a un sitio le vaya bien: perseverancia, trabajo e implementación, después más abajo viene la innovación, aunque muchos la pondrían primero. La idea nueva es importante pero muchos se preocupan demasiado por ella, ocupan la mayor parte del tiempo en esto y se olvidan de lo demás, si uno no sabe implementar correctamente una idea, por más buena que sea, no vale nada. Ni hablar de la perseverancia y trabajo que hay que darle, veo muchos proyectos que se pinchan a los pocos meses y la cosa no es así, no esperen tener miles de visitas en poco tiempo, vayan paso por paso y seguro que les va a ir mejor.

Cristian

Sin dudas el área de las redes sociales hoy en día es uno de los negocios más rentables, el problema es que los emprendedores son muy cerrados. Los desarrolladores se encasillan mucho en lo ya conocido, como Facebok, Twitter, etc. No todo pasa por esto, siempre cometen el mismo error al intentar emular las funciones de estas redes sociales y no se dan cuenta que la rama “social” es mucho más amplia, la cantidad de ofertas que hay para darle a los usuarios es muy grande, sólo hace falta buscarle la vuelta. En cuanto a la integración con las redes sociales conocidas estoy de acuerdo, sería necio pensar que estas redes no son un nicho muy importante de usuarios, pero una cosa es “querer ser como” y otra muy distinta es “interactuar con”. Por otro lado el tema de “la nube” es un mundo interesante también para los desarrolladores, el brindar servicios SaaS (software como servicio) puede llegar a ser muy rentable.



¿Cómo se mantiene un sitio web?

Rafadizeo

¿Qué es lo más importante, el diseño o la programación?

Rafadizeo

Cristian

Las respuestas son varias, depende del tipo de negocio que se maneje. Si uno por ejemplo tiene una tienda virtual su fuente de ingresos van a ser las compras directas, si uno va por el lado de la publicidad todo va a depender del tráfico de visitas que se tenga, la calidad de las mismas, la optimización del sitio para desplegar los anuncios, etc. Hay otras opciones como los servicios por suscripción, etc. Cada plataforma de negocio es un mundo aparte, la clave está en hacer ese negocio rentable.

Cristian

Lo importante es el equilibrio entre las 2. Uno puede tener muy buena gráfica pero si tiene una mala implementación en lo que es el área funcional de mucho no va a servir el diseño por más lindo que sea. Un claro ejemplo, Google, más minimalista que ellos imposible (aunque ahora se han hecho cambios el concepto sigue igual), uno busca en Google y no le importa que los resultados parezcan una hoja hecha en Word, lo que a uno le importa es que de resultados de búsqueda sean correctos.



¿Cómo fue tu primera web?

Rafadizeo

¿En qué proyectos trabajás actualmente?

Rafadizeo

Hay casos en que la gráfica es más importante que la programación y viceversa, por ejemplo, un sitio corporativo en donde se muestre los productos o servicios de una empresa es fundamental que tengan un diseño atractivo, elegante, no hace falta demasiada programación, estamos hablando de una web institucional que funciona como vidriera de la empresa, una presencia de marca en la web. Por otro lado, si tenemos un sitio web en donde se ofrece una herramienta online es imprecindible una buena programación / implementación lógica y funcional. Todo depende del proyecto que se encare.

Cristian

Tuve varios ensayos antes de tener una web “en serio”. El primer proyecto después de estos ensayos fue una web de humor, tenía una radio online con un amigo y creabamos contenido propio con temática “ocio”. Tenía 15 / 16 años, el sitio estuvo online durante casi 2 años, fue muy linda experiencia.



¿Cuál es tu meta?

Rafadizeo

Como hobbie está SP, para mantenerme económicamente trabajo en el área de marketing online y consultoría, hago tareas a pedido para una cartera de clientes propia.

Cristian

Cristian

Mi principal meta es serle útil a la sociedad, creo que es el objetivo de muchos de nosotros. ¿Ganar dinero siendo un inutil?, ¿convertirse en famoso siendo un inutil?, no, gracias, si el dinero y la fama vienen por serle útil a la gente bienvenido sea, sino prefiero quedarme en casa tomando un café mientras juego CityVille (odio ese juego :P).

Le agradecemos a Cristian por tomarse un tiempo en su complicada agenda y responder todas las preguntas de esta entrevista, desde acá le mandamos un saludo y de deseamos muchos éxitos.

Cristian Viguri, creador de Spirate y gran conocedor del mundo internauta ha pasado por una entrevistas de Spirate Streaming Magazine. En la próxima edición, otra personalidad del mundo de Spirate se enfrentará a las preguntas de la revista, no te la pierdas!

Redactor

Rafadizeo

Programación

La propiedad box-shadow, una de las nuevas opciones de CSS3, se ha convertido en la opción ideal para crear sombras en las cajas. Aplicando sombras a la pseudo-clases ::before y ::after, crearemos útiles perspectivas con la sombra. Allá vamos:


Interesantes perspectivas de las sombras con CSS

ProgramaciónStreaming Magazine

<div class="box"> <img src="cssblog.png" alt="cssblog" /> </div>

Codigo HTML

Streaming Magazine - Programación


Codigo CSS

Redactor

Aldoadrian

.box:after { content: ''; position: absolute; z-index: -1; /* Esconder la sombra detrás de la imagen */ /* La sombra */ -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); -box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); width: 70%; left: 15%; /* La mitad del 30% restante */ height: 100px; bottombottom: 0; }

¿Qué son?

Ventajas

¿Cómo usarlos?


Uso de los SpritesProgramaciónStreaming

Magazine

- Los Sprites se pueden definir como una imagen con iconos pequeños dentro. Ejemplo de google:

- Al estar todas estas imágenes en un "paquete" nos ahorrará peticiones Http, recordemos, no es lo mismo cargar 5 imágenes 10kb a cargar 1 imagen de 50 kb. Es increíblemente más rápido.

Primer paso:

- Necesitamos tener ordenados nuestros iconos que deseemos hacerlos sprites, y saber de que tamaño son, yo por ejemplo usaré iconos de 16x16 px.- En Photoshop vamos a: Archivo/Nuevo... seleccionamos en Anchura 16 px y altura 200 px (Depende del tamaño de sus iconos) Activemos la opción "Regla" en pixeles y añadamos unas "Guías" cada 20 Pixeles. - Después añadimos nuestros iconos, al tope de la izquierda y arriba (Cada 20 Pixeles).



Y listo, lo guardamos como: sprite.png. Fácil, ¿No? En caso de tener problemas con la creación de la imagen pueden usar este generador de sprites: http://spritegen.website-performance.org/

En lo último estamos definiendo la posición del background, primero el 0 por que está a la izq, después con cada clase se va aumentando 20 pixeles (Es el espacio que le dejamos al hacer la imagen) y al final se define el tamaño de los iconos.

Segundo paso, ahora el Css:

.sprites { width: 16px; /* Definimos los tamaños */ height: 16px; background-image: url(sprite.png); /* Ruta de la img */ background-repeat: no-repeat; /* Evitamos que se repita la imagen */ display:block; margin: 0 5px 0 0; /* Margen para alinear */ float: left; /* Alinear a la izquierda */ }

.sprites.dientes {background-position: 0 0; width: 16px; height: 16px;} .sprites.spirate {background-position: 0 -20px; width: 16px; height: 16px;} .sprites.libreta {background-position: 0 -40px; width: 16px; height: 16px;} .sprites.email {background-position: 0 -60px; width: 16px; height: 16px;} .sprites.contacto {background-position: 0 -80px; width: 16px; height: 16px;} .sprites.dolar{background-position: 0 -100px; width: 16px; height: 11px;} .floatL{float:left} .floatR{float:right}



- Lo más fácil del mundo, es solo un div:

Redactor

Beatlero18

Tercer y último paso el Html:

<div class="floatL"><a href="#" title="#">Sprites</a><div class="sprites dientes"></div></div>

JavaScript es un lenguaje de programacion/scripting ampliamente subestimado e infravalorado. La principal razón de esto es por como surgió: Fue desarrollado primero para un solo navegador (Netscape Navigator) pero pronto, al ver su potencial, fue integrado a la mayoría de navegadores web por sus fabricantes.

Como suele suceder con los lenguajes de creación web, pronto surgió el caos: Extensiones, atributos o métodos no estandares fueron implementados por uno u otro navegador, causando que muchas veces se tuviera que crear un código dos veces, para que corriera en cualquier escenario. Así, gracias a esta falta de estandarización, muchos tomaron al JavaScript como una mala práctica (No les recuerda al CSS?).

Otra de las razones que existen para las criticas hacia JavaScript, es que no esta basado en clases, sino en prototípos (más adelante la explicacion). Para muchos hardcoders que programan en Java o C++ es preferible la construcción de objetos con clases, por ventajas que ya conocemos, y un lenguaje que no las posea no es tan extensible o usable. Además, la extrema simplicidad del JS y su mal uso han originado horrores que todos hemos sufrido (popups, SnapShots, textos parpadeantes, propagandas dinamicas, etc). Y principalmente a eso le debemos el preconcepto hacia el JS.

Sin embargo, gracias a que el ECMAscript es basado en prototípos, el JavaScript tambien lo es lo que lo convierte en un lenguaje orientado a objetos (OOP, por Object Oriented Programming o POO, en español, por Programación Orientada a Objetos). Este tutorial pretende observar como se construyen los objetos en javascript, y como se pueden usar.


Programación Orientada a ObjetosProgramaciónStreaming

Magazine



Clases vs prototíposComo ya se mencionó, JS es basado en prototípos. Un prototípo es un objeto abstracto, capaz de contener otros objetos dentro, los cuales pueden ser distintos tipos de datos: variables (numeros, cadenas de texto, valores lógicos), vectores, funciones e inclusive otros grupos de objetos.

Entonces, en vez de programar una clase, para estar orientados a objetos en JS definimos un prototípo. Las variables dentro de este serán las propiedades, y las funciones serán los métodos:

Creación del ObjetoEntonces, iniciemos la creación del objeto: Para este ejemplo usemos los tradicionales animales. La creación de un objeto se hace con una funcion, que será la constructora, y a la vez la que identifique el objeto.

Creemos una "clase" Gato para empezar... por que todos aman crear las clases "gato". (Si no me crees, revisa los tutoriales de POO. Si no hay un Gato ahi, el tutorial no vale la pena).

[Objeto = Prototípo]{ [ Propiedad = Variable ] [ Método = Funcion ]}

function Gato( parametros ){ // Codigo};

var Gato = function (parametros) { /* Codigo*/}



Propiedades del ObjetoComo vimos anteriormente, las propiedades del objeto se definen en forma de variables. Estas variables deben estar situadas dentro de la funcion constructora, marcadas con "this", para poder ser accesadas como parte del objeto. Las variables reciben parametros que se envian al crear una nueva instancia del objeto (para nuestros propositos, al crear un nuevo gato).

Entonces veamos el ejemplo con nuestro objeto Gato. Un gato tiene como propiedades básicas... digamos que su nombre, su color, y su edad. Entonces estas propiedades serán las que reciba la funcion constructora para ser asignadas, Veamos como:

Con lo anterior, definimos el Gato, y cómo es ese gato. Sin embargo, algunos de los que son conocedores de la OOP ya deben estar pensando... ¿Y el strict data typing?. El script data typing es lo que regula el tipo de datos que entran a un objeto, y asi mismo el cómo se comportan. Por lo general, los lenguajes basados en clases son muy estrctos con respecto a los tipos de datos que se usan.

Por fortuna, en JS podemos emular el SDT, asignando los tipos de variables de entrada y (si eres un maniaco) chequeando que los valores sean correctos:

var Gato = function (nombre, color, edad) { this.nombre = nombre; this.color = color; this.edad = edad;}

var Gato = function (nombre, color, edad) { this.nombre = new String(nombre); this.color = new String(color); this.edad = new Number(edad); //Por ejemplo if (isNaN(this.edad)) { alert("Error en el data-typing, edad no es un numero"); }}



MétodosAhora, veamos los métodos del objeto. Como mencioné arriba, un metodo es una funcion dentro del objeto. Hay varios metodos para crear un método nuevo: Extendiendo el prototípo, creando una variable tipo funcion, o vinculando una funcion externa al objeto. Veamos todos los casos, y de paso creemos un par de "acciones" para nuestro gato. En los comportamientos basicos del gato, encontramos comer y descansar, asi que:

NOTA:Lo que está en corchetes cuadrados [ ] no es código. No lo coloques. Es simplemente una guía para que entiendas por donde va el código y cual será su resultado.

Con esto hemos creado una instancia de nuestro objeto, un simpatico "Gato" que se llama Michifu, tiene dos años y es ... azul. Azul? Lo importante es que el código funcione, no?

Si queremos comprobar alguna de las propiedades de nuestro objeto lo haríamos así: Variable_que_define_el_objeto (punto) propiedad_deseada. Asi que, por ejemplo, veamos el color del gato Michifu:

Lo que nos da el resultado: "El gato es de color azul";

Pues perfecto. Hemos creado la definición de nuestro objeto. Sin embargo nos falta un pequeño detalle. ¡Usar el objeto! Asi que vamos a crear un gato nuevo, y a asignarle las propiedades que ya vimos arriba:

var Michi = new Gato("Michifu", "azul", 2);

alert("El gato es de color "+Michi.color);



Método 1: Vinculación externa

Con este metodo declaramos que una de las propiedades, llamará a una funcion externa:

Método 2: Extension del prototipo

Como los objetos estan compuestos por prototipos en JavaScript, nosotros podemos aumentarle metodos al prototipo del objeto directamente, de la siguiente manera:

//[ No tocamos la funcion constructora ]

Gato.prototype.comer = function() { alert("El gato "+this.nombre+" se comió un ratón");}

//[...]

Michi.comer();

//[ Salida = "El gato Michifu se comió un ratón" ]

[...]

this.comer = comerExterna;

[...]

function comerExterna() { alert("El gato "+this.nombre+" se comió un ratón");}

[...]

Michi.comer();

[ Salida = "El gato Michifu se comió un ratón" ]



Método 3: Definicion en la funcion constructora

Con este método, asignamos una propiedad como funcion dentro de la constructora:

Herencia

Uno de las caracteristicas más interesante de la OOP, es la herencia de métodos / propiedades. En JavaScript lo podemos lograr mediante los prototípos. Entonces, ya tenemos un Gato, verdad? Ahora, creemos una raza de gatos, la raza Siamés. Entonces creemos dos constructoras apartes para cada una, y hagamos que siamés herede de gato:

Nótese que en los tres métodos, es posible pasar parametros a la funcion de la manera normal en que cualquier funcion trabaja. Además, en cualquiera de los metodos, this se refiere al objeto (en este caso Gato)

//[...]

this.comer = function() { alert("El gato "+this.nombre+" se comió un ratón");}

//[...]

Michi.comer();

//[ Salida = "El gato Michifu se comió un ratón" ]



Métodos y propiedades privadasEn lo que hemos visto hasta ahora, los metodos y funciones eran totalmente publicos: Modificables y legibles desde cualquier parte. Echemos un vistazo a como "privatizar" variables:

var Gato = function () { this.ojos = 2; this.piernas = 4;}var Siames = function () { this.color = "blanco"; this.color_ojos = "azul";}//Como vemos, ambos tienen propiedades distintas.//Ahora, heredemos:Siames.prototype = new Gato();//Eso hace que se copie el prototipo de Gato y se añada al de Siames.//Probemos a ver si es ciertovar Catboy = new Siames();alert(Catboy.ojos);//Retorna 2! ^_^alert(Catboy.color);//Retorna "blanco", asi que conserva sus propiedades

var Gato = function (nombre) { //Creamos una variable privada sin asignarle "this" a esta this.nombre = nombre; // Creamos un metodo privado en muchos aspectos (XD) definiendo una funcion normal var frecuencia = "moderada"; function irAlBano(frecuencia) { alert("El gato va al baño con frecuencia "+frecuencia); } irAlBano(frecuencia);}var Michin = new Gato("Michifu");



El código anterior crea la variable privada "frecuencia", y la funcion privada "irAlBano". Para comprobar que la variable sea privada, ejecutemos alert(Michin.frecuencia), lo que devuelve undefined

Sin embargo, aun podemos usar esas variables o funciones tanto en la funcion constructora, como por funciones "getter" o "setter"... las cuales no tienen un atributo "get" o "set" definido, simplemente son funciones que nos permiten leer las propiedades:

Extension de objetos nativos mediante el prototípoComo todos los objetos de JS tienen prototipo, nos podemos divertir añadiendo utilidades a nuestros objetos de siempre. Añadamole una funcion a Array, por ejemplo:

var Gato = function (nombre) { this.nombre = nombre; //Creamos una variable privada sin asignarle "this" a esta var frecuencia = "moderada"; // Creamos un metodo privado en muchos aspectos (XD) definiendo una funcion normal function irAlBano(frecuencia) { alert("El gato va al baño con frecuencia "+frecuencia); } this.leerFrec = function() { irAlBano(frecuencia); }}var Michin = new Gato("Michifu");Michin.leerFrec();//Nos retorna "El gato va al baño con frecuencia moderada" ;)



Para ConcluirComo vimos, entender la composición del prototipo de un objeto en JS puede ser terriblemente útil. Y entender como trabajar con clases en este lenguaje nos puede hacer más facil la vida: Reutilizar código, ganar velocidad en desarrollo, o dividir el trabajo entre varias personas se vuelve muy sencillo (como ocurre con la POO en general).

Adicionalmente a lo visto, si se quiere mayor similitud la POO clásica, se puede mandar un valor de retorno a cada funcion (como Void usamos True o False) y comprobar si los tipos de datos son correctos con condicionales.

Ahora, una implementacion de POO en JS combinada con jQuery u otra librería similar, puede resultar muy potente cuando de DOM se trata.

Array.prototype.coincidencias = function(palabra) { coincidencias = 0; for (i=0; i<this.length; i++) { if (this == palabra) { coincidencias++; } } alert("Se encontraron "+coincidencias+" coincidencia(s) de la palabra");}// Podemos usar el array siguiente:clabbers = Array("Freddie", "Mx", "Neo_JP", "Zarzamora", "Ramm", "Fael");// O esteclabbers = Array("Freddie", "Mx", "Neo_JP", "Zarzamora", "Mx", "Mx");//Y luegoclabbers.coincidencias("Mx");//Entonces la funcion nos notificará cuantas veces esta una palabra en un array. Cool, no?

Redactor

Santyyx


Streaming Magazine

Streaming Magazine - Agosto 2011

Documents

Transcript of Streaming Magazine - Agosto 2011