Desafios no desenvolvimento de uma aplicação real com Flex @ FUGSC
1. Desafios no desenvolvimento de
uma aplicação real com Flex
João Augusto Zaratine <zaratine@gmail.com>
blog.joaoaugusto.com.br
@joaozaratine
Julho/2010
2. Eu
Flex desde 2007
Informant <www.informant.com.br>
NOUS <www.noussoftware.com>
blog.joaoaugusto.com.br
@joaozaratine
23. ✓ <a> ✓ <u>
✓ <b> x <div>
✓ <br> x <table>, <th>, <tr>, <td>
✓ <font> x <object>, <embed>
✓ <img> x <em>
✓ <i> x <form>
✓ <li> x <input>
✓ <p> x <h1>, <h2>, <h3>, <h4>...
✓ <textformat> x Etc e tal
35. Qual é o melhor lugar para
exibir HTML?
Talvez numa página HTML?
36. Largura:100%
Altura: 100%
Aplicação Flex Tradicional
Flex ScrollBars
37. Largura:100%
Altura definida pela conteúdo
NOUS (Flex)
Browser ScrollBar
HTML
38. Browser
Página HTML
NOUS (Flex)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae elit placerat justo sollicitudin posuere. Sed pulvinar velit eu elit pellentesque tristique. Nam consectetur
dui eu elit consectetur eget tincidunt massa vestibulum. Vivamus nisi libero, pretium et aliquet ut, ultrices ac purus. Etiam nibh dui, faucibus ut venenatis ut, accumsan a augue.
Conteúdo HTML
Sed feugiat nisi sed ipsum bibendum imperdiet. Etiam lobortis vulputate metus ac interdum. Morbi porta semper vestibulum. Pellentesque lobortis quam non diam sagittis vitae
rhoncus tortor viverra. Nam ut ultricies urna.
39. Área que mostra conteúdo apareceu?
ADDED_TO_STAGE ou SHOW
ExternalInterface.call(mostraDivECarreg
aConteudoPorAjax)
40. Área que mostra conteúdo desapareceu?
REMOVED_TO_STAGE ou HIDE
ExternalInterface.call(escondeDivEApaga
SeuConteudo)
67. DEPOIS
public class Package
{
public var id:Number;
public var orderId:Number;
public var orderItemId:Number;
public var status:String;
public var packageBarcode:String;
public var postalBarcode:String;
public var shipWay:String;
public var productName:String;
public var reference:String;
public var date:Date;
public var name:String;
public var address:String;
public var number:String;
public var city:String;
public var country:String;
public var postalCode:String;
public var neighborhood:String;
public var phone:String;
}