• Like
  • Save
[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)

on

  • 432 views

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

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

Statistics

Views

Total Views
432
Views on SlideShare
430
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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) [Code Camp 2009] Cocinando una aplicación Silverlight 3 en una hora (Federico Lois + Daniel Iglesias) Presentation Transcript

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