July 2011 - Artículos
Este 12 y 13 de agosto se realizará un taller de TDD en las dependencias del Instituto Virginio Gómez, cuyo expositor es Danijel Arsenovski, experto en el área de desarrollo de software ágil reconocido internacionalmente y con más de 10 años de experiencia en la Industria.
En este taller aprenderás lo esencial para llevar a cabo esta práctica fundamental de programación de calidad dentro de tu día a día profesional.
Orientado a: líderes técnicos, arquitectos de software, desarrolladores y programadores
“El programador, para que pueda calificar como profesional, debe practicar Desarrollo Dirigido por Pruebas (TDD)” - legendario Robert C. Martin
- ¿Sabía UD. que es posible escribir las pruebas para cierta funcionalidad antes del código que la implemente?
- ¿Qué una prueba unitaria puede ser el mejor modo de documentar su código fuente?
- ¿Qué las pruebas unitarias les hacen desarrollar más rápido, permiten desarrollar software con menos defectos, y que además es más fácil de mantener?
- ¿Que el desarrollo guiado por las pruebas es una práctica común entre los mejores equipos de desarrollo de software y es una práctica indispensable dentro de los equipos de desarrollo ágil?
Empower Agile les invita a participar en el Taller “¡Pruebas primero! - Desarrollo dirigido por pruebas". Descargar folleto:
www.empoweragile.com/es/capacitacion/PUVBN.pdf Aunque vamos utilizar el VB .NET para los ejemplos, es perfectamente adecuado que al taller asistan programadores de otros lenguajes, ya que estos principios son aplicables a cualquier lenguaje orientado a objetos.
¡Aprovechen esta oportunidad de aprender sobre agilidad en su ciudad!
Valor de la Inscripción: $120.000
Cupos Limitados
Fecha: 12 y 13 de Agosto
Lugar: Instituto Profesional Virginio Gómez de la Universidad de Concepción
Dirección: Avenida Prat 196, Concepción
Los interesados se pueden comunicar con Pamela Landero Sepúlveda
Contacto:plandero@virginiogomez.cl
Fono: 2793432
JqueryMobile nos ofrece una colección de iconos que podemos utilizar en los botones que definamos, en dicha colección podremos tenemos los siguientes diseños:
Además podemos variar el tema de estos iconos al setear el atributo data-theme del botón, puedes ver más info en :
http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/buttons/buttons-icons.html
Sin embargo, es muy posible, que necesitemos utilizar otro icono, uno personalizado, debemos especificar el valor del data-icon, con un nombre, este nombre debe provenir de una regla css con el prefijo ui-icon-[Nombre]. Para mantener una consistencia visual con los iconos por defecto, se deben crear íconos con color blanco de 18x 18 pixeles y guardados como PNG-8 con transparencia.
Personalmente, como no soy diseñador, busqué en www.iconfinder.com y seleccioné esta galería:
http://www.iconfinder.com/search/?q=iconset%3Asocial
Luego con Paint.NET modifiqué el tamaño a 18X18 y lo guarde con el nombre twitter1.png
Entonces, en mi página agregué el estilo:
.ui-icon-twitter {
background: url("twitter1.png") no-repeat rgba(0, 0, 0, 0.4) !important;
}
Luego para el botón:
<input type="submit" value="Twitter" data-icon="twitter">
Y el resultado:
Como vez, el nombre al que hace referencia data-icon es el nombre de la clase sin el prefijo .ui-icon.
Espero que te sirva!
Saludos,
Gonzalo
Hola, les dejo el vinculo para que puedan ver el video de la presentación y los slides de la Charla de JqueryMobile y WebMatrix, en realidad la charla fue más JQueryMobile, pero de todas maneras hablamos de las características que WebMatrix nos ofrece para este tipo de desarrollo.
Slides:
Y puedes ver el webcast offline en:
https://msevents.microsoft.com/CUI/EventDetail.aspx?culture=es-AR&EventID=1032490318&CountryCode=AR
Saludos!
Gonzalo
 | PhoneGap es un framework para el desarrollo de app móviles que permite implementar proyectos utilizando HTML5,CSS3 y JavaScript, transformándolas en aplicaciones hibridas, empaquetándola en un ensamblado nativo para distintas plataformas móviles, actualmente se soportan seis plataformas:iOS, Android, Blackberry, PalmOS, Windows Mobile y Symbian, proximamente soporte para Wp7. Para ocuparlo es necesario tener instalados los SDK correspondientes.
Esto último se puede evitar con el proyecto que esta en beta de Build.phonegap.com, es impresionante : - Evitar instalar múltiples SDK en la maquina local.
- No es necesario agregar el manifiesto
- Escribir la app una sola vez
- Compilar en la nube
- Correr en todos lados!!!!
|
Para utilizarlo solo debemos ir la dirección:
Luego registrarnos (el correo llega de inmediato, no hay que esperar mucho tiempo), y luego seguir los pasos, por ejemplo si quieres subir una nueva aplicación tienes las siguientes opciones:
Luego se compila para las distintas plataformas, si hay algún error, se informa con una cara triste, pero no hay para que estarlo!, te indica cual es el problema 
Una vez compilado, puedes descargar el ensamblado para la aplicación, en mi caso tenía un error para Blackberry, pero totalmente funcional para Android, webOS y Symbian. Como te decía, se viene la compatibilidad para Windows Phone!
Es muy interesante este proyecto, te recomiendo que le des una vuelta, junto a JQueryMobile ufff, muy buenos resultados!
Saludos,
Gonzalo
WebMatrix es el nuevo IDE de Microsoft para el desarrollo de aplicaciones Web, veremos en esta oportunidad, el como utilizarlo junto a jQueryMobile para el desarrollo de aplicaciones móviles, veremos como utilizar helpers JSON para realizar tareas asyncronamente y tips sobre el desarrollo de JQueryMobile que harán tu aplicación más cercana a las app nativas. Veremos también como utilizar PhoneGap para crear un ejecutable con nuestra app web en un dispositivo móvil.
Duración: 1hora
Fecha: Viernes 22 de Julio
Hora:16 horas Bogota //17:00 horas Chile
Orador: Gonzalo "chalalo" Pérez
Registro:
https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032490317&Culture=es-AR
Nos vemos!
Saludos,
 |
Hola, estoy dictando un curso de jQuery, que es express, en donde las ppts vuelan y vemos muchos ejemplos, la modalidad del curso me gusta, es muy barato, aproximadamente 50 dólares, en donde todos ganamos, el instructor y los alumnos.
Ahora bien, el post no es para solo contar esto, si no para compartir el material que estoy ocupando, y sí gratis!
|
Ahora bien, el curso aún no termina, pero el material que hemos visto te puede servir, ya que la ultima clase es solo práctica.
Los temas vistos son:
- Conceptos Básicos
- Selectores
- Filtros
- Utilidades
- Atributos
- Ajax & JQuery
Descarga el material :
Eso, saludos!
Gonzalo
DropKick es un plugin para JQuery que permite personalizar el look de los dropdowns, y que la customización visual suele ser algo engorroso y a menudo estas customizaciones carecen de comodidades como la navegación por teclado, la idea de Dropkick, es que esta tarea sea lo más fácil posible.
Descarga en:
http://jamielottering.github.com/DropKick/
Luego, tal como indica la documentación, agregamos los script (el del plugin ,el de jquery y los archivos css asociados)
<link rel="stylesheet" href="example/example.css" type="text/css" />
<link rel="stylesheet" href="dropkick.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Carter+One&v1'
rel='stylesheet' type='text/css' />
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
type="text/javascript" charset="utf-8"></script>
<script src="jquery.dropkick-1.0.0.js" type="text/javascript" charset="utf-8">
</script>
Nota: El autor indica que no tenemos que preocuparnos mucho por el archivo example.css , pero inclúyanlo, tiene los css que setean los estilos de los <ul> y <li>
En nuestro proyecto vamos a tener simplemente un dropdown junto a un datasource (si , ya se qué los más estrictos no les gusta, pero es solo con fines de ejemplificar) el cual obtiene los datos de la tabla products de NORTHWND.MDF.
Después agregamos el código en evento ready de Jquery:
$('#DropDownList1').dropkick();
Y listo, el ejemplo de la derecha tiene aplicado el formato.
De todas maneras puedes crear tu propio estilo con un mínimo esfuerzo y agregar eventos al dropdown:
$('#DropDownList1').dropkick({
theme: 'black',
change: function (value, label) {
$(this).dropkick('theme', value);
}
});
Obviamente puedes aprovechar este plugin con otras tecnologías como ASP.NET MVC , WebMatrix, PHP, etc.
Lo encontré sencillo de utilizar y quería compartirlo, le puede dar un look muy bueno a tus controles 
Saludos,
Gonzalo
Al grano!, es posible que queramos configurar jquerymobile para escenarios comunes. Se recomienda que estas configuraciones estén entre la referencia hacia la librería JQuery y JQueryMobile:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function () {
//Configuración
});
</script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
Cambiar el texto del botón volver
 |
El botón volver de JM lo agrega automáticamente cuando avanzamos de una página hacia otra, cargando dentro de un div . Este botón es muy útil, pero sería mejor que dijiera la palabra “Atrás”, obviamente se puede hacer buscando en la librería, pero stop!, los tipos de JM han pensado en todo |
Solo debemos agregar:
$.mobile.page.prototype.options.backBtnText = "Atras";
y listo! tenemos el texto correctamente seteado:
Cambiar el texto “Loading”
Al igual que el ejemplo anterior, para cambiar el texto del mensaje “Loading” a “Cargando” o realmente lo que quieras debes agregar por ejemplo:
$.mobile.loadingMessage = 'Cargando...';
Eliminar las transiciones con Ajax
Las transiciones tipo flip se ven bonitas, pero no todo los dispositivos móviles son tan rápidos en el Render al hacer una animación, es por eso ,que podemos eliminarlo con:
$.mobile.ajaxLinksEnabled = false;
Puedes ver más configuraciones útiles en:
http://jquerymobile.com/demos/1.0a3/docs/api/globalconfig.html
Saludos!
Chalalo.