O HTML 5 E SUAS NOVAS API s

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

Download "O HTML 5 E SUAS NOVAS API s"

Transcrição

1 O HTML 5 E SUAS NOVAS API s David William Rosa de Souza 1, Rafael Cunha Cardoso 1 1 Tecnologia de Sistemas para a Internet Instituto Federal de Educação, Ciência e Tecnologia Sul-Rio-Grandense (IF-Sul) Pça. 20 de Setembro, 455 CEP Centro Pelotas RS - Brasil. [email protected], [email protected] Abstract: This paper aims to present an introduction to HTML, since its inception to its current version. The paper also presents the history of HTML, W3C and WHATWG groups. In the following are discussed the HTML news and the case study that was done to get the structural tags that we have today. After that, the paper focuses some of the new API s available along with HTML 5: web forms, geolocation, audio and video, canvas, local storage and offline aplications. Keywords: HTML5, W3C, API s Resumo: Este trabalho tem por objetivo apresentar uma introdução do HTML, desde seu surgimento a sua versão atual. O artigo também apresenta a historia do HTML, e dos grupos W3C e WHATWG. A seguir, são abordadas as novidades do HTML e o estudo de caso que foi feito para chegar as tags estruturais que temos hoje. Após isso, o artigo enfoca em alguma das novas API s disponíveis juntamente com o HTML 5: campos de formulários, geolocalização, áudio e vídeo, canvas, armazenamento local e aplicações offline. Palavras-chave: HTML5, W3C, API s 1. Introdução O padrão HTML 4 foi criado em 1997 pela W3C (World Wide Web Consortium) [W3C, 1997], entidade que regula os padrões Web. Os padrões definidos pela W3C deveriam ser seguidos por todas as empresas desenvolvedoras de navegadores Web com intuito de garantir uma renderização uniforme de documentos por todos estes navegadores. Porém na prática, cada navegador usa uma engine 1 de processamento próprio, fazendo com que o código fonte de uma página Web seja apresentado de forma diferente em navegadores distintos. Aliado a esse problema de incompatibilidade, a evolução, tanto da velocidade das conexões com a internet, quanto do hardware dos computadores, fez com que o HTML 4 fosse se tornando obsoleto. Assim, com o intuito de enfrentar os desafios advindos dessa nova realidade da Web, em 2004 foi criado um grupo de trabalho denominado WHATWG (Web Hypertext Application Technology Working Group) [WHATWG, 2004], com a finalidade de regulamentar e definir uma nova especificação para o HTML que viesse a atender essa necessidade de evolução, gerando assim a nova versão dessa linguagem, o HTML 5. 1 Software de processamento que transforma a linguagem de marcação em conteúdo

2 Este trabalho tem como principal objetivo traçar um breve comparativo entre o HTML (HyperText Markup Language) 4 [W3C, 1997] e o HTML 5 [W3C, 2008], apresentar algumas das novas API s (Application Programming Interface) do HTML 5. O trabalho inicialmente introduz a história do HTML apresentando a sua evolução desde sua primeira especificação até versão 5. Com relação ao HTML 5, o trabalho identifica as novas tags e atributos que agora fazem parte da linguagem além de apontar elementos que se tornaram obsoletos. Por fim, o trabalho detalha as seguintes API s introduzidas com o HTML 5: campos de formulários, geolocalização, áudio e vídeo, canvas, armazenamento local e aplicações offline. Vale ressaltar que no decorrer do texto o HTML 5 será apresentado com intuito de, avaliar os benefícios do novo padrão para os desenvolvedores e as novas API s. Este trabalho não trata, porém sobre a compatibilidade dos navegadores, visto que a cada dia os navegadores se atualizam ao novo padrão. 2. História do HTML A primeira versão do HTML foi baseada na linguagem SGML (Standard Generalized Markup Language) [SGML, 1994]. O SGML era utilizado para a estruturação de documentos e foi dele que o HTML herdou diversas tags tais como: título <h1> ao <h6>, cabeçalho <head> e parágrafo <p>. A principal diferença entre essas duas linguagens de marcação é que o HTML implementava a tag <a> com o atributo href, permitindo assim a ligação (links) de uma página a outra. Esse conceito de interligação entre documentos é a base do funcionamento de toda Web. O sucessor do HTML foi o HTML 2.0, o qual foi apresentado na primeira conferência mundial sobre Web, a World Wide Web Conference [HTML 2, 1995]. Essa versão do HTML pode ser vista apenas como uma correção da versão anterior, ou seja, apenas formalizava as características da linguagem que já estavam em uso. A versão seguinte do HTML a ser lançada foi a 3.2 [HTML 3.2, 1997], a qual manteve total compatibilidade com a versão 2. O HTML 3.2 adicionou novas características à linguagem, acrescentando elementos que proporcionavam utilizar tabelas, applets 2 e texto flutuante ao redor de imagens. Em dezembro de 1999 o HTML 4.01 foi publicado trazendo como principal premissa a compatibilidade com as suas versões anteriores através de 3 implementações: Scrict (estrita) implementação na qual fica proibida a utilização de elementos obsoletos da linguagem; Transitional (transitória) implementação na qual o uso de elementos obsoletos é permitida; Frameset implementação direcionada para site que usam frames. 2.1 W3C - World Wide Web Consortium Em agosto de 1994 foi fundado o W3C, um consórcio formado por instituições comerciais e educacionais, com o objetivo de definir padrões para as respectivas áreas 2 Aplicativos baseados em Java, pré-compilados para rodar direto no navegador, disponível em <

3 relacionadas à Web. Em dezembro de 1997 a W3C publicou o HTML 4 e após dois meses o XML 1. O W3C reformulou o grupo responsável pelo HTML para criar uma suíte de tags XML. O primeiro passo foi dado em dezembro de 1998 quando o grupo reescreveu o HTML em XML sem adicionar elementos ou atributos novos. Essa especificação foi chamada de XHTML 1. O objetivo seguinte do W3C foi a reestruturação dos formulários Web. Em agosto de 1999 o mesmo grupo responsável pelo HTML publicou o primeiro rascunho da extensão dos formulários para XHTML [XHTML, 1999]. Alguns meses depois, essa extensão dos formulários para XHTML foi rebatizada como XForms [XForms 1.0, 2003]. Foi criado um grupo específico, responsável pelo XForms. Esse grupo trabalhou em paralelo com o grupo de desenvolvimento do HTML com a finalidade de publicar a primeira versão do XForms em outubro de Enquanto isso, com a transição do XML [XML, 2001] completa, os membros do grupo do HTML criaram a nova geração do HTML. Em maio de 2001 eles publicaram a primeira versão 1.1 do XHTML. Em julho de 2004 a W3C organizou um workshop chamado Workshop on Web Applications and Compound Documents onde estavam presentes membros da W3C e companhias desenvolvedoras de navegadores como a fundação Mozilla e a Opera. Neste workshop foi apresentado uma visão do futuro da Web com uma evolução do padrão HTML 4 incluindo novas características para aplicações modernas. No workshop o W3C deixou claro que não seriam desenvolvidas novas tecnologias de extensões do HTML e CSS que não fossem criadas pelo atual grupo de trabalho do W3C. Diante desse impasse, o grupo que desenvolvia o HTML e os formulários HTML tinha duas escolhas: ou se uniam ao W3C, ou se separavam. Dessa forma, em julho de 2004 surgiu o WHATWG. 2.2 WHATWG O WHATWG é o grupo de trabalho tecnológico de aplicações de hipertexto para Web. Trata-se de um grupo livre, não oficial e de colaboração dos desenvolvedores de navegadores e de seus interessados. O WHATWG desenvolve especificações baseadas no HTML e em tecnologias relacionadas para facilitar o desenvolvimento e compatibilidade das aplicações Web, com a intenção de submeter os resultados para um padrão organizacional. Essas submissões podem então fazer parte do padrão formal do HTML. O WHATWG trabalhou por muito tempo informalmente através de trocas de s entre seus integrantes. O grupo alcançou seu maior feito quando a sua recomendação sobre os formulários do HTML 4 foi aceita, e passou a ser especificação oficial reconhecida pela W3C, sem quebrar o padrão de compatibilidade com o conteúdo existente. Por muitos anos o W3C e o WHATWG ignoraram um ao outro. Enquanto o WHATWG focava nos formulários e nas novas características do HTML, o W3C estava ocupado com a versão 2.0 do XHTML. Em outubro de 2006, no entanto, ficou claro que o WHATWG estava com maior reconhecimento na comunidade, já que ao contrário do

4 XHTML 2.0 da W3C que estava sendo lançado como rascunho e não estava sendo implementado pela maioria dos navegadores, a especificação lançada pela WHATWG a essa altura já estava sendo amplamente adotada pela comunidade. Em outubro de 2006, Tim Berners-Lee, o fundador da W3C, anunciou que a W3C deveria trabalhar em conjunto com a WHATWG. O primeiro passo desse trabalho em conjunto foi renomear o Web Application 1.0 para HTML Novidades do HTML 5 A principal premissa do HTML 5 é melhorar a semântica das páginas e adicionar novos recursos à linguagem para responder adequadamente ao avanço tecnológico. Com esse princípio em 2004 foi feita uma pesquisa que vasculhou mais de um bilhão de páginas usando o motor de busca Google, com o objetivo de verificar como a Web estava estruturada. Como resultado desse estudo, foram coletadas as 20 classes do HTML mais utilizadas, as quais são apresentadas na figura 1. Figura 1-20 classes mais utilizadas 3 A partir desse estudo a empresa Opera [Opera, 2011] realizou uma nova pesquisa em 2009, dessa vez vasculhando cerca de 2 bilhões de páginas e não analisando somente as classes utilizadas, mas também os id s mais usados. Os resultados dessa pesquisa são apresentados na figura 2. 3 Disponível em <

5 Figura 2-20 classes e id's mais utilizados 4 Baseado no resultado apontado por estes dois estudos desenvolvidos pela Google e pela Opera sobre as classes e id s mais utilizados, foram propostas novas tags para o HTML 5, as tags descritas na tabela abaixo. <article> <aside> <audio> <canvas> <command> <datalist> <details> Define um artigo. Um artigo deve ser algo independente, por exemplo, um post de um blog, de um fórum, comentários. Define um conteúdo secundário de uma página, por exemplo, um menu secundário ou um banner de anunciantes. Define um conteúdo de áudio. Usando src= nome do arquivo pode ser definido a fonte do áudio. Define gráficos. A tag canvas apenas define um container para gráficos. Para poder desenhar é necessário usar Javascript. Define um botão de comando, utilizado em inputs tipo button, como radio, checkbox, etc. A tag <command> deve ser usada dentro da tag <menu>. Se ela não estiver dentro só poderá definir um atalho de teclado. Define uma lista dropdown com opções especificas. Quando usado com um input, é possível definir os possíveis valores para o input. Define detalhes de um elemento. Esses 4 Disponível em < e

6 <embed> <footer> <header> <mark> <meter> <nav> <output> <progress> <section> <source> <time> <video> detalhes podem ser apresentados ou suprimidos dependendo se o atributo open estiver especificado. Define um conteúdo externo que irá interagir com um plugin. Define um rodapé de uma página. Define um cabeçalho de uma página. Define uma marca ou um destaque no texto. Tag usada para destacar um texto com um background diferente. Define algo mensurável. Essa tag é usada quando se tem predeterminado um valor mínino e máximo. Define links de navegação, por exemplo, um menu. Define um resultado de um cálculo. Define um progresso de um tipo de tarefa. Pode ser usado em um progresso de download. Define uma seção do conteúdo. Pode ser usado para organizar capítulos, cabeçalhos, rodapé, etc. Define a fonte de um elemento como áudio ou vídeo. Define uma data ou um tempo. Define um vídeo. 4. Novas API s do HTML 5 O HTML 5 adiciona novas tags e remove outras que estavam em desuso. Entretanto, a principal novidade fica a cargo das novas API s suportadas pela linguagem. Nesta seção detalharemos algumas dessas novas API s, citadas a seguir: novos elementos de formulário, geolocalização, áudio e vídeo, canvas, API s de comunicação, aplicações offline, armazenamento local, web sockets, web workers Novos campos de formulário Um dos principais problemas do HTML 4 era a reduzida quantidade de campos de formulário específicos. Quando era necessário usar um campo de formulário especifico, para, por exemplo, realizar a validação de um campo de data, era preciso recorrer ao Javascript. O HTML 5 traz novos campos de formulário [Dive into HTML5, 2009] para atender essa necessidade. Se o navegador utilizado pelo usuário não reconhecer o novo campo de formulário ele tratará o mesmo como se fosse um tipo texto. As subseções a seguir apresentam esses novos campos Tipo Utilizado para validação de campos contendo endereços de . Quando declarado com o atributo required, valida o campo de , tendo sua sintaxe da seguinte forma:

7 <input type= required> Pode-se definir o atributo mutiple, o que possibilita ao usuário digitar vários s separados por vírgula Tipo url Utilizado para campos de url, o navegador Opera mostra uma lista com as ultimas url válidas, declarado da seguinte forma: <input type= url > Tipos data Utilizado para campos de data, sem a necessidade de usar Javascript, declarado da seguinte forma: <input type= date > Usado para campos de data, apresenta um calendário. Podemos ver o comportamento do navegador Opera na figura 3. Figura 3 - Calendário apresentado no Opera <input type= month > Usado para campos de mês. <input type= week > Usado para campos de semana. <input type= time > Usado para campos de hora e minutos. <input type= datetime > Usado para campos de data, o Opera apresenta um calendário.

8 <input type= datetime-local > Usado para campos de data local, apresenta um calendário Tipo numérico Utilizado para campos numéricos, não permite a entrada um caractere que não seja numérico, implementado apenas pelo Opera, declarado da seguinte forma: <input type= number > Permite os atributos min, max e step que define um valor mínino, máximo e o intervalo respectivamente Tipo slider Utilizado para campos de slider, declarado da seguinte forma: <input type= range > Podemos ver como o campo tipo slider funciona na figura Tipo pesquisa Figura 4 - Slider Utilizado para campos de pesquisa, declarado da seguinte forma: <input type= search > Tipo telefônico Utilizado para campos de pesquisa, declarado da seguinte forma: <input type= tel > Tipo paleta de cor Utilizado para mostrar uma paleta de cor ao usuário, declarado da seguinte forma: <input type= color > 4.2. Geolocalização A API de geolocalização define uma forma de informar a localização do usuário em um mapa baseado na sua latitude e longitude. Existem muitas formas de fazer isso, por exemplo, usando o endereço de IP do usuário, através da conexão de rede do usuário, por meio de uma triangulação das torres de celulares mais próximas ao usuário ou ainda via satélite através de um GPS.

9 Essa nova API centraliza todas as propriedades em um objeto global navigator, por exemplo, navigator.geolocation. Para compartilhar a localização é preciso autorizar o navegador a usar a informação de usa localização, como mostrado na figura 5. Figura 5 - Autorizar geolocalização Depois de autorizar a localização o mapa é mostrado como mostra figura Áudio e vídeo Figura 6 - Geolocalização Para adicionar conteúdo de áudio e vídeo em uma página no HTML 4 era necessário usar a tag <object>. Esta tag além de não possuir nenhuma semântica associada a ela, ainda necessitava a utilização de um plugin externo instalado no navegador (por exemplo, o Flash Player) para executar o áudio e o vídeo. O HTML 5 contorna esse problema adicionando as tags <audio> e <video> a sua especificação. Com elas não é mais necessário a utilização de um plugin externo para executar arquivos de áudio e vídeo, uma vez que os navegadores que suportarem o HTML 5 reconhecerão essas duas tags nativamente. Para integrar um áudio na página a seguinte sintaxe pode ser usada: <audio src= meu_audio.mp3 ></audio> Podemos ver um exemplo do player de áudio na figura 7. Figura 7 Tag audio De forma similar, para inserir um vídeo na página usamos a seguinte sintaxe:

10 <video src= meu_video.avi ></video> Podemos ver um exemplo do player de vídeo na figura Atributos Figura 8 - Tag video Com as novas tag de áudio e vídeo surgem também os seus atributos. A seguir é apresentado um breve descritivo de cada um deles, começando com os atributos da tag audio: autoplay controls loop preload Permite que o vídeo comece a tocar automaticamente, quando a página é carregada. Apresenta os controles do vídeo como play, pause e stop. Especifica que o vídeo vai ficar tocando continuamente. Especifica que o vídeo tem que estar carregado no buffer para poder tocar. A tag video possui os mesmos atributos acima e mais os que seguem: audio poster height width Define o estado do áudio do vídeo, aceita o valor muted para deixar o video sem som. Apresenta uma imagem que faz uma referência ao vídeo, como uma thumb. Define a altura do vídeo. Define a largura do vídeo.

11 Para execultar em um navegador, todo audio e video necessita de um container e de um codec. As seções abaixo descrevem esses dois conceitos além de mostrar como funcionam Containers Um container é algo semelhante a um arquivo zip, ou seja, um arquivo que contém vários outros arquivos. Dentro de um container de áudio e vídeo temos as faixas de vídeo, as faixas de áudio e os metadados. Os metadados são informações do arquivo que será executado, tais como: autor, legenda e tempo de duração. Dentre os containers mais populares temos: Audio Video Interleave, utiliza a extensão.avi; Flash Video, normalmente utiliza a extensão.flv. As versões mais recentes do Flash Player suportam o container MPEG-4; MPEG-4, normalmente utiliza a extensão.mp4 em containers da Apple antigo QuickTime utiliza extensão.mov; Mastroka, utiliza a extensão.mkv; Ogg, utiliza a extensão.ogv. Ogg é um container baseado em software livre; WebM, utiliza a extensão.webm. De todos os containers WebM é o mais recente, foi anunciado em 2010 pela Google, é muito similar ao Mastroka Codecs Codecs são algoritmos usados para codificar e decodificar arquivos de áudio e vídeo. Quando o usuário está assistindo um vídeo, o codec interpreta o container, busca quais faixas de áudio e vídeos estão disponíveis e decodifica as faixas de áudio e vídeo. Dentre os codecs de vídeo mais populares temos: H.264; VP8; Ogg Theora. Dentre os codecs de áudio mais populares temos: AAC; MPEG-3; Ogg Vorbis Canvas O HTML 5 define o elemento canvas, para renderizar gráficos, jogos e outras imagens. O canvas ocupa uma região retangular na página. Entretanto, para possibilitar que o desenvolvedor desenhe na área delimitada pelo elemento canvas, é necessário usar Javascript. Para adicionar um canvas na página o desenvolvedor deve utilizar o código HTML abaixo e logo após definir o contexto de renderização 2D: <canvas id= meu_canvas width= 300 height= 400 ></canvas> 4.5. Armazenamento local

12 No HTML 4 a única forma existente para se armazenar dados locais eram os cookies 5. Porém, a utilização de cookies acarretava alguns problemas [The Unofficial Cookie FAQ, 2011], como por exemplo: Limitação de espaço de 4KB; Os cookies usam requisições HTTP para tudo, o que torna as aplicações lentas; Cookies não podem ser criptografados a menos que a aplicação rode por SSL. A remodelagem do armazenamento local era necessária devida alguns fatores, tais como: a necessidade por um maior espaço de armazenamento; armazenamento de dados tanto no cliente quanto no servidor; e possibilidade de realizar persistência dos dados. O HTML 5 traz uma solução para esse problema gerado pelo armazenamento local, guardando um par chave - valor dentro do navegador do usuário (como já faziam os cookies). A capacidade de armazenamento pode chegar até 5MB. O conceito de armazenamento local se baseia em um par de dados com uma chave e um valor. A chave utilizada é do tipo string, entretanto ela até pode suportar valores booleanos, números inteiros ou flutuantes. No entanto, o dado é armazenado sempre sob a forma de string. Por isso, quando um certo dado for recuperado ele deve ser convertido para o seu tipo, através de funções como parseint(), que converte um valor em inteiro, ou parsefloat() que converte um valor em flutuante. Para utilizar o armazenamento local, o usuário deve utilizar o objeto Javascript localstorage como um array associativo e definir os métodos getitem() e setitem(), por exemplo: localstorage.setitem( bar, foo); localstorage.getitem( bar ); 4.6. Aplicações offline O HTML 5 prevê uma API para aplicações offline, a qual permitirá utilizar parte do site mesmo que este esteja desconectado da internet. Para isso o desenvolvedor do site precisará especificar quais páginas e arquivos estarão disponíveis quando o usuário estiver offline. Para que a aplicação funcione, os arquivos que farão parte dela, como HTML, CSS ou Javascript devem ser indicados no arquivo com extensão manifest 6. Os arquivos especificados ficarão armazenados em cachê, fazendo com que quando o usuário estiver executando a aplicação em modo offline e for modificar algum status na página, como por exemplo, enviar um , isso seja refletido quando ele tornar a ficar online. 5. Conclusão 5 Cookies são grupos de dados trocados entre o navegador e o servidor das páginas, os quais são colocados em um arquivo de texto criado no computador do usuário. A sua função principal é a de manter a persistência de sessões HTTP. 6 Arquivo que lista os arquivos que serão baixados pelo navegador e deixados em cachê.

13 Ao longo deste trabalho foi apresentada a história do HTML, as tags que não fazem mais parte da especificação, as novas tags do HTML 5 além de um detalhamento de algumas das principais novas API s que surgiram no decorrer do tempo. Com a sua nova especificação, o HTML 5 não será mais apenas uma linguagem de marcação. O HTML se transformou em uma linguagem de marcação que trabalha em conjunto com um grupo de API s Javascript, que tornam essa especificação uma ferramenta poderosa de desenvolvimento Web. Este trabalho apresentou as principais API s que já estão em implementação pela W3C. Porém, uma série de outras API s que já estão em fase de implementação não foram mencionadas, como por exemplo: API postmessage: Permite comunicação de forma segura entre frames, abas e janelas de um navegador; IndexDatabase: Permite indexar o banco de dados em conjunto com a API Storage; SQL Database: Permite fazer consultas SQL no banco de dados indexado pelo IndexDatabase; Web Workers: Otimiza o processamento de Javascript evitando que o navegador trave com um processo; Web Sockets: Permite a comunicação cliente-servidor através de apenas uma requisição, tem aplicação em canais de bate-papo, por exemplo; WebGL: baseado em OpenGL 7 e fornece um interface de programação de gráficos 3D, utilizando a tag <canvas> do HTML 5; API de notificação: Permite notifica o usuário com uma caixa de dialogo; API de arquivos: Permite a manipulação de arquivos entre o sistema de arquivos do computador e o navegador; API para orientação em dispositivos móveis: Permite integração com o acelerômetro dos dispositivos móveis; Foram criados também os atributos globais como, por exemplo: Contenteditable: Permite que o usuário edite o conteúdo de um determinado elemento; Drag in drop: Permite arrastar e soltar elementos; Hidden: Oculta o elemento sem uso de CSS; Spellcheck: Verifica a ortografia de um elemento. Em paralelo a isso temos API s que estão em desenvolvimento e ainda não implementadas por nenhum navegador como, por exemplo: API de stream: Permitirá manipulação de eventos em áudio como, por exemplo, quando o áudio começar ou terminar de tocar. API Device: Permirá o reconhecimento de dispositivos externos conectados ao computador como uma webcam ou um microfone; 7 API utilizada na computação gráfica, para desenvolvimento de aplicativos gráficos, ambientes 3D, jogos entre outros.

14 API touchscreen: Permitirá manipulação de eventos em telas sensíveis ao toque como, por exemplo, quando um elemento é arrastado para direita ou esquerda. O HTML 5 ainda está em processo de desenvolvimento e a W3C espera que a sua implementação entre em vigor até Isso fez com que em fevereiro de 2011 a W3C lançasse a última chamada para os trabalhos da especificação, como noticia que segue: Em maio de 2011, o Grupo de Trabalho vai avançar para o "Last Call" do HTML5, que é um convite para comunidades dentro e fora do W3C para confirmar a adequação técnica das especificações. A seguir, o grupo mudará o foco para reunir ao resultados de testes de implementação. O W3C está desenvolvendo uma suíte de testes abrangentes para alcançar a interoperabilidade ampla para a especificação completa em 2014, a data prevista para a Recomendação. [W3C, 2011] O HTML 5 ainda não está pronto para ser usado, entretanto os navegadores mais modernos já estão implementando a maioria das propriedades descritas nesse trabalho. Este novo padrão adicionará mais semântica e melhorará a estrutura das páginas disponibilizadas na Web o beneficiando assim o desenvolvimento de mecanismos de busca cada vez mais eficientes assim como também leitores de tela. Referências W3C, disponível em: (20/09/2010). HTML 4.01 Specification, disponível em: (01/10/2010). HTML 5, disponível em: (01/10/2010) WHAT open mailing list announcement, disponível em: (04/10/2010) A Brief History of the Development of SMDL and HyTime, disponível em: (10/10/2010) Hypertext Markup Language - 2.0, disponível em: (15/10/2010) Introducing HTML 3.2, disponível em: (23/10/2010) XHTML Extended Forms Requirements, disponível em:

15 (02/11/2010) XForms 1.0, disponível em: (02/11/2010) Extensible Markup Language (XML), disponível em: (20/01/2011) The Unofficial Cookie FAQ, disponível em: (30/01/2011) Opera, disponível em: / (21/06/2011) Dive Into HTML 5, disponível em: (10/04/2011) W3C confirma Last Call do HTML5 para maio de 2011 e padrão completo para 2014, disponível em: PadraoCompletoPara2014 (22/06/2011)

Análise da Nova Linguagem HTML5 para o Desenvolvimento Web

Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Sergio N. Ikeno¹, Késsia Rita da Costa Marchi¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil [email protected], [email protected] Resumo.

Leia mais

HTML5. André Tavares da Silva. [email protected]

HTML5. André Tavares da Silva. andre.silva@udesc.br HTML5 André Tavares da Silva [email protected] O que é HTML5? HTML5 será o novo padrão para HTML, XHTML e HTML DOM (Document Object Model). A última versão (4.01) foi definida em 1999 e a Web mudou

Leia mais

Programação para Internet I 9. HTML5. Nuno Miguel Gil Fonseca [email protected]

Programação para Internet I 9. HTML5. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para Internet I 9. HTML5 Nuno Miguel Gil Fonseca [email protected] Resumidamente, é o novo standard para estruturar conteúdo de páginas web. A última versão de HTML surgiu em 1999,

Leia mais

Aplicativos para Internet Aula 01

Aplicativos para Internet Aula 01 Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx

Leia mais

Minicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa

Minicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa Minicurso introdutório de desenvolvimento para web em HTML5 Cristiano Costa Sobre mim Graduando em Engenharia Eletrônica - UNIFEI Trabalhou em desenvolvimento de sistemas empresariais (Base em servidores

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br [email protected] 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

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about. PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Compatibilidade Principais características

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

Leia mais

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR Novell Teaming - Guia de início rápido Novell Teaming 1.0 Julho de 2007 INTRODUÇÃO RÁPIDA www.novell.com Novell Teaming O termo Novell Teaming neste documento se aplica a todas as versões do Novell Teaming,

Leia mais

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3 DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3 Eduardo Laguna Rubai, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR- Brasil [email protected], [email protected] Resumo.

Leia mais

HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO

HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO HTML5 E WEB SEMÂNTICA, A WEB COM SIGNIFICADO Djalma Gonçalves Costa Junior¹, Willian Barbosa Magalhães¹ ¹Universidade Paranaense (Unipar) Paranavaí - PR - Brasil [email protected] [email protected]

Leia mais

Análise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4

Análise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4 Análise Comparativa dos Recursos e Diferenças das Tecnologias de Programação HTML5 e HTML4 Guilherme Miranda Martins 1, Késsia Rita da Costa Marchi 1 1 Universidade paranaense (Unipar) Paranavaí PR Brasil

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

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. PÁGINA: 2 de 21 Nenhuma parte deste documento pode ser utilizado ou reproduzido, em qualquer meio

Leia mais

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about. PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -HTML 5: ARMAZENAMENTO DE DADOS (CLIENTE) Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Compatibilidade Principais características

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

"Manual de Acesso ao Moodle - Discente" 2014

Manual de Acesso ao Moodle - Discente 2014 "Manual de Acesso ao Moodle - Discente" 2014 Para acessar a plataforma, acesse: http://www.fem.com.br/moodle. A página inicial da plataforma é a que segue abaixo: Para fazer o login, clique no link Acesso

Leia mais

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web; CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.

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 [email protected], [email protected] Resumo:

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

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

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

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

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

Criando um script simples

Criando um script simples Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa

Leia mais

O W3C Futuro da Web HTML5 Web Semântica. Março/2011 SENAC Ribeirão Preto Road Show TI 2011

O W3C Futuro da Web HTML5 Web Semântica. Março/2011 SENAC Ribeirão Preto Road Show TI 2011 O W3C HTML5 Web Semântica Março/2011 SENAC Ribeirão Preto Road Show TI 2011 Web e W3C Tim Berners-Lee criou / propôs a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP

Leia mais

WEBDESIGN. Professor: Paulo Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira

WEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira WEBDESIGN Professor: Paulo Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre

Leia mais

Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões. Prof. MSc. Hugo Souza

Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões. Prof. MSc. Hugo Souza Programação Orientada a Objetos com PHP & MySQL Cookies e Sessões Prof. MSc. Hugo Souza Se você precisar manter informações sobre seus usuários enquanto eles navegam pelo seu site, ou até quando eles saem

Leia mais

Introdução à Tecnologia Web. Tipos de Sites. Profª MSc. Elizabete Munzlinger www.elizabete.com.br

Introdução à Tecnologia Web. Tipos de Sites. Profª MSc. Elizabete Munzlinger www.elizabete.com.br IntroduçãoàTecnologiaWeb TiposdeSites ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br TiposdeSites Índice 1 Sites... 2 2 Tipos de Sites... 2 a) Site

Leia mais

1 Sumário... 2. 2 O Easy Chat... 3. 3 Conceitos... 3. 3.1 Perfil... 3. 3.2 Categoria... 3. 4 Instalação... 5. 5 O Aplicativo... 7 5.1 HTML...

1 Sumário... 2. 2 O Easy Chat... 3. 3 Conceitos... 3. 3.1 Perfil... 3. 3.2 Categoria... 3. 4 Instalação... 5. 5 O Aplicativo... 7 5.1 HTML... 1 Sumário 1 Sumário... 2 2 O Easy Chat... 3 3 Conceitos... 3 3.1 Perfil... 3 3.2 Categoria... 3 3.3 Ícone Específico... 4 3.4 Janela Específica... 4 3.5 Ícone Geral... 4 3.6 Janela Geral... 4 4 Instalação...

Leia mais

TUTORIAL DO ALUNO. Olá, bem vindo à plataforma de cursos a distância da Uniapae!!!

TUTORIAL DO ALUNO. Olá, bem vindo à plataforma de cursos a distância da Uniapae!!! TUTORIAL DO ALUNO Olá, bem vindo à plataforma de cursos a distância da Uniapae!!! O Moodle é a plataforma de ensino a distância utilizada pela Uniapae sendo a unidade de ensino para rápida capacitação

Leia mais

XHTML 1.0 DTDs e Validação

XHTML 1.0 DTDs e Validação XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para

Leia mais

Primeiro contato com JavaScript

Primeiro contato com JavaScript Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos

Leia mais

UFPel Departamento de Informática. Tutorial Google Docs. Profa. Lisane Brisolara de Brisolara

UFPel Departamento de Informática. Tutorial Google Docs. Profa. Lisane Brisolara de Brisolara UFPel Departamento de Informática Tutorial Google Docs Profa. Lisane Brisolara de Brisolara Sumário O que é o Google Docs Seus principais recursos Editor de textos/documentos Editor de planilhas eletrônicas

Leia mais

Para participar de um mapa colaborativo usando o Cmap Tools

Para participar de um mapa colaborativo usando o Cmap Tools Antes de trabalhar num mapa colaborativo, você deve instalar o software no seu computador. Pegue a sua cópia, gratuita, em http://cmap.ihmc.us/download/. Veja a versão compatível com o seu computador.

Leia mais

Especificação do 3º Trabalho

Especificação do 3º Trabalho Especificação do 3º Trabalho I. Introdução O objetivo deste trabalho é abordar a prática da programação orientada a objetos usando a linguagem Java envolvendo os conceitos de classe, objeto, associação,

Leia mais

Aplicação Prática de Lua para Web

Aplicação Prática de Lua para Web Aplicação Prática de Lua para Web Aluno: Diego Malone Orientador: Sérgio Lifschitz Introdução A linguagem Lua vem sendo desenvolvida desde 1993 por pesquisadores do Departamento de Informática da PUC-Rio

Leia mais

5 Mecanismo de seleção de componentes

5 Mecanismo de seleção de componentes Mecanismo de seleção de componentes 50 5 Mecanismo de seleção de componentes O Kaluana Original, apresentado em detalhes no capítulo 3 deste trabalho, é um middleware que facilita a construção de aplicações

Leia mais

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de

Leia mais

2.0.0.X. Storage Client. TecnoSpeed. Tecnologia da Informação. Manual do Storage Client

2.0.0.X. Storage Client. TecnoSpeed. Tecnologia da Informação. Manual do Storage Client 2.0.0.X TecnoSpeed Tecnologia da Informação Storage Client Manual do Storage Client 1 Conteúdo 1. Apresentação... 3 1.1. Apresentação do Produto... 3 1.2. Sobre este Manual... 3 2. Sobre o Storage Client...

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta quinta edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos o estudo do Windows Mail, um cliente

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

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

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

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

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO Resumo: Dolores Follador Secretaria de Estado da Educação do Paraná e Faculdades Integradas do Brasil - Unibrasil [email protected]

Leia mais

MANUAL DO USUÁRIO SORE Sistema Online de Reservas de Equipamento. Toledo PR. Versão 2.0 - Atualização 26/01/2009 Depto de TI - FASUL Página 1

MANUAL DO USUÁRIO SORE Sistema Online de Reservas de Equipamento. Toledo PR. Versão 2.0 - Atualização 26/01/2009 Depto de TI - FASUL Página 1 MANUAL DO USUÁRIO SORE Sistema Online de Reservas de Equipamento Toledo PR Página 1 INDICE 1. O QUE É O SORE...3 2. COMO ACESSAR O SORE... 4 2.1. Obtendo um Usuário e Senha... 4 2.2. Acessando o SORE pelo

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de

Leia mais

Manual da Turma Virtual: MATERIAIS. Para acessar a turma virtual com o perfil Docente, siga o caminho indicado abaixo:

Manual da Turma Virtual: MATERIAIS. Para acessar a turma virtual com o perfil Docente, siga o caminho indicado abaixo: Manual da Turma Virtual: MATERIAIS Para acessar a turma virtual com o perfil Docente, siga o caminho indicado abaixo: MENU TURMA VIRTUAL MENU MATERIAIS CONTEÚDO/PÁGINA WEB Esta operação possibilita que

Leia mais

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES MANUAL SITE ADMINISTRÁVEL TV ÍNDICE 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES 3.1 - Dados Cadastrais 3.2 - Noticias 3.3 Redes Sociais 3.4 - Player 4. DESIGN

Leia mais

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik, QlikTech,

Leia mais

Pré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente.

Pré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente. 1 HTML5 e 3 Descrição Aprenda no curso de HTML os conceitos essenciais para a criação de páginas web, junto com os novos recursos e possibilidades que o HTML5 e 3 oferecem para a criação de sites com códigos

Leia mais

MÓDULO MULTIMÉDIA. Text PROFESSOR: RICARDO RODRIGUES. MAIL: [email protected] [email protected]. 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: [email protected] [email protected] URL: http://esganarel.home.sapo.pt Text GABINETE: 1G1 - A HORA DE ATENDIMENTO: SEG. E QUA. DAS 11H / 12H30

Leia mais

Desenvolvendo para WEB

Desenvolvendo para WEB Nível - Básico Desenvolvendo para WEB Por: Evandro Silva Neste nosso primeiro artigo vamos revisar alguns conceitos que envolvem a programação de aplicativos WEB. A ideia aqui é explicarmos a arquitetura

Leia mais

Linguagem de Estruturação e Apresentação de Conteúdos

Linguagem de Estruturação e Apresentação de Conteúdos UNIVERSIDADE TECNOLOGICA FEDERAL DO PARANA MINISTERIO DA EDUCAÇÃO Câmpus Santa Helena Curso de Bacharelado em Ciência da Computação Linguagem de Estruturação e Apresentação de Conteúdos Prof. Me. Arlete

Leia mais

Conteúdo Programático de PHP

Conteúdo Programático de PHP Conteúdo Programático de PHP 1 Por que PHP? No mercado atual existem diversas tecnologias especializadas na integração de banco de dados com a WEB, sendo o PHP a linguagem que mais se desenvolve, tendo

Leia mais

Ontologia Navegadores_Codigo-Aberto

Ontologia Navegadores_Codigo-Aberto Ontologia Navegadores_Codigo-Aberto Documento Lista de Termos (versão 1.0) 04-04-2008 report by ontokem Web Tool - ontologies for Knowledge Engineering and Management 1) bookmark: instância da característica

Leia mais

Manual do Painel Administrativo

Manual do Painel Administrativo Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...

Leia mais

INDICE 1. INTRODUÇÃO... 3 2. CONFIGURAÇÃO MÍNIMA... 4 3. INSTALAÇÃO... 4 4. INTERLIGAÇÃO DO SISTEMA... 5 5. ALGUNS RECURSOS... 6 6. SERVIDOR BAM...

INDICE 1. INTRODUÇÃO... 3 2. CONFIGURAÇÃO MÍNIMA... 4 3. INSTALAÇÃO... 4 4. INTERLIGAÇÃO DO SISTEMA... 5 5. ALGUNS RECURSOS... 6 6. SERVIDOR BAM... 1 de 30 INDICE 1. INTRODUÇÃO... 3 2. CONFIGURAÇÃO MÍNIMA... 4 3. INSTALAÇÃO... 4 3.1. ONDE SE DEVE INSTALAR O SERVIDOR BAM?... 4 3.2. ONDE SE DEVE INSTALAR O PROGRAMADOR REMOTO BAM?... 4 3.3. COMO FAZER

Leia mais

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Construtor de sites SoftPixel GUIA RÁPIDO - 1 - GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template

Leia mais

OneDrive: saiba como usar a nuvem da Microsoft

OneDrive: saiba como usar a nuvem da Microsoft OneDrive: saiba como usar a nuvem da Microsoft O OneDrive é um serviço de armazenamento na nuvem da Microsoft que oferece a opção de guardar até 7 GB de arquivos grátis na rede. Ou seja, o usuário pode

Leia mais

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Sumário 1. Configurações Iniciais...2 1.1. Configurando o Menu Personalizado...2 1.2. Configurando os Widgets...3 2. Localize o nome de

Leia mais

[email protected]

milenaresende@fimes.edu.br Fundação Integrada Municipal de Ensino Superior Sistemas de Informação A Internet, Intranets e Extranets [email protected] Uso e funcionamento da Internet Os dados da pesquisa de TIC reforçam

Leia mais

WEBDESIGN. Professor: Paulo Marcos Trentin - [email protected] 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 - [email protected] http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para

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

Manual das funcionalidades Webmail AASP

Manual das funcionalidades Webmail AASP Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento

Leia mais

Satélite. Manual de instalação e configuração. CENPECT Informática www.cenpect.com.br [email protected]

Satélite. Manual de instalação e configuração. CENPECT Informática www.cenpect.com.br cenpect@cenpect.com.br Satélite Manual de instalação e configuração CENPECT Informática www.cenpect.com.br [email protected] Índice Índice 1.Informações gerais 1.1.Sobre este manual 1.2.Visão geral do sistema 1.3.História

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

Desenvolvendo Websites com PHP

Desenvolvendo Websites com PHP Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line)

Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line) Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line) Criamos, desenvolvemos e aperfeiçoamos ferramentas que tragam a nossos parceiros e clientes grandes oportunidades

Leia mais

WebDesign. Professor: Paulo Trentin [email protected] http://www.paulotrentin.com.br. Escola CDI de Videira

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira WebDesign Professor: Paulo Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo

Leia mais

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA

MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA MINISTÉRIO DO DESENVOLVIMENTO AGRÁRIO SUBSECRETARIA DE PLANEJAMENTO, ORÇAMENTO E ADMINISTRAÇÃO COORDENAÇÃO-GERAL DE MODERNIZAÇÃO E INFORMÁTICA SACI LIVRE SISTEMA DE ADMINISTRAÇÃO DE CONTEÚDO INSTITUCIONAL

Leia mais

PADRÕES PARA O DESENVOLVIMENTO NA WEB

PADRÕES PARA O DESENVOLVIMENTO NA WEB PADRÕES PARA O DESENVOLVIMENTO NA WEB Ederson dos Santos Cordeiro de Oliveira 1,Tiago Bonetti Piperno 1, Ricardo Germano 1 1 Universidade Paranaense (UNIPAR) Paranavaí PR- Brasil [email protected],

Leia mais

Disciplina: Programas de Edição de Textos Professora: Érica Barcelos

Disciplina: Programas de Edição de Textos Professora: Érica Barcelos Disciplina: Programas de Edição de Textos Professora: Érica Barcelos CAPÍTULO 4 4. RECURSOS PARA ILUSTRAÇÕES Uma característica que difere os processadores de textos dos editores é a possibilidade de gerar

Leia mais

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET WEBSITE MUNDO MULHER GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA

Leia mais

Autoria Web Apresentação e Visão Geral sobre a Web

Autoria Web Apresentação e Visão Geral sobre a Web Apresentação e Visão Geral sobre a Web Apresentação Thiago Miranda Email: [email protected] Site: www.thiagomiranda.net Objetivos da Disciplina Conhecer os limites de atuação profissional em Web

Leia mais

SISTEMA DE BANCO DE IMAGENS MANUAL DE USO

SISTEMA DE BANCO DE IMAGENS MANUAL DE USO SISTEMA DE BANCO DE IMAGENS MANUAL DE USO Versão: BETA Última atualização: 24/06/2012 Índice O sistema de banco de imagens 03 Pesquisa de fotos 04 Pautas e eventos 08 Cadastro de fotos 09 Edição e indexação

Leia mais

A INTERNET E A NOVA INFRA-ESTRUTURA DA TECNOLOGIA DE INFORMAÇÃO

A INTERNET E A NOVA INFRA-ESTRUTURA DA TECNOLOGIA DE INFORMAÇÃO A INTERNET E A NOVA INFRA-ESTRUTURA DA TECNOLOGIA DE INFORMAÇÃO 1 OBJETIVOS 1. O que é a nova infra-estrutura informação (TI) para empresas? Por que a conectividade é tão importante nessa infra-estrutura

Leia mais

POLÍTICA DE PRIVACIDADE SEGUROS UNIMED

POLÍTICA DE PRIVACIDADE SEGUROS UNIMED POLÍTICA DE PRIVACIDADE SEGUROS UNIMED Este documento, denominado Política de Privacidade, tem por finalidade estabelecer as regras sobre a obtenção, uso e armazenamento dos dados e informações coletados

Leia mais

Curso de Aprendizado Industrial Desenvolvedor WEB

Curso de Aprendizado Industrial Desenvolvedor WEB Curso de Aprendizado Industrial Desenvolvedor WEB Disciplina: Programação Orientada a Objetos II Professor: Cheli dos S. Mendes da Costa Modelo Cliente- Servidor Modelo de Aplicação Cliente-servidor Os

Leia mais

HTML5. Prof. Salustiano Rodrigues de Oliveira [email protected] www.profsalu.com.br

HTML5. Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br HTML5 Prof. Salustiano Rodrigues de Oliveira [email protected] www.profsalu.com.br HTML5 HTML5 é considerada a próxima geração do HTML e suas funcionalidades inovadoras o tornam uma alternativa

Leia mais

Ferramenta: Spider-CL. Manual do Usuário. Versão da Ferramenta: 1.1. www.ufpa.br/spider

Ferramenta: Spider-CL. Manual do Usuário. Versão da Ferramenta: 1.1. www.ufpa.br/spider Ferramenta: Spider-CL Manual do Usuário Versão da Ferramenta: 1.1 www.ufpa.br/spider Histórico de Revisões Data Versão Descrição Autor 14/07/2009 1.0 15/07/2009 1.1 16/07/2009 1.2 20/05/2010 1.3 Preenchimento

Leia mais

Técnicas e processos de produção. Profº Ritielle Souza

Técnicas e processos de produção. Profº Ritielle Souza Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o

Leia mais

LICENCIAMENTO V14 USANDO REPRISE LICENSE MANAGER

LICENCIAMENTO V14 USANDO REPRISE LICENSE MANAGER LICENCIAMENTO V14 USANDO REPRISE LICENSE MANAGER V14 de BricsCAD vem com um novo sistema de licenciamento, com base na tecnologia de licenciamento de Reprise Software. Este novo sistema oferece um ambiente

Leia mais

Manual QuotServ Todos os direitos reservados 2006/2007

Manual QuotServ Todos os direitos reservados 2006/2007 Todos os direitos reservados 2006/2007 Índice 1. Descrição 3 2. Instalação 3 3. Configurações 4 4. Usando arquivo texto delimitado 5 5. Usando arquivo texto com posições fixas 7 6. Usando uma conexão MySQL

Leia mais

INSTRUMENTO NORMATIVO 004 IN004

INSTRUMENTO NORMATIVO 004 IN004 1. Objetivo Definir um conjunto de critérios e procedimentos para o uso do Portal Eletrônico de Turismo da Região disponibilizado pela Mauatur na Internet. Aplica-se a todos os associados, empregados,

Leia mais

Fluxo de trabalho do Capture Pro Software: Indexação de OCR e separação de documentos de código de correção

Fluxo de trabalho do Capture Pro Software: Indexação de OCR e separação de documentos de código de correção Este procedimento corresponde ao fluxo de trabalho de Indexação de OCR com separação de código de correção no programa de treinamento do Capture Pro Software. As etapas do procedimento encontram-se na

Leia mais

A. O Sindepark. 1. História

A. O Sindepark. 1. História Reestruturação de todo o site utilizando outras tecnologias, nova identidade visual, que seja adaptável à realidade dos smartphones e inserir novas ferramentas. Web Site - Versão Desktop O site seguirá

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

Sistema de Controle de Solicitação de Desenvolvimento

Sistema de Controle de Solicitação de Desenvolvimento Sistema de Controle de Solicitação de Desenvolvimento Introdução O presente documento descreverá de forma objetiva as principais operações para abertura e consulta de uma solicitação ao Setor de Desenvolvimento

Leia mais

Image Enable: conceito

Image Enable: conceito Image Enable Gestão Eletrônica de Documentos - GED Image Enable: conceito Empresas possuem diversos sistemas para controlar suas operações Sistemas integrados de gestão; Sistemas de Recursos humanos, Contabilidade,

Leia mais

ÍNDICE. 1. Introdução...2. 2. O que é o Sistema Mo Porã...2. 3. Como acessar o Site Mo Porã...3. 4. Cadastro do Sistema Mo Porã...

ÍNDICE. 1. Introdução...2. 2. O que é o Sistema Mo Porã...2. 3. Como acessar o Site Mo Porã...3. 4. Cadastro do Sistema Mo Porã... ÍNDICE 1. Introdução...2 2. O que é o Sistema Mo Porã...2 3. Como acessar o Site Mo Porã...3 4. Cadastro do Sistema Mo Porã...4 5. Navegando no Site Mo Porã...6 5. 1 Manual de ajuda do sistema Mo Porã...7

Leia mais

Histórico de Revisão Data Versão Descrição Autor

Histórico de Revisão Data Versão Descrição Autor H6Projetos Documento de Requisitos Versão 1.3 Histórico de Revisão Data Versão Descrição Autor 05/09/2013 1.0 Preenchimento do Capítulo 2 Requisitos Funcionais Evilson Montenegro 26/09/2013 1.1 Preenchimento

Leia mais

Manual do Usuário Android Neocontrol

Manual do Usuário Android Neocontrol Manual do Usuário Android Neocontrol Sumário 1.Licença e Direitos Autorais...3 2.Sobre o produto...4 3. Instalando, Atualizando e executando o Android Neocontrol em seu aparelho...5 3.1. Instalando o aplicativo...5

Leia mais

FACULDADE DE ADMINISTRAÇÃO E NEGÓCIOS DE SERGIPE

FACULDADE DE ADMINISTRAÇÃO E NEGÓCIOS DE SERGIPE FACULDADE DE ADMINISTRAÇÃO E NEGÓCIOS DE SERGIPE Manual de Configuração da conta Live@Edu Aracaju/SE 2009 Sumário Apresentação... 3 1. Solicitando ativação no Live@Edu... 4 2. Efetuando o primeiro acesso...

Leia mais

VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo

VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo Introdução Recursos de acessibilidade principais Navegação usando

Leia mais