• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Seti 09
 

Seti 09

on

  • 1,188 views

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

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

Statistics

Views

Total Views
1,188
Views on SlideShare
1,187
Embed Views
1

Actions

Likes
0
Downloads
8
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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

  • desenvolvimento+web Bruno Atrib Zanchet @bzanchet
  • Meu nome é Bruno Eu trabalho com a web
  • A web talvez sirva pra vocês também
  • http://en.wikipedia.org/wiki/File:WorldWideWebAroundWikipedia.png
  • Está ficando cada vez mais fácil
  • O segredo é construir usando partes que já funcionem
  • http://www.flickr.com/photos/world_waif/2176869173/
  • (e essas partes estão disponíveis aí fora)
  • Aplicação
  • Dados + Manipulação + Apresentação
  • Simples, huh?
  • http://www.flickr.com/photos/danquah/3100665365/ Paixão e colaboração
  • chapter 1. once upon a time, in a data-full web...
  • A web não se trata de sites e códigos
  • “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”
  • A web são dados
  • Dados?
  • Web 1.0
  • “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”
  • Conteúdo editorial
  • Web 2.0
  • “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”
  • Conteúdo do usuário
  • Organização?
  • Vovô
  • Vovô viu a uva
  • Vovô tagueou a uva
  • Editorial + Usuário + Organização
  • Suficiente?
  • ...
  • Como acessar esses dados?
  • chapter 2. in a land of abstractions...
  • API
  • Application programing interface
  • API é o balcão da padaria
  • API
  • API Aplicação
  • Ei, 300g de mortadela, por favor! API Aplicação
  • http://www.flickr.com/photos/koluso/3878396868/
  • Aqui está! API Aplicação
  • Mas quem faz o sanduíche é você
  • http://www.flickr.com/photos/eli_k_hayasaka/3363169377/
  • Formatar a saída
  • http://www.flickr.com/photos/dwz/65456745/
  • <?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>
  • (marketing)
  • Yahoo! Query Language
  • dev
  • dev
  • dev
  • dev
  • dev
  • 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
  • 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
  • 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
  • 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
  • dev YQL
  • dev YQL
  • dev YQL
  • dev select YQL desc show
  • 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'))
  • 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'))
  • 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'))
  • 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'))
  • http://developer.yahoo.com/yql/console/
  • http://datatables.org/
  • http://meme.yahoo.com/
  • got it?
  • ...
  • chapter 3. The pain passes, but the beauty remains...
  • Desenvolvedor Interface Lógica Persistência
  • Usuário Interface Magica!
  • http://www.flickr.com/photos/ameotoko/3705874238/
  • http://developer.yahoo.com/ypatterns/
  • http://developer.yahoo.com/yui/
  • http://developer.yahoo.com/yui/reset/
  • http://developer.yahoo.com/yui/fonts/
  • http://developer.yahoo.com/yui/grids/
  • http://developer.yahoo.com/yui/grids/builder/
  • chapter 4. Last but not least.
  • Empresas e pessoas estão descobrindo o poder de distribuir coisas para o público
  • Distribuir seus produtos - e manter os ouvidos abertos é uma ótima forma de melhorá-los
  • (é o que fazemos no YDN)
  • Reusar ferramentas de outras pessoas não é trapacear
  • Se você tem dados, exponha uma API;
  • Se você quer dados, procure por uma;
  • E se fizer alguma coisa, distribua de graça!
  • (você vai atingir mais pessoas e receber feedback que nunca imaginaria)
  • (desculpe o cliché)
  • desenvolvimento+web Bruno Atrib Zanchet @bzanchet