PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE. Prof. Angelo Augusto Frozza, M.Sc.
|
|
|
- Vasco Garrido Chaplin
- 8 Há anos
- Visualizações:
Transcrição
1 PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE Prof. Angelo Augusto Frozza, M.Sc.
2 ROTEIRO Introdução Principais características Página dentro de página Transições de página Caixas de diálogo Botões Elementos de formulário Listas Temas Eventos
3 Para utilizar o JQuery Mobile você precisa incluir três coisas no seu HTML: Script do JQuery Script do JQuery Mobile Onde estão os métodos específicos para mobile CSS da interface do usuário (UI) para JQuery Mobile
4 Primeiro exemplo (index.html) <!DOCTYPE html> <html> <head> <title>primeira Página</title> <script type="text/javascript" src=" 1.5.min.js"> </script> <script type="text/javascript" src=" </script> <link rel="stylesheet" href=" /> </head> <body> <div data-role="page"> <div data-role="header"> <h1>primeira página</h1> </div> <div data-role="content"> <p>essa é sua primeira página para dispositivos móveis</p> </div> </div> </body> </html>
5 A partir do HTML 5 pode-se colocar metadados nas tags usando o data-* Então a essência do JQuery Mobile é basicamente utilizar o atributo data-* para as diferentes funcionalidades e aparências. Alguns atributos data-* que podem ser utilizados nas diferentes tags: data-role data-theme data-icon data-transition
6 Exemplo de uso do data-* <li class="comentario" data-nome="tecnologia em Sistemas para Internet" data-cidade="camboriú" data-estado="sc" data-pais="brasil" data-lang="pt-br"> <b>programação para DM</b> <span>muito boa essa aula!</span> </li>
7 Exemplo de uso do data-*.comentario [data-pais=brasil] { color: yellow; background-color:green; }.comentario [data-pais=japao] { color: red; background-color:white; }...
8 Como pode-se ver, o conteúdo da página em si é envolto em uma div com atributo data-role="page". Isso permite que o jquery Mobile saiba onde o conteúdo está na marcação. Dentro da div "page", existem outros div data-role "header", "content" e "footer" Todos eles são opcionais, embora provavelmente seja incluido pelo menos o div "content".
9 <div data-role="header"> Essa div permite criar uma barra de ferramentas na parte superior da página, usada para coisas como o título da página e os botões. Normalmente existe pelo menos um botão "Voltar" no qual o usuário pode tocar para retornar à página anterior. Ao acrescentar dados de posição = "fixo" para o cabeçalho, pode-se ter certeza que o cabeçalho ficará sempre no topo da tela.
10 <div data-role="content"> Contém o conteúdo principal da página, como texto, imagens, botões, listas, formulários e assim por diante.
11 <div data-role="footer"> Cria uma barra de ferramentas na parte inferior da página, que é bastante útil para coisas como botões de função principal. Ao adicionar os dados de posição = "fixo" para o rodapé, pode-se ter certeza que sempre fica na parte inferior da tela.
12 Página dentro de página Uma página HTML pode conter duas ou mais div page, cada uma com um id diferente <div data-role="page" id="home">... </div> <div data-role="page" id="about">... </div>
13 Página dentro de página A página inicial possui link a página about, enquanto que a segunda página tem um link para a página home. JQuery Mobile automaticamente intercepta essas ligações de modo que cada div apareça como uma nóva página: <div data-role="page" id="home"> <div data-role="content"> <p> <a href="#about">"sobre" deste app...</a> </p> </div> </div> <div data-role="page" id="about"> <div data-role="content"> <p>isto funciona! <a href="#home">início</a> </p> </div> </div>
14 Transições de página JQuery Mobile permite aplicar diferentes efeitos de transição para uma nova página. Para tanto, basta adicionar em cada link um atributo data-transition <a href="#about" data-transition="flip">about</a> Os valores possíveis estão na documentação da jquery Mobile
15 Caixas de diálogo Pode-se transformar uma página em Caixa de diálogo ao adicionar na tag de link o atributo data-rel="dialog. A caixa de dialogo aparecerá com cantos arredondados, margens e um fundo escuro. Também pode-se adicionar uma transição, de forma a demonstrar que está abrindo uma caixa de diálogo. <a href="#about" data-rel="dialog" datatransition="slideup">sobre </a>
16 Botões Botões são uma parte essencial de qualquer aplicativo baseado no toque. Eles são preferíveis aos links porque fornecem um alvo maior quando a intenção é tocar. Lembre-se do conceito do Dedo gordo Para transformar um link em um botão, basta adicionar o atributo data-role="button" na tag do link: <a href="#about" data-role="button" datatransition="slideup">sobre </a>
17 Elementos de formulário O jquery Mobile substitui automaticamente o padrão de controles em formulários HTML P.ex. campos de texto, caixas e listas de seleção; Controles personalizados que funcionam melhor com uma interface sensível ao toque e mais flexível; Caixas de seleção são feitas bem maiores pois elas são mais fáceis de tocar;
18 Elementos de formulário O jquery Mobile também registra rótulos e campos de formulário com base na largura de exibição do dispositivo. P.ex. se o display tem 480 pixels de largura, os rótulos são colocados acima dos campos para economizar espaço horizontal; Em telas mais amplas, os rótulos são exibidos ao lado dos campos.
19 Elementos de formulário Outro recurso interessante é o agrupamento de botões do tipo radio e checkbox em um fieldset, com atributo data-role="controlgroup"; jquery Mobile automaticamente implemenenta estilos aos campos, observando o modo como eles estão agrupados, sem intervalos entre cada campo e arredondando os cantos nos campos superior e inferior.
20 Elementos de formulário Exemplo: Aula004-Exemplo04-Formularios.html
21 Listas Exibições de lista são um recurso muito poderoso do jquery Mobile; Elas permitem trabalhar um padrão de estilo não-ordenado ou de listas ordenadas em uma variedade de formas úteis; Para ativar uma lista regular em uma exibição de lista, adiciona-se o atributo data-role="listview" nas tags ul ou ol; A seguir são mostradas algumas das coisas que se pode criar usando exibições de lista... Aula004-Exemplo05-Listas.html
22 Listas Uma lista simples de itens de texto, com uma caixa em torno de cada item; Uma lista de links - coloca-se uma tag link em um item da lista e o jquery adiciona automaticamente um ícone de seta ('>' ) do lado direito de cada item da lista.
23 Listas Listas aninhadas - para aninhar uma tag ul dentro de uma tag li o jquery automaticamente cria uma "segunda" página para a lista incorporada, ligando a partir do original. Isto é muito útil para a criação de árvores de opções de menu, configurações e assim por diante; Listas de botões divididos - Ao colocar dois links dentro de uma tag li, pode-se criar um item da lista com uma barra de divisão vertical no lado direito do item. O usuário pode então tocar em qualquer lado (esquerdo ou direito) do item da lista para conseguir coisas diferentes (como a visualização ou compra);
24 Listas Bolhas de contagem - ao incluir um elemento com uma classe de contagem em um item da lista, o jquery cria um pequeno ícone de "bolha" no lado direito do item de lista contendo o conteúdo do elemento. Isso é ótimo para coisas como contagens de mensagens em listas de correio; Filtragem de pesquisa - ao adicionar o atributo datafilter="true" para uma tag ul ou ol, então a lista fica disponível para pesquisa. Uma caixa de texto "Filtrar resultados..." aparece acima da lista, permitindo ao usuário diminuir as opções; Perfeito para grandes listas;
25 Listas Divisores de lista para as listas com divisão em seções. Basta adicionar o atributo data-role="list-divider" para qualquer item da lista; Miniaturas e ícones ao colocar um elemento img no início de um item da lista, o jquery vai usar a imagem como uma miniatura da lista em escala de 80 x 80 pixels. Ao adicionar uma classe ui-li-icon para a img, o ícone terá escala de 16 x 16 pixels.
26 Listas Veja mais detalhes em: Criando lista com jquery Mobile Parte 01 Criando lista com jquery Mobile Parte 02
27 Temas O estilo de cores cinza, preto e azul com Widgets arredondados produzido pelo jquery Mobile permitem uma experiência muito agradável Porém, a vida seria monótona se todos tivessem que usar o mesmo estilo em todos os aplicativos móveis!
28 Temas Por isso, jquery Mobile permite criar temas que personalizam coisas como, por exemplo: Família de fontes Sombras Valores de raio de botões e caixas de canto Conjuntos de ícones
29 Temas Cada tema pode conter até 26 amostras de cores diferentes (rotuladas de 'a' a 'z'), que controlam a cor de primeiro plano, cor de fundo, gradiente. O tema padrão vem com 5 amostras. Normalmente, para fazer um elemento de página usar uma amostra particular, usa-se o atributo data-theme: Aula004-Exemplo06-Temas.html
30 Eventos Pode-se dizer que são os eventos que tornam a linguagem JavaScript útil. Um script depende da ocorrência de um evento para realizar a ação nele prevista. Toda vez que ocorre interação com um documento web, um evento é disparado. P.ex. O toque em um link ou o arraste da tela caracterizam a ocorrência de um evento.
31 Eventos Tornam mais fácil a construção de interfaces de usuário; jquery Mobile adiciona alguns eventos específicos usados para detectar ações executadas em DM; P.ex: Pode-se usar o evento taphold para detectar se o usuário tocou e segurou o dedo em um elemento (1 segundo); O evento swipe ocorre quando o usuário toca um elemento, arrastando-o horizontalmente para a esquerda ou direita por uma distância no mínimo igual a 30px. Aula004-Exemplo07-Eventos.html
32 REFERÊNCIAS Consulte: SILVA, M. S. jquery Mobile: desenvolva aplicações web para dispositivos móveis com HTML 5, CSS3, Ajax, jquery e jquery UI. São Paulo: Novatec, Também pode consultar o material complementar no link:
PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE. Prof. Angelo Augusto Frozza, M.Sc.
PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Principais características jquery Mobile é um framework
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
QUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Introdução ao Tableau Server 7.0
Introdução ao Tableau Server 7.0 Bem-vindo ao Tableau Server; Este guia orientará você pelas etapas básicas de instalação e configuração do Tableau Server. Em seguida, usará alguns dados de exemplo para
CONHECENDO A ÁREA DE TRABALHO DO WINDOWS 7
CONHECENDO A ÁREA DE TRABALHO DO WINDOWS 7 A Área de trabalho é a principal área exibida na tela quando se liga o computador e faz logon no Windows. É onde se exibe tudo o que é aberto (programas, pastas,
Guia de Início Rápido
Guia de Início Rápido O Microsoft Word 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Barra de Ferramentas de Acesso Rápido
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
Roteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
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.
Aula 03 PowerPoint 2007
Aula 03 PowerPoint 2007 Professor: Bruno Gomes Disciplina: Informática Básica Curso: Gestão de Turismo Sumário da aula: 1. Abrindo o PowerPoint; 2. Conhecendo a Tela do PowerPoint; 3. Criando uma Nova
02 - Usando o SiteMaster - Informações importantes
01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,
Aula 01 - Formatações prontas e condicionais. Aula 01 - Formatações prontas e condicionais. Sumário. Formatar como Tabela
Aula 01 - Formatações prontas e Sumário Formatar como Tabela Formatar como Tabela (cont.) Alterando as formatações aplicadas e adicionando novos itens Removendo a formatação de tabela aplicada Formatação
Windows 7. Professor: Jeferson Machado Cordini jmcordini@hotmail.com
Windows 7 Professor: Jeferson Machado Cordini jmcordini@hotmail.com Sistema Operacional Windows 7 O Windows 7 é o sistema operacional do Microsoft Windows, um software proprietário produzido pela Microsoft
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
Bem vindo ao ajuda do software QUICKFISH para criação de sites.
Bem vindo ao ajuda do software QUICKFISH para criação de sites. SUMÁRIO 1 Exemplo de site criado no software QUICKFISH...02 2 Salvando Seu Site...03 3 Publicando Seu Site...03 4 Visão inicial do Software
WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Recursos avançados com CSS Uma vez entendido o uso básico e treinado muito, chegou
Curso de Capacitação em Gerenciador de Conteúdo PLONE
Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Estrutura Viewlets 21 Portlets 26 2 Estrutura Intermediário Depois de conhecer a estrutura principal do Plone e realizar as configurações
Análise de Dados do Financeiro
Análise de Dados do Financeiro Introdução Para reunir em um só local as informações de contas a pagar e receber cadastradas e/ou geradas no sistema TTransp existe a interface de análise de dados do financeiro.
Table of Contents. PowerPoint XP
Table of Contents Finalizando a apresentação...1 Usando anotações...1 Desfazer e repetir...1 Localizar e substituir...2 Substituir...2 Efeitos de transição...3 Esquema de animação...6 Controlando os tempos
Universidade Federal de Santa Maria UFSM Centro de Tecnologia CT. Power Point. Básico
Universidade Federal de Santa Maria UFSM Centro de Tecnologia CT Power Point Básico Santa Maria, julho de 2006 O Power Point é um aplicativo do Microsoft Office direcionado à criação de apresentações.
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
MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte
MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar
ANDRÉ APARECIDO DA SILVA APOSTILA BÁSICA SOBRE O POWERPOINT 2007
ANDRÉ APARECIDO DA SILVA APOSTILA BÁSICA SOBRE O POWERPOINT 2007 CURITIBA 2015 2 SUMÁRIO INTRODUÇÃO AO MICROSOFT POWERPOINT 2007... 3 JANELA PRINCIPAL... 3 1 - BOTÃO OFFICE... 4 2 - FERRAMENTAS DE ACESSO
APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)
APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...
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
Painel de Navegação Para ver o Painel de Navegação, prima CTRL+F. Pode arrastar os cabeçalhos dos documentos neste painel para reorganizá-los.
Guia de Introdução O Microsoft Word 2013 tem um aspeto diferente das versões anteriores, pelo que criámos este guia para ajudar a minimizar a curva de aprendizagem. Barra de Ferramentas de Acesso Rápido
Treinamento de Drupal para Administradores do Site Bibliotecas UFU
Treinamento de Drupal para Administradores do Site Bibliotecas UFU 1 1. Como logar no sistema como usuário autenticado Para logar no sistema como usuário autenticado é necessário digitar /user na frente
1 UNIT Universidade do Trabalhador Dr. Abel dos Santos Nunes
1 UNIT Universidade do Trabalhador Dr. Abel dos Santos Nunes Janelas são estruturas do software que guardam todo o conteúdo exibido de um programa, cada vez que um aplicativo é solicitado à janela do sistema
O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point.
Editor de Texto Microsoft Word 1. Microsoft Office O Microsoft Office é composto por diversos softwares, dentre eles o Word, o Excel, o Access e o Power Point. O Word é um editor de texto com recursos
Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.
3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao
Manual de Utilização do Zimbra
Manual de Utilização do Zimbra Compatível com os principais navegadores web (Firefox, Chrome e Internet Explorer) o Zimbra Webmail é uma suíte completa de ferramentas para gerir e-mails, calendário, tarefas
Manual de Gerenciamento de Conteúdo
Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6
App - Paint Pot (Lata de tinta)
App - Paint Pot (Lata de tinta) Vamos construir um aplicativo de pintura. Se você ainda não tem uma Screen (Tela) para o PaintPot, vá em frente e adicione uma. (Caso preferir, para este exemplo, você pode
Como incluir artigos:
Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados
Professor: Paulo Macos Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1
Professor: Paulo Macos Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1 Do inglês, Cascading Style Sheet, ou folha de estilo em cascata. É uma linguagem
CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata
CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,
Microsoft Word INTRODUÇÃO
INTRODUÇÃO O Word é uma ferramenta utilizada para o processamento e editoração eletrônica de textos. O processamento de textos consiste na possibilidade de executar e criar efeitos sobre um texto qualquer,
Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas
Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material
C D. C) Coleções: é usada para organizar o conteúdo de áudio, vídeo e imagens em pastas, buscando facilitar a montagem do storyboard.
1 Windows Movie Maker XP O Windows Movie Maker é um software de edição de vídeos que permite criar e editar filmes caseiros, inserindo efeitos, músicas, legendas e transições. O vídeo pode ser criado a
Manual de criação de envios no BTG360
Manual de criação de envios no BTG360 Série manuais da ferramenta ALL in Mail Introdução O BTG 360 utiliza a tecnologia do behavioral targert para que você alcance resultados ainda mais assertivos com
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...
Microsoft Office PowerPoint 2007
INTRODUÇÃO AO MICROSOFT POWERPOINT 2007 O Microsoft Office PowerPoint 2007 é um programa destinado à criação de apresentação através de Slides. A apresentação é um conjunto de Sides que são exibidos em
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 sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes
Aula 09 - Atualização de uma tabela dinâmica. Aula 09 - Atualização de uma tabela dinâmica. Sumário. Atualizando a tabela dinâmica
Sumário Atualizando a tabela dinâmica Exibição de páginas em planilhas separadas Detalhando / ocultando os dados da planilha Gráfico dinâmico Gráfico dinâmico (cont.) Alterando a formatação do gráfico
Lista e Tabelas. Fundamentos da Linguagem Web
Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização
Guia de Início Rápido
Guia de Início Rápido O Microsoft PowerPoint 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Encontre o que você precisa Clique
ez Flow Guia do Usuário versão 1.0 experts em Gestão de Conteúdo
ez Flow Guia do Usuário versão 1.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. Direitos autorais e marcas
Microsoft Access: Criar consultas para um novo banco de dados. Vitor Valerio de Souza Campos
Microsoft Access: Criar consultas para um novo banco de Vitor Valerio de Souza Campos Conteúdo do curso Visão geral: consultas são essenciais Lição: inclui sete seções Tarefas práticas sugeridas Teste.
GERENCIANDO SUA BIBLIOTECA
GERENCIANDO SUA BIBLIOTECA ORGANIZANDO SUA BIBLIOTECA Os livros da sua biblioteca são ordenados alfabeticamente pelo título. Clique em ORDENAR POR, na parte superior da página, para alterar a forma como
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,
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
Universidade Federal do Mato Grosso - STI-CAE. Índice
CAPA Universidade Federal do Mato Grosso - STI-CAE Índice 1. Página da área administrativa... 1.1 Botões e campo iniciais... 2. Explicar como funcionam as seções... 2.1. Seções dinâmicos... 2.1.1 Como
Microsoft PowerPoint
Microsoft PowerPoint Microsoft PowerPoint é utilizado para desenvolver apresentações. Os trabalhos desenvolvidos com este aplicativo normalmente são apresentados com o auxílio de um datashow. Apresentações
UNIVERSIDADE FEDERAL DE RORAIMA DIRETORIA DE TECNOLOGIA DA INFORMAÇÃO
1. Livro O editor de um livro, após fazer o login e acessar seu livro, pode editar os dados referente apenas a ele, desconsiderando os itens aninhados. Imagem 01 Lista de livros Um livro possui três campo
Tutorial Vindula Gestão de layout Vindula
Tutorial Vindula Gestão de layout Vindula 2 Sumário Ativando o modo administrador...3 O Painel de controle...3 Editando as cores do seu portal de Intranet...3 Footer (Rodapé)...5 Menu...6 Header (Cabeçalho)...7
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
PRINCÍPIOS DE INFORMÁTICA PRÁTICA 08 1. OBJETIVO 2. BASE TEÓRICA. 2.1 Criando Mapas no Excel. 2.2 Utilizando o Mapa
PRINCÍPIOS DE INFORMÁTICA PRÁTICA 08 1. OBJETIVO Aprender a utilizar mapas, colocar filtros em tabelas e a criar tabelas e gráficos dinâmicos no MS-Excel. Esse roteiro foi escrito inicialmente para o Excel
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
Inicialização Rápida do Novell Vibe Mobile
Inicialização Rápida do Novell Vibe Mobile Março de 2015 Introdução O acesso móvel ao site do Novell Vibe pode ser desativado por seu administrador do Vibe. Se não conseguir acessar a interface móvel do
Usar o Office 365 no iphone ou ipad
Usar o Office 365 no iphone ou ipad Guia de Início Rápido Verificar o email Configure o seu iphone ou ipad para enviar e receber emails de sua conta do Office 365. Verificar o seu calendário onde quer
Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados
Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do
Voltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções.
13. Editor de leiautes Voltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções. Neste capítulo uma breve explicação será apresentada sobre a organização
Bem vindo! Esta é a tela inicial do Webmail da Universidade federal de Juiz de Fora. O link de acesso é: http://correio.ufjf.edu.
Manual WebMail 1. Tela inicial... pág. 2 2. Caixa de Entrada... pág. 2 3. A pasta Lidas... pág. 3 4. Criando sua assinatura... pág. 3 5. Enviar Mensagens... pág. 3 6. Anexando arquivos... pág. 4 7. Adicionando
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
Continuação. 32. Inserir uma imagem da GALERIA CLIP-ART
Continuação 32. Inserir uma imagem da GALERIA CLIP-ART a) Vá para o primeiro slide da apresentação salva no item 31. b) Na guia PÁGINA INICIAL, clique no botão LAYOUT e selecione (clique) na opção TÍTULO
Manual de utilização do Zimbra
Manual de utilização do Zimbra Compatível com os principais navegadores web ( Firefox, Chrome e Internet Explorer ) o Zimbra Webmail é uma suíte completa de ferramentas para gerir e-mails, calendário,
Usar o Office 365 em seu telefone Android
Usar o Office 365 em seu telefone Android Guia de Início Rápido Verificar o email Configure o seu telefone Android para enviar e receber emails de sua conta do Office 365. Verificar o seu calendário onde
CADERNO DE QUESTÕES WINDOWS 8
CADERNO DE QUESTÕES WINDOWS 8 1) No sistema operacional Microsoft Windows 8, uma forma rápida de acessar o botão liga/desliga é através do atalho: a) Windows + A. b) ALT + C. c) Windows + I. d) CTRL +
Manual de Utilização do PLONE (Gerenciador de página pessoal)
Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário
1) Criar o código HTML para construir a página representada pela imagem abaixo.
1) Criar o código HTML para construir a página representada pela imagem abaixo. 2) Código HTML puro (criar arquivo index.html): brasil Motores Motores diesel para uso automotivo, veicular, marítimo,
Unidade 1: O Painel de Controle do Excel *
Unidade 1: O Painel de Controle do Excel * material do 2010* 1.0 Introdução O Excel nos ajuda a compreender melhor os dados graças à sua organização em células (organizadas em linhas e colunas) e ao uso
ÍNDICE. www.leitejunior.com.br 16/06/2008 17:48 Leite Júnior
ÍNDICE MICROSOFT INTERNET EXPLORER 6 SP2 (IE6 SP2)...2 JANELA PRINCIPAL...2 PARTES DA JANELA...2 OS MENUS DO IE6...3 MENU ARQUIVO...3 MENU EDITAR...3 MENU EXIBIR...3 MENU FAVORITOS...4 MENU FERRAMENTAS...4
Prof. Msc Elvis Pontes. Unidade IV TECNOLOGIA DA INFORMAÇÃO
Prof. Msc Elvis Pontes Unidade IV TECNOLOGIA DA INFORMAÇÃO Formatação de planilhas Configuração de páginas; Layout da página; Margens Formatação de planilhas Definir todas as margens, com medidas personalizadas;
Noções Básicas de Excel página 1 de 19
Noções Básicas de Excel página 1 de 19 Conhecendo a tela do Excel. A BARRA DE FÓRMULAS exibe o conteúdo de cada célula (local) da planilha. Nela podemos inserir e alterar nomes, datas, fórmulas, funções.
Outlook 2003. Apresentação
Outlook 2003 Apresentação O Microsoft Office Outlook 2003 é um programa de comunicação e gerenciador de informações pessoais que fornece um local unificado para o gerenciamento de e-mails, calendários,
Facebook Instruções de integração com PayPal
Facebook Instruções de integração com PayPal Há diversas formas de utilizar o PayPal para receber pagamentos na plataforma do Facebook. Primeiro você precisa decidir suas necessidades para a opção mais
ALBUM DE FOTOGRAFIAS NO POWER POINT
ALBUM DE FOTOGRAFIAS NO POWER POINT O PowerPoint é uma poderosa ferramenta que faz parte do pacote Office da Microsoft. O principal uso desse programa é a criação de apresentação de slides, para mostrar
O Windows 7 é um sistema operacional desenvolvido pela Microsoft.
Introdução ao Microsoft Windows 7 O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Visualmente o Windows 7 possui uma interface muito intuitiva, facilitando a experiência individual do
PS02_02-08: Exercícios: Photoshop CS3. Objetivo: FERRAMENTAS DE PINTURA. 1) Abra um novo arquivo e altere os valores para a seguinte configuração:
PS02_02-08: Objetivo: FERRAMENTAS DE PINTURA Exercícios: 1) Abra um novo arquivo e altere os valores para a seguinte configuração: 2) Finalize a configuração. A janela da imagem, também chamada de tela
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
Manual de configuração do sistema
Manual de configuração do sistema (v.1.5.x Beta) Rua México, 119 Sala 2004 Centro Rio de Janeiro, RJ www.doctors-solution.com.br www.simdoctor.com.br contato@simdoctor.com.br Sumário 1. Fazendo seu primeiro
selecionado. DICAS 1. Explore, sempre, o ícone
COMO USAR O MAPA COM INDICADORES DO GEOPORTAL DE INFORMAÇÕES EM SAÚDE DA BAHIA? Este documento fornece um passo a passo explicativo e ilustrado das principais ferramentas do Mapa com Indicadores do GeoPortal
Guia de customização de template FWK... 1 GERAL... 3 Favicon (geral)... 3 Cor principal... 3 Cor secundária... 5 Cor de texto escuro...
1 Guia de customização de template FWK... 1 GERAL... 3 Favicon (geral)... 3 Cor principal... 3 Cor secundária... 5 Cor de texto escuro... 6 Cor de texto claro... 8 Cor das barras... 9 Botões especiais...
Bem-vindo ao Foxit Mobile PDF
Bem-vindo ao Foxit Mobile PDF Instruções: Visualizações diferentes... 2 Ferramentas de gerenciamento de arquivos... 3 Serviços de nuvem pú blica... 4 Visualizaçã o e ferramentas... 5 Ferramentas de Anotaçã
Criação de Formulários
iq2 Criação de Formulários Formulários são os questionários formatados no software Sphinx para coleta de dados, que contêm opções avançadas de edição, organização e personalização. Ao utilizarmos o formulário
INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz
INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
Posicionamento e Layout com CSS
Posicionamento e Layout com CSS Esquemas de posicionamento: absolute e relative Construção de layouts com divs e regras CSS Existem quatro tipos de posicionamento em CSS: estático, relativo, absoluto
REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho
REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Pierre Correa Martin 1 UNIVERSIDADE FEDERAL DO PAMPA NTIC NÚCLEO
UNIVERSIDADE FEDERAL DE PELOTAS. Índice
Índice Capítulo 10 Inserindo figuras e objetos... 2 Configurando AutoFormas... 2 Criando Caixas de Texto... 3 Inserindo Linhas e Setas... 3 Utilizando WordArt... 4 Inserindo Figuras... 5 Configurando figuras...
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
Construção Páginas de Internet
Construção Páginas de Internet Definir um Site no Frontpage Objectivos da sessão: No final da sessão os formandos deverão ser capazes de: Saber o que são os metadados do Frontpage; Distinguir entre Sites
AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:
AULA: BrOffice Impress terceira parte Objetivo Ao final dessa aula, você deverá ser capaz de: Conhecer a integração dos softwares do BrOffice; Aprender a trabalhar no slide mestre; Utilizar interação entre
Guia de Início Rápido
Guia de Início Rápido O Microsoft Visio 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Modelos atualizados Os modelos ajudam
Microsoft Access: Criar relatórios para um novo banco de dados. Vitor Valerio de Souza Campos
Microsoft Access: Criar relatórios para um novo banco de dados Vitor Valerio de Souza Campos Conteúdo do curso Visão geral: O produto final Lição: Inclui oito seções Tarefas práticas sugeridas Teste Visão
Serviço Técnico de Informática. Curso Básico de PowerPoint
Serviço Técnico de Informática Curso Básico de PowerPoint Instrutor: Tiago Souza e Silva de Moura Maio/2005 O Microsoft PowerPoint No Microsoft PowerPoint, você cria sua apresentação usando apenas um arquivo
APOSTILA WORD BÁSICO
APOSTILA WORD BÁSICO Apresentação O WORD é um editor de textos, que pertence ao Pacote Office da Microsoft. Suas principais características são: criação de textos, cartas, memorandos, documentos, mala
Manual de Digitação online de guia de SADT Desenvolvido por: Iuri Silva Setor: Inteligência Corporativa Unimed VR BEM VINDO AO SISTEMA VOXIS!
BEM VINDO AO SISTEMA VOXIS! 1 Sumário 1. Introdução... 3 2. Acesso ao Sistema Voxis... 4 3. Digitação de guia de SP/SADT... 5 3.1 Guia em Construção... 10 3.2 Guia Registrada... 11 4. Encaminhar guias
PowerPoint. Prof. Claudio A. B. Tiellet. Parte II
PowerPoint Prof. Claudio A. B. Tiellet Parte II CAPÍTULO 4 Formas e Efeitos Mover Autoforma Clique sobre qualquer parte da linha de contorno, mantenha o mouse pressionado e arraste até o ponto que desejar.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver