Ajax com R ails, interatividade e usabilidade ao alcance de todos

Tamanho: px
Começar a partir da página:

Download "Ajax com R ails, interatividade e usabilidade ao alcance de todos"

Transcrição

1 Ajax com R ails, Por Rodrigo Urubatan Ferreira Jardim

2 Rodrigo Urubatan: SCJP 1.4 e SCWCD; Trabalha com arquitetura de sistemas J2EE e treinamento; Já desenvolveu projetos utilizando as linguagens Delphi, C++, PHP, A SP, ColdFusion, Leather, A ssembly, Perl, dentre outras; Trabalha com Java/J2EE há 5 anos e com desenvolvimento de sistemas há 10 anos; A tualmente, colabora com pequenas correções a alguns projetos Open Source como o GUJ2, Lomboz e Veloeclipse e faz parte da coordenação do RSJUG; Já ministrou palestras em universidades (UCS, ULBRA, UNISC) e diversos eventos (Just Java, FISL, Seminário do RSJUG, M aratona 4 Java, Infosul) tutoriais para o RSJUG e já teve um artigo publicado na revista M undo Java; A tualmente trabalha como consultor na ConectaIT, como diretor de tecnologia e qualidade na Tech Office IT, para a qual ministra cursos e desenvolve projetos; É o principal desenvolvedor do projeto Spring-A nnotation.

3 Proposta Criar passo a passo um CRUD para uma tabela Utilizando apenas uma página Sem refresh de página inteira Avisando a todos os usuários simultaneamente das edições Sem esrever uma linha de Javascript!

4 O que é AJAX? A ssynchronous Javascript A nd X M L

5 Preciso saber Javascript? O Rails cuida de todo o Javascript O Rails cuida das chamadas assincronas O Rails faz as atualizações de página para você!

6 Um exemplo simples! ruby script\generate model exemplo nome:string descricao:text nascimento:date rake db:migrate ruby script\generate controller exemplos index novo atualizar

7 L ayout geral da aplicação! <html> <head> <title>exemplo A JA X Rails For K ids!</title> <% = javascript_include_tag :defaults % > </head> <body> <% = Time.now % > <div style="width:100% ; border:thin" id="table"> <% = yield % > </div> <div style="width:100% ; border:thin" id="forms"> </div> </body> </html>

8 Listagem de itens <table width="100% " id="lista" border="1"> <tr> <th>id</td> <th>nome</th> <th>-</th> </tr> <% = rer :partial => 'linha_exemplo', :collection lista % > </table> <% = link_to_remote 'Novo Item', :url => {:action => 'novo'}, :update => 'forms' % >

9 Linha da tabela <tr id="exemplo<% = linha_exemplo.id % >"> <td><% = linha_exemplo.id % ></td> <td><% = linha_exemplo.nome % ></td> <td><% = link_to_remote 'Editar', :url => {:action => 'editar', :id => linha_exemplo.id }, :update => 'forms' % > <% = link_to_remote 'Remover', :url => {:action => 'remover', :id => linha_exemplo.id } % > </tr>

10 C ampos para os formulários <label for="exemplo_nome">nome: </label><% = text_field 'exemplo', 'nome' % ><br/> <label for="exemplo_descricao">descrição: </label><% = text_area 'exemplo','descricao' % ><br/> <label for="exemplo_nascimento">data Nascimento: </label><% = date_select 'exemplo', 'nascimento' % ><br/>

11 Formulário para edição Vamos também utilizar um partial <% = error_messages_for 'exemplo' % > <% form_remote_tag :url => {:action => "atualizar", :id exemplo} do % > <% = rer :partial => 'campos' % > <% = submit_tag 'Salvar' % > <% % >

12 Formulário para novo item Precisamos utilizar um partial em vez de uma view! <% = error_messages_for 'exemplo' % > <% form_remote_tag :url => {:action => "criar"} do % > <% = rer :partial => 'campos' % > <% = submit_tag 'Criar Registro' % > <% % >

13 O código do controller class ExemplosController < A pplicationcontroller def lista = Exemplo.find :all def exemplo = Exemplo.new rer :partial => 'novo' def exemplo = Exemplo.find params[:id] rer :partial => 'editar'

14 Salvando novos itens! def exemplo = Exemplo.new params[:exemplo] exemplo.save rer :update do page page.insert_html :bottom, 'lista', :partial => 'linha_exemplo', :locals => {:linha_exemplo exemplo } page.replace_html 'forms', "<br/>" else rer :update do page page.replace_html 'forms', :partial => 'novo'

15 E ditando registros def exemplo = Exemplo.find params[:id] exemplo.update_attributes params[:exemplo] rer :update do page page.replace exemplo.id}", :partial => 'linha_exemplo', :locals => {:linha_exemplo exemplo } page.replace_html 'forms', "" else rer :update do page page.replace_html 'forms', :partial => 'editar'

16 Apagando o lixo! def exemplo = Exemplo.find exemplo.destroy rer :update do page page.remove exemplo.id}" rescue Exception => e rer :update do page page.alert "Não foi possível remover o registro, erro: #{ e}"

17 Progresso até agora É possível criar, editar, listar e remover itens Não escrevemos uma linha de javascript até agora A aplicação tem apenas uma página Se mais de um usuário estiver com a aplicação aberta no browser, um não vai ficar sabo das alterações dos outros

18 AJAX R everso (Push) com Juggernaut gem install -y json eventmachine ruby script/plugin install svn://rubyforge.org//var/svn/juggernaut/trunk/juggernaut Editar o arquivo config/juggernaut.yml SESSION_ID: "_railsforkids_session_id" BA SE64: true Editar o arquivo app/layout/application.rhtml e adicionar a seguinte linha ao dentro do head. <% = listen_to_juggernaut_channels :default_channel % >

19 Alterações de código def exemplo = Exemplo.new params[:exemplo] exemplo.save update = rer_to_string :update do page page.insert_html :bottom, 'lista', :partial => 'linha_exemplo', :locals => {:linha_exemplo exemplo } Juggernaut.s_data(update,:default_channel) rer :update do page page.replace_html 'forms', "<br/>" else rer :update do page page.replace_html 'forms', :partial => 'novo'

20 Pronto, objetivos cumpridos! Criar passo a passo um CRUD para uma tabela Utilizando apenas uma página Sem refresh de página inteira Avisando a todos os usuários simultaneamente das edições Sem esrever uma linha de Javascript!

21 O que mais posso fazer em um rer :update? Toda a documentação em: A ctionview::helpers::prototypehelper::javascriptgenerator::ge neratorm ethods

22 JavascriptG enerator << [] literal redirect_to alert remove assign replace call replace_html delay select draggable show drop_receiving sortable hide toggle insert_html visual_effect

23 E xemplos simples <% = link_to_remote 'Novo Item', :url => {:action => 'novo'}, :update => 'forms',:complete => visual_effect(:blind_down, 'forms', :duration => 2) % > page.visual_effect :blind_up,'forms', :duration => 5 page.visual_effect :highlight, exemplo.id}" <input type="button" value="cancelar" onclick="new Effect.BlindUp('forms');"/>

24 Helpers para Ajax/Javascript (PrototypeHelper) form_remote_for remote_function form_remote_tag submit_to_remote link_to_remote update_page_tag observe_field update_page observe_form periodically_call_remote

25 Helpers para Ajax/Javascript (JavascriptHelper) button_to_function escape_javascript link_to_function

26 Helpers para Ajax/Javascript (ScriptaculousHelper) draggable_element drop_receiving_element sortable_element visual_effect

27 Juggernaut. s_data(data, channels) s_to(to_client_id, data) add_channel(client_id, channels) remove_channel(client_id, channels) html_escape(s) string_escape(s) html_and_string_escape(s)

28 Perguntas?

Luiz Arão Araújo Carvalho Bacharel em Ciência da Computação Desenvolvedor RedeSat-TO maximusmano@gmail.com http://www.maxonrails.wordpress.

Luiz Arão Araújo Carvalho Bacharel em Ciência da Computação Desenvolvedor RedeSat-TO maximusmano@gmail.com http://www.maxonrails.wordpress. Parte II Luiz Arão Araújo Carvalho Bacharel em Ciência da Computação Desenvolvedor RedeSat-TO maximusmano@gmail.com http://www.maxonrails.wordpress.com Rails - Instalação Windows gem install rails Plataformas

Leia mais

Entendendo Rails. Fabio Akita Surgeworks Brazil Rails Practice Manager www.akitaonrails.com

Entendendo Rails. Fabio Akita Surgeworks Brazil Rails Practice Manager www.akitaonrails.com Entendendo Rails Fabio Akita Surgeworks Brazil Rails Practice Manager www.akitaonrails.com 37signals Criado por David Heinemeier Hansson, em 2004 Extraído do aplicativo Basecamp Feito em Ruby, em vez de

Leia mais

Programação Web Aula 10 - Testes, Javascript, Ajax

Programação Web Aula 10 - Testes, Javascript, Ajax Programação Web Aula 10 - Testes, Javascript, Ajax Bruno Müller Junior Departamento de Informática UFPR 28 de Abril de 2014 1 Ambientes de Execução 2 Testes Um exemplo Acrescentando Validação Validação

Leia mais

II Semana de Tecnologia da Informação. Rails Framework

II Semana de Tecnologia da Informação. Rails Framework II Semana de Tecnologia da Informação Rails Framework Rails Instalação Ruby versão 1.8.7 Linux: ftp://ftp.ruby-lang.org/pub/ruby/1.8/ruby-1.8.7-p174.tar.gz ou apt-get install ruby (Debian/Ubuntu) Windows:

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir Linguagem PHP Cookie e Sessão @wre2008 1 Sumário Header; Cookie; Sessão; Exemplos. @wre2008 2 Header Esta função permite que um script php redirecione para outra página.

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

V1.1 SITE EM UM SITE 11/2015 MINUTOS APRENDA A PROGRAMAR IMAGINE FAZER O SEU PRIMEIRO PROGRAMA EM 180 SEGUNDOS WWW.DESAFIO3MINUTOS.COM.

V1.1 SITE EM UM SITE 11/2015 MINUTOS APRENDA A PROGRAMAR IMAGINE FAZER O SEU PRIMEIRO PROGRAMA EM 180 SEGUNDOS WWW.DESAFIO3MINUTOS.COM. 11/2015 UM SITE SITE EM EM UM 3 APRENDA A PROGRAMAR IMAGINE FAZER O SEU PRIMEIRO PROGRAMA EM 180 SEGUNDOS MINUTOS V1.1 WWW.DESAFIO3MINUTOS.COM.BR ELIELBARONE RUBY ON RAILS O que é? Ruby on Rails é um framework,

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

AJAX no GASweb. Mas e afinal, para que usamos o AJAX?

AJAX no GASweb. Mas e afinal, para que usamos o AJAX? Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente

Leia mais

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário

Leia mais

22/05/2012 CRIANDO UM PROJETO COM TELAS ESTRUTURA DA APLICAÇÃO LOGIN BANCO DE DADOS TAREFAS PHP MYSQL PARTE 2

22/05/2012 CRIANDO UM PROJETO COM TELAS ESTRUTURA DA APLICAÇÃO LOGIN BANCO DE DADOS TAREFAS PHP MYSQL PARTE 2 CRIANDO UM PROJETO COM TELAS Páginas com formulário Acesso ao banco de dados PHP MYSQL PARTE 2 Luciana Balieiro Cosme ESTRUTURA DA APLICAÇÃO LOGIN BANCO DE DADOS # Coluna Nome e Tipo 1 codigo int(11) AUTO_INCREMENT

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

C o m p u t a ç ã o M ó v e l Brayan Neves

C o m p u t a ç ã o M ó v e l Brayan Neves Computação Móvel Brayan Neves Criando e configurando um novo projeto } Modelagem } Criação do projeto } Configuração } Criação de um novo componente } Visualização do novo componente } Editando campos

Leia mais

Versão 0.1. Manual FoRc. Última Atualização: Maio/2007. Daniel Schmitz danieljfa@gmail.com

Versão 0.1. Manual FoRc. Última Atualização: Maio/2007. Daniel Schmitz danieljfa@gmail.com Versão 0.1 Manual FoRc Última Atualização: Maio/2007 Daniel Schmitz danieljfa@gmail.com Sumário 1. O que é FoRc?... 3 2. O que é Adobe Flex?... 3 3. O que é Ruby on Rails?... 3 4. Flex + Ruby on Rails?...

Leia mais

JSP e Servlet Princípio de MVC

JSP e Servlet Princípio de MVC UNIPÊ Centro Universitário de João Pessoa Desenvolvimento para Web HTTP e Servlets JSP e Servlet Princípio de MVC ducaribas@gmail.com 1 12 JSP e Servlets Desvantagens de JSP e Servlets Servlets Escrever

Leia mais

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios Encontrar Blogs Crie o seu blog de graça Ganhe prêmios English Português Cel: +55 (21) 7417-9918 E-mail: erick@lithic.com.br Inserindo dados no banco em PHP + Ajax + jquery + Mysql + Validação (/pt-br/blog/tutoriais

Leia mais

Ruby on Rails. Aprendizado evolutivo do Ruby até o desenvolvimento de aplicações em Rails

Ruby on Rails. Aprendizado evolutivo do Ruby até o desenvolvimento de aplicações em Rails on Rails Aprendizado evolutivo do até o desenvolvimento de aplicações em Rails on Rails Aprendizado evolutivo do até o desenvolvimento de aplicações em Rails http://www.hut8.com.br/minicursos Roteiro Primeiro

Leia mais

Tutorial Básico. Instalando e testando o Ruby on Rails no Windows

Tutorial Básico. Instalando e testando o Ruby on Rails no Windows Tutorial Básico Instalando e testando o Ruby on Rails no Windows Ana Luiza Dias Organização do Tutorial: Passos para a instalação...pág 2 Passos para a criação de um projeto rails...pág 3 Passos para acompanhar

Leia mais

Versão 0.1.0. Manual FoRc. Última Atualização: Maio/2007. Daniel Schmitz danieljfa@gmail.com

Versão 0.1.0. Manual FoRc. Última Atualização: Maio/2007. Daniel Schmitz danieljfa@gmail.com Versão 0.1.0 Manual FoRc Última Atualização: Maio/2007 Daniel Schmitz danieljfa@gmail.com Sumário 1. O que é FoRc?... 3 2. O que é Adobe Flex?... 3 3. O que é Ruby on Rails?... 3 4. Flex + Ruby on Rails?...

Leia mais

Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados:

Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: Livro de Visitas Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: ID nome email mensagem data O código

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode

Leia mais

Framework MIOLO 2.5 Tutorial: Criando um módulo

Framework MIOLO 2.5 Tutorial: Criando um módulo Framework MIOLO 2.5 Tutorial: Criando um módulo Versão 2011.1.oracle CGCO/UFJF Framework MIOLO 2.5 Tutorial: Criando um módulo 1. Introdução O processo de desenvolvimento de aplicações com o MIOLO possui

Leia mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

Helder da Rocha. Criação de. Web Sites II. Servidor Web Aplicações Web Programas CGI e SSI. Rev.: CWS2-04-2000/01 A4

Helder da Rocha. Criação de. Web Sites II. Servidor Web Aplicações Web Programas CGI e SSI. Rev.: CWS2-04-2000/01 A4 Helder da Rocha Criação de Web Sites II Servidor Web Aplicações Web Programas CGI e SSI Rev.: CWS2-04-2000/01 A4 Copyright 2000 por Helder Lima Santos da Rocha. Todos os direitos reservados. Os direitos

Leia mais

%w(akita On Rails) * 2.0 - Rolling with Rails 2.0 - O Primeiro...

%w(akita On Rails) * 2.0 - Rolling with Rails 2.0 - O Primeiro... %w(akita On Rails) * 2.0 Rolling with Rails 2.0 - O Primeiro Tutorial Completo - Parte 1 escrito por AkitaOnRails em January 31st, 2008 @ 11:44 PM Estou muito feliz vo que meu Rails 2.0 Screencast foi

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

Leia mais

Criação de Applets com o JBuilder Professor Sérgio Furgeri

Criação de Applets com o JBuilder Professor Sérgio Furgeri OBJETIVOS DA AULA: Apresentar o processo de criação em uma interface gráfica para a Internet; Fornecer subsídios para que o aluno possa compreender onde aplicar Applets; Demonstrar a criação de uma Applet

Leia mais

crudgenerator Passos slimphp/extra/crudgenerator/view/index_view.php A tela abaixo m ostra o p rimeiro passo

crudgenerator Passos slimphp/extra/crudgenerator/view/index_view.php A tela abaixo m ostra o p rimeiro passo crudgenerator O crudgenerator é u m gerador de aplicações baseadas no slimphp. Com po ucos passos é possível criar u m a nova aplicação funcional, baseada e m u ma tabela de banco de da dos. Passos 1.

Leia mais

MANUAL DE BOAS PRÁTICAS

MANUAL DE BOAS PRÁTICAS MANUAL DE BOAS PRÁTICAS Este manual é de uso exclusivo de clientes, parceiros, fornecedores e colaboradores da Dinamize. No caso de dúvidas, entre em contato através do e-mail suporte@dinamize.com. HTML

Leia mais

Ajax e DWR. Franklin Samir FISL 2006 franklin@portaljava.com

Ajax e DWR. Franklin Samir FISL 2006 franklin@portaljava.com Ajax e DWR Franklin Samir FISL 2006 franklin@portaljava.com Agenda O que é Ajax? Por que usar Ajax/JavaScript? Cases O Framework DWR Setup Dicas Depurador DWR integrado com Spring page 2 O que NÃO é Ajax?

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

APRENDENDO RUBY ON RAILS

APRENDENDO RUBY ON RAILS APRENDENDO RUBY ON RAILS 1 Índice O que é Ruby on Rails 4. A linguagem Ruby 4. A quem se destina este livro 5. Configuração e instalação 6. Instalação em Windows 7. Instalação em Mac OS 8. Instalação em

Leia mais

AJaX Asy s nchronous s J avasc S ript p t a nd d XML

AJaX Asy s nchronous s J avasc S ript p t a nd d XML Asynchronous JavaScript and XML Ajax Um nome para um novo tipo de aplicações na Web Técnica de desenvolvimento de aplicações para criar páginas mais interactivas Não é uma nova tecnologia Ajax= JavaScript

Leia mais

Organização de Computadores Software

Organização de Computadores Software Organização de Computadores Software Professor Marcus Vinícius Midena Ramos Colegiado de Engenharia de Computação (74)3614.1936 marcus.ramos@univasf.edu.br www.univasf.edu.br/~marcus.ramos Objetivos: Entender

Leia mais

Exibindo o Catálogo (Tarefa C) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br)

Exibindo o Catálogo (Tarefa C) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) Exibindo o Catálogo (Tarefa C) Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) Iteração C1: CRIANDO A LISTAGEM DO CATÁLOGO Feedback do Cliente O cliente foi queseonado sobre prioridades Gostaria de ver

Leia mais

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado

Leia mais

jquery André Tavares da Silva andre.silva@udesc.br

jquery André Tavares da Silva andre.silva@udesc.br jquery André Tavares da Silva andre.silva@udesc.br jquery jquery é uma biblioteca em JavaScript; Seu objetivo é simplificar a programação em JavaScript; jquery foi desenvolvida para ser de aprendizado

Leia mais

PHP. SQL / MySQL Ligação a base de dados Selecção e visualização de registos Adicionar, Eliminar, Pesquisar e Editar registos

PHP. SQL / MySQL Ligação a base de dados Selecção e visualização de registos Adicionar, Eliminar, Pesquisar e Editar registos PHP SQL / MySQL Ligação a base de dados Selecção e visualização de registos Adicionar, Eliminar, Pesquisar e Editar registos Acesso a bases de dados com PHP 1.º - Captar os dados 2.º - Estabelecer a ligação

Leia mais

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA INTRODUÇÃO AO ASP.NET

PROGRAMAÇÃO PARA INTERNET RICA INTRODUÇÃO AO ASP.NET PROGRAMAÇÃO PARA INTERNET RICA INTRODUÇÃO AO ASP.NET Prof. Dr. Daniel Caetano 2012-2 Objetivos Conhecer a plataforma ASP.Net Compreender os elementos de um sistema ASP.Net Capacitar o aluno para criar

Leia mais

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor

Leia mais

jquery Apostila Básica

jquery Apostila Básica jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO

Leia mais

Desenvolvimento de Aplicações para Internet Aula 11

Desenvolvimento de Aplicações para Internet Aula 11 Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo

Leia mais

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados

Leia mais

Formulários HTML e Introdução à Programação Web

Formulários HTML e Introdução à Programação Web Formulários Até agora tivemos uma boa visão da parte gráfica e de hipertexto do HTML. Agora vamos ver como o HTML pode ser usado para fazer parte efetiva em um programa. Dissemos que HTML não é uma linguagem

Leia mais

1º passo: Instalando a rvm.

1º passo: Instalando a rvm. Tutorial de instalação de múltiplos ambientes Ruby 1.8.7 e 1.9.2, Ruby on Rails 2.3.11 e 3.0.7 e MySQL no Ubuntu 10.04. Nem sempre é fácil a preparação de um ambiente de desenvolvimento web completo. Às

Leia mais

Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload:

Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload: Upload de vários arquivos com PHP 22.856 visualizações 2 1 Fala pessoal, hoje irei ensinar a fazer upload de vários arquivos de uma vez, ou seja, ao invés de criar apenas um campo para o usuário selecionar

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

Sistema Gerador de Anúncios para Compra e Venda On-line. Leandro de Oliveira ol.leandro@gmail.com

Sistema Gerador de Anúncios para Compra e Venda On-line. Leandro de Oliveira ol.leandro@gmail.com Sistema Gerador de Anúncios para Compra e Venda On-line Leandro de Oliveira ol.leandro@gmail.com Roteiro da Apresentação Motivação Conceitos e Tecnologias Objetivos do trabalho Sistema SideCart Conclusões

Leia mais

ASP.NET MVC. View Engine: linguagem usada para gerar código HTML. Duas opções: Razor View Engine ou ASPX View Engine. Selecionar Razor.

ASP.NET MVC. View Engine: linguagem usada para gerar código HTML. Duas opções: Razor View Engine ou ASPX View Engine. Selecionar Razor. ASP.NET MVC ASP.NET MVC é um framework para desenvolvimento de aplicações web que usa os padrões MVC (Model View Controller) e Convention over Configuration. O padrão MVC aplicado a aplicações web conduz

Leia mais

Desenvolvimento em três camadas com PHP 5, MVC e AJAX

Desenvolvimento em três camadas com PHP 5, MVC e AJAX Desenvolvimento em três camadas com PHP 5, MVC e AJAX Almir Neto almirneto@gmail.com Otávio Calaça otaviocx@gmail.com http://phpendo.blogspot.com CoNaPHP CONISLI 2008 http://www.conaphp.com.br/ São Paulo,

Leia mais

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento. IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários

Leia mais

Repeater no GASweb. Regiões

Repeater no GASweb. Regiões Repeater no GASweb Por: Rodrigo Silva O controle de servidor Repeater é um container básico que permite a você criar uma lista de qualquer informação que deseja em uma página Web. Ele não tem uma aparência

Leia mais

Passos Preliminares: Acessando a máquina virtual via ssh.

Passos Preliminares: Acessando a máquina virtual via ssh. CIn/UFPE Sistemas de Informação Redes de Computadores Professor: Kelvin Lopes Dias Monitor: Edson Adriano Maravalho Avelar {kld,eama@cin.ufpe.br Instalando o APACHE, PHP (PHPADMIN), MySQL. Este tutorial

Leia mais

Sumário. Parte I Introdução 21. 1 Introdução 15 1.1 O Rails é ágil... 17 1.2 Explorando o conteúdo... 18 1.3 Agradecimentos... 19

Sumário. Parte I Introdução 21. 1 Introdução 15 1.1 O Rails é ágil... 17 1.2 Explorando o conteúdo... 18 1.3 Agradecimentos... 19 Sumário 1 Introdução 15 1.1 O Rails é ágil.......................................................... 17 1.2 Explorando o conteúdo................................................... 18 1.3 Agradecimentos........................................................

Leia mais

Introdução. História. Como funciona

Introdução. História. Como funciona Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado

Leia mais

mhtml:file://d:\utfpr\2009-2\especialização Java\Materiais de Aula\02 - JSF\Estud...

mhtml:file://d:\utfpr\2009-2\especialização Java\Materiais de Aula\02 - JSF\Estud... Página 1 de 7 Precisa de um freelancer, códigosfonte e exemplos Dicas & Truques completos? Contrate Nossa Consultoria Downloads Quem Somos Artigos & Tutoriais Bem-vindo(a) ao meu site. Além de realizar

Leia mais

Nota de Aplicação. Relatório em HTML no Vijeo Citect 1.0. Suporte Técnico Brasil. Versão:

Nota de Aplicação. Relatório em HTML no Vijeo Citect 1.0. Suporte Técnico Brasil. Versão: Nota de Aplicação Relatório em HTML no Vijeo Citect Versão: 1.0 Suporte Técnico Brasil Especificações técnicas Hardware: Software: Versão: Vijeo Citect 7.40 SP 2 SQL Server 2012 Suporte Técnico Brasil

Leia mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

Fundamentos de Ajax e o Modelo DOM

Fundamentos de Ajax e o Modelo DOM Fundamentos de Ajax e o Modelo DOM Introdução O Ajax é uma nova tecnologia em ascensão e, embora o Ajax seja incontestavelmente atual, ele não é realmente novo. Ajax não é por si só tecnologia, mas sim

Leia mais

O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML)

O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML) Ajax O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML) É uma técnica para criar páginas web fáceis e dinâmicas; Permite que páginas web sejam atualizadas de forma assíncrona através

Leia mais

Heroku. Implantando Aplicações Java no. heroku_. Descubra como é fácil ter sua aplicação rodando em Cloud Computing

Heroku. Implantando Aplicações Java no. heroku_. Descubra como é fácil ter sua aplicação rodando em Cloud Computing heroku_ Implantando Aplicações Java no Heroku Descubra como é fácil ter sua aplicação rodando em Cloud Computing O que é o Heroku? Heroku é uma plataforma de cloud computing que foi criada para facilitar

Leia mais

O que fazer ao receber o Caso de Uso NOMEDAENTIDADE CRUD?

O que fazer ao receber o Caso de Uso NOMEDAENTIDADE CRUD? O que fazer ao receber o Caso de Uso NOMEDAENTIDADE CRUD? Um caso de uso envolve uma regra de negocio com as telas e entidades associadas na operação. No documento é descrito todas as validações de tela

Leia mais

indica o nome do campo pelo qual podemos acessar.

indica o nome do campo pelo qual podemos acessar. Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,

Leia mais

Programação Web Aula 8 - Rails (Introdução)

Programação Web Aula 8 - Rails (Introdução) Programação Web Aula 8 - Rails (Introdução) Departamento de Informática UFPR 7 de Abril de 2014 1 Rails Básico Mágica Princípios Características Criando uma aplicação Levantando o Servidor Examinando o

Leia mais

AJAX em Java com o Google Web Toolkit

AJAX em Java com o Google Web Toolkit AJAX em Java com o Google Web Toolkit Maurício Linhares de Aragão Junior AJAX rápido, fácil e puro Java com o Google Web Toolkit Introdução O desenvolvimento de aplicações que utilizam o conjunto de tecnologias

Leia mais

AJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS.

AJAX é baseado nos seguintes padrões WEB: JavaScript, XML, HTML, CSS. AJAX AJAX é acrônimo de Asynchronous JavaScript And XML. É um tipo de programação que se tornou popular in 2005 pela Google (com Google Suggest). AJAX não é uma nova linguagem de programação, mas uma nova

Leia mais

Projecto Integrador. Introdução ao REST. Material de suporte às aulas de Proj. Integrador (Nuno Preguiça) Copyright DI FCT/ UNL / 1

Projecto Integrador. Introdução ao REST. Material de suporte às aulas de Proj. Integrador (Nuno Preguiça) Copyright DI FCT/ UNL / 1 Projecto Integrador Introdução ao REST Material de suporte às aulas de Proj. Integrador (Nuno Preguiça) Copyright DI FCT/ UNL / 1 Notas Imagens do livro: G. Alonso et. Al. Web Services: Concepts, Architectures

Leia mais

Programando com ASP.NET MVC. Aprenda a desenvolver aplicações web utilizando a arquitetura MVC. Alfredo Lotar. Novatec

Programando com ASP.NET MVC. Aprenda a desenvolver aplicações web utilizando a arquitetura MVC. Alfredo Lotar. Novatec Programando com ASP.NET MVC Aprenda a desenvolver aplicações web utilizando a arquitetura MVC Alfredo Lotar Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela

Leia mais

O que é o Javascript?

O que é o Javascript? O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades

Leia mais

Curso De PHP. Aula 4. Formulários. Cookies. Session. Mail

Curso De PHP. Aula 4. Formulários. Cookies. Session. Mail Curso De PHP Aula 4 Formulários Cookies Session Mail Formulários Nós preenchemos diariamente diversos formulários web, seja para se logar e-mail ou criar uma conta em um site. Nesta parte do curso, vamos

Leia mais

Tecnologias para Web Design

Tecnologias para Web Design Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo

Leia mais

Conceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON)

Conceitos de Ajax Exemplos de uso do Ajax no braço, muitos exemplos, muito código (HTML, CSS, JavaScript, PHP, XML, JSON) Márcio Koch 1 Currículo Formado na FURB em Ciência da Computação Pós graduado em Tecnologias para o desenvolvimento de aplicações web Mestrando em Computação Gráfica na UDESC Arquiteto de software na Senior

Leia mais

Struts 2 : Projeto e Programação Editora: Ciência Moderna Autor: Antunes Budi Kurniawan Número de páginas: 600

Struts 2 : Projeto e Programação Editora: Ciência Moderna Autor: Antunes Budi Kurniawan Número de páginas: 600 Objetivo Com enfoque totalmente prático permite que programadores Java possam ampliar seus conhecimentos no mundo Web na criação de sistemas profissionais. Utilizar os modelos de programação com Servlets,

Leia mais

APRENDENDO RUBY ON RAILS

APRENDENDO RUBY ON RAILS APRENDENDO RUBY ON RAILS 2008 - Cássio Souza Antonio Criado a partir do documento original Rails para sua diversão e lucro : 2006 Ronaldo Melo Ferraz É dada a permissão para copiar, distribuir e/ou modificar

Leia mais

Desenvolvendo Aplicações Web com NetBeans

Desenvolvendo Aplicações Web com NetBeans Desenvolvendo Aplicações Web com NetBeans Aula 3 Cap. 4 Trabalhando com Banco de Dados Prof.: Marcelo Ferreira Ortega Introdução O trabalho com banco de dados utilizando o NetBeans se desenvolveu ao longo

Leia mais

formação em WeB developer

formação em WeB developer formação em WeB developer O Treinamento de Web Developer com duração de 40 semanas (média de 1 ano), ensinará como desenvolver sistemas web de alta performance e interatividade. Através das linguagens

Leia mais

Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer

Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer Exercício A11 - Digite o código abaixo e salve-o como ex1.htm. Documento com fundo azul!! Página com fundo e texto coloridos!

Leia mais

Capítulo 04: Persistência com SQLite

Capítulo 04: Persistência com SQLite Capítulo 04: Persistência com SQLite Instrutor Programador desde 2000 Aluno de doutorado Mestre em informática pelo ICOMP/UFAM Especialista em aplicações WEB FUCAPI marcio.palheta@gmail.com sites.google.com/site/marcio

Leia mais

DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 1 PROF. EMILIO PARMEGIANI

DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 1 PROF. EMILIO PARMEGIANI DESENVOLVIMENTO DE SOFTWARE PARA INTERNET LABORATÓRIO 1 PROF. EMILIO PARMEGIANI Exercício 1 Neste exercício trabalharemos com alguns web controls básicos e praticaremos os tipos de dados do C#. Vamos criar

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir Linguagem de Script e PHP @wre2008 1 Sumário Introdução; PHP: Introdução. Enviando dados para o servidor HTTP; PHP: Instalação; Formato básico de um programa PHP; Manipulação

Leia mais

Projeto de Agenda Telefônica. Cleyton Tsukuda Kano (kanoct@br.ibm.com)

Projeto de Agenda Telefônica. Cleyton Tsukuda Kano (kanoct@br.ibm.com) Projeto de Agenda Telefônica Cleyton Tsukuda Kano (kanoct@br.ibm.com) Objetivo Conhecer o elemento de designs XPages, componente da ferramenta Lotus Domino Designer, através da criação de uma aplicação

Leia mais

Desenvolva rapidamente utilizando o framework CakePHP Elton Luís Minetto FISL 8.0

Desenvolva rapidamente utilizando o framework CakePHP Elton Luís Minetto FISL 8.0 Desenvolva rapidamente utilizando o framework CakePHP Elton Luís Minetto Agenda O que é o CakePHP Conceitos básicos Requisitos Instalação Configuração Aplicação de exemplo O que é o CakePHP Cake é um framework

Leia mais

Patrick Augusto Gonçalves pkgoncalves@gmail.com

Patrick Augusto Gonçalves pkgoncalves@gmail.com Single Page Apps com AngularJS Patrick Augusto Gonçalves pkgoncalves@gmail.com Vamos Começar do Começo O que são Single Page Apps? Por que usar? O que eu ganho com isso? Modelo Clássico de Aplicações Web

Leia mais

Linguagem de Programação Para Internet II

Linguagem de Programação Para Internet II Linguagem de Programação Para Internet II Resumo do Conteúdo 1 Tecnologias Emergentes Para o Desenvolvimento de Aplicações Web Java Server Faces (JSF) Struts Tapestry PHP Ruby on Rails ASP.NET Phyton Perl

Leia mais

Desenvolva rapidamente utilizando o frame work CakePHP. Elton Luí s Minetto

Desenvolva rapidamente utilizando o frame work CakePHP. Elton Luí s Minetto Desenvolva rapidamente utilizando o frame work CakePHP Elton Luí s Minetto Agenda Ambiente Web PHP Problemas Frameworks CakePHP Demonstração Ambiente Web É o ambiente formado por algumas tecnologias: Servidor

Leia mais

Java na WEB Componentes Bean

Java na WEB Componentes Bean 1 Java na WEB Componentes Bean Objetivo: Ao final da aula o aluno será capaz de: Criar site dinâmico utilizando componentes Bean Utilizar Tags de ação Empregar Coleções de Bean. Sumário 5. Definição de

Leia mais

Edição de Setembro. Validação formulários com PHP. ... revistamensal de programação Open Source

Edição de Setembro. Validação formulários com PHP. ... revistamensal de programação Open Source Edição de Setembro... revistamensal de programação Open Source Apresentação Quem somos Submeter Pesquisar Serviços Contactos Artigo 4 / 58 Selecione o artigo pretendido Validação formulários com PHP Artigos

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada

Leia mais

%w(akita On Rails) * 2.0 - Rolling with Rails 2.0 - O Primeiro...

%w(akita On Rails) * 2.0 - Rolling with Rails 2.0 - O Primeiro... %w(akita On Rails) * 2.0 - Rolling with Rails 2.0 - O Primeiro http://www.akitaonrails.com/2008/2/1/rolling-with-rails-2-0-o-pri %w(akita On Rails) * 2.0 Rolling with Rails 2.0 - O Primeiro Tutorial Completo

Leia mais

O Struts morreu. Como escolher um novo framework Web.

O Struts morreu. Como escolher um novo framework Web. O Struts morreu. Como escolher um novo framework Web. Palestrante: Alessandro Coelho Ribeiro alessandro.ribeiro@integritas.com.br Integritas Tecnologia O Struts morreu? ? Quem aqui já desenvolveu uma aplicação

Leia mais

Associação Carioca de Ensino Superior Centro Universitário Carioca

Associação Carioca de Ensino Superior Centro Universitário Carioca Desenvolvimento de Aplicações Web Lista de Exercícios Métodos HTTP 1. No tocante ao protocolo de transferência de hipertexto (HTTP), esse protocolo da categoria "solicitação e resposta" possui três métodos

Leia mais

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004 DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis

Leia mais