Archive for the '4035' Category

Material de Introducción a Ajax y Javascript

Monday, July 12th, 2010

El viernes 25 de Junio tuve el gusto de dar una charla en la Facultad de Ciencias Exactas, de la Universidad de Buenos Aires, invitado por el bueno de @jgabardini (blog) y su gente. Había anunciado el evento en:

Mi próxima charla: Ajax y Javascript

Llegó la hora de publicar el material:

Presentación de la charla: AjaxJavascript201001.pptx

Ejemplos de Javascript simple, Ajax simple, sitio con PHP y Ajax simple: Ajax2010.zip

Ejemplo de ASP.NET MVC con JQuery simple: AspNetMvc1Jquery.zip.

Vimos hacia el final la librería JQuery:

http://jquery.com

Vimos ejemplos de JQuery UI:

http://jqueryui.com/

La gente de que organizó la charla, publicará el video, así que van a tener más contexto para seguir los ejemplos desde la presentación y los enlaces mencionados. Tendrá que aparecer en el blog: http://www.exactas.uba.ar/uti/

La mayor parte de los otros temas, fueron mencionados en otras charlas anteriores. Ver mis posts anteriores sobre Ajax. El post más informativo es: Aprendiendo Ajax. Rescato de ahí enlaces como:

Sitios sobre AJAX

http://ajaxian.com/
http://www.ajaxlines.com
http://www.ajaxtutorial.net/
http://www.ajaxprojects.com/
http://www.ajaxresources.com/
http://blog.joshuaeichorn.com/ajax-resources/

Tecnologías asociadas a AJAX

JSON
http://www.json.org/
Standard ECMA JavaScript
http://www.ecma-international.org/publications/files/ecma-st/ECMA-262.pdf
The XMLHttpRequest Object
http://www.w3.org/TR/XMLHttpRequest/
http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/
http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples

Mis enlaces actualizados sobre los temas tratados:

http://delicious.com/ajlopez/ajax
http://delicious.com/ajlopez/javascript
http://delicious.com/ajlopez/jquery

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com
http://twitter.com/ajlopez

Mi próxima charla: Ajax y Javascript

Friday, June 25th, 2010

Gracias al bueno de @jgabardini (blog) (y a la intermediación del bueno de @MartinSalias, (blog)), el próximo viernes 2 de Julio voy a dar una charla en la Universidad de Buenos Aires, en Ciencias Exactas, Pabellón 2. Los detalles en:

Charla: Introducción a Ajax y Javascript

Será de 15 a 17hs, en Pabellón 1, aula  a designar, y es abierta al público, sin costo.

ACTUALIZACION: Me informan que será en el Aula 7, Primer piso, de ese Pabellón 1. Si no saben donde queda, pregunten en Seguridad, queda me dicen cerca de la entrada del Pabellon 1, al lado del bar.

Es parte de las actividades del equipo UTI SIS, que ya organizaron otras charlas sobre Single Sign On, Integración Continua, SVN , y otros. Visiten los enlaces, algunas de las charlas tienen video, y otros están en proceso.

La idea de esta charla es ser una introducción a cómo funciona Ajax. Como dice la página

Investigaremos que es Ajax que se basa en dos pilares:

    * El componente XMLHttpRequest, nacido en el Internet Explorer para otra misión, y luego adoptado a varios engines de Javascript de navegadores de código abierto
    * Javascript, un lenguaje basado en prototipos, con un gran flexibilidad

Luego de ver como es Ajax puro, programado contra tecnologías dinámicas en el servidor, entraremos en la utilización de librerías. La más popular actualmente es JQuery.

    * Nuevas funciones definidas por la librería, extendiendo Javascript
    * Funciones de Ajax
    * Uso de algunos plugins, con tecnologías en el servidor

Y una discusión hacia dónde va todo esto.

Veremos lo dúctil que es el lenguaje Javascript, una especie de lenguaje olvidado por mucho tiempo, pero que hoy goza de una gran actividad. Es curioso como todo Ajax fue surgiendo sin un diseño previo, juntando tecnologías que habían sido creadas por separado. Y hoy alimenta gran parte de la actividad de programación de aplicaciones.

Pueden leer algo del material que estoy consultando en mis tags

http://delicious.com/ajlopez/ajax
http://delicious.com/ajlopez/javascript
http://delicious.com/ajlopez/jquery

Pueden leer el post de Martin Salias sobre Javascript – la programación del futuro

Y el material que usé hace unos años en mi curso de Ajax: Aprendiendo Ajax

Seguramente el equipo de Juan Gabardini publicará el video de la charla, y yo publicaré por acá el material.

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com
http://twitter.com/ajlopez

Ideas para un proyecto geospatial

Sunday, October 19th, 2008

El viernes pasado, asistí al MVP (Most Valuable Professional) Open Day, en la sucursal de Microsoft en Buenos Aires. Fue un gusto encontrarme con otros colegas y con gente de Microsoft, como Miguel Saez, Ezequiel Glinksy, y el carnal de todos Fernando García Lorea para pasar todo un día en charlas de distintos temas, desde una discusión Fish Bowl, hasta el tema de las comunicaciones en la red y cómo afectan nuestras vidas. Interesantísimo, y además, hubo comida!!! 😉

En una de las charlas, Alejandro Ponicke presentó un excelente trabajo programado por el bueno de Juan Ladetto (arquitecto de cepa tucumana, que ahora está trabajando en Microsoft Buenos Aires):

El nuevo mapa del Capitan, pero que mapa!

(Nota para Alejandro Ponicke: con lo de “En Europa no se consigue” se te cayeron, no dos, sino tres sotas.. 😉

Se discutieron extensiones a este proyecto (como fue una charla privada, no puedo comentar todo, pero algo puedo filtrar…;-), para armar algo colaborativo a publicar en código abierto.

Estaba presente el bueno de Daniel Cazzulino (@kzu en Twitter) que comentó su trabajo con @edjez (el inefable Eduardo Jeziersky) en Instedd.org y su aplicación Geo Chat: envío de un mensaje SMS sobre un mapa.

Hacia el final, Martín Salías propuso que mucho de las extensiones que proponíamos podrían ser abstraidas en el concepto de agregar items sobre el mapa, y conectarlos.

Me gustaría comentar algunos breves puntos sobre esas ideas:

– Se podría implementar el concepto de Item, asociado a un punto geográfico.

– Los items no son todos iguales, podrían definirse distintos tipos de items.

– Se podrían definir distintas aplicaciones, sobre una API unificada, para que quien quiera pueda definir su propio item (con campos mínimos de la API, más campos extensibles por aplicación). Me imagino un aplicación SaaS con configuración por tenant. Los campos extensibles serían similares a los que ya maneja SQL Data Services (o los nuevos proyectos “in the cloud” que presentará Microsoft en el cercano PDC).

– Los items se pueden ver en el mapa, se podrían ampliar, ver de a uno, filtrar por posición, cercanía, por algún campo.

– Matcheo entre items: algunos “matchs” básicos por cercanía, coincidencia de campos, luego, un “match” genérico a implementar por cada aplicación.

– Integración con Twitter (siguiendo el camino de GeoChat).

– La API a desarrollar, sería expuesta por Web Services y/o REST. El consumidor inicial sería una página web como la del ejemplo de Ladetto, pero podría expandirse luego a distintos Smart Clients a desarrollar.

– Reaprovecharía ideas, implementación, de la demo sobre SQL Server que mostró Bill Gates y cía en su última Key Note, antes de dejar su trabajo a tiempo completo en Microsoft.

– No complicaría el desarrollo inicialmente, pero plantearía desde el principio, casos de uso de distintas aplicaciones (algunas en concreto fueron mencionadas en la charla). No quisiera una sola aplicación: me gustaría que se encarara con la idea de multi-aplicación definible “a piaccere”. (como le decía Olmedo a la “negra” Romero: “si la hacemo, la hacemo bien”… 😉

– Aun cuando las aplicaciones puedan ser definidas, armaría una aplicación “cabeza de playa” para “cruzar el abismo” (¿notan aquí la lectura de Geoffrey Moore?). Es decir, alguna aplicación en concreto, que muestre la usabilidad de la aplicación base.

Algunos tags, enlaces a investigar:

http://delicious.com/ajlopez/geospatial
http://delicious.com/ajlopez/geotagging

Comentarios, ideas, crítica, enlaces, ¡bienvenidos!

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/
http://twitter.com/ajlopez

Goosh.org una interfaz de texto a Google

Thursday, June 5th, 2008

Me encuentro con esta interesante aplicación, escrita por Stephan Grothkopp:

http://goosh.org

Con una interfaz de línea de comando, podemos pedir help:

Con search buscamos

La página se basa en JavaScript, ver el programa que usa:

http://goosh.org/goosh.js

Por lo que ví, usa la facilidad de incorporar una búsqueda al propio navegador:

AddSearchProvider Method
Integrating Site Search Into Firefox and IE7

No sé si funciona Goosh en IE6 y anteriores.

Ese método necesita un XML que usa para la búsqueda. Acá está en:

http://goosh.org/goosh.xml

Eliminando el dato de la imagen, se ve:

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:ms="http://www.mozilla.org/2006/browser/search/"> <ShortName>Goosh</ShortName> <Description>Goosh.org - The unofficial Google Shell</Description> <InputEncoding>UTF-8</InputEncoding> <Image width="16" height="16">...</Image> <ms:SearchForm>http://goosh.org/</ms:SearchForm> <Url type="text/html" method="GET" template="http://goosh.org/?q={searchTerms}&amp;sourceid=mozilla-search"/> </OpenSearchDescription>

Pueden probar de buscar directamente con:

http://goosh.org/?q=search+mario+bunge&sourceid=mozilla-search

Otra “review” en:

Goosh: A retro Web app with cutting-edge interface

Enlaces que encuentro relacionados con Google:

http://del.icio.us/ajlopez/google

Gracias por el enlace a mi compañero de equipo Juan Manuel Moyano.

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/

Programando en el browser: Smalltalk Web Toolkit

Wednesday, April 30th, 2008

En enero, me vi sorprendido por una implementación de grid computing en el browser, leer

Grid Computing in the browser

En estos últimos años hemos asistido al crecimiento de potencia y uso de JavaScript, con nuevas librerias y el uso intensivo de sus capacidades de prototipos y redefinición de funciones. Eso y otros elementos (como el XMLHttpRequest) han hecho surgir lo que se ha llamado Ajax. También tenemos librerías que convierten código en el servidor en código en el cliente, tengo que estudiar Volta de Microsoft, por ejemplo.

Esta semana, gracias a la lista de ClubSmalltalk me entero del estado del proyecto de Diego Gomez Deck (a quien creo recordad de las reuniones de SUGAR, Smalltalk User Group de Argentina, en los noventa): el Smalltalk Web Toolkit, pueden ver el blog del proyecto:

http://ceibo.wordpress.com/

Copio la descripción que enviara Hernan G, a esa lista:

¿Cuáles son las cualidades de este nuevo framework?
SWT rompe con la asimetría del protocolo HTTP, es decir, a través del hack Comet, ahora el servidor puede enviar contenido a los clientes conectados. Esto hace que se quiebre la barrera impuesta por el protocolo HTTP y el servidor no solamente pueda enviar contenido solo con un pedido del cliente, sino que a través de esto, en cualquier evento que se produzca en el servidor pueden ser informados los clientes (o los navegadores).

¿Cuál es su arquitectura?
SWT consta de una parte cliente y una servidora. Es decir, el comportamiento del cliente lo desarrollamos íntegramente sobre Smalltalk. Gracias a un framework que traduce de Smalltalk a Javascript contamos con un mini-ambiente Smalltalk del lado del navegador. A partir de este esquema, se puede contar con un MVC (Model-View-Controller) distribuido. Este MVC logra ciertas optimizaciones para presevar el recurso más limitado, la red.

¿De donde obtengo más información?
En el blog ceibo.wordpress.com podrán encontrar información de cómo usarlo, ejemplos, links a downloads, tutoriales, etc.
Ceibo es un proyecto de barajas 3D sobre la web que usará SWT como arquitectura.

Interesante lo de Comet:

http://es.wikipedia.org/wiki/Comet

Comet es una técnica de programación Web muy similar a AJAX, que utiliza XMLHttpRequest, se utiliza para la entrega de datos entre cliente servidor a través del protocolo HTTP, y la entrega de datos se hace sin que el cliente lo haya solicitado.

Comet también es conocido como server push, HTTP push, HTTP streaming, Pushlets, Reverse Ajax, y otros.

Jeje… de nuevo el XMLHttpRequest… grande el chiquitín…. 🙂

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/

Chat en vivo sobre ASP.NET, AJAX, desarrollo web

Tuesday, March 11th, 2008

El jueves que viene, 13 de Marzo, a las 16hs (Buenos Aires), estaré participando de un evento en línea, con preguntas y respuestas, ejemplos y conceptos, sobre ASP.NET. El evento se realizará vía LiveMeeting, y está pensado para los que quieren programar en ASP.NET haciendo aplicaciones web, pero están comenzando con esa tecnología, o vienen de otras, como PHP. En el anuncio, hay preguntas tipo:

¿Dónde debo poner el string de conexión a mi Base de Datos? ¿Cómo puedo ordenar y paginar una grilla? ¿Cómo puedo hacer aplicaciones AJAX con ASP.NET? ¿Para qué sirve el PostBack? ¿Necesito IIS para correr mi aplicación?

Más información e inscripción en

http://msevents.microsoft.com/CUI/WebCastEventDetails.aspx?EventID=1032372622&EventCategory=4&culture=es-AR&CountryCode=AR

Es parte de la iniciativa Misión Géminis 48hs.

Me parece que la interfaz web, para un aplicación simple o compleja, hoy es casi indispensable. Por más que se comente sobre cliente rico, y otras tecnologías que han ido apareciendo, la ubicuidad y flexibilidad de un browser combinado con la programación en el servidor, es una dupla interesantísima de explorar, usar, y explotar. Vean lo que ha hecho Internet por nosotros en los últimos años, esa influencia y alcance irá aumentando con la aparición de más aplicaciones en línea (SalesForce y SugarCRM como ejemplos). Software as a Service está gestándose (muchos conceptos todavía están por asentarse), pero es una tendencia natural tener aplicaciones accesibles por la web.

Espero poder ayudar en este evento, a descubrir y entender el poder de la tecnología ASP.NET para conseguir desarrollar ese tipo de aplicaciones.

Gracias a Miguel Angel Saez por invitarme a participar de este evento, ex southie, ahora en Microsoft de Argentina. Powerful you have become, the dark side I sense in you…. 🙂

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/

YouOS, sistema operativo en línea

Thursday, July 12th, 2007

No es la primera vez que veo una iniciativa como ésta, creo recordar que DynamicDrive había nacido así. Pero con AJAX y la maduración de las tecnologías Web, ahora hay un mejor ambiente para encontrarse con un sistema operativo en línea:

Se puede programar! Pueden leer:

Most of these applications have been written by users such as you! If you have some technical savvy, you can help YouOS grow by developing applications yourself. Just goto the Stuff menu again, mouse over the YouPanel menu and click on Develop Apps. Development documentacion and tutorials are available.

Es una versión alpha temprana, diríamos. Pero parece interesante. Veremos hasta donde llega esta tendencia. Creo igual que el camino es el uso de aplicaciones en línea, más que un sistema operativo. O la colaboración de varias aplicaciones, que expongan servicios y otra que los tome y los consuma y los exponga.

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/

ASP.NET y Ajax en Tandil, Buenos Aires

Thursday, June 7th, 2007

Gracias a la organización del MUG de Argentina, la semana que visitaré la ciudad de Tandil, en el centro de mi provincia, Buenos Aires. Hace como tres décadas que no paso por ahí, pero igualmente poco voy a poder ver de la ciudad, porque llego temprano a la mañana y me vuelvo esa misma noche (tanto el martes como el jueves, tengo cursos en la ciudad de Buenos Aires).

Voy a dar una charla de cuatro horas, sobre ASP.NET, en la Universidad Nacional del Centro de la Provincia de Buenos Aires, en la Facultad de Ciencias Exactas (uau, espero encontrarme con estudiantes de matemáticas, pero no creo que estén interesados en programación) (vean cómo usan ahí en la Facultad al Sistema Guaraní, del SIU).  Espero poder mostrar cómo es lo nuevo de ASP.NET 2.0, y explicar las extensiones de Ajax, entre otros temas. Seguro encontraré alguna “excusa” para mostrar algo de generación de código con AjGenesis… 😉

Acá está el temario publicado:

Horario: de 14:00 a 18:00 hs

En ASP.NET 2.0 se mantiene el modelo de programación ASP.NET, que utiliza el framework de clases de .NET, y la generación de páginas dinámicas. Veremos los nuevos controles y conceptos que tiene la versión 2.0, incluyendo Ajax.

Contenidos:
Modelo de programación con ASP.NET
Nuevos controles en ASP.NET 2.0
El control GridView
Otros controles enlazados a datos y objetos
Autenticación y Autorización
Master Pages
Themes
Skins
Web Parts y personalización
Ajax en ASP.NET: actualizando partes de la página

Nivel: Basico e intermedio.

Más información, e inscripción, en:

http://www.mug.org.ar/Eventos/2687.aspx

Como siempre, el material (algunos ejemplos, enlaces), quedará publicado en http://www.ajlopez.com/

Más información sobre Tandil en:

http://www.welcomeargentina.com/tandil/index_i.html
http://www.tandilnet.com/
http://www.cybertandil.com.ar/turismo/index.htm

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/

Aprendiendo AJAX

Wednesday, May 16th, 2007

En estos días dí un charla en dos días, 6 horas en total, sobre el tema AJAX, en el Club de Programadores. Me pareció interesante publicar los ejemplos, presentación y recursos que utilicé para preparar la charla. Espero que sirvan como introducción al tema, y para que puedan preparar otras charlas sobre el tema:

Fuente: Adaptive Software

El artículo inicial de Jesse James Garret, de Adaptive creando el término AJAX y explicando qué es en:

Ajax: A New Approach to Web Applications

Pueden ver más sobre Garret en

http://www.jjg.net
http://www.jjg.net/elements/ (su libro sobre The Elements of User Experience)

 

Sitios sobre AJAX

http://ajaxian.com/
http://www.ajaxlines.com
http://www.ajaxtutorial.net/
http://www.ajaxprojects.com/
http://www.ajaxresources.com/
http://blog.joshuaeichorn.com/ajax-resources/
http://ajax.solutoire.com/

http://www.deitel.com/ajax/AJAX_resourcecenter.html
http://www.oracle.com/technology/tech/java/ajax.html
http://developers.sun.com/ajax/

Tecnologías asociadas a AJAX

JSON
http://www.json.org/
Standard ECMA JavaScript
http://www.ecma-international.org/publications/files/ecma-st/ECMA-262.pdf
The XMLHttpRequest Object
http://www.w3.org/TR/XMLHttpRequest/
http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/
http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples

Librerías JavaScript

Software, artículos y ejemplos, comentados en la charla:

Prototype
http://www.prototypejs.org/
http://www.sergiopereira.com/articles/prototype.js.html
http://www.prototypejs.org/learn/introduction-to-ajax

Scriptaculous
http://script.aculo.us/
http://swik.net/scriptacolous
http://24ways.org/2005/introduction-to-scriptaculous-effects
http://24ways.org/examples/introduction-to-scriptaculous-effects/
http://demo.script.aculo.us/shop
http://wiki.script.aculo.us/scriptaculous/show/Ajax.Autocompleter

OpenRico
http://www.openrico.org/

AdobeSpry
http://labs.adobe.com/technologies/spry/

Yahoo User Interface Library
http://developer.yahoo.com/yui/
http://developer.yahoo.com/yui/download/
http://yuiblog.com/

 

Librerías para PHP

Sajax
http://www.modernmethod.com/sajax/
http://blog.joshuaeichorn.com/archives/2005/04/19/ajax-hello-world-with-sajax/

Xajax
http://www.xajaxproject.org/
http://wiki.xajaxproject.org/Tutorials:Learn_xajax_in_10_Minutes
http://wiki.xajaxproject.org/Tutorials:Processing_Forms_with_xajax
http://www.xajaxproject.org/examples/thewall/thewall.php
http://www.cyberdyne.org/~icebrkr/2007/05/03/xajax-php-live-datagrid-gridview/
http://www.cyberdyne.org/~icebrkr/files/xajax-Livedatagrid.tar.gz
Ejemplo en
http://dev.chkbox.com/gridview.php

Pajax
http://www.auberger.com/pajax/

 

Librerías para Java

Google Web Toolkit
http://code.google.com/webtoolkit/
http://code.google.com/webtoolkit/gettingstarted.html
http://google-web-toolkit.googlecode.com/files/gwt-windows-1.3.3.zip
http://code.google.com/webtoolkit/documentation/examples/
AjaxTags
http://ajaxtags.sourceforge.net/

AjaxTags – AjaxTags Usage
http://ajaxtags.sourceforge.net/usage.html
AjaxTags – AjaxTags Quick Start
http://ajaxtags.sourceforge.net/quickstart.html

ExtJs
http://extjs.com/deploy/ext/examples/grid/xml-grid.html

Dynamic Faces
http://java.sun.com/developer/technicalArticles/J2EE/ajax_jsf/

BackBase
http://www.backbase.com

Librerías para .NET

ASP.NET Ajax (versión de Microsoft para Net 2.x)
http://ajax.asp.net/

Ajax.NET
http://ajax.schwarz-interactive.de/CSharpSample/
MagicAjax
http://www.magicajax.net/

Durante la charla, buscamos algunas implementaciones de chat en Ajax:

http://socket7.net/lace/
http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9
http://www.ajaxchat.org/
http://www.plasticshore.com/projects/chat/index.html
http://www.phpfreechat.net/
http://www.dynamicajax.com/fr/AJAX_Driven_Web_Chat-271_290_291.html

Visitamos algunos sitios con AJAX, como

http://www.egosurft.org
http://www.humanized.com/reader/

Mis enlaces en del.icio.us sobre AJAX en

http://del.icio.us/ajlopez/ajax

Recomiendo el excelente libro de Francisco Minera, MP Ediciones:

http://www.redusers.com/noticias/lpcu109

(lo único que para encontrar el código disponible de ese libro, hay que hacer un curso en la NASA… :-)… si alguien lo consiguió, que avise).

Una alternativa que visitamos, fue Silverlight:

http://silverlight.net/
http://tirania.org/blog/archive/2007/May-01.html
http://www.hanselman.com/blog/PuttingMixSilverlightTheCoreCLRAndTheDLRIntoContext.aspx
http://download.microsoft.com/download/f/2/e/f2ecc2ad-c498-4538-8a2c-15eb157c00a7/SL_Map_FinalNET.png
http://blogs.msdn.com/tims/archive/2007/04/30/silverlight-screencasts.aspx
Moonlight – Mono
http://del.icio.us/ajlopez/silverlight

Ejemplos del seminario, presentación en

http://www.ajlopez.net/ReferenciaVe.php?Id=191

Nos leemos!

Angel “Java” Lopez
http://www.ajlopez.com/