Cocinandounaaplicación Silverlight 3 en unahora<br />Daniel Iglesias<br />Team Coordinator<br />Huddle Group<br />Federico...
Dibujandopor un sueño<br />Un toque de buen gusto<br />Aprendiendo a sincronizar<br />Unapizca de arquitectura<br />Listop...
Dibujandopor un sueño<br />Diseño<br />Interacción<br />
Model-View-ViewModel<br />User Interaction<br />We pass the call. <br />View<br />Event Bubbling. <br />ViewModel<br />Mod...
Y dondeestá el sous-chef?<br />
¿Preguntas?<br />Las mejorespreguntas se llevanunaremera<br />
Es unatecnologíaquepermite<br />sincronizarestructuras de datos…<br />Problemasresueltos:<br />Latencia<br />¿Yque me prov...
Unapizca de arquitectura<br />View<br />ViewModel<br />Model<br />
Unapizca de arquitectura<br />View<br />View<br />View<br />View<br />La nube<br />Peer-to-Peer<br />ViewModel<br />ViewMo...
Unapizca de arquitectura<br />View<br />View<br />View<br />View<br />ViewModel<br />ViewModel<br />ViewModel<br />ViewMod...
Manos a la obra<br />
¿MásPreguntas?<br />¿Másremeras?<br />
Wazowski…<br />Gracias a Pixar por la inspiración<br />… la buenaonda …<br />… y obviamentelasimágenes.<br />… a Microsoft...
Gracias a todos<br />Esperamos les hayagustado…<br />
Model View ViewModel<br />http://blog.lab49.com/archives/2650<br />beWeeVee<br />TechPreview: www.beweevee.com<br />SDK: C...
[Code Camp 2009] Cocinando una aplicación Silverlight 3 en una hora (Federico Lois + Daniel Iglesias)
Upcoming SlideShare
Loading in …5
×

[Code Camp 2009] Cocinando una aplicación Silverlight 3 en una hora (Federico Lois + Daniel Iglesias)

307 views
237 views

Published on

[Code Camp 2009] Cocinando una aplicación Silverlight 3 en una hora (Federico Lois + Daniel Iglesias)

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
307
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 0- [02] Bienvenida1- [02] Presentacion Oradores
  • 2- [02] Rapidapresentación de la AgendaDibujando:quevamos a hacer? Un abm NO, un lista de tareas, NO, un dibujo!!! (conceptos de diseño e interaccion / diferencias)Un toque…: Vamos a usar los mejorespatrones de la actualidad o al menosintentarlo (MVVM)Uno para todos…: Vamos a contar de que se trataBeweevee (habla el colo)Unapisca de arquitectura: Requisitos de unaarquitecturaquepermitainteraccionfluida (PoolingDuplexChannel y Servidor)Listoparaservir:Vamos a mostrar la demo queacabamos de codificarfuncionando.
  • 3- [05] Presentación casoA- Explicación de diseño de interfaz e interaccion.B- Explicarcomocapturar los trazos del usuariotomando los eventos del mouse:C- MoulseLeftButtonDown: Comienzo de un nuevotrazoD- MouseMove: Agregamosmaspuntos al trazoE- MouseLeftButtonUp: Terminamos el trazo
  • 3- [05] Presentación caso (continuación…) Dominio Modelo VistaA- Explicación de la utilidad del ViewModelcomoadaptador entre la interfaz de usuario (la vista) y el modelo (el dibujo).Sacaprovecho de lascapacidades de DataBinding Es la “lengua franca” de WPF y SilverlightB- Referencia a MVVM y recomendacion de ver el video de “Jason Dolinger MVVM”.
  • 4- [15] Codeado de la opcion que dibuja incluyendo - Model (Draw) - ViewModel (DrawViewModel) - View (Ink) - Manejo de eventos5- [02] Agregando el segundo InkPresenter6- [02] Sincronizando con el mismo viewmodelManos a la obra, codificamoshastaquequedaandando la version con los dos InkPresentersvinculadospor el mismoViewModel y el mismo Model.
  • Verificamosquehastaacanadie se perdio, o sientequeesta en unaclase de Irakíavanzado.
  • 7- [05] Explicación de a donde vamos (lo mismo que tenemos pero cliente servidor)A- Explicamosqueparahacer la sincronizaciónrealmentemultiusuarionecesitamospasarpor un servidor y algomás…B- Aca el coloexplicaqueesBeweeve y comofunciona.C- Contarquees el ElementView
  • 8- [05] Explicamos el funcionamiento del servidor Los usuarios se joinean a unasesioncompartida Los usuarios publican lasnovedades Los usuariosrecibenlasnotificaciones de lasnovedadespublicadasporotrosusuariosExplicar que es necesario que los datacontract sean serializables y que Stroke y StylusPoint no lo son.
  • 8- [05] Explicamos el funcionamiento del servidor Los usuarios se joinean a unasesioncompartida Los usuarios publican lasnovedades Los usuariosrecibenlasnotificaciones de lasnovedadespublicadasporotrosusuariosExplicar que es necesario que los datacontract sean serializables y que Stroke y StylusPoint no lo son.
  • 8- [05] Explicamos el funcionamiento del servidor Los usuarios se joinean a unasesioncompartida Los usuarios publican lasnovedades Los usuariosrecibenlasnotificaciones de lasnovedadespublicadasporotrosusuariosExplicar que es necesario que los datacontract sean serializables y que Stroke y StylusPoint no lo son.
  • 9- [05] Agregar el servicio a la solucion web - Add new Service - Borrar la interfaz y el servicio generados - Copiar los archivos del servicio y la interfaz - Agregar las referencias a Protobuf y Beweevee - Modificar el archivo de configuracion10- [05] Crear el domain de CLR comun - Crear la clase SerializableStroke - Crear la clase SerializableStylusPoint11- [02] Crear domainSl para silverlightlinkeando los archivos del domain Explicar por que es necesario tener el domain de SL en otra dll12- [05] Agregar la servicereference en CodeCamp.Sketcher - Agregar la referencia a Server - Agregar la referencia a System.ServiceModel.PollingDuplex
  • Ronda final de preguntas y respuestas
  • Gracias a Microsoft, Pixar (el disclaimer)..El papeleo: No se olviden de llenarlasplanillas…Disponibilidad de beWeeVee SDK paraque lo prueben, etc.
  • Despedida…
  • [Code Camp 2009] Cocinando una aplicación Silverlight 3 en una hora (Federico Lois + Daniel Iglesias)

    1. 1. Cocinandounaaplicación Silverlight 3 en unahora<br />Daniel Iglesias<br />Team Coordinator<br />Huddle Group<br />Federico Lois<br />Manager Labs+Academics<br />Corvalius<br />
    2. 2. Dibujandopor un sueño<br />Un toque de buen gusto<br />Aprendiendo a sincronizar<br />Unapizca de arquitectura<br />Listoparaservir<br />Menu del día<br />
    3. 3. Dibujandopor un sueño<br />Diseño<br />Interacción<br />
    4. 4. Model-View-ViewModel<br />User Interaction<br />We pass the call. <br />View<br />Event Bubbling. <br />ViewModel<br />Model<br />We manipulate<br />Un toque de buen gusto<br />
    5. 5. Y dondeestá el sous-chef?<br />
    6. 6. ¿Preguntas?<br />Las mejorespreguntas se llevanunaremera<br />
    7. 7. Es unatecnologíaquepermite<br />sincronizarestructuras de datos…<br />Problemasresueltos:<br />Latencia<br />¿Yque me provee?<br />Conflictos<br />API de bajonivel<br />¿Donde lo aplico?<br />TextView<br />Texto<br />ElementView&lt;T&gt;<br />Gráficos<br />Listas<br />Aprendiendo a sincronizar<br />
    8. 8. Unapizca de arquitectura<br />View<br />ViewModel<br />Model<br />
    9. 9. Unapizca de arquitectura<br />View<br />View<br />View<br />View<br />La nube<br />Peer-to-Peer<br />ViewModel<br />ViewModel<br />ViewModel<br />ViewModel<br />Model<br />Model<br />Model<br />Model<br />
    10. 10. Unapizca de arquitectura<br />View<br />View<br />View<br />View<br />ViewModel<br />ViewModel<br />ViewModel<br />ViewModel<br />…nuestro server...<br />Model<br />Model<br />Model<br />Model<br />
    11. 11. Manos a la obra<br />
    12. 12. ¿MásPreguntas?<br />¿Másremeras?<br />
    13. 13. Wazowski…<br />Gracias a Pixar por la inspiración<br />… la buenaonda …<br />… y obviamentelasimágenes.<br />… a Microsoft por la invitación.<br />Y no se olviden …<br />… DE LLENAR EL PAPELEO<br />
    14. 14. Gracias a todos<br />Esperamos les hayagustado…<br />
    15. 15. Model View ViewModel<br />http://blog.lab49.com/archives/2650<br />beWeeVee<br />TechPreview: www.beweevee.com<br />SDK: ComingSoon.<br />Silverlight<br />http://silverlight.net/<br />http://timheuer.com/blog/<br />User Experience<br />http://en.wikipedia.org/wiki/User_experience_design<br />Don’tmake me think, Steve Krug (Amazon :D)<br />Información Util<br />

    ×