Java mais ágil que nunca no desenvolvimento Web

Java mais ágil que nunca no desenvolvimento Web Apache Wicket + MongoDB + Scala

Quem sou eu? twitter: @brunoborges www.brunoborges.com [email_address]

Desenvolvimento Web é ágil?
Para a galera dessas tecnologias, sim
Para os web designers .... não!

Designers vs Developers

Tipo do Projeto
“Pixel Perfect”
Aplicação do jeito que o cliente desenhou
Um Web Designer
Ou uma equipe exclusiva de designers
Prototipação
Cliente envolvido no processo
Alterações no protótipo refletir na aplicação

O que ajuda o designer?

Isso ajuda também... e MUITO PREVIEW NO BROWSER

Fazemos isso?
public class LoginAction extends ActionSupport { public void login() { Connection c = getConnection(); Statement st = c.createStatement(); ResultSet rs = st.executeQuery(“SELECT * FROM USUARIO WHERE ID = “+usuario); setAutenticado(rs.hasNext()); } }
Struts Consulta JDBC ??? NÃO

Separação de Camadas

Interface do Usuário
Esta camada também pode ser quebrada em subcamadas
Uma para o web designer
Outra para o web developer

É preciso uma melhor marcação HTML
< html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title></head> < body > < form > <span>Nome:</span> <input type="text" /> <input type="submit" value="Submit" /> </ form > </ body > </ html >
Isto é o que o Web Designer faz Isto é o que o usuário do site recebe

E se...
Pudéssemos ter uma tecnologia que não altera (quase nada) o que o Web Designer fez?

< html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title></head> < body > < form > <span>Nome:</span> <input type="text" /> <input type="submit" value="Submit" /> </ form > </ body > </ html >

< html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title></head> < body > < form wicket:id="form" > <span>Nome:</span> <input wicket:id="nome" type="text" /> <input type="submit" value="Submit" /> </ form > </ body > </ html >

Tipos de Marcação XHTML Imperativa (JSF, Struts, SpringMVC, Play!, Ruby on Rails, PHP, Python ...) <form action=”salvar”> <input type=”text” name=”nome” /> <input type=”submit” value=”Salvar” /> </form> < s:form action=”salvar”> < s:input property=”nome” /> < s:submit value=”Salvar” /> </ s:form > O ser humano não nasceu para fazer isso … :-( E nenhum navegador nasceu para renderizar isso …

Tipos de Marcação XHTML Declarativa (Wicket, Tapestry e poucos outros) <form action=”salvar”> <input type=”text” name=”nome” /> <input type=”submit” value=”Salvar” /> </form> <form wicket:id=”form” > <input type=”text” wicket:id=”nome” /> <input type=”submit” wicket:id=”salvar” /> </form> Bom para o Web Designer e navegador!

Apache Wicket

Apache Wicket
Framework Web
HTML puro
Não utiliza Taglibs
Java puro
Desenvolvimento similar ao Swing
Orientado a Componentes

Java + HTML
<span wicket:id = ” msg ” > msg de sistema </span> + new Label( “ msg ” , “ We Develop ”); = <span> We Develop </span>

HTML protótipo
/MyHomePage.html <html> <head><title>Apache Wicket</title></head> <body> <span>msg dinamica</span> <form> Nome: <input type=”text” /> Email: <input type=”text” /> <input type=”submit” value=”Enviar” /> </form> </body> </html>

Marcação não intrusiva
/MyHomePage.html <html> <head><title>Apache Wicket</title></head> <body> <span wicket:id=” msg ” >msg dinamica</span> <form wicket:id=” form ” > Nome: <input type=”text” wicket:id=” nome ” /> Email: <input type=”text” wicket:id=” email ” /> <input type=”submit” value=”Enviar” /> </form> </body> </html>

Toda a lógica da UI: em Java
/MyHomePage.java public class MyHomePage extends WebPage { public HomePage() { add(new Label ( “msg” , “We Develop!” )); Form form = new Form(“ form ”) { public void onSubmit() { servico.salvar(getModelObject()); } }; form.add(new TextField(“ nome ”)); form.add(new TextField(“ email ”)); add(form); } }
Puro Java e Orientação a Objetos. Sem mágica

O mínimo de configuração
<filter> <filter-name>wicket.app</filter-name> <filter-class> org.apache.wicket.protocol.http.WicketFilter </filter-class> <init-param> <param-name>applicationClassName</param-name> <param-value>code.MyApplication</param-value> </init-param> </filter> /MyApplication.java package code; public class MyApplication extends WebApplication { public Class< MyHomePage > getHomePage() { return MyHomePage .class; } }

Extensível Gmap2 gmap = new Gmap2(“map”); page.add(gmap); <div wicket:id=”map”> Google Maps </div>

Ajax
Suporte nativo
Diversos componentes prontos
Alguns com “ Fallback ”
Inclusão dinâmica de CSS e JavaScript
Console independente de navegador, para debug

Ajax
// HTML < span wicket:id=”counter”>contagem</span> < a href =”#” wicket:id=”counterLink”> incrementar </ a > // JAVA int counter = 0; Label counterLabel = new Label(“ counter ”); add(counterLabel); add(new AjaxLink(“counterLink”) { public vond onClick(AjaxRequestTarget target) { counter++ ; counterLabel .setModelObject( counter ); target.addComponent( counterLabel ); } });

Scala
Linguagem Orientada a Objetos
E no fundo, é Java
Linguagem funcional
Estaticamente tipada
É extensível
Permite facilmente desenvolver DSLs
var foo = 8 foo = “bar”
Type mismatch; found: String(“bar”) required: Int

Scala: antes, em Java
/MyHomePage.java public class MyHomePage extends WebPage { public HomePage() { add(new Label ( “msg” , “We Develop!” )); Form form = new Form(“ form ”) { public void onSubmit() { servico.salvar(getModelObject()); } }; form.add(new TextField(“ nome ”)); form.add(new TextField(“ email ”)); add(form); } }

Scala: depois, em Scala
/MyHomePage.scala class MyHomePage extends WebPage { add(new Label ( “msg” , “We Develop!” )) object form extends Form(“ form ”) { add(new TextField(“ nome ”)) add(new TextField(“ email ”)) override def onSubmit() = { servico.salvar(getModelObject()) } } add(form) }

Scala: Uma DSL para Wicket
/MyHomePage.scala class MyHomePage extends WebPage with DSLWicket { label( “msg” , “We Develop!” )) object form extends Form(“ form ”) with DSLWicket { textField[String](“ nome ”)) textField[String](“ email ”)) override def onSubmit() = { servico.salvar(getModelObject()) } } add(form) }

Scala: Funções
São representadas como valores também, como objetos val func = () ⇒ { println(“functional programming”) } def chamaFuncao(paramFuncao: () ⇒ Unit) ={ paramFuncao() } chamaFuncao(func)

Scala: Construções inteligentes
A linguagem é rica em construções inteligentes val lista1a9 = 1 to 9 toList lista1a9 .foreach (i ⇒ print(i)) for (i ← lista1a9) { print(i) } val strings = new Array[String](3) strings(0) = “Hello” strings(1) = “World” strings(3) = “!”

val listaA = List(1, 2) val listaB = List(3, 4) val listaC = listaA :: listaB // listaC é uma nova List val listaD = listaC :: 5 print(listaD) // saida: List(1,2,3,4,5)

val map = new HashMap[Int, String] treasureMap += 1 -> "Numero 1" treasureMap += 2 -> "Numero 2" treasureMap += 3 -> "Numero 3" println(map(2)) // '2' é a key , não o indice // saida: “Numero 2” val romanos = Map(1 -> "I", 2 -> "II", 3 -> "III", 4 -> "IV", 5 -> "V") println(romanNumeral(4)) // saida: “IV”

MongoDB

MongoDB
Banco de dados NoSQL
Orientado a documentos
BSON // representado no estilo JSON
Auto-sharding
Escala automaticamente de forma horizontal
Map/Reduce
GridFS
Armazenamento de arquivos de qualquer tamanho
Operações Atômicas

MongoDB
O que significa NoSQL?
Não relacional
Foco em escalabilidade
Fácil modelagem e mudança de dados
Não exige definição de tabelas ou schemas
Sem sintaxe SQL
mas tem gente construindo SQL para NoSQL
Sem joins e sem transações complexas
É o que permite escalabilidade horizontal

Principal Vantagem NÃO PRECISA MODELAGEM PRÉVIA Leia-se: diagramas de tabelas, joins, constraints e o escambal

MongoDB
Quem utiliza?
The New York Times
Business Insider
Foursquare
Sourceforge
Craigslist
Eletronic Arts

MongoDB: como é por dentro?
$ mongo dbTeste MongoDB shell version: 1.8.2 connecting to: dbTeste > db.colecao.find(); > db.colecao.save({foo: "bar"}); > db.colecao.save({bar: "foo"}); > db.colecao.find(); { "_id": ObjectId(“4e4d11f9cc937416b0004469"), "foo": "bar" } {"_id": ObjectId("4e4d128ecc937416b000446a"), "bar": "foo" }

MongoDB
Driver Java
E um pacote para Scala
Casbah
val newObj = MongoDBObject("foo" -> "bar",
"x" -> "y",
"pie" -> 3.14,
"spam" -> "eggs")
// newObj: com.mongodb.casbah.Imports.DBObject
// { "foo" : "bar" , "x" : "y" , "pie" : 3.14 , "spam" : "eggs"}

Juntando os 3 Apache Wicket + Scala + MongoDB _________________ Projeto Gamboa www.gamboa-project.org

Obrigado Bruno Borges [email_address] www.cursodewicket.com

Java mais ágil que nunca no desenvolvimento Web

by Bruno Borges on Sep 11, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Java mais ágil que nunca no desenvolvimento Web — Presentation Transcript