JavaNoroeste GrupodeUsuriosJavadoNoroestePaulista

AJAX e WEB2.0

CarlosFernandoGonalves MestreemEngenhariadeComputao,reade concentraoEngenhariadeSoftwarepelo IPTSP BacharelemFsicaUSPSoCarlosSP Atuanomercadodedesenvolvimentodesistema amaisdenoveanos. Seisanosemdesenvolvimentocomtecnologia Java. FundadordoGrupodeUsuriosJavadoNoroeste Paulista

Ajax

AsynchronousJavaScript+CSS+DOM+XMLHttpRequest Queteveotermocunhadopara AsynchronousJavaScriptandXML.

OqueAjax?

UmatcnicaadequadadeutilizaodeDHTML. Substituionomodelorequisio/respostade comunicaosincronizadopelacomunicao assincrona; Separaodavisualizaoedabuscados dados;

AJAXesuastecnologias
HTML(ouXHTML)eCSSparaapresentaras informaes; DocumentObjectModel(DOM)quepormeio deJavaScriptinteragedinamicamentecoma informaoapresentada; XHRXMLHttpRequestquetrocadados assincronamentecomoservidorWeb, utilizaparatantooXML,masquefunciona paraqualquerformatotextooumesmoHTML.

AJAXesuastecnologias

HTML (ouXHTML)

CSS

AJAX
XMLHttpRequest

JavaScript + DOM

HistriadoAJAX

OnomeAJAXfoiidealizadoporJesseJames Garrett,quedefiniuoobjetoXMLHttpRequest comoumcomponentecriadojuntamentecomo InternetExplorer5,daMicrosoft. Foiincorporadoaosoutrosnavegadores posteriormente.

VantagensdoAJAX

Reduodebanda Acadarequisioquefazemosnonavegadorna Web,muitosobjetoscomomenus,rodap,figuras edados,socarregadoseapartedainformao oqualousurioquervisualizarcorrespondea umapequenafraodoquesevnapgina carregada. Umagrandepartedabandaconsumidana transfernciasdocontedodapginaqueestano servidoratonavegador.

VantagensdoAJAX

Todaequalquertransfernciadedadosque ocorrenumwebsiteusabanda. Bandaalgoquesepagacaro. OpontofortedeAJAXestaexatamentena menortaxadetransfernciadearquivosentreo servidoreonavegador,reduzindomuitomesmoo consumodebanda.

VantagensdoAJAX

Rapidez UtilizandoAJAX,aocarregarumapginao usurioterfacilidadeerapidezparabuscar umanovainformaojquegrandepartedos elementosdeumapginaestocarregadose visualizadosnonavegador.Istotornaa navegaoumatarefamaisgileagradvel.

VantagensdoAJAX

Interatividade Oselementobsicosdeinteratividadee usabilidadesodisponibilizadosdeformaano terumelevadoconsumodebanda. AJAXmelhoraeagregafacilidadesparao usurio.

VantagensdoAJAX

Validaodedados semprecomplicadolidarcomseguranae principalmentenainternettantodoladodo servidoredonavegadordousurio,trabalho dobrado. ComAJAXtodooprocessodevalidaoficano ladodoservidor,quepermiteocultarasregras denegcio.

VantagensdoAJAX
Interfacessofisticadas. Ficabastanteacessvelcolocarelementos grficosdeexcelentequalidadesertera contrapartidadetornaranavegaomaislenta, poiscadacomponentenoprecisasernovamente carregadoapartirdoservidor. Formulriospodemtermultiplasaessemque omesmoprecisesercarregadoacadanovaetapa depreenchimento. Tudoocorrepontualmentesemanecessidadede renderizarapginanovamente.

ComofuncionaAJAX?

ComofuncionaAJAX?

XMLHttpRequest

ObjetoJavaScript CriadodentrodeumafunoJavaScript Adotadopelosmodernosnavegadores Mozilla,Firefox,Safari,eOpera ComunicaocomoservidorviapadroHTTP GET/POST ObjetoXMLHttpRequesttrabalhaembackground Istonointerrompeaoperaodeusurio

XMLHttpRequest

var req; function initRequest(url) { if (window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if (window.ActiveXObject) { isIE = true; req = new ActiveXObject("Microsoft.XMLHTTP"); } } function validateUserId() { if (!target) target = document.getElementById("userid"); var url = "validate?id=" + escape(target.value); initRequest(url); req.onreadystatechange = processRequest; req.open("GET", url, true); req.send(null); }

XMLHttpRequest

function processRequest() { var duplicatereq = req; if (req.readyState == 4) { if (req.status == 200) { ...codigo ... } } }

AJAXnoGMail

ExemploemAJAX
http://www.housingmaps.com/

Principaisnotaese frameworksparaAJAX

JSON(JavaScriptObjectNotation) http://www.json.org/ DojoToolkit http://dojotoolkit.org/ DWR(DirectWebRemoting) http://getahead.ltd.uk/dwr/ GWT(GoogleWebToolkit) code.google.com/webtoolkit/ IntegraodeJavaServerFaces(JSF)eAJAX

https://ajax4jsf.dev.java.net/nonav/ajax/ajaxjsf/

Web2.0
Dashboard,noMacOSX

Experinciaricadousurio
Usuriodecomputador: Editores,planilhaseletrnicaseclientesde email; Osprogramassointuitivoserespondembem rpido; Osprogramasdoretornosrpidosaousurios como: Mudanadeformadocursor; reassensveisapassagemdomouse; Mudanadecoremtextosselecionados.

Experinciaricadousurio
OLisafoiumcomputadorpessoal (PC)revolucionriolanadopela AppleComputerem1983.Foio primeiroPCaterummouseeuma interfacegrfica.

AWebnoincio...

AWebnoincio...

Caractersticastpicasde aplicaoWeb
Ousuriodumclique,esperaatelaser atualizadaerenderizada; Pginaatualizadavemcomtodasinformaes, eventos,dadosparaseremenviadosea navegao; Ousuriotemqueesperaracadanova requisiopedida; Omodelodecomunicaosincronizado request/response; Todoofluxodetrabalhoocorrenoservidor.

InconvenientesdasaplicaesWeb
Muitolentaaresposta; Acadaprocessamentotudoperdidona atualizao; Arespostaparaousurionoinstantneae hnecessidadedeesperaranovapginaser carregadaerenderizada; Umagrandequantidadedelarguradebanda consumidanoprocesso;

Web2.0?
OtermoWeb2.0referesesegundagerao deservioseaplicativosdaWebeaos recursos,tecnologiaseconceitosquepermitem ummaiorgraudeinteratividadeecolaborao nautilizaodaInternet. Fonte:wikipedia

OfenmenodaWeb2.0
PlataformaWeb Osusuriosdecomputadorrealizamsuas atividadesnaWeb; Email,chatting,compartilhamentodefotos; Eumenormenmerodeaplicaessemovendo acadamomentoparaWeb; Aplicaesqueagregamrecursosantes presentessomenteemdesktop; Facilidadeerapidez; Novasformasdecolaboraescomgruposde usurios,redessociais.

ConceitosdaWeb2.0
TimO'Reilly Ainternetcomoplataforma; Melhorexperinciadousurio; Valorizaodocontedocolaborativoeda intelignciacoletiva; Fimdosciclosdelanamentoeatualizao desoftwarestradicionais; Quantomaissimplesaprogramao,melhor.

Web2.0Marketing?
Crticas Umaevoluodoquejexistia; Noocorrerammudanastecnolgicas significativasnaestruturadagranderede; Noumatecnologianova; Noexisteconsensosobreoqueexatamente aWeb2.0.

Web1.0

Web1.5

Web2.0

Websites Email Popups Diretriosna Web Classificados Web

Wikis Forumde discusso Yahoo InternetBank

Blogger RSS Google HousingMaps.com GoogleMaps YouTube GoogleVideo

Problemas
Complexidade; AprenderJavaScript; Difciltarefadedebugar; Exprcdigofonte.

GrupodeUsuriosJava
AtualmenteoJavaNoroestepatrocinadopor:

OJavaNoroesteagradecea presenadetodos. FIM