Eduardo Cereto Carvalho. Rich Internet Applications com clientes offline utilizando Gears

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

Download "Eduardo Cereto Carvalho. Rich Internet Applications com clientes offline utilizando Gears"

Transcrição

1 Eduardo Cereto Carvalho Rich Internet Applications com clientes offline utilizando Gears Itatiba - São Paulo - Brasil Junho de 2009

2 Eduardo Cereto Carvalho Rich Internet Applications com clientes offline utilizando Gears Monografia, apresentada à disciplina Trabalho de Conclusão de Curso II do curso de Engenharia da Computação da Universidade São Francisco, sob a orientação do Prof. Rodrigo Chavez M. do Prado, como exigência parcial para conclusão do curso de graduação. Orientador: Rodrigo Chavez M. do Prado GRADUAÇÃO EM ENGENHARIA DA COMPUTAÇÃO UNIVERSIDADE SÃO FRANCISCO Itatiba - São Paulo - Brasil Junho de 2009

3 i Sumário Lista de Figuras p. iii Resumo p. iv Abstract p. v 1 INTRODUÇÃO p Objetivos p Objetivos Específicos p. 3 2 ASPECTOS TEÓRICOS p Evolução das Aplicações Web p Páginas Estáticas p Páginas com Conteúdo Multimídia p Aplicações Ricas da Internet p Gears p HTML p Javascript p Ajax e DOM p Gears p Módulos do Gears p Arquitetura de Sistemas Baseados em Gears p METODOLOGIA p. 14

4 ii 3.1 Aplicação de anotações p Aplicação em Django p Estrutura Básica de Sistemas Django p Implementando Ajax p Implementação do Gears p Implementação Modal ou Amodal p Conteúdo Estático p Identificando Estado Online/Offline p Camada de Dados p Sincronização p CONCLUSÃO p Análise da Arquitetura Proposta p Contribuições p Dificuldades Encontradas p Propostas de Extensão p. 29 Referências Bibliográficas p. 30 Apêndice A -- Aplicação em Django utilizando Gears p. 31 A.1 Interface p. 31 A.2 Arquivos p. 33 A.2.1 Django p. 34 A.2.2 Gears p. 36

5 iii Lista de Figuras 1 Arquitetura tradicional de aplicações Web p Diagrama de sequência tradicional para aplicações Web p Arquitetura proposta pelo Gears p Diagrama de sequência para aplicações Web baseadas em Gears p Confirmação para permitir que a aplicação use o Gears para guardar dados.. p Tela listando todas as notas p Tela mostrando uma determinada nota p. 32

6 iv Resumo Aplicações Ricas da Internet é o nome dado às aplicações Web que fazem uso pesado de Javascript para implementar uma interface dinâmica provendo uma experiência similar a das aplicações desktop convencionais. Este trabalho mostra um pouco da história das aplicações Web, e especula sobre o futuro, fazendo um estudo de tecnologias emergentes como o Gears que trazem novas possibilidades a essa plataforma.

7 v Abstract Rich Internet Applications is the name for the Web applications that make heavy use of Javascript to implement dynamic interfaces providing a user experience similar to a regular Desktop Application. This work shows the history of Web applications, and discusses about the future of the Web as an application platform. Also it explores emerging technologies such as Gears that bring new features to this platform.

8 1 1 INTRODUÇÃO Nos últimos anos pudemos vivenciar a popularização de hardware e Internet em todo o mundo. É comum hoje em dia o indivíduo ter um computador desktop em casa, um notebook para o trabalho e mais aquele computador da namorada que ele usa nos finais de semana. Seus arquivos acabam espalhados em diversos computadores e pen drives. Alguém distraído pode facilmente se perder em meio às diferentes versões de arquivos que vão sendo criadas ao longo do tempo. Agora imagine fazer backup de tudo isso de uma maneira organizada. Pode-se pensar em muitas soluções para estes problemas, dentre elas: criar um servidor FTP em um servidor pago para centralizar tudo, usar um pen drive para ter mobilidade e manter backups nos diversos computadores ou ainda criar um elegante sistema de versões mantendo repositórios distintos que iriam sendo mesclados usando uma ferramenta de controle de versões como o GIT. Cada uma dessas soluções tem um problema, seja ele um ponto único de falha, um custo monetário mensal ou um grau de complexidade elevado. Mas com certeza nenhuma delas é uma solução trivial o suficiente para ser amplamente utilizada pelo usuário final. A computação nas nuvens [Miller 2008] surge para resolver este problema. Esse novo conceito de computação propõe que todos os dados e, às vezes, até mesmo as aplicações fiquem na Internet. As empresas como o Google começam a oferecer muitos Giga Bytes grátis para que o usuário possa guardar seus s no Gmail ou documentos no GoogleDocs. Esses são dois exemplos onde tanto os dados quanto a aplicação estão nas nuvens, ou seja, nos servidores do Google. Tudo é facilmente acessível de um navegador, onde quer que o usuário esteja. É fácil, é confiável, é seguro e é muito funcional. Com a disseminação da computação nas nuvens o computador pessoal deixou de rodar as aplicações e guardar os dados passando a ser apenas uma janela para a Internet. Na prática só se precisa de um Sistema Operacional (SO) e um navegador para ter acesso a um mundo de aplicações como editores de imagem, planilhas eletrônicas, editores de texto, , etc. As aplicações desktop ficaram um tanto ameaçadas porque é improvável que elas consigam oferecer em curto prazo as vantagens da computação nas nuvens. Porém as aplicações na Internet

9 2 têm a desvantagem de estar atreladas ao navegador e por isso ter certas limitações. Volta-se a era dos terminais burros e mainframes, com os dados e aplicações centralizadas na Internet e os computadores fazendo o papel dos terminais burros. Os computadores de hoje são muito superiores, em termos de recursos, aos terminais burros de antigamente, porém esses recursos são muito mal utilizados nas aplicações Web. A falta de acesso direto ao SO não permite que as aplicações acessem o sistema de arquivos ou façam algum processamento mais complexo em paralelo. Todas estas aplicações estão presas ao protocolo HTTP que é simples e sem estado [Tanenbaum e Steen 2007] além de linguagens script para processamento client side muito lentas se comparado a uma biblioteca nativa. Caso o usuário esteja em um local sem Internet todos os seus documentos estão inacessíveis e seu computador passa a ser um peso de papel. Além disso a questão da usabilidade é importante já que as interfaces das aplicações Web são diferentes das interfaces de programas desktop equivalentes, o usuário pode sentir dificuldade em se acostumar ao novo ambiente, o que pode gerar uma queda de produtividade expressiva [Krug 2005]. Algumas iniciativas vêm sendo tomadas para integrar as aplicações Web ao desktop a fim de eliminar ou reduzir estas desvantagens das aplicações Web. Algumas empresas lançaram seus produtos em caráter experimental usando suas próprias abordagens para o problema. A Adobe criou o AIR que permite criar aplicações Web em Flash e ActionScript que rodam como se fossem aplicações nativas, se aproveitando de recursos como aceleração 3D enquanto o Google, com o seu Gears, teve uma abordagem diferente privilegiando a possibilidade de guardar arquivos no lado do cliente e fazer processamento Javascript em paralelo. A integração tem um papel tanto de usabilidade, trazendo transparência no acesso à aplicação Web, quanto em termos de funções, já que as aplicações desktop não estão presas ao navegador especificamente. Por isso tem mais liberdade de acesso aos recursos da máquina.

10 3 1.1 Objetivos O objetivo deste documento é fazer uma análise da evolução das aplicações Web e como o Gears pode resolver limitações desta plataforma, introduzindo funcionalidades novas Objetivos Específicos Usar o Gears para contornar limitações das aplicações Web. Mostrar como o uso de um framework forte facilita a criação de aplicações mais ricas. Estudar os problemas mais comuns na implementação do Gears.

11 4 2 ASPECTOS TEÓRICOS 2.1 Evolução das Aplicações Web De maneira geral a evolução das aplicações Web pode ser definida em 3 fases distintas [Taivalsaari e Ingalls 2008]. Páginas "clássicas", apenas com texto e imagens estáticas. Páginas multimídia, com animações e conteúdo multimídia com o uso de plugins. Rich Internet Applications ou Aplicações Ricas da Internet Páginas Estáticas Nos primórdios a Web era usada para manter arquivos HTML estáticos que possuíam links entre eles. Era como um livro gigantesco, no qual o usuário tinha a opção de pular direto para a seção que mais lhe interessava com facilidade. Este modelo foi se modernizando e as páginas começaram a se tornar dinâmicas. Linguagens simples eram usadas para gerar as páginas antes estáticas. Lentamente foram surgindo linguagens e frameworks focados na Web e a arquitetura dos sites foi se tornando cada vez mais complexa Páginas com Conteúdo Multimídia Mesmo com as páginas sendo geradas dinamicamente a interface do usuário ainda era estática. O usuário clicava num link e isso acarretava num recarregamento da página. Com o tempo foi surgindo a necessidade de adicionar dinamismo a interface do usuário. Os Java applets e o Flash deram essa possibilidade ao desenvolvedor. Os sites podiam ser melhor customizados. Animações, som e vídeo abriam um novo leque de possibilidades para

12 5 os webdesigners. Este modelo exigia que o usuário instalasse um plugin proprietário no navegador, caso contrário este não conseguiria acessar o conteúdo. Porém não era mais preciso lidar com problemas de incompatibilidade entre os navegadores, visto que todos usavam o mesmo plugin. Essa metodologia trouxe novos problemas. O conteúdo em Flash, não era indexado pelos mecanismos de busca, o que logo se tornou um grande problema a medida que os mecanismos de busca se estabeleceram como a principal porta de entrada para a Web. Além disso uma falta de padronização de interface trouxe dificuldades de usabilidade e acessibilidade. Cada desenvolvedor criava interfaces ricas diferenciadas e que o usuário não reconhecia de imediato [Krug 2005] Aplicações Ricas da Internet As Aplicações Ricas da Internet começaram a fazer uso mais intensivo das linguagens e frameworks modernos. Além disso houve o aparecimento do Ajax. Ajax (Asynchronous Javascript and XML) é um conjunto de técnicas para alterar o conteúdo de uma página Web depois dela ter sido carregada. Na prática ela permite que apenas uma parte da página seja atualizada ao invés de fazer um novo carregamento. Por ser assíncrona essa técnica permite que o usuário interaja com a página enquanto as informações são carregadas. Esta funcionalidade existe nos navegadores desde o ano 2000, mas o termo Ajax surgiu apenas em 2005 quando a tecnologia foi popularizada. O Ajax trouxe um dinamismo novo às antigas páginas estáticas melhorando a experiência do usuário drasticamente e permitindo aos desenvolvedores reinventar a Web como uma plataforma para o desenvolvimento de aplicações. O Flash deixou de ser a melhor opção para gerar interfaces ricas. E foi lentamente, sendo rebaixada para a categoria de mídia player para sites. Sites como o Youtube usam o Flash apenas para exibir vídeos e áudio, enquanto que o Ajax predomina na interface Gears As aplicações Web ficam centralizadas na nuvem. Isso significa que todos os códigos, arquivos e dados ficam em servidores e não na máquina cliente, que serve apenas como uma janela para enxergar essas aplicações.

13 6 Antes da aparição do Gears não existia uma maneira de guardar estes dados e arquivos. Os cookies podem guardar apenas uma quantidade limitada de dados, e são geralmente usados para manter sessões de usuários, provendo uma funcionalidade não inclusa no HTTP. Não existe uma maneira de guardar dados relacionais como os que são guardados nos bancos de dados do lado do servidor. Com o Gears o desenvolvedor tem uma nova opção. Pode armazenar dados no computador do usuário em um banco de dados local implementado dentro do navegador na forma de uma extensão. Isso cria um novo precedente no desenvolvimento de aplicações Web. Pode-se criar aplicações Web seguras que nunca enviam os dados para a nuvem, ou acelerar aplicações existentes trazendo os dados todos para o lado do cliente. Bem como tornar aplicações antes apenas acessíveis através da Internet completamente offline. Aplicações Web contruídas desta forma podem deixar de ser do tipo thin-client/fat-server e passar a ser fat-client/thin-server. Exatamente como aplicações desktop tradicionais HTML5 A nova especificação do HTML, prevista para ser finalizada em 2010, inclui algumas funcionalidades análogas as providas pelo Gears. Como será uma funcionalidade padrão do navegador pode-se antecipar que será utilizada por muitos desenvolvedores a medida que os usuários começam a utilizar os navegadores que implementam o HTML5. Além de contar com a funcionalidade de guardar dados localmente o HTML provê tags multimídia para exibir videos ou sons, e uma API Javascript para controlar essas funcionalidades. O Objetivo do HTML5 é introduzir funcionalidades antes providas apenas por extensões e que provaram ser importantes para a construção de aplicações mais ricas baseadas na Web. O Gears provê hoje a habilidade de escrever aplicações que usam as algumas funcionalidades do HTML5 antes que este seja liberado. O Google anunciou recentemente uma camada de abstração que permite o uso tanto do Gears como do HTML5, caso este esteja disponível, através da mesma interface [Google 2009].

14 7 2.2 Javascript O Javascript é um dialeto da especificação ECMAScript e é hoje a linguagem mais utilizada para fazer programação client side. Por ser a única linguagem amplamente implementada por todos os grandes navegadores, ela não tem muita concorrência. A programação client side foi por muito tempo chamada de DHTML ou Dynamic HTML, pois a maior utilidade para o Javascript era adicionar dinamismo ao HTML. Este dinamismo, era geralmente uma questão visual e não interferia em nada com o funcionamento das aplicações. Uma das funcionalidade mais utilizada era para prover validação a formulários. Com a popularização do Ajax o Javascript tornou-se parte integrante das aplicações. Uma vez que a lógica das aplicações começou a ser escrita no lado do cliente a linguagem precisou evoluir para suprir as necessidades dos desenvolvedores. Hoje o Javascript é uma linguagem poderosa orientada a objetos e que faz uso extensivo de eventos para capturar a interação do usuário com a página. É importante que o desenvolvedor tenha um bom domínio dessas funcionalidades na hora de implementar grandes aplicações, criando bibliotecas reutilizáveis e simples de manter [Keith 2005] Ajax e DOM O DOM ou Document Object Model, é uma representação em árvore da estrutura HTML de uma página Web. O DOM permite interações como consulta, adição, remoção ou alterações dos nós desta árvore. O Javascript possui uma interface para uso do DOM permitindo alteração dinâmica [Keith 2005]. O uso em conjunto do DOM e do Ajax é o que permite o carregamento de informação adicionais dentro de uma página sem recarregar todo o conteúdo novamente. Cada navegador implementa o Javascript em cima das especificação ECMAScript. Porém as vezes há diferenças entre as implementações. Essas diferenças entre os navegadores sempre foram uma dor de cabeça para os desenvolvedores. A medida que as aplicações crescem, e o código Javascript cresce fica mais difícil encontrar bugs e essa diferença entre os navegadores não ajuda em nada os desenvolvedores. Existem bibliotecas Javascript que padronizam a interface de comandos Ajax e para interação com o DOM. Essas bibliotecas resolvem problemas como incompatibilidades com navegadores e deixa tempo para o programador lidar com seus próprios bugs. Dentre as bibliotecas

15 8 mais utilizadas estão o jquery, Prototype e Dojo. As Aplicações Ricas de Internet geralmente fazem uso constante do DOM e Ajax, e por este motivo é comum o uso de alguma destas bibliotecas.

16 9 2.3 Gears O Gears é um projeto de código livre que possibilita a construção de aplicações Web mais poderosas e integradas ao desktop, as chamadas Rich Internet Applications. O Gears foi idealizado pelo Google e lançado em maio de 2007 [Gears API 2008], atualmente está em sua versão e é desenvolvido por funcionários do Google e membros voluntários de uma comunidade de desenvolvedores que se formou ao redor do projeto. O uso mais comum para Gears é fazer com que aplicações Web, ou pelo menos parte delas, fiquem acessíveis mesmo que não haja acesso a Internet [Kilani 2007], ou para acelerar o funcionamento da aplicação para que ela fique o mais parecido possível com o funcionamento de uma aplicação desktop. Atualmente as plataformas suportadas são: Windows XP/Vista, Windows Mobile, Mac, Android e Linux. O Gears é implementado como um extensão para os navegadores Firefox, Internet Explorer, Safari ou Chrome. O seu trabalho é fazer uma ponte entre a aplicação Web e o SO, fornecendo os recursos do SO para a aplicação através de uma API em Javascript. Entre os sistemas que já se beneficiam do Google Gears estão diversas aplicações do Google, MySpace, Zoho, Remember the Milk [Kilani 2007], entre outras.

17 Módulos do Gears O Gears é um sistema modular e a idéia é que no futuro mais e mais módulos sejam adicionados permitindo flexibilidade enquanto mantém o core do Gears bem leve. Dentre os módulos atualmente disponíveis estão: Database Provê um banco de dados local no cliente para guardar dados e recuperá-los, possibilitando que esses dados possam ser utilizados mesmo sem que haja conexão com a Internet. No Gears esta camada faz uso do SQLite, um banco de dados open source pequeno mas com muitas funcionalidades. Desktop Fornece acesso ao desktop como por exemplo a possibilidade de criar ícones na máquina cliente facilitando o acesso a aplicação Web e tornando-a mais próxima de aplicações locais. Geolocation Permite que a aplicação Web acesse dispositivos da máquina cliente que informam a localização do usuário como um módulo GPS. Esse recurso é utilizado por exemplo em uma aplicação de mapas rodando em um celular para poder localizar a posição exata em que o usuário se encontra em um mapa. LocalServer Permite que requisições HTTP que normalmente seriam enviadas pela Internet para um servidor remoto, sejam respondidas pela mesma máquina cliente num servidor local. Este recurso acelera o funcionamento de uma aplicação Web e inclusive permite que uma certa aplicação funcione sem acesso a Internet, e conseqüentemente ao seu servidor. Dentro do LocalServer existem ResourceStores que são utilizados para guardar conteúdo estático. WorkerPool Fornece recursos para fazer processamento Javascript em paralelo para evitar que um script complexo interrompa a fluidez da aplicação Arquitetura de Sistemas Baseados em Gears Como regra geral as aplicações Web são aplicações distribuídas do tipo fat server/thin client [Tanenbaum e Steen 2007], uma vez que o cliente ou browser é responsável apenas por renderizar a interface de usuário como mostra a Figura 1. Neste modelo cada vez que o usuário realiza qualquer interação com a aplicação é feita uma requisição ao servidor e este retorna uma página HTML que representa um snapshot do sistema como ilustrado na Figura 2.

18 11 Figura 1: Arquitetura tradicional de aplicações Web Figura 2: Diagrama de sequência tradicional para aplicações Web

19 12 Figura 3: Arquitetura proposta pelo Gears O Gears propõe uma arquitetura diferente [Gears API 2008]. Através dos módulos Local- Server e Database, descritos na seção 2.3.1, o Gears tem o poder de prover páginas localmente sem precisar contactar o servidor. Isso agiliza as chamadas e possibilita o uso das aplicações mesmo sem uma conexão a Internet. Nessa arquitetura as requisições passam primeiramente por um data switch que irá identificar se os dados devem ser requisitados para o servidor remoto ou para o servidor local. Caso a requisição vá para o servidor remoto o data switch encaminha a requisição para a camada de dados remotos, que por sua vez implementa a API para recuperar os dados remotamente. Caso a requisição seja encaminhada para a camada de dados local, os dados serão recuperados do banco de dados interno do Gears. Existe ainda uma camada opcional de sincronização responsável por sincronizar os dados do banco de dados local com os dados do servidor remoto, essa sincronização normalmente é feita por um Worker Pool sendo assim executado em segundo plano. Esta arquitetura está ilustrada na Figura 3. Na arquitetura do Gears nem sempre as requisições precisam passar pelo servidor, vide Figura 4. Isto torna o processo todo bem mais rápido já que não depende da conexão com a Internet. O próprio Gears trata de encaminhar as requisições que não podem ser feitas localmente e sincronizar os dados remotos com os dados locais.

20 Figura 4: Diagrama de sequência para aplicações Web baseadas em Gears 13

21 14 3 METODOLOGIA Este capítulo mostra os passos principais no desenvolvimento de uma aplicação de anotações em Django que faz uso do Gears. 3.1 Aplicação de anotações A aplicação que foi desenvolvida é uma aplicação simples usada como base para implementar o Gears utilizando o Django como framework do lado do servidor. Dentre as características da aplicação podemos citar: Criação de anotações com título e conteúdo. Possibilidade de visualizar as anotações mesmo sem acesso a Internet. Possibilidade de criar anotações mesmo sem acesso a Internet. Sincronização de anotações enquanto a aplicação está online, para enviar ao servidor as anotações criadas em modo offline. 3.2 Aplicação em Django O Django é um framework de código livre de alto nível que encoraja o desenvolvimento rápido de aplicações Web com design limpo e pragmático utilizando a linguagem Python. A linguagem Python por sua vez tem como principais características a rápida prototipação e o fato de ter uma biblioteca básica muito completa. O framework Django se baseia no design pattern MVC (Model View Controller) que propõe uma divisão clara entre as camadas de modelo, visão e controle (representação de dados, interface com usuário e lógica de negócio, respectivamente) da aplicação. Esta divisão facilita

22 15 a manutenção dos sistemas e a independência das camadas entre si e torna fácil a reestruturação completa de uma dessas camadas com poucas ou nenhuma modificação nas outras camadas. Os sistemas em Django são geralmente divididos em diversas aplicações Django. Cada aplicação implementa uma ferramenta específica e estas são plugáveis no sistema como um todo. Elas podem interagir entre si mas há uma separação clara de código. Este modelo mais uma vez facilita a manutenção dos sistemas e estimula o reaproveitamento de código de maneira muito prática Estrutura Básica de Sistemas Django Esta seção visa exemplificar a estrutura geral de uma aplicação Django e como os diferentes aplicativos são organizados e reutilizados. Bem como os pontos importantes para criar aplicações em Ajax com Django. Este trabalho não pretende documentar todos os passos envolvidos no desenvolvimento de aplicações Django. Uma análise mais detalhada pode ser encontrada na bibliografia [Holovaty e Kaplan-Moss 2008] ou na home page do projeto Django 1. Após usar o comando python django-admin.py startproject project, o Django cria uma pasta project com a seguinte estrutura. project/ -- init.py -- manage.py -- settings.py -- urls.py O arquivo settings.py possui configurações diversas como informações do banco de dados, diretórios com templates, aplicações Django instaladas, entre outros. O arquivo urls.py possui o mapeamento de urls para views, em outras palavras indica qual função irá ser executada quando cada url for acessada. Já o arquivo manage.py disponibiliza uma extensa coleção de scripts que gerenciam e automatizam a administração do sistema, pode-se usá-lo para criar 1

23 16 uma nova aplicação Django. $ python manage.py startapp notes $ ls project/ -- init.py -- notes -- init.py -- models.py -- views.py -- manage.py -- settings.py -- urls.py Neste momento é criada uma pasta notes que irá agrupar os arquivos referentes a este aplicativo e nele já existem os arquivos models.py e views.py que devem ser reescritos para conter a descrição dos dados e lógica de negócio. O código utilizado neste documento pode ser encontrado no Apêndice A. Após escrever estas duas camadas o aplicativo pode ser plugado alterando a seguinte sessão no arquivo settings.py. INSTALLED_APPS = ( django.contrib.auth, django.contrib.contenttypes, django.contrib.sessions, django.contrib.sites, project.notes, ) Desta forma o aplicativo notes é plugado no sistema. É perceptível que o Django já vem com alguns aplicativos habilitados por padrão como por exemplo o django.contrib.auth que é responsável por gerenciar usuários do sistema. Uma vez que a maioria dos sistemas Web tem usuários, é natural que o Django já venha com esta aplicação, seguindo o modelo all under the hood do Python. Claro que esta aplicação pode ser desligada facilmente desabilitando o suporte a usuários e permissões.

24 17 Após plugar a aplicação, pode-se invocar o comando python manage.py syncdb para que o Django crie no banco de dados as tabelas que refletem os modelos definidos no arquivo models.py. O Django provê uma interface orientada a objeto para acesso aos dados através da camada de modelos. Desse modo não é preciso lidar com queries SQL, o que facilita o desenvolvimento e cria uma independência do DBMS Implementando Ajax Uma boa prática no desenvolvimento de aplicações com Ajax, é se certificar de que a aplicação continuará funcionando corretamente mesmo sem o Javascript [Keith 2005]. Uma estratégia para atingir este objetivo é seguir os seguintes passos: 1. Construa uma aplicação sem Javascript utilizando links e formulários em HTML puro e crie a lógia no servidor para responder a estas requisições. 2. Depois adicione Javascript para interceptar essas chamadas e submissões de formulário realizando-as por Ajax e atualizando apenas parte da página. Desta forma é fácil criar aplicações Ajax que são compatíveis com navegadores sem Javascript, ou que continuem funcionando caso haja algum erro de Javascript. A lógica em Javascript usada para interceptar as requisições na aplicação anotações, pode ser encontrada no conteúdo do arquivo notes.js, na página 42 do apêndice A.2.2. Após implementar a lógica para interceptar essas requisições em Javascript é importante certificar-se que o servidor não irá responder da mesma forma as requisições simples e as requisições em Ajax. Felizmente o Django provê uma maneira simples de identificar a origem da requisição através da função request.is_ajax() dentro de uma view. Isso é possível graças ao jquery que insere um cabeçalho a mais na requisição HTTP facilitando sua identificação. No caso de a requisição ser feita via Ajax, a view não precisa retornar a página completa, apenas os dados que serão inseridos dentro da página. Estes dados podem ser retornados como HTML, texto puro, XML ou Json. O Json tem a vantagem de ser um formato compatível com um objeto Javascript e devido a isso o trabalho de extrair os dados se torna mais simples. 2 Data Base Management System: Sistema gerenciador de bancos de dados

25 18 Neste exemplo utilizamos o Django para listar todas as notas, gerar Json caso a requisição seja feita via Ajax e renderizar a página completa caso seja uma requisição normal. def note_list(request): n = Note.objects.all() form = NoteForm() if request.is_ajax(): response = HttpResponse(mimetype="application/json") json_serializer = serializers.get_serializer("json")() json_serializer.serialize(n, ensure_ascii=false, stream=response) return response else: return render_to_response( notes/note_list.html, { object_list : n, form : form, context_instance=requestcontext(request))

26 Implementação do Gears O Gears é flexível e a maneira como o desenvolvedor vai implementa-lo depende das necessidades da aplicação e da dificuldade de implementação. O desenvolvedor deve ponderar a quantidade de trabalho a ser realizado e o benefício para o usuário final. Na maioria das vezes não faz sentido fazer com que toda aplicação esteja disponível offline [Gears FAQ 2008]. A medida que se acrescentam funcionalidades offline se torna necessário um mecanismo de sincronização. Este provavelmente é o momento mais complexo e sujeito a erros na implementação do Gears. Para inicializar o Gears sempre se deve usar o arquivo gears_init.js que o Google disponibiliza. Este script torna disponível a variável global google dentro do Javascript caso o Gears esteja instalado. Com isso podemos redirecionar o usuário para uma página de instalação caso o Gears não esteja instalado. if (!window.google!google.gears) { location.href = + message=baixe o Google Gears para Continuar + &return=http://localhost/notes ; Uma vez que o Gears esteja instalado é exibido para o usuário um diálogo de segurança como o ilustrado na figura 5. Figura 5: Confirmação para permitir que a aplicação use o Gears para guardar dados

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução App de exemplo Implementação do exemplo Testes realizados

Leia mais

Diário. João Estrela... F Michael Jackson F F. F Geisy Arruda... Patolino... Peter Griffin F. F.

Diário. João Estrela... F Michael Jackson F F. F Geisy Arruda... Patolino... Peter Griffin F. F. Diário João Estrela... F Michael Jackson F F. F Geisy Arruda.... Patolino.... Peter Griffin F. F. Biometria bi.o.me.tri.a s.f. 1 Ciência da aplicação de métodos de estatística quantitativa a fatos biológicos;

Leia mais

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução App de exemplo Implementação do exemplo Testes realizados

Leia mais

Produto: Webscan Relatório II Programas desenvolvidos, testados e documentados

Produto: Webscan Relatório II Programas desenvolvidos, testados e documentados Produto: Webscan Relatório II Programas desenvolvidos, testados e documentados Sérgio Oliveira Campos Contrato N : 2008/000514 Sumário 1 Introdução 1 2 Bibliotecas Utilizadas 2 2.1 Reconhecimento de Texto

Leia mais

Engenharia de Software Aplicações de Internet

Engenharia de Software Aplicações de Internet Engenharia de Software Aplicações de Internet Eduardo Santos eduardo.edusantos@gmail.com eduardo.santos@planejamento.gov.br www.softwarepublico.gov.br Histórico Por que existe a Internet? Por que existe

Leia mais

Capítulo 2 Web 2.0 22

Capítulo 2 Web 2.0 22 2 Web 2.0 Uma vez que o presente trabalho está intensamente relacionado à Web 2.0 (muitas tecnologias da mesma são utilizadas pela equipe estudada, que precisam de melhorias), torna-se necessário entender

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

5 Detalhes da Implementação

5 Detalhes da Implementação Detalhes da Implementação 101 5 Detalhes da Implementação Neste capítulo descreveremos detalhes da implementação do Explorator que foi desenvolvido usando o paradigma MVC 45 e o paradigma de CoC 46 (Convention

Leia mais

Potenciais de Aplicação da Metodologia AJAX

Potenciais de Aplicação da Metodologia AJAX SEGeT Simpósio de Excelência em Gestão e Tecnologia 1 Potenciais de Aplicação da Metodologia AJAX Bruno Simões Kleverson Pereira Marcos Santos Eduardo Barrere Associação Educacional Dom Bosco - AEDB RESUMO

Leia mais

Dominando Action Script 3

Dominando Action Script 3 Dominando Action Script 3 Segunda Edição (2014) Daniel Schmitz Esse livro está à venda em http://leanpub.com/dominandoactionscript3 Essa versão foi publicada em 2014-05-02 This is a Leanpub book. Leanpub

Leia mais

O que é o Virto ERP? Onde sua empresa quer chegar? Apresentação. Modelo de funcionamento

O que é o Virto ERP? Onde sua empresa quer chegar? Apresentação. Modelo de funcionamento HOME O QUE É TOUR MÓDULOS POR QUE SOMOS DIFERENTES METODOLOGIA CLIENTES DÚVIDAS PREÇOS FALE CONOSCO Suporte Sou Cliente Onde sua empresa quer chegar? Sistemas de gestão precisam ajudar sua empresa a atingir

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

INTRODUÇÃO AO DESENVOLVIMENTO DE JOGOS COM LIBGDX. Vinícius Barreto de Sousa Neto

INTRODUÇÃO AO DESENVOLVIMENTO DE JOGOS COM LIBGDX. Vinícius Barreto de Sousa Neto INTRODUÇÃO AO DESENVOLVIMENTO DE JOGOS COM LIBGDX Vinícius Barreto de Sousa Neto Libgdx é um framework multi plataforma de visualização e desenvolvimento de jogos. Atualmente ele suporta Windows, Linux,

Leia mais

HAT Programação Auditoria Pós. 12.1.x. abril de 2015. Versão: 2.0

HAT Programação Auditoria Pós. 12.1.x. abril de 2015. Versão: 2.0 HAT Programação Auditoria Pós 12.1.x abril de 2015 Versão: 2.0 1 Sumário 1 Introdução... 3 2 Visão do Processo... 3 3 Serviço... 5 4 Dataset... 7 5 Formulário Principal AuditoriaPos... 9 6 Arquitetura

Leia mais

4 O Workflow e a Máquina de Regras

4 O Workflow e a Máquina de Regras 4 O Workflow e a Máquina de Regras O objetivo do workflow e da máquina de regras é definir um conjunto de passos e regras configuráveis. Ao longo de sua execução, um usuário consegue simplificar o seu

Leia mais

DESENVOLVIMENTO EM DISPOSITIVOS MÓVEIS UTILIZANDO BANCO DE DADOS

DESENVOLVIMENTO EM DISPOSITIVOS MÓVEIS UTILIZANDO BANCO DE DADOS DESENVOLVIMENTO EM DISPOSITIVOS MÓVEIS UTILIZANDO BANCO DE DADOS Leandro Guilherme Gouvea 1, João Paulo Rodrigues 1, Wyllian Fressatti 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil leandrog.gouvea@gmail.com,

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

AULA 1 PHP O QUE É APACHE FRIENDS

AULA 1 PHP O QUE É APACHE FRIENDS O QUE É PHP Se você já programa PHP, aconselho que pule para o capítulo 7 desse livro. Pois até esse capitulo iremos abordar algoritmos em PHP até a construção de uma classe com seus métodos e atributos

Leia mais

PROJETO PEDAGÓGICO DE CURSOS

PROJETO PEDAGÓGICO DE CURSOS 1 de 6 PROJETO PEDAGÓGICO DE CURSOS BURITREINAMENTOS MANAUS-AM NOVEMBRO / 2014 2 de 6 PACOTES DE TREINAMENTOS BURITECH A Buritech desenvolveu um grupo de pacotes de treinamentos, aqui chamados de BuriPacks,

Leia mais

Aula 1 - Introdução e configuração de ambiente de desenvolvimento

Aula 1 - Introdução e configuração de ambiente de desenvolvimento Aula 1 - Introdução e configuração de ambiente de desenvolvimento Olá, seja bem-vindo à primeira aula do curso para desenvolvedor de Android, neste curso você irá aprender a criar aplicativos para dispositivos

Leia mais

INDICE 3.APLICAÇÕES QUE PODEM SER DESENVOLVIDAS COM O USO DO SAXES

INDICE 3.APLICAÇÕES QUE PODEM SER DESENVOLVIDAS COM O USO DO SAXES w w w. i d e a l o g i c. c o m. b r INDICE 1.APRESENTAÇÃO 2.ESPECIFICAÇÃO DOS RECURSOS DO SOFTWARE SAXES 2.1. Funcionalidades comuns a outras ferramentas similares 2.2. Funcionalidades próprias do software

Leia mais

Aula Extra Conexão ODBC para aplicações Delphi 7 que usam SQL Server 2005

Aula Extra Conexão ODBC para aplicações Delphi 7 que usam SQL Server 2005 Nome Número: Série Aula Extra Conexão ODBC para aplicações Delphi 7 que usam SQL Server 2005 Proposta do projeto: Competências: Compreender a orientação a objetos e arquitetura cliente-servidor, aplicando-as

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

Ambiente Web PHP Problemas Frameworks CakePHP Symfony Zend Framework Prado CodeIgniter Demonstração O livro

Ambiente Web PHP Problemas Frameworks CakePHP Symfony Zend Framework Prado CodeIgniter Demonstração O livro Desenvolvimento em PHP usando Frameworks Elton Luís Minetto Agenda Ambiente Web PHP Problemas Frameworks CakePHP Symfony Zend Framework Prado CodeIgniter Demonstração O livro Ambiente Web É o ambiente

Leia mais

Ambiente Web PHP Problemas Frameworks CakePHP Symfony Zend Framework Prado CodeIgniter Demonstração

Ambiente Web PHP Problemas Frameworks CakePHP Symfony Zend Framework Prado CodeIgniter Demonstração Desenvolvimento em PHP usando Frameworks Elton Luís Minetto Agenda Ambiente Web PHP Problemas Frameworks CakePHP Symfony Zend Framework Prado CodeIgniter Demonstração Ambiente Web É o ambiente formado

Leia mais

Adobe Flex. Cainã Fuck dos Santos Thiago Vieira Puluceno Jonathan Kuntz Fornari Gustavo Nascimento Costa

Adobe Flex. Cainã Fuck dos Santos Thiago Vieira Puluceno Jonathan Kuntz Fornari Gustavo Nascimento Costa Adobe Flex Cainã Fuck dos Santos Thiago Vieira Puluceno Jonathan Kuntz Fornari Gustavo Nascimento Costa O que é Flex? Estrutura de Código aberto para a criação de aplicativos Web Utiliza o runtime do Adobe

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

ZendWi Presentation 19/10/2012

ZendWi Presentation 19/10/2012 ZendWi Presentation 19/10/2012 Índice 1. Introdução ao Zend Framework 2 2. MVC 3. Zend Tools 4. Estrutura 5. Zend DB Model Generator 6. Back-End Developer 7. Front-End Developer 8. Links Úteis Introdução

Leia mais

Algoritmos em Javascript

Algoritmos em Javascript Algoritmos em Javascript Sumário Algoritmos 1 O que é um programa? 1 Entrada e Saída de Dados 3 Programando 4 O que é necessário para programar 4 em JavaScript? Variáveis 5 Tipos de Variáveis 6 Arrays

Leia mais

Manual de referência do HP Web Jetadmin Database Connector Plug-in

Manual de referência do HP Web Jetadmin Database Connector Plug-in Manual de referência do HP Web Jetadmin Database Connector Plug-in Aviso sobre direitos autorais 2004 Copyright Hewlett-Packard Development Company, L.P. A reprodução, adaptação ou tradução sem permissão

Leia mais

Programação WEB Introdução

Programação WEB Introdução Programação WEB Introdução Rafael Vieira Coelho IFRS Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Sul Campus Farroupilha rafael.coelho@farroupilha.ifrs.edu.br Roteiro 1) Conceitos

Leia mais

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

Leia mais

JDBC. Prof. Márcio Bueno (poonoite@marciobueno.com)

JDBC. Prof. Márcio Bueno (poonoite@marciobueno.com) JDBC Prof. Márcio Bueno (poonoite@marciobueno.com) JBDC Java Database Connectivity ou JDBC é um conjunto de classes e interfaces (API) escritas em Java que faz o envio de instruções SQL para qualquer banco

Leia mais

Programação para a Internet. Prof. M.Sc. Sílvio Bacalá Jr sbacala@gmail.com www.facom.ufu.br/~bacala

Programação para a Internet. Prof. M.Sc. Sílvio Bacalá Jr sbacala@gmail.com www.facom.ufu.br/~bacala Programação para a Internet Prof. M.Sc. Sílvio Bacalá Jr sbacala@gmail.com www.facom.ufu.br/~bacala A plataforma WEB Baseada em HTTP (RFC 2068) Protocolo simples de transferência de arquivos Sem estado

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o que é uma Aplicação Rica para Internet Contextualizar tais aplicações na Web e os desafios

Leia mais

Criando Aplicações PHP com. Zend e Dojo. Flávio Gomes da Silva Lisboa. Novatec

Criando Aplicações PHP com. Zend e Dojo. Flávio Gomes da Silva Lisboa. Novatec Criando Aplicações PHP com Zend e Dojo Flávio Gomes da Silva Lisboa Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a

Leia mais

WWW - World Wide Web

WWW - World Wide Web WWW World Wide Web WWW Cap. 9.1 WWW - World Wide Web Idéia básica do WWW: Estratégia de acesso a uma teia (WEB) de documentos referenciados (linked) em computadores na Internet (ou Rede TCP/IP privada)

Leia mais

Processos (Threads,Virtualização e Migração de Código)

Processos (Threads,Virtualização e Migração de Código) Processos (Threads,Virtualização e Migração de Código) Roteiro Processos Threads Virtualização Migração de Código O que é um processo?! Processos são programas em execução. Processo Processo Processo tem

Leia mais

Boas Práticas de Desenvolvimento Seguro

Boas Práticas de Desenvolvimento Seguro Boas Práticas de Desenvolvimento Seguro Julho / 2.012 Histórico de Revisões Data Versão Descrição Autor 29/07/2012 1.0 Versão inicial Ricardo Kiyoshi Página 2 de 11 Conteúdo 1. SEGURANÇA DA INFORMAÇÃO

Leia mais

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 Alex de Andrade Catini¹, Tiago Piperno Bonetti¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil Alex.catini@gmail.com, bonetti@unipar.br Resumo:

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web

Leia mais

DOUGLAS CERQUEIRA. FACEBOOK: /douglascruzc

DOUGLAS CERQUEIRA. FACEBOOK: /douglascruzc DOUGLAS CERQUEIRA FACEBOOK: /douglascruzc AGENDA 1. Aplicações web com django 2. Arquitetura do projeto 3. Estrutura do projeto UM FRAMEWORK PARA DESENVOLVIMENTO RÁPIDO. PORQUE DJANGO 1. Url 2. Views

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

Noções de. Microsoft SQL Server. Microsoft SQL Server

Noções de. Microsoft SQL Server. Microsoft SQL Server Noções de 1 Considerações Iniciais Basicamente existem dois tipos de usuários do SQL Server: Implementadores Administradores 2 1 Implementadores Utilizam o SQL Server para criar e alterar base de dados

Leia mais

Persistência de Classes em Tabelas de Banco de Dados

Persistência de Classes em Tabelas de Banco de Dados UTFPR DAELN - Disciplina de Fundamentos de Programação II ( IF62C ). 1 Persistência de Classes em Tabelas de Banco de Dados 1) Introdução! Em algumas situações, pode ser necessário preservar os objetos

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

Google Web Toolkit* Clério Damasceno Soares, Daniel da Silva Filgueiras e Fábio Figueiredo da Silva

Google Web Toolkit* Clério Damasceno Soares, Daniel da Silva Filgueiras e Fábio Figueiredo da Silva Google Web Toolkit* Clério Damasceno Soares, Daniel da Silva Filgueiras e Fábio Figueiredo da Silva Universidade Federal de Juiz de Fora UFJF-MG Campo Universitário Bairro Marmelos Juiz de Fora MG Brasil

Leia mais

PROJETO PEDAGÓGICO DE CURSOS

PROJETO PEDAGÓGICO DE CURSOS 1 de 5 PROJETO PEDAGÓGICO DE CURSOS BURITREINAMENTOS MANAUS-AM DEZEMBRO / 2014 2 de 5 PACOTES DE TREINAMENTOS BURITECH A Buritech desenvolveu um grupo de pacotes de treinamentos, aqui chamados de BuriPacks,

Leia mais

Bool setcookie (string nome [, string valor [, int validade [, string caminho [, string dominio [, int seguro]]]]] )

Bool setcookie (string nome [, string valor [, int validade [, string caminho [, string dominio [, int seguro]]]]] ) Disciplina: Tópicos Especiais em TI PHP Este material foi produzido com base nos livros e documentos citados abaixo, que possuem direitos autorais sobre o conteúdo. Favor adquiri-los para dar continuidade

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

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

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

Arquitetura de Computadores. Introdução aos Sistemas Operacionais

Arquitetura de Computadores. Introdução aos Sistemas Operacionais Arquitetura de Computadores Introdução aos Sistemas Operacionais O que é um Sistema Operacional? Programa que atua como um intermediário entre um usuário do computador ou um programa e o hardware. Os 4

Leia mais

Introdução ao Javascript

Introdução ao Javascript Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação

Leia mais

Capítulo 4. Programação em ASP

Capítulo 4. Programação em ASP Índice: CAPÍTULO 4. PROGRAMAÇÃO EM ASP...2 4.1 REGISTRAR...2 4.1.1 Códigos para configuração do objeto...2 4.1.2 Formulário para transferir dados da impressão digital...3 4.1.3 Código Javascript para registro

Leia mais

Frameworks para criação de Web Apps para o Ensino Mobile

Frameworks para criação de Web Apps para o Ensino Mobile 393 Frameworks para criação de Web Apps para o Ensino Mobile Lucas Zamim 1 Roberto Franciscatto 1 Evandro Preuss 1 1 Colégio Agrícola de Frederico Westphalen (CAFW) Universidade Federal de Santa Maria

Leia mais

Prof. Omero, pág. 63. Banco de Dados InterBase.

Prof. Omero, pág. 63. Banco de Dados InterBase. Prof. Omero, pág. 63 O que é o InterBase? O InterBase é um SGBDR - Sistema Gerenciador de Banco de Dados Cliente/Servidor Relacional 1 que está baseado no padrão SQL ANSI-9, de alta performance, independente

Leia mais

Esse update é 10: Novos applets e JavaFX

Esse update é 10: Novos applets e JavaFX Esse update é 10: Novos applets e JavaFX Jorge Diz Instrutor Globalcode Objetivos Objetivos: Mostrar o que vem por ai no desktop/ browsertop Ver se os applets agora vão pegar Onde está JavaFX? Agenda >Applets:

Leia mais

ANDRÉ ALENCAR 1 INFORMÁTICA INTERNET EXPLORER 9

ANDRÉ ALENCAR 1 INFORMÁTICA INTERNET EXPLORER 9 ANDRÉ ALENCAR 1 INFORMÁTICA INTERNET EXPLORER 9 1. JANELA PADRÃO Importante: O Internet Explorer não pode ser instalado no Windows XP. 2. INTERFACE MINIMALISTA Seguindo uma tendência já adotada por outros

Leia mais

ADOBE FLASH PLAYER 10.3 Gerenciador de configurações locais

ADOBE FLASH PLAYER 10.3 Gerenciador de configurações locais ADOBE FLASH PLAYER 10.3 Gerenciador de configurações locais PRERELEASE 03/07/2011 Avisos legais Avisos legais Para consultar avisos legais, acesse o site http://help.adobe.com/pt_br/legalnotices/index.html.

Leia mais

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Objetivo: Capacitar o aluno para o trabalho com o framework JQuery. INTRODUÇÃO JQuery é uma biblioteca

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

Versão 1.0 Janeiro de 2011. Xerox Phaser 3635MFP Plataforma de interface extensível

Versão 1.0 Janeiro de 2011. Xerox Phaser 3635MFP Plataforma de interface extensível Versão 1.0 Janeiro de 2011 Xerox Phaser 3635MFP 2011 Xerox Corporation. XEROX e XEROX e Design são marcas da Xerox Corporation nos Estados Unidos e/ou em outros países. São feitas alterações periodicamente

Leia mais

História e Evolução da Web. Aécio Costa

História e Evolução da Web. Aécio Costa Aécio Costa A História da Web O que estamos estudando? Período em anos que a tecnologia demorou para atingir 50 milhões de usuários 3 As dez tecnologias mais promissoras 4 A evolução da Web Web 1.0- Passado

Leia mais

Introdução ao Plone. terça-feira, 4 de agosto de 15

Introdução ao Plone. terça-feira, 4 de agosto de 15 Introdução ao Plone Sumário O que é Gestão de Conteúdo O que é Conteúdo Principais características de um CMS O que é o Plone Tipos de conteúdo no Plone Metadados Templates Interface do portal Gestão de

Leia mais

ANEXO 11. Framework é um conjunto de classes que colaboram para realizar uma responsabilidade para um domínio de um subsistema da aplicação.

ANEXO 11. Framework é um conjunto de classes que colaboram para realizar uma responsabilidade para um domínio de um subsistema da aplicação. ANEXO 11 O MATRIZ Para o desenvolvimento de sites, objeto deste edital, a empresa contratada obrigatoriamente utilizará o framework MATRIZ desenvolvido pela PROCERGS e disponibilizado no início do trabalho.

Leia mais

Microsoft Visual Studio Express 2012 for Windows Desktop

Microsoft Visual Studio Express 2012 for Windows Desktop Microsoft Visual Studio Express 2012 for Windows Desktop Apresentação da ferramenta Professor: Danilo Giacobo Página pessoal: www.danilogiacobo.eti.br E-mail: danilogiacobo@gmail.com 1 Introdução Visual

Leia mais

AULA APLICAÇÕES PARA WEB SESSÕES E LOGIN E SENHA

AULA APLICAÇÕES PARA WEB SESSÕES E LOGIN E SENHA Sumário Construção de sistema Administrativo... 1 Sistema de Login... 2 SQL INJECTION... 2 Técnicas para Evitar Ataques... 2 Formulário de Login e Senha fará parte do DEFAULT... 5 LOGAR... 5 boas... 6

Leia mais

Criando Aulas Multimídia Interativa para Uso em Tablets

Criando Aulas Multimídia Interativa para Uso em Tablets Criando Aulas Multimídia Interativa para Uso em Tablets Celso Tatizana Diretor da Caltech Informática Ltda www.class.com.br class@class.com.br 018 3916-7800 Modelos para Criação de Aulas Multimídia Interativa

Leia mais

Programação WEB (JSP + Banco Dados) Eng. Computação Prof. Rodrigo Rocha http://www.materialdeaula.com.br

Programação WEB (JSP + Banco Dados) Eng. Computação Prof. Rodrigo Rocha http://www.materialdeaula.com.br Programação WEB (JSP + Banco Dados) Eng. Computação Prof. Rodrigo Rocha http://www.materialdeaula.com.br JSP (Java Server Pages) - JavaServer Pages (JSP) - Tecnologia de programação serverside - Permite

Leia mais

Iniciando com Zend_Auth By Rob Allen, www.akrabat.com Document Revision 1.0.8 Copyright 2007

Iniciando com Zend_Auth By Rob Allen, www.akrabat.com Document Revision 1.0.8 Copyright 2007 Iniciando com Zend_Auth By Rob Allen, www.akrabat.com Document Revision 1.0.8 Copyright 2007 Este tutorial é destinado a oferecer uma bem básica introdução para o uso do componente Zend_Auth com o Zend

Leia mais

PHP Profissional. Alexandre Altair de Melo / Mauricio G. F. Nascimento. Editora Novatec

PHP Profissional. Alexandre Altair de Melo / Mauricio G. F. Nascimento. Editora Novatec Introdução Como a idéia deste livro é ir direto ao ponto, vou fazer isso já na introdução. A idéia desse livro não é explicar a teoria e filosofia do PHP, da orientação a objetos, as maravilhas dos design

Leia mais

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina Objetivo: Identificar as principais características de uma Aplicação Internet Rica.

Leia mais

MÓDULO MULTIMÉDIA. Text PROFESSOR: RICARDO RODRIGUES. MAIL: rprodrigues@escs.ipl.pt esganarel@gmail.com. URL: http://esganarel.home.sapo.

MÓDULO MULTIMÉDIA. Text PROFESSOR: RICARDO RODRIGUES. MAIL: rprodrigues@escs.ipl.pt esganarel@gmail.com. URL: http://esganarel.home.sapo. MÓDULO MULTIMÉDIA PROFESSOR: RICARDO RODRIGUES MAIL: rprodrigues@escs.ipl.pt esganarel@gmail.com URL: http://esganarel.home.sapo.pt Text GABINETE: 1G1 - A HORA DE ATENDIMENTO: SEG. E QUA. DAS 11H / 12H30

Leia mais

Afinal o que é HTML?

Afinal o que é HTML? Aluno : Jakson Nunes Tavares Gestão e tecnologia da informacão Afinal o que é HTML? HTML é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste

Leia mais

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Índice Como acessar o Moodle Editando seu PERFIL Editando o curso / disciplina no Moodle Incluindo Recursos

Leia mais

CURSO DESENVOLVEDOR JAVA WEB E FLEX Setembro de 2010 à Janeiro de 2011

CURSO DESENVOLVEDOR JAVA WEB E FLEX Setembro de 2010 à Janeiro de 2011 CURSO DESENVOLVEDOR JAVA WEB E FLEX Setembro de 2010 à Janeiro de 2011 O curso foi especialmente planejado para os profissionais que desejam trabalhar com desenvolvimento de sistemas seguindo o paradigma

Leia mais

BI Citsmart Fornece orientações necessárias para instalação, configuração e utilização do BI Citsmart.

BI Citsmart Fornece orientações necessárias para instalação, configuração e utilização do BI Citsmart. 16/08/2013 BI Citsmart Fornece orientações necessárias para instalação, configuração e utilização do BI Citsmart. Versão 1.0 19/12/2014 Visão Resumida Data Criação 19/12/2014 Versão Documento 1.0 Projeto

Leia mais

PROGRAMANDO ANDROID NA IDE ECLIPSE GABRIEL NUNES, JEAN CARVALHO TURMA TI7

PROGRAMANDO ANDROID NA IDE ECLIPSE GABRIEL NUNES, JEAN CARVALHO TURMA TI7 Serviço Nacional de Aprendizagem Comercial do Rio Grande do Sul Informação e Comunicação: Habilitação Técnica de Nível Médio Técnico em Informática Programação Android na IDE Eclipse PROGRAMANDO ANDROID

Leia mais

Frameworks para Desenvolvimento em PHP Elton Luís Minetto

Frameworks para Desenvolvimento em PHP Elton Luís Minetto Frameworks para Desenvolvimento em PHP Elton Luís Minetto Novatec capítulo 1 Introdução Uma das grandes vantagens do PHP é sua facilidade de aprendizado. Ao ler poucas páginas de tutoriais ou de algum

Leia mais

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem. 1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente

Leia mais

SELENIUM 28/03/2011. Márcio Delamaro Harry Trinta

SELENIUM 28/03/2011. Márcio Delamaro Harry Trinta 1 SELENIUM 28/03/2011 Márcio Delamaro Harry Trinta O que é a Selenium? Selenium é uma ferramenta desenvolvida para a automação de testes em aplicações Web Suporta diversos browsers: Firefox Internet Explorer

Leia mais

PLATAFORMA DE DESENVOLVIMENTO PINHÃO PARANÁ MANUAL DE UTILIZAÇÃO DO CVS NO ECLIPSE

PLATAFORMA DE DESENVOLVIMENTO PINHÃO PARANÁ MANUAL DE UTILIZAÇÃO DO CVS NO ECLIPSE PLATAFORMA DE DESENVOLVIMENTO PINHÃO PARANÁ MANUAL DE UTILIZAÇÃO DO CVS NO ECLIPSE Agosto 2007 Sumário de Informações do Documento Tipo do Documento: Manual Título do Documento: MANUAL DE UTILIZAÇÃO DO

Leia mais

Controle de acesso. http://www.larback.com.br. .com.br

Controle de acesso. http://www.larback.com.br. .com.br http://www.larback Controle de acesso Construiremos um sistema simples para cadastro de links. O sistema terá uma página pública (onde serão exibidos os links) e uma área administrativa, onde os usuários

Leia mais

Google Drive. Passos. Configurando o Google Drive

Google Drive. Passos. Configurando o Google Drive Google Drive um sistema de armazenagem de arquivos ligado à sua conta Google e acessível via Internet, desta forma você pode acessar seus arquivos a partir de qualquer dispositivo que tenha acesso à Internet.

Leia mais

Capítulo 2 Introdução à ferramenta Flash

Capítulo 2 Introdução à ferramenta Flash Capítulo 2 Introdução à ferramenta Flash Índice 1. O uso da ferramenta Flash no projeto RIVED.... 1 2. História do Flash... 4 1. O uso da ferramenta Flash no projeto RIVED. É importante, antes de iniciarmos

Leia mais

Sumário. Capítulo 1 O que é o PHP?... 19. Capítulo 2 Instalação do PHP... 23. Capítulo 3 Noções básicas de programação... 25

Sumário. Capítulo 1 O que é o PHP?... 19. Capítulo 2 Instalação do PHP... 23. Capítulo 3 Noções básicas de programação... 25 9 Sobre o autor... 8 Introdução... 15 Capítulo 1 O que é o PHP?... 19 Características do PHP...20 Gratuito e com código aberto...20 Embutido no HTML...20 Baseado no servidor...21 Bancos de dados...22 Portabilidade...22

Leia mais

Sumário. Capítulo 1 Revisão de PHP... 19. Capítulo 2 Melhorando o processamento de formulários... 46

Sumário. Capítulo 1 Revisão de PHP... 19. Capítulo 2 Melhorando o processamento de formulários... 46 9 Sumário O Autor... 8 Introdução... 15 Quem deve ler este livro... 15 Como este livro está organizado...16 Download do código-fonte do livro... 18 Capítulo 1 Revisão de PHP... 19 Iniciando em PHP... 19

Leia mais

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando

Leia mais

Guia de Instalação e Inicialização. Para WebReporter 2012

Guia de Instalação e Inicialização. Para WebReporter 2012 Para WebReporter 2012 Última revisão: 09/13/2012 Índice Instalando componentes de pré-requisito... 1 Visão geral... 1 Etapa 1: Ative os Serviços de Informações da Internet... 1 Etapa 2: Execute o Setup.exe

Leia mais

Manual de Utilização

Manual de Utilização Se ainda tiver dúvidas entre em contato com a equipe de atendimento: Por telefone: 0800 642 3090 Por e-mail atendimento@oisolucoespraempresas.com.br Introdução... 3 1. O que é o programa Oi Backup Empresarial?...

Leia mais

Interagindo com Banco de Dados

Interagindo com Banco de Dados Interagindo com Banco de Dados Até agora não falamos de banco de dados, pois gostaríamos prime iro de te preparar para o uso do banco de dados dentro do Framework MVC. Mas antes de falarmos do framework

Leia mais

PHP e AJAX com XAJAX. Rafael Machado Dohms Coordenação PHPDF

PHP e AJAX com XAJAX. Rafael Machado Dohms Coordenação PHPDF Rafael Machado Dohms Coordenação PHPDF Conteúdo Pré-Requisitos O que é AJAX? Como funciona? O Objeto XMLHttpRequest Onde devo usar? Quem está usando? Caminhos para o aprendizado Prática 1: no braço Prática

Leia mais

Introdução à Tecnologia Web. Ferramentas e Tecnologias de Desenvolvimento Web. Profª MSc. Elizabete Munzlinger www.elizabete.com.

Introdução à Tecnologia Web. Ferramentas e Tecnologias de Desenvolvimento Web. Profª MSc. Elizabete Munzlinger www.elizabete.com. IntroduçãoàTecnologiaWeb FerramentaseTecnologiasde DesenvolvimentoWeb ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br FerramentaseTecnologiasde DesenvolvimentoWeb

Leia mais

Arquitetura de uma Webapp

Arquitetura de uma Webapp Arquitetura de uma Webapp Arquitetura J2EE Containers e componentes MVC: introdução Frederico Costa Guedes Pereira 2006 fredguedespereira@gmail.com Plataforma J2EE World Wide Web e a Economia da Informação

Leia mais

ARQUITETURA DE SISTEMAS. Cleviton Monteiro (cleviton@gmail.com)

ARQUITETURA DE SISTEMAS. Cleviton Monteiro (cleviton@gmail.com) ARQUITETURA DE SISTEMAS Cleviton Monteiro (cleviton@gmail.com) Roteiro Definição Documento de arquitetura Modelos de representação da arquitetura Estilos arquiteturais Arquitetura de sistemas web Arquitetura

Leia mais

Testes de Software. Anne Caroline O. Rocha TesterCertified BSTQB NTI UFPB. Anne Caroline O. Rocha Tester Certified BSTQB NTI UFPB

Testes de Software. Anne Caroline O. Rocha TesterCertified BSTQB NTI UFPB. Anne Caroline O. Rocha Tester Certified BSTQB NTI UFPB Testes de Software 1 AULA 04 FERRAMENTAS DE AUTOMAÇÃO DE TESTES FUNCIONAIS Anne Caroline O. Rocha TesterCertified BSTQB NTI UFPB Conteúdo Programático Aula 04 Automação de testes funcionais Ferramentas

Leia mais

DESENVOLVENDO SOLUÇÕES COM VISUAL FOXPRO 8 E 9

DESENVOLVENDO SOLUÇÕES COM VISUAL FOXPRO 8 E 9 DESENVOLVENDO SOLUÇÕES COM VISUAL FOXPRO 8 E 9 Í N D I C E Capítulo 1 - O Início de Tudo 1 Reunindo todas as informações necessárias 2 Instalando o Visual FoxPro 2 Configurando o Visual FoxPro 7 Capítulo

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

Extensão ez Open Document Format (ezodf) Documentação. versão 2.0. experts em Gestão de Conteúdo

Extensão ez Open Document Format (ezodf) Documentação. versão 2.0. experts em Gestão de Conteúdo Extensão ez Open Document Format (ezodf) Documentação versão 2.0 Conteúdo 1. Introdução... 3 2 1.1 Público alvo... 3 1.2 Convenções... 3 1.3 Mais recursos... 3 1.4 Entrando em contato com a ez... 4 1.5

Leia mais