Your SlideShare is downloading. ×

Seti 09

828

Published on

http://seti.ejcm.com.br/

http://seti.ejcm.com.br/

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

  • Be the first to like this

No Downloads
Views
Total Views
828
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Eu trabalho no yahoo! em sao paulo somos uma empresa de internet
    15 anos de historia; portal, mail, noticias, etc.
    ferramentas para desenvolvedores; conteudo e pesquisa
  • estou aqui por um motivo apenas.
    talvez queriam saber como trabalhar pra web.
    talvez ajude a passar um pouco dessa experienca com internet
    mostrar ferramentas que disponibilizamos
    algumas das dicas que podemos dar com a experiencia que temos
  • a web é uma ferramenta fantastica
    a web tem muito conteudo
    a web tem ferramentas pra encontrar, modificar, combinar, formas de apresentar esse conteudo
  • parece complicado econtrar informacao, huh?
    parece complicado encontrar ferramentas? talvez hajam muitas, e fique dificil escolher qual?
    parece complicado criar mais um site? como? lidar com browsers, javascript, APIs?
    mas deixa eu contar um segredo.
    ta ficando facil
  • ao contrario do que se pensa.
    as ferramentas estao em um nivel cada vez mais alto de abstracao
    ficando faceis de usar; as que nao sao usadas estao morrendo (numa especie de selecao natural)
    comunidade grande; suporte grande
    facil encontrar gente diposta a ajudar. Mas há um segredo.
  • quando todos nós trabalhamos na direcao de um mesmo objetivo, nosso trabalho é mais facil
    eu to falando de reusar coisas que outras pessoas fizeram
    (isso nao é roubar, é uma maneira inteligente de lidar com um problema comum)
    ao usar partes que funcionam, diminuimos a incidencia de problemas
    ao reusar sistemas provados, ajudarmos a fazer os sistemas ainda mais seguros
  • cada vez mais pessoas e empresas estao distribuindo as ferramentas para livre uso
    poder de ter o publico ajudando a desenvolver e dando feedback
    resta a nós tirar proveito!
    entao, antes de comecar a construir algo, procure se ja nao existe algum pronto
  • aplicacao web.
    falei muito do conceito, mas o que é uma aplicacao web?
  • parece simples, mas é dificil. simples é relativo.
    eu arrisco dizer que o que não for feito com paixão nao vai dar certo
    motivacao deve ser o elemento numero 1
    e precisamos trabalhar juntos
    senao o que acontece é uma grande quantidade de esforco desordenado
  • vamos comecar falando sobre a parte mais basica.
    sem a qual nao é possivel ter aplicacoes.
    os dados.
  • a www é uma serie de documentos interligados bla bla bla
    mas há um detalhe que muita gente ignora.
    está na definicao
  • a web foi desenvolvida pra ser um repositorio de conhecimento humano
    que possibilitaria colaboradores em lugares remotos a compartilhas suas ideias
  • Mas que tipos de dados? conteudo? noticias? fotos?
    estruturados? html?
    um pouco de historia
  • tudo comecou com o que chamam (hoje) de web 1.0
    o inicio da internet como conhecemos
  • segundo a wikipedia
  • modelo de distribuicao de TV
  • poucos produtores
    consumidores passivos
  • termo que muitos odeiam
    mas tem algum significado, sim
  • um site web 2.0 permite aos seus usuarios interagir com outros usuarios e/ou modificar o conteudo desse site; em contraste com sites nao-interativos onde os usuarios estao limitados a passivamente ver a informacao
  • em outras palavras... conteudo do usuario
    criado pelo usuario; encontrado pelo usuario; modificado pelo usuario.
    relacionado pelo usuario
  • inicialmente pode parecer que a informacao vai estar desse jeito
    que é impossivel encontrar qualquer coisa util
    que nao há ordem, estrutura, nem forma de encontrar dados interessantes e relevantes
    mas ha organizacao
  • há organizacao; ha alguma ordem no caos da internet.
    e mais.
    sabe quem organiza tudo isso?
  • ta
    folksonomy
  • pode parecer um exagero, mas sim.. ha muitos *meta-dados*, ha muita organizacao e a muita informacao inter-relacionada
    essa parece ser uma foto mais precisa. ok. talvez seja exagero.
    mas certamente aquela pilha de dados nao é a melhor representacao
  • conteudo editorial - ele nunca sumiu, ele tem relacao com midias tradicionais .. tv, jornais
    tem o usuario complementando - comentando, adicionando tags, criando bookmarks, dando “star” ou “like” no google reader, retuitando
  • é suficiente pra fazer uma aplicacao util?
    é suficiente pra mudar o mundo?
  • é uma interface que um software implementa de forma que outro software possa interagir com ele
    mas eu.. eu tenho uma outra definicao.
  • api é o balcao da padaria no sentido que ela, por si so, nao faz nada interessante.
    a api serve para retornar dados; fazer com que o resto do mundo consiga interagir com seus dados.
    isso, por si só, não é interessante
  • dados. crus. prontos para o consumo (quem disse que nao?)
    mas opde ficar muito melhor.
  • combinar, mesclar, “augmentar”, fica a cargo da aplicacao (ou do desenvolvedor)
    é nesse ponto que se devem fazer as coisas interessantes para o usuario.
    resolver problemas; apresentar dados de outra forma; mostrar dados relevantes; combinar dados.
    fritar a mortadela, derreter o queijo, jogar um azeite e colocar dentro do pao.
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • Lets take an example of a developer trying
  • you need to be awesome!
  • Transcript

    • 1. desenvolvimento+web Bruno Atrib Zanchet @bzanchet
    • 2. Meu nome é Bruno Eu trabalho com a web
    • 3. A web talvez sirva pra vocês também
    • 4. http://en.wikipedia.org/wiki/File:WorldWideWebAroundWikipedia.png
    • 5. Está ficando cada vez mais fácil
    • 6. O segredo é construir usando partes que já funcionem
    • 7. http://www.flickr.com/photos/world_waif/2176869173/
    • 8. (e essas partes estão disponíveis aí fora)
    • 9. Aplicação
    • 10. Dados + Manipulação + Apresentação
    • 11. Simples, huh?
    • 12. http://www.flickr.com/photos/danquah/3100665365/ Paixão e colaboração
    • 13. chapter 1. once upon a time, in a data-full web...
    • 14. A web não se trata de sites e códigos
    • 15. “The World-Wide Web (W3) was developed to be a pool of human knowledge, which would allow collaborators in remote sites to share their ideas and all aspect”
    • 16. A web são dados
    • 17. Dados?
    • 18. Web 1.0
    • 19. “Web 1.0 is a retronym which refers to the state of the World Wide Web, and any website design style used before the advent of the Web 2.0 phenomenon”
    • 20. Conteúdo editorial
    • 21. Web 2.0
    • 22. “A Web 2.0 site allows its users to interact with other users or to change website content, in contrast to non-interactive websites where users are limited to the passive viewing of information”
    • 23. Conteúdo do usuário
    • 24. Organização?
    • 25. Vovô
    • 26. Vovô viu a uva
    • 27. Vovô tagueou a uva
    • 28. Editorial + Usuário + Organização
    • 29. Suficiente?
    • 30. ...
    • 31. Como acessar esses dados?
    • 32. chapter 2. in a land of abstractions...
    • 33. API
    • 34. Application programing interface
    • 35. API é o balcão da padaria
    • 36. API
    • 37. API Aplicação
    • 38. Ei, 300g de mortadela, por favor! API Aplicação
    • 39. http://www.flickr.com/photos/koluso/3878396868/
    • 40. Aqui está! API Aplicação
    • 41. Mas quem faz o sanduíche é você
    • 42. http://www.flickr.com/photos/eli_k_hayasaka/3363169377/
    • 43. Formatar a saída
    • 44. http://www.flickr.com/photos/dwz/65456745/
    • 45. <?xml version="1.0" encoding="UTF-8"?> <query xmlns:yahoo="http://www.yahooapis.com/v1/base.rng" yahoo:count="10" yahoo:created="2009-11-13T03:05:51Z" yahoo:lang="en-US" yahoo:updated="2009-11-13T03:05:51Z" yahoo:uri="http://query.yahooapis.com/v1/yql?q=select+*+from+flickr.photos.search+where+text %3D%22Cat%22+limit+10"> <diagnostics> <publiclyCallable>true</publiclyCallable> <url execution-time="166"><![CDATA[http://api.flickr.com/services/rest/? method=flickr.photos.search&text=Cat&page=1&per_page=10]]></url> <user-time>169</user-time> <service-time>166</service-time> <build-version>3694</build-version> </diagnostics> <results> <photo farm="3" id="4099857124" isfamily="0" isfriend="0" ispublic="1" owner="71311046@N00" secret="8407d3b409" server="2572" title="sherlock"/> <photo farm="3" id="4099098491" isfamily="0" isfriend="0" ispublic="1" owner="31410040@N06" secret="5967c7ff68" server="2521" title=" "/> <photo farm="3" id="4099099555" isfamily="0" isfriend="0" ispublic="1" owner="71311046@N00" secret="06faed8b3c" server="2425" title="sherlock"/> <photo farm="3" id="4099096693" isfamily="0" isfriend="0" ispublic="1" owner="24916619@N00" secret="b262eb4e22" server="2605" title="cat by lomo"/> <photo farm="3" id="4099853922" isfamily="0" isfriend="0" ispublic="1" owner="71311046@N00" secret="922c467162" server="2762" title="sherlock"/> <photo farm="3" id="4099854346" isfamily="0" isfriend="0" ispublic="1" owner="31410040@N06" secret="5c30c33255" server="2740" title=" "/> <photo farm="3" id="4099097217" isfamily="0" isfriend="0" ispublic="1" owner="11803537@N00" secret="341c4bc76a" server="2728" title="DSC_2145"/> <photo farm="3" id="4099847640" isfamily="0" isfriend="0" ispublic="1" owner="7339712@N08" secret="293a1efa9d" server="2702" title="Ari Chicken Wings"/> <photo farm="3" id="4099842272" isfamily="0" isfriend="0" ispublic="1" owner="21561428@N03" secret="a7dd912414" server="2524" title="Can I Have a Shower?"/> <photo farm="3" id="4099083751" isfamily="0" isfriend="0" ispublic="1" owner="43679955@N05" secret="7dd29d534d" server="2748" title="this is my rug"/> </results> </query>
    • 46. (marketing)
    • 47. Yahoo! Query Language
    • 48. dev
    • 49. dev
    • 50. dev
    • 51. dev
    • 52. dev
    • 53. var map = new YMap(document.getElementById('map')); … dev var currentGeoPoint = new YGeoPoint( _c.Lat, _c.Lon ); map.addMarker(currentGeoPoint); … … if (flickcurl_prepare(fc, "flickr.photos.geo.correctLocation", parameters, count)) { … } … http://search.yahooapis.com/ ImageSearchService/V1/imageSearch? appid=YahooDemo&query=Corvette&results=2 http://weather.yahooapis.com/ forecastrss?p=FRXX0076&u=c
    • 54. var map = new YMap(document.getElementById('map')); … dev var currentGeoPoint = new YGeoPoint( _c.Lat, _c.Lon ); map.addMarker(currentGeoPoint); … … if (flickcurl_prepare(fc, "flickr.photos.geo.correctLocation", parameters, count)) { … } … http://search.yahooapis.com/ ImageSearchService/V1/imageSearch? appid=YahooDemo&query=Corvette&results=2 http://weather.yahooapis.com/ forecastrss?p=FRXX0076&u=c
    • 55. var map = new YMap(document.getElementById('map')); … dev var currentGeoPoint = new YGeoPoint( _c.Lat, _c.Lon ); map.addMarker(currentGeoPoint); ? … … if (flickcurl_prepare(fc, ? "flickr.photos.geo.correctLocation", parameters, count)) { … } … ? http://search.yahooapis.com/ ImageSearchService/V1/imageSearch? appid=YahooDemo&query=Corvette&results=2 ? http://weather.yahooapis.com/ forecastrss?p=FRXX0076&u=c
    • 56. var map = new YMap(document.getElementById('map')); … dev var currentGeoPoint = new YGeoPoint( _c.Lat, _c.Lon ); map.addMarker(currentGeoPoint); … … if (flickcurl_prepare(fc, "flickr.photos.geo.correctLocation", parameters, count)) { … } … http://search.yahooapis.com/ ImageSearchService/V1/imageSearch? appid=YahooDemo&query=Corvette&results=2 http://weather.yahooapis.com/ forecastrss?p=FRXX0076&u=c
    • 57. dev YQL
    • 58. dev YQL
    • 59. dev YQL
    • 60. dev select YQL desc show
    • 61. select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='rio de janeiro, brazil'))
    • 62. select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='rio de janeiro, brazil'))
    • 63. select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='rio de janeiro, brazil'))
    • 64. select * from flickr.photos.info where photo_id in (select id from flickr.photos.search where woe_id in (select woeid from geo.places where text='rio de janeiro, brazil'))
    • 65. http://developer.yahoo.com/yql/console/
    • 66. http://datatables.org/
    • 67. http://meme.yahoo.com/
    • 68. got it?
    • 69. ...
    • 70. chapter 3. The pain passes, but the beauty remains...
    • 71. Desenvolvedor Interface Lógica Persistência
    • 72. Usuário Interface Magica!
    • 73. http://www.flickr.com/photos/ameotoko/3705874238/
    • 74. http://developer.yahoo.com/ypatterns/
    • 75. http://developer.yahoo.com/yui/
    • 76. http://developer.yahoo.com/yui/reset/
    • 77. http://developer.yahoo.com/yui/fonts/
    • 78. http://developer.yahoo.com/yui/grids/
    • 79. http://developer.yahoo.com/yui/grids/builder/
    • 80. chapter 4. Last but not least.
    • 81. Empresas e pessoas estão descobrindo o poder de distribuir coisas para o público
    • 82. Distribuir seus produtos - e manter os ouvidos abertos é uma ótima forma de melhorá-los
    • 83. (é o que fazemos no YDN)
    • 84. Reusar ferramentas de outras pessoas não é trapacear
    • 85. Se você tem dados, exponha uma API;
    • 86. Se você quer dados, procure por uma;
    • 87. E se fizer alguma coisa, distribua de graça!
    • 88. (você vai atingir mais pessoas e receber feedback que nunca imaginaria)
    • 89. (desculpe o cliché)
    • 90. desenvolvimento+web Bruno Atrib Zanchet @bzanchet

    ×