Seti 09

1,024 views

Published on

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
1,024
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

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!
  • Seti 09

    1. 1. desenvolvimento+web Bruno Atrib Zanchet @bzanchet
    2. 2. Meu nome é Bruno Eu trabalho com a web
    3. 3. A web talvez sirva pra vocês também
    4. 4. http://en.wikipedia.org/wiki/File:WorldWideWebAroundWikipedia.png
    5. 5. Está ficando cada vez mais fácil
    6. 6. O segredo é construir usando partes que já funcionem
    7. 7. http://www.flickr.com/photos/world_waif/2176869173/
    8. 8. (e essas partes estão disponíveis aí fora)
    9. 9. Aplicação
    10. 10. Dados + Manipulação + Apresentação
    11. 11. Simples, huh?
    12. 12. http://www.flickr.com/photos/danquah/3100665365/ Paixão e colaboração
    13. 13. chapter 1. once upon a time, in a data-full web...
    14. 14. A web não se trata de sites e códigos
    15. 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. 16. A web são dados
    17. 17. Dados?
    18. 18. Web 1.0
    19. 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. 20. Conteúdo editorial
    21. 21. Web 2.0
    22. 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. 23. Conteúdo do usuário
    24. 24. Organização?
    25. 25. Vovô
    26. 26. Vovô viu a uva
    27. 27. Vovô tagueou a uva
    28. 28. Editorial + Usuário + Organização
    29. 29. Suficiente?
    30. 30. ...
    31. 31. Como acessar esses dados?
    32. 32. chapter 2. in a land of abstractions...
    33. 33. API
    34. 34. Application programing interface
    35. 35. API é o balcão da padaria
    36. 36. API
    37. 37. API Aplicação
    38. 38. Ei, 300g de mortadela, por favor! API Aplicação
    39. 39. http://www.flickr.com/photos/koluso/3878396868/
    40. 40. Aqui está! API Aplicação
    41. 41. Mas quem faz o sanduíche é você
    42. 42. http://www.flickr.com/photos/eli_k_hayasaka/3363169377/
    43. 43. Formatar a saída
    44. 44. http://www.flickr.com/photos/dwz/65456745/
    45. 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. 46. (marketing)
    47. 47. Yahoo! Query Language
    48. 48. dev
    49. 49. dev
    50. 50. dev
    51. 51. dev
    52. 52. dev
    53. 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. 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. 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. 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. 57. dev YQL
    58. 58. dev YQL
    59. 59. dev YQL
    60. 60. dev select YQL desc show
    61. 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. 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. 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. 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. 65. http://developer.yahoo.com/yql/console/
    66. 66. http://datatables.org/
    67. 67. http://meme.yahoo.com/
    68. 68. got it?
    69. 69. ...
    70. 70. chapter 3. The pain passes, but the beauty remains...
    71. 71. Desenvolvedor Interface Lógica Persistência
    72. 72. Usuário Interface Magica!
    73. 73. http://www.flickr.com/photos/ameotoko/3705874238/
    74. 74. http://developer.yahoo.com/ypatterns/
    75. 75. http://developer.yahoo.com/yui/
    76. 76. http://developer.yahoo.com/yui/reset/
    77. 77. http://developer.yahoo.com/yui/fonts/
    78. 78. http://developer.yahoo.com/yui/grids/
    79. 79. http://developer.yahoo.com/yui/grids/builder/
    80. 80. chapter 4. Last but not least.
    81. 81. Empresas e pessoas estão descobrindo o poder de distribuir coisas para o público
    82. 82. Distribuir seus produtos - e manter os ouvidos abertos é uma ótima forma de melhorá-los
    83. 83. (é o que fazemos no YDN)
    84. 84. Reusar ferramentas de outras pessoas não é trapacear
    85. 85. Se você tem dados, exponha uma API;
    86. 86. Se você quer dados, procure por uma;
    87. 87. E se fizer alguma coisa, distribua de graça!
    88. 88. (você vai atingir mais pessoas e receber feedback que nunca imaginaria)
    89. 89. (desculpe o cliché)
    90. 90. desenvolvimento+web Bruno Atrib Zanchet @bzanchet

    ×