Administración, Marketing y Tecnología
Archivo de marzo, 2010
Reunión de Comunidad GUN [11]
11 mar
Los invitamos a nuestra 11va reunión del Grupo de Usuarios NET en Tamaulipas 150 B Piso 13, Col. Hipódromo Condesa Habrá libros de regalo, chelas y Xbox 360!
Jueves 25 de Marzo.
Lugar:
Oficinas Intellekt
Tamaulipas 150 B Piso 13-02
Col. Hipódromo Condesa
Telefono: 52 11 16 64
Agenda:
6:30 – 7:00 PM Registro
7:00 – 8:00 PM WPF in Windows 7 – David Cruz
8:00 – 9:00 PM Parallel LinQ (PlinQ) – David Martínez.
9:00 – 11:00 PM Networking & Videojuegos
Evento dentro de Facebook. http://www.facebook.com/event.php?invites&eid=355301743090
@gunetmx
Visita el sitio de la comunidad www.gunet.com.mx
C4Xpo 27 al 30 Mayo en Querétaro
11 mar
C4Xpo es la iniciativa creada en México para reunir a los expertos y entusiastas de la tecnología en un mismo punto, apuntando a ser el evento más grande e importante del año en Latinoamérica,
Durante el 27 al 30 de Mayo en la Expo Unión del Estado de Querétaro, tendremos una gran cantidad de contenidos que ofrecerles a todos nuestros asistentes durante las 24 horas del día que van desde visitas a la ciudad hasta talleres especializados y conciertos en la sede.
Como evento de integración, se ofreceran temáticas para todos los sectores de la sociedad y niveles de conocimiento, entre ellos habrá talleres para niños, museos ambulantes, conferencias especializadas para empresarios y gobierno, talleres de seguridad, exposiciones de soluciones por parte de nuestros patrocinadores, lanzamientos, torneos de videojuegos, espacios libres para conciertos y conferencias por parte de nuestros asistentes, torneos internacionales de robótica, concursos deportivos y un sinfín de actividades mas que podrán consultar diariamente en nuestros horarios.
C4Xpo es un evento al que no podrán dejar de asistir y que marcara pauta en Latinoamérica en creación y manejo de contenidos. Durante los cuatro días contaremos con una asistencia mínima de treinta mil personas como visitantes y tres mil asistentes pagados, además de la cobertura por parte de medios locales, federales e internacionales como televisión, periódicos, radio, blogs, sitios de empresas, etc. Con esto estamos seguros de que nuestro alcance y proyección estará muy por encima de cualquier otro evento. Estas son las cuatro áreas, que impulsaremos:
Interactivo:
En esta área abarcaremos temas relacionados con videojuegos, robótica y Web. En Videojuegos traeremos a los principales exponentes de la industria a presentar sus productos al igual que a los desarrolladores mas importantes del rubro para impartir pláticas y talleres, como parte complementaria se hará un taller de creación de videojuegos para buscar las mejores ideas e impulsarlas en la industria. En Robótica tendremos torneos de carácter internacional en más de una docena de competencias, además de exhibiciones, talleres para niños, talleres de robótica de varios niveles y conferencias sobre inteligencia artificial, implementaciones e innovaciones. Por último, pero no menos importante, se encuentra el área de Web, enfocada a mostrar tendencias en diseño, uso de aplicaciones en redes sociales, podcasts, videocasts, blogs y todas las herramientas que hoy en día nos permiten interactuar en un mundo online.
Cultura:
Arte, Recreación y Seguridad son las temáticas más importantes para esta área. En cuanto a Arte, tendremos a varios exponentes locales e internacionales con creaciones musicales, animadas y de imagen, que mostraran a la gente el vínculo tan estrecho que hay entre el arte y la tecnología. Recreación será nuestra área mas grande con respecto a espacios, contaremos con diversos espectáculos en todo C4Xpo y un escenario para conciertos, competencias deportivas y visitas a la ciudad con recorridos programados durante los cuatro días. Dejando de lado ambas temáticas, tenemos Seguridad, un tema bastante interesante y de cultura general que contará con exponentes de diversas instituciones que hablarán desde cuestiones legales hasta procedimientos de auditoría y cómputo forense.
Desarrollo:
Software Libre, Aplicaciones Web, Aplicaciones Móviles, Modding y un sinfín de temáticas más, serán las que se toquen en esta área que llevará talleres y conferencias para los más nuevos y para los expertos, implementaciones e installfests de Software Libre, uso e implementación de sistemas operativos alternativos, desarrollo en plataformas móviles, concursos de programación, desarrollos en línea y tendencias de uso en estas tecnologías.
Negocios:
Emprendimiento, Gobierno, Presentación de Proyectos, Negocios, Mesas redondas, etc. serán nuestros principales conceptos dentro de esta área, siendo la única con instalaciones propias y que contará con mesas de negocios, presentaciones para apoyos económicos e incentivos para emprendedores, talleres de planes de negocios, soluciones gubernamentales, etc. Todo orientado al crecimiento de cada una de las temáticas que ofreceremos, enfocándonos en problemas y soluciones reales propuestas por ustedes.
Te esperamos en C4Xpo.
Para mas info checa este enlace – C4Xpo y síguelos en su twitter @c4xpo.
Costo y sede de la TwittMX3
11 mar
Bueno, creo que ya podemos formalizar que el antro oficial para la TwittMX3 es el Bulldog Café. Platicamos con ellos y hemos llegado a un buen acuerdo; ocuparemos la parte superior del local, que asciende a 500 plazas, todo ese espacio para nosotros (Además es la terraza donde se puede fumar)
El costo del cover será de $200.00 MX en preventa y $250.00 MX el día del evento. El cover incluye bebidas de cortesía toda la noche. Nosotros les avisamos cuando los boletos estén disponibles, porque habrá que pagarlos directamente en las instalaciones del Bulldog Café.
Como nota importante cabe mencionar que los lugares están limitados a 500 plazas, así que abriremos un pre registro para ver más o menos de cuantas personas estamos hablando. El año pasado nos reunimos 300 personas, aunque ciertamente la comunidad Twitter en México a crecido bastante en estos últimos meses, no sabemos si a los nuevos como a los de la vieja guardia les gusta la fiesta. Como sea, este año nos enteraremos.
Recuerden que la TwittMX3 será el sábado 1 de mayo, hay bastante tiempo para que se organicen y aparten ese fin de semana.
Para estar mejor informados, pueden seguirnos en Twitter, nuestro usuario es @twittmx y en nuestro grupo en Facebook. Si comentan algo sobre la party o desean preguntar, usen el hashtag #TwittMX3 para darle mejor seguimiento.
Vía | Twittmx
Google DevFest 2010 | 13 de abril Centro Banamex
11 mar
El próximo 13 de abril se celebrara el DevFest 2010 a realizarse en el centro Banamex, mediante este evento Google sigue celebrando la oportunidad de reunirse con la comunidad de desarrolladores.
Esta será una excelente oportunidad para presentar las últimas tecnologías y las nuevas herramientas que Google pone a disposición de los desarrolladores para promover la innovación y potenciar sus capacidades.
El objetivo de Google es promover el avance de la Web como plataforma, haciéndolo de una manera abierta. Así, en colaboración con la comunidad de desarrolladores, Google trabaja para lograr que el browser sea cada vez más poderoso, que la conectividad y la movilidad trabajen en beneficio de los desarrolladores, así como hacer más accesible el poder del Cloud Computing. Esperamos que DevFest 2010 sea un espacio único para el intercambio de ideas entre desarrolladores.
Ingenieros de Google y desarrolladores líderes brindarán en un día completo, de sesiones técnicas especializadas, su conocimiento sobre las últimas tecnologías de Google en áreas tales como: Geo Web, Cloud Computing, desarrollo de aplicaciones móviles con Android, Social Web, extensiones a Google Wave, HTML 5, Chrome, entre otras.
Sede
Google Developer Fest 2010
Centro Banamex
Avenida del Conscripto 311
Lomas de Sotelo
México D.F.
Tel. 5268-2000
Mas info acá en este enlace – Google DevFest 2010
[Tutorial] Comenzando a utilizar jQuery
11 mar
jQuery es una liviana librería de JavaScript, pensada para interactuar con los elementos de una web por medio del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño.
¿Por que debería usarlo?
La sencillez de su sintaxis y la poca extension del codigo que necesitas escribir son las caracteristicas más notables. Si hicieras lo que hace jQuery con getElementById y window.onload no solo tendrías que escribir mucho, si no que podrían haber diversos problemas.
¿Como empiezo a usarlo?
Lo primero que debes hacer, es descargarlo de la web oficial: jQuery. Una vez descargada la librería (son más o menos 16k) puedes proceder a tu primer script:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Prueba de jQuery</title> <script src="jquery.js" type="text/javascript"></script> </head> <body> </body> </html>
Lo primero que hacemos es linkear el jQuery a nuestro documento. Fácil, no?
Ejecución y sintaxis básica
jQuery tiene una sintaxis muy sencilla. Los comandos se reconocen por comenzar con el simbolo "$". Ahora, la forma de una sentencia es la siguiente:
$(elemento).evento(funcion-o-parametro);
La manera de inicializar jQuery es muy util:
$(document).ready(function(){ //Aqui tu codigo
});
Ready es un método propio de jQuery, que revisa si el DOM está listo para usarse. Es más util que el window.onload, pues este debe esperar a que todos los elementos de la pagina esten cargados (como scripts e imagenes) paa ejecutar. El "ready", en cambio, espera solo a la estructura.
Acceso a elementos y eventos
Acceder a los elementos de la página es sencillo pues se usa la misma nomenclatura que en CSS:
Tipo de elemento
Modo de llamado
Etiqueta
Nombre de la etiqueta. Ejemplos: "a", "strong", "div"
Elemento con un Id
Id precedido por el signo "#". Ejemplos: "#principal","#texto"
Elemento con una clase (class)
Clase precedida por un punto (.). Ejemplos: ".codigo", ".titulo"
Nota: Tambien funcionan muchos de los selectores de CSS como ">", "*", etc. Un ejemplo de su uso seria:
$("* > a").click( function(){alert("nada");});
Los eventos que se pueden usar son los mismos que usaríamos normalmente. El único cambio es la supresión del "on" inicial: mouseover, click, focus, etc
Veamos todo junto
Veamos un ejemplo de lo visto hasta ahora:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Prueba de jQuery</title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function (){ //Aqui asignamos el click al elemento <a> $("a").click(function (){ alert("Presionaste un <a>"); }); }); </script> </head> <body> <a href="#"> Presioname! </a> </body> </html>
Al presionar cualquier etiqueta "a" del documento, se ejecutaria el alert.
Añadir o retirar clases
Cuando queremos que un elemento pueda interactuar con un css ya establecido, usamos las clases. Con jQuery, estas pueden ser asignadas dinamicamente:
$("a").addClass("boton");
O tambien removidas:
$("a").removeClass("boton");
Ahora, podemos añadirle CSS a esa determinada clase, y ver como se comporta:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Prueba de jQuery </title> <script src="jquery.js" type="text/javascript"> </script> <script type="text/javascript"> $(document).ready(function (){ //Aqui asignamos el click al elemento <a> $("a").click(function (){ alert("Presionaste un <a>"); //Aqui removemos la clase! $("a").removeClass("boton"); }); //Aqui añadimos la clase a los elementos <a> $("a").addClass("boton"); }); </script> <style type="text/css"> .boton{ color:#f00; display:block; width:100px; text-align:center; border:#f00 solid 1px; } </style> </head> <body> <a href="#" class="algo">Presioname!</a> </body> </html>
Al ejecutarse el script, todos los "a", tomarán la clase "boton", que tiene propiedades de CSS. Sin embargo, al oprimir el elemento, la clase es removida.
Efectos especiales
Esta librería también esta compuesta por algunos efectos, que resultan muy útiles. Son livianos y fáciles de llamar. A continuación, una breve descripción de cuales son, que hacen y como se usan:
Nombre del efecto
Descripcion
Descripcion de los parámetros
Show (Mostrar)
Modifica los atributos alto, ancho y transparencia, partiendo de 0.
$(objeto).show("velocidad")
Velocidad: Determina el tiempo en el que se realizará el efecto. Puede ser "slow" (lento), "normal", o "fast" (rápido).
Hide (Ocultar)
Modifica los atributos alto, ancho y transparencia, partiendo de los valores actuales hasta llegar a 0.
$(objeto).hide("velocidad")
Slide Down (Aparecer hacia abajo)
Modifica los atributos alto y transparencia, partiendo de 0. Es similar a "show", salvo que no modifica el ancho, creando un efecto de "cortinilla".
$(objeto).slideDown("velocidad")
Slide Up (Aparecer hacia arriba)
Modifica los atributos alto y transparencia, partiendo de los actuales, hasta llegar a 0. Es similar a "show", salvo que no modifica el ancho, creando un efecto de "cortinilla".
$(objeto).slideUp("velocidad")
Fade In(Aparecer)
Modifica el atributo transparencia desde 0.
$(objeto).fadeIn("velocidad")
Fade Out(Desaparecer)
Modifica el atributo transparencia desde el valor actual, hasta llegar a 0.
$(objeto).fadeOut("velocidad")
Center (Centrar)
Centra un elemento con respecto a su "parent".
$(objeto).center("velocidad");
Fade To(Cambiar transparencia)
Modifica el atributo transparencia a un valor especifico.
$(objeto).fadeTo("velocidad", transparencia)
Velocidad: Determina el tiempo en el que se realizará el efecto. Puede ser "slow" (lento), "normal", o "fast" (rápido).
Transparencia: Un numero de 0 a 100 que indica que tan visible es el elemento.
Animate (Animar)
Modifica un atributo especifico.
$(objeto).animate("propiedades","velocidad");
Velocidad: Determina el tiempo en el que se realizará el efecto. Puede ser "slow" (lento), "normal", o "fast" (rápido).
Propiedades: Una o más propiedades con valor numérico en CSS, por ejemplo width y height. La llamada seria:
$(objeto).animate({width:20,height:200}, "slow");
"Callbacks", llamar funciones y pasar parametros
Despues de un evento se pueden llamar otras funciones JavaScript y jQuery, de la forma tradicional:
funcion();
Hay eventos que permiten, acabada su ejecución, llamar funciones. Los efectos, por ejemplo, permiten un parámetro opcional, el de "callback". De modo que la sintaxis para un efecto con callback, sería (por ejemplo) la siguiente:
$(objeto).show("velocidad", funcion);
Nota: La funcion debe colocarse sin los parentesis y sin comillas
Como no se pueden usar parentesis en un callback, el modo de pasar los parametros seria el siguiente:
$(objeto).show("slow", function(){ lafuncion("parametro1","parametro2");
});
Conclusiones
Este tutorial es a modo de introducción. Depende de ti explorar jQuery para explotar todas sus funcionalidades. Para conocer más a fondo esta librería, puedes visitar los siguientes vínculos:
- Descarga los ejemplos de este tutorial
- Página principal de jQuery
- Documentación de jQuery
- Tutoriales de jQuery
- Descargas de jQuery
- Blog de jQuery
Información adicional
Fuente | Cristalab
