O documento descreve o framework jQuery mobile, que permite criar sites e aplicativos responsivos para smartphones, tablets e desktops. Ele é baseado em Javascript e CSS e oferece suporte a diversos navegadores e sistemas operacionais móveis. O framework possui recursos como temas, transições entre páginas, formulários e widgets para criar interfaces amigáveis para dispositivos móveis.
Do impresso para o tablet.
Encontre-se com o futuro da publicação digital.
Nesta palestra, Felipe Santos, irá descrever as recentes novidades do Adobe Digital Publishing Suite, bem como apresentar as tendências para o mercado de publicação digital com uso do programa Muse e a partir do lançamento do InDesign CS6.
Desde abril de 2010 vivenciamos um momento de transição das publicações em papel para o meio digital, e como em toda transição, surgem muitas dúvidas e especulações.
A certeza é que os tablets chegaram pra ficar, capitaneados pelo iPad - o dispositivo logo provou ser mais que um iPhone gigante, preenchendo, com vantagens, a lacuna existente entre um smartphone e laptop.
1. O documento apresenta um tutorial básico sobre o software Dreamweaver 8, com instruções sobre como utilizar suas ferramentas e funções.
2. É explicada a interface do programa, como abrir e salvar documentos, adicionar texto e hiperlinks, trabalhar com imagens e estilos CSS.
3. O tutorial fornece detalhes passo-a-passo sobre como formatar parágrafos, configurar propriedades de página e os quatro tipos de hiperlinks.
O documento fornece instruções para a construção de um site sobre uma empresa fictícia chamada Planeta Computadores utilizando o software Dreamweaver. Ele discute como estruturar pastas e páginas, inserir imagens, tabelas, links e regiões editáveis para manter um layout consistente através de modelos.
O documento fornece informações sobre como construir um site, incluindo o que é um site, os softwares necessários, dicas para organização da estrutura e navegação, e como criar páginas usando o software Dreamweaver.
O documento fornece um guia para uso do Google Sites. Resume o seguinte:
1. Explica como criar um site no Google Sites, incluindo registro, adicionar páginas e editar conteúdo.
2. Detalha os menus de edição como Inserir, Formatar e Tabela para adicionar elementos como imagens, links e tabelas às páginas.
3. Discutem características avançadas como configurar a aparência do site, compartilhamento e gadgets.
O documento discute as novas funcionalidades do HTML5, incluindo novas tags semânticas como <header>, <nav>, <article> e <aside>, que organizam melhor o conteúdo da página. Também apresenta novas tags para mídia como <audio> e <video>, além de novos controles de formulário que substituem código JavaScript.
Introdução à Criação De Páginas Web Aula2marioreis
Este documento fornece uma introdução aos elementos básicos de criação de páginas web, incluindo como usar o Microsoft FrontPage para construir páginas HTML, formatar texto, criar listas, inserir links e imagens.
O documento descreve o Microsoft Word 2010, incluindo seu histórico, recursos e funcionalidades. O MS Word é um processador de texto produzido pela Microsoft que permite editar, formatar e organizar textos, além de inserir gráficos e objetos. Ele oferece ferramentas para correção ortográfica, formatação de fontes e parágrafos, alinhamento de texto, numeração e marcadores.
Do impresso para o tablet.
Encontre-se com o futuro da publicação digital.
Nesta palestra, Felipe Santos, irá descrever as recentes novidades do Adobe Digital Publishing Suite, bem como apresentar as tendências para o mercado de publicação digital com uso do programa Muse e a partir do lançamento do InDesign CS6.
Desde abril de 2010 vivenciamos um momento de transição das publicações em papel para o meio digital, e como em toda transição, surgem muitas dúvidas e especulações.
A certeza é que os tablets chegaram pra ficar, capitaneados pelo iPad - o dispositivo logo provou ser mais que um iPhone gigante, preenchendo, com vantagens, a lacuna existente entre um smartphone e laptop.
1. O documento apresenta um tutorial básico sobre o software Dreamweaver 8, com instruções sobre como utilizar suas ferramentas e funções.
2. É explicada a interface do programa, como abrir e salvar documentos, adicionar texto e hiperlinks, trabalhar com imagens e estilos CSS.
3. O tutorial fornece detalhes passo-a-passo sobre como formatar parágrafos, configurar propriedades de página e os quatro tipos de hiperlinks.
O documento fornece instruções para a construção de um site sobre uma empresa fictícia chamada Planeta Computadores utilizando o software Dreamweaver. Ele discute como estruturar pastas e páginas, inserir imagens, tabelas, links e regiões editáveis para manter um layout consistente através de modelos.
O documento fornece informações sobre como construir um site, incluindo o que é um site, os softwares necessários, dicas para organização da estrutura e navegação, e como criar páginas usando o software Dreamweaver.
O documento fornece um guia para uso do Google Sites. Resume o seguinte:
1. Explica como criar um site no Google Sites, incluindo registro, adicionar páginas e editar conteúdo.
2. Detalha os menus de edição como Inserir, Formatar e Tabela para adicionar elementos como imagens, links e tabelas às páginas.
3. Discutem características avançadas como configurar a aparência do site, compartilhamento e gadgets.
O documento discute as novas funcionalidades do HTML5, incluindo novas tags semânticas como <header>, <nav>, <article> e <aside>, que organizam melhor o conteúdo da página. Também apresenta novas tags para mídia como <audio> e <video>, além de novos controles de formulário que substituem código JavaScript.
Introdução à Criação De Páginas Web Aula2marioreis
Este documento fornece uma introdução aos elementos básicos de criação de páginas web, incluindo como usar o Microsoft FrontPage para construir páginas HTML, formatar texto, criar listas, inserir links e imagens.
O documento descreve o Microsoft Word 2010, incluindo seu histórico, recursos e funcionalidades. O MS Word é um processador de texto produzido pela Microsoft que permite editar, formatar e organizar textos, além de inserir gráficos e objetos. Ele oferece ferramentas para correção ortográfica, formatação de fontes e parágrafos, alinhamento de texto, numeração e marcadores.
1. O documento apresenta uma introdução ao HTML, CSS e JavaScript, incluindo a estrutura básica de um arquivo HTML, formatação de texto e elementos como cabeçalhos e separadores.
2. É fornecida uma explicação detalhada sobre a estrutura de um arquivo HTML, incluindo as tags <html>, <head> e <body>, e exemplos de como formatar texto.
3. O documento também discute a inserção e formatação de texto em HTML, como cores, fontes, tamanhos e blocos de texto, assim como diferentes níveis de cabeç
1) O documento apresenta as principais ferramentas e funcionalidades do Microsoft Word 2010, incluindo trabalhar com documentos, salvar arquivos, visualizar documentos, configurar páginas e formatar texto.
2) É ensinado como definir margens, orientação, cabeçalhos, rodapés e outros elementos de configuração de página no Word 2010.
3) São explicados recursos de formatação de texto como fontes, parágrafos, marcadores, bordas, além de inserção de elementos gráficos como imagens e tabelas.
Introdução à Criação De Páginas Web Aula1marioreis
Este documento apresenta um curso sobre criação de páginas web. O curso ensina sobre a história da web, conceitos básicos como cliente-servidor e URL, e ferramentas como HTML, editores WYSIWYG e navegadores. O plano do curso inclui 5 aulas sobre elementos HTML básicos e avançados e construção de um site.
Este documento fornece uma introdução aos Web Components, incluindo seus pilares como Custom Elements, Shadow DOM e Templates. Ele também discute como habilitar Web Components nos navegadores e fornece exemplos de como criar elementos personalizados, usar Shadow DOM e importar documentos HTML.
O documento fornece informações sobre a criação de revistas digitais no Adobe InDesign. Resume as principais etapas para:
1) Formatos de publicação digital que combinam elementos gráficos e editoriais de mídia impressa com recursos digitais como áudio, vídeo e hipertexto;
2) Diagramação de revistas digitais no InDesign, adaptando elementos do impresso para o digital.
Uma visão crítica sobre o hype da vez. Esta palestra tem como norte tirar o ruído e fundamentar (inclusive com exemplos) o que realmente importa neste papo de componentes.
http://frontinpoa.com.br/2014
Video: https://www.youtube.com/watch?v=KhSDReAefx0
IoD Woman in Leadership Digital Transformation March 2016Niall McKeown
This document discusses digital transformation and the characteristics of digital innovators. It provides three case studies of companies that successfully underwent digital transformation, doubling in size within 18 months or achieving €2 million in revenue within a year. It then outlines six key characteristics of digital innovators, such as having a strategy set by data-driven leaders and understanding the importance of innovation. The document advocates aligning business models to take advantage of technological changes and being able to articulate the current and desired future state of the organization.
Dataset Quality Ontology - An Engineering Experiencejerdeb
Data quality is commonly defined as fitness for use. Many data consumers face the problem of identifying the quality of data. Data publishers, on the other hand, often do not have the means to identify quality issues in their data. To make the task for both stakeholders easier, we have developed the Dataset Quality Ontology (daQ) [1]. daQ is a core vocabulary for representing the results of quality benchmarking of a linked dataset. It represents quality metadata as multi-dimensional and statistical observations using the Data Cube Vocabulary. Quality metadata are organised as a self-contained graph, which can be embedded into linked datasets to support quality-based retrieval and ranking. During this talk the discussion will include design issues behind the daQ vocabulary and how it helped evolving the upcoming W3C Data Quality Vocabulary initiative [2], and some ontology quality issues related to ontologies and vocabularies.
[1] Debattista, J., Lange, C., & Auer, S. (2014). Representing dataset quality metadata using multi-dimensional views. Proceedings of the 10th International Conference on Semantic Systems, 92-99.
[2] https://www.w3.org/TR/vocab-dqv/
Security Architecture for Small Branch and IoTBarcoding, Inc.
This document discusses the benefits of parallel networking and network segmentation for IoT devices. It describes how traditionally networks are monolithic with everything connected, but this poses security risks. The solution proposed is to use separate, dedicated networks for different systems like POS, customer WiFi, digital signage, HVAC etc. This physically segments the networks for increased security. The benefits are improved PCI compliance by reducing the scope of networks auditors need to assess, and eliminating opportunities for hackers to pivot from one network to another. It gives an example of how network segmentation could have prevented the Target data breach.
This document summarizes a study that coupled a participatory system dynamics model with the Soil and Water Assessment Tool model to support water quality management in the Du Chêne basin in Quebec. A qualitative system dynamics model was developed with stakeholders then converted to a quantitative model in Simile software. This was coupled with a SWAT model of the basin using an interface from the PEST parameter estimation software. The coupled models were used to discuss scenarios with stakeholders and test management options, though they are not suited for operational use due to uncertainty. Future work will test other coupling methods and apply the approach to soil salinity issues in Pakistan.
Rodrigo Branas tem experiência em desenvolvimento Java, gerenciamento de projetos e certificações. Ele trabalhou para várias empresas e ministrou treinamentos sobre diversos tópicos de tecnologia.
This document summarizes the results of a pilot aquifer storage and recovery (ASR) system in Nizwa, Sharjah, UAE. The objectives were to develop a cost-effective 400 million gallon fresh water storage system using desalinated water. A feasibility study and pilot testing were conducted between 2003-2009. The pilot involved two ASR systems with monitoring wells. Cycling of injection, storage and recovery improved the efficiency to 95%. Numerical modeling found the site suitable to support the full 400 million gallon project. The pilot demonstrated the ASR technology could effectively store and recover fresh water in the unconfined aquifer.
This document outlines Gordon Vala-Webb's presentation on managing knowledge work through kanban. The presentation introduces kanban and its key principles, including making work visible, setting work in progress limits, avoiding multi-tasking, identifying and addressing bottlenecks, implementing a pull system rather than a push system, and using visual boards. Examples of applying kanban to content publishing, RFP responses, projects, and implementing a project pipeline are provided. The presentation concludes by discussing changing work practices through stealth shaping and taking questions.
1) Four friends - Jennifer, Geena, Jessica, and Isabella - have a conversation before their Arabic class at Green Valley High School.
2) When the bell rings, they go to their Arabic class where their teacher, Rose, conducts a dictation test by dictating words for the students to write down.
3) After the dictation test is completed and class ends, the girls discuss their plans for a new science project as they get ready to go home for the day.
This document discusses the goals and benefits of the TeleNurse Network, which aims to reduce barriers to home and community-based healthcare services through telemedicine and collaboration between nurses, providers, hospitals, and community centers. The TeleNurse Network seeks to increase access to telehealth nursing services and community-based preventative care services while reducing readmission rates. Nurses play a key role in telemedicine by providing specialty care services for conditions like acute illness, post-operative care, and chronic disease management.
Secure and efficient data transmission for cluster based wirelessSai Sirisha
This document proposes two secure data transmission protocols for cluster-based wireless sensor networks called SET-IBS and SET-IBOOS. SET-IBS relies on the Diffie-Hellman problem for security, while SET-IBOOS relies on the discrete logarithm problem. The protocols aim to securely and efficiently transmit sensor data to base stations while improving on existing protocols by reducing computational overhead and energy consumption through clustering and dynamic routing techniques. Evaluation of the protocols demonstrates their effectiveness compared to other secure clustering methods for wireless sensor networks.
O documento apresenta o currículo de Rodrigo Branas, incluindo sua formação acadêmica em Ciências da Computação e Gerenciamento de Projetos, certificações como PMP e Java, experiência de 10 anos na plataforma Java e como instrutor de treinamentos em Clean Code, Selenium e Maven. O treinamento de Clean Code introduz conceitos como produtividade, satisfação profissional, qualidade do código e boas práticas para escrever código limpo e de alta qualidade.
S P Rohit presented a seminar on virtual keyboard technology. The seminar discussed how a virtual keyboard works using sensor technology and optical detection to track finger movements and project a keyboard interface onto any surface. It described the modules of a virtual keyboard including sensors, infrared light source, and pattern projector. Advantages include portability, accuracy, and avoiding repetitive strain injuries. Drawbacks include higher costs and needing adequate lighting. Virtual keyboards can be used with smartphones, PDAs, and in industrial and gaming applications.
Klingbeil, R., 2012. Challenges to Water Resources Management in the Middle East. Presentation in the Water Resources Seminar, 17 January 2012, American University of Technology, Halat - Byblos, Lebanon.
1. O documento apresenta uma introdução ao HTML, CSS e JavaScript, incluindo a estrutura básica de um arquivo HTML, formatação de texto e elementos como cabeçalhos e separadores.
2. É fornecida uma explicação detalhada sobre a estrutura de um arquivo HTML, incluindo as tags <html>, <head> e <body>, e exemplos de como formatar texto.
3. O documento também discute a inserção e formatação de texto em HTML, como cores, fontes, tamanhos e blocos de texto, assim como diferentes níveis de cabeç
1) O documento apresenta as principais ferramentas e funcionalidades do Microsoft Word 2010, incluindo trabalhar com documentos, salvar arquivos, visualizar documentos, configurar páginas e formatar texto.
2) É ensinado como definir margens, orientação, cabeçalhos, rodapés e outros elementos de configuração de página no Word 2010.
3) São explicados recursos de formatação de texto como fontes, parágrafos, marcadores, bordas, além de inserção de elementos gráficos como imagens e tabelas.
Introdução à Criação De Páginas Web Aula1marioreis
Este documento apresenta um curso sobre criação de páginas web. O curso ensina sobre a história da web, conceitos básicos como cliente-servidor e URL, e ferramentas como HTML, editores WYSIWYG e navegadores. O plano do curso inclui 5 aulas sobre elementos HTML básicos e avançados e construção de um site.
Este documento fornece uma introdução aos Web Components, incluindo seus pilares como Custom Elements, Shadow DOM e Templates. Ele também discute como habilitar Web Components nos navegadores e fornece exemplos de como criar elementos personalizados, usar Shadow DOM e importar documentos HTML.
O documento fornece informações sobre a criação de revistas digitais no Adobe InDesign. Resume as principais etapas para:
1) Formatos de publicação digital que combinam elementos gráficos e editoriais de mídia impressa com recursos digitais como áudio, vídeo e hipertexto;
2) Diagramação de revistas digitais no InDesign, adaptando elementos do impresso para o digital.
Uma visão crítica sobre o hype da vez. Esta palestra tem como norte tirar o ruído e fundamentar (inclusive com exemplos) o que realmente importa neste papo de componentes.
http://frontinpoa.com.br/2014
Video: https://www.youtube.com/watch?v=KhSDReAefx0
IoD Woman in Leadership Digital Transformation March 2016Niall McKeown
This document discusses digital transformation and the characteristics of digital innovators. It provides three case studies of companies that successfully underwent digital transformation, doubling in size within 18 months or achieving €2 million in revenue within a year. It then outlines six key characteristics of digital innovators, such as having a strategy set by data-driven leaders and understanding the importance of innovation. The document advocates aligning business models to take advantage of technological changes and being able to articulate the current and desired future state of the organization.
Dataset Quality Ontology - An Engineering Experiencejerdeb
Data quality is commonly defined as fitness for use. Many data consumers face the problem of identifying the quality of data. Data publishers, on the other hand, often do not have the means to identify quality issues in their data. To make the task for both stakeholders easier, we have developed the Dataset Quality Ontology (daQ) [1]. daQ is a core vocabulary for representing the results of quality benchmarking of a linked dataset. It represents quality metadata as multi-dimensional and statistical observations using the Data Cube Vocabulary. Quality metadata are organised as a self-contained graph, which can be embedded into linked datasets to support quality-based retrieval and ranking. During this talk the discussion will include design issues behind the daQ vocabulary and how it helped evolving the upcoming W3C Data Quality Vocabulary initiative [2], and some ontology quality issues related to ontologies and vocabularies.
[1] Debattista, J., Lange, C., & Auer, S. (2014). Representing dataset quality metadata using multi-dimensional views. Proceedings of the 10th International Conference on Semantic Systems, 92-99.
[2] https://www.w3.org/TR/vocab-dqv/
Security Architecture for Small Branch and IoTBarcoding, Inc.
This document discusses the benefits of parallel networking and network segmentation for IoT devices. It describes how traditionally networks are monolithic with everything connected, but this poses security risks. The solution proposed is to use separate, dedicated networks for different systems like POS, customer WiFi, digital signage, HVAC etc. This physically segments the networks for increased security. The benefits are improved PCI compliance by reducing the scope of networks auditors need to assess, and eliminating opportunities for hackers to pivot from one network to another. It gives an example of how network segmentation could have prevented the Target data breach.
This document summarizes a study that coupled a participatory system dynamics model with the Soil and Water Assessment Tool model to support water quality management in the Du Chêne basin in Quebec. A qualitative system dynamics model was developed with stakeholders then converted to a quantitative model in Simile software. This was coupled with a SWAT model of the basin using an interface from the PEST parameter estimation software. The coupled models were used to discuss scenarios with stakeholders and test management options, though they are not suited for operational use due to uncertainty. Future work will test other coupling methods and apply the approach to soil salinity issues in Pakistan.
Rodrigo Branas tem experiência em desenvolvimento Java, gerenciamento de projetos e certificações. Ele trabalhou para várias empresas e ministrou treinamentos sobre diversos tópicos de tecnologia.
This document summarizes the results of a pilot aquifer storage and recovery (ASR) system in Nizwa, Sharjah, UAE. The objectives were to develop a cost-effective 400 million gallon fresh water storage system using desalinated water. A feasibility study and pilot testing were conducted between 2003-2009. The pilot involved two ASR systems with monitoring wells. Cycling of injection, storage and recovery improved the efficiency to 95%. Numerical modeling found the site suitable to support the full 400 million gallon project. The pilot demonstrated the ASR technology could effectively store and recover fresh water in the unconfined aquifer.
This document outlines Gordon Vala-Webb's presentation on managing knowledge work through kanban. The presentation introduces kanban and its key principles, including making work visible, setting work in progress limits, avoiding multi-tasking, identifying and addressing bottlenecks, implementing a pull system rather than a push system, and using visual boards. Examples of applying kanban to content publishing, RFP responses, projects, and implementing a project pipeline are provided. The presentation concludes by discussing changing work practices through stealth shaping and taking questions.
1) Four friends - Jennifer, Geena, Jessica, and Isabella - have a conversation before their Arabic class at Green Valley High School.
2) When the bell rings, they go to their Arabic class where their teacher, Rose, conducts a dictation test by dictating words for the students to write down.
3) After the dictation test is completed and class ends, the girls discuss their plans for a new science project as they get ready to go home for the day.
This document discusses the goals and benefits of the TeleNurse Network, which aims to reduce barriers to home and community-based healthcare services through telemedicine and collaboration between nurses, providers, hospitals, and community centers. The TeleNurse Network seeks to increase access to telehealth nursing services and community-based preventative care services while reducing readmission rates. Nurses play a key role in telemedicine by providing specialty care services for conditions like acute illness, post-operative care, and chronic disease management.
Secure and efficient data transmission for cluster based wirelessSai Sirisha
This document proposes two secure data transmission protocols for cluster-based wireless sensor networks called SET-IBS and SET-IBOOS. SET-IBS relies on the Diffie-Hellman problem for security, while SET-IBOOS relies on the discrete logarithm problem. The protocols aim to securely and efficiently transmit sensor data to base stations while improving on existing protocols by reducing computational overhead and energy consumption through clustering and dynamic routing techniques. Evaluation of the protocols demonstrates their effectiveness compared to other secure clustering methods for wireless sensor networks.
O documento apresenta o currículo de Rodrigo Branas, incluindo sua formação acadêmica em Ciências da Computação e Gerenciamento de Projetos, certificações como PMP e Java, experiência de 10 anos na plataforma Java e como instrutor de treinamentos em Clean Code, Selenium e Maven. O treinamento de Clean Code introduz conceitos como produtividade, satisfação profissional, qualidade do código e boas práticas para escrever código limpo e de alta qualidade.
S P Rohit presented a seminar on virtual keyboard technology. The seminar discussed how a virtual keyboard works using sensor technology and optical detection to track finger movements and project a keyboard interface onto any surface. It described the modules of a virtual keyboard including sensors, infrared light source, and pattern projector. Advantages include portability, accuracy, and avoiding repetitive strain injuries. Drawbacks include higher costs and needing adequate lighting. Virtual keyboards can be used with smartphones, PDAs, and in industrial and gaming applications.
Klingbeil, R., 2012. Challenges to Water Resources Management in the Middle East. Presentation in the Water Resources Seminar, 17 January 2012, American University of Technology, Halat - Byblos, Lebanon.
Soil Erosion for Vishwamitri River watershed using RS and GISvishvam Pancholi
1) This document summarizes a study of soil erosion in the Vishwamitri River watershed using the Universal Soil Loss Equation (USLE).
2) The USLE factors of rainfall (R), soil erodibility (K), slope length and steepness (LS), crop management (C), and supporting practices (P) were calculated for four sub-watersheds using GIS and remote sensing data.
3) The results showed that two of the sub-watersheds (SW1 and SW2) have very severe soil erosion rates of over 97 and 129 tons/ha/year respectively, and should be prioritized for soil conservation measures.
This module will introduce you to the exploratory aspects of Fishery Arts. It
explains the different areas covered by Fishery I; namely, Fish Morphology, Fish
Culture, Fish Capture and Fish Preservation. Fish, as the major product will be
discussed first in this module. You will be given information on the morphology of fishes;
fishery as a business; and the three branches of fishery including technical terms
encountered in the study of fishery for further understanding of the topic.
Enterprise Content Management - Grundlagen und PraxisGerald Pitschek
Die Präsentation gibt einen Überblick rund um das Thema Enterprise-Content-Management. Es werden die ECM-Architektur- und Konzeptionskomponenten vorgestellt, einige Praxisbeispiele präsentiert sowie auf den österreichischen ECM-Anbietermarkt eingegangen.
Este documento apresenta os conceitos básicos da linguagem HTML para iniciantes, incluindo a estrutura básica de uma página HTML, as principais tags como <div>, <span>, <h1-6>, <p>, <br>, âncoras, listas não ordenadas e ordenadas, inserção de imagens, formulários, entre outros. O documento também explica como estilizar páginas HTML com CSS e adicionar dinamismo com JavaScript.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
Devmedia - Conhecendo o framework front-end FoundationDevmedia
O documento discute o framework CSS Foundation 3, que utiliza o pré-processador Sass para permitir o desenvolvimento rápido de estilos. Ele fornece uma grade responsiva, tipografia modular, botões prontos para uso, opções de navegação cross-device, formulários e outros elementos UI para prototipagem. O documento também explica como baixar e configurar a estrutura básica do Foundation.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
O documento fornece exemplos de códigos JavaScript para criar diversos elementos interativos em páginas web, como ciclo de banners, janelas rolantes, painéis de menus, interligação de campos de formulários, calendário de eventos, duplo clique, menus suspensos e outros. O foco é ensinar técnicas básicas e avançadas de JavaScript por meio de exemplos práticos passo a passo.
Este documento fornece instruções sobre como usar o software Dreamweaver para criar sites. Ele explica como conhecer a interface do Dreamweaver, criar páginas, trabalhar com imagens, hiperlinks, tabelas, formulários e outras funcionalidades.
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
O documento discute a evolução da web, desde suas origens estáticas até a web dinâmica e interativa de hoje. Apresenta as principais tecnologias por trás do desenvolvimento web, como HTML, CSS e JavaScript. Explica também os modelos de desenvolvimento em camadas e a importância dos padrões da W3C.
O documento apresenta um mini curso sobre jQuery. Resume os principais pontos abordados no curso: 1) jQuery é um framework JavaScript que simplifica o desenvolvimento de scripts para interagir com HTML; 2) jQuery ajuda no controle do DOM, desenvolvimento facilitado de JavaScript, manipulação de CSS e efeitos visuais; 3) jQuery é compatível com os principais navegadores e possui uma grande comunidade de apoio.
O documento descreve as principais novidades do HTML5 e CSS3, incluindo a reorganização semântica do HTML5 com elementos como header, nav, section e article, assim como recursos multimídia como vídeo e canvas, e propriedades avançadas de CSS3 como borda arredondada, sombras e transições. Exemplos são fornecidos para ilustrar o uso desses recursos.
Este documento fornece uma visão geral de um curso de desenvolvimento web e apresenta os principais tópicos a serem abordados, incluindo HTML, CSS, JavaScript, frameworks e conceitos como protocolo HTTP e servidores web.
O documento discute como desenvolver sites mobile usando o framework jQuery Mobile. Resume as 3 principais ideias:
1) Muitos usuários já estão acessando a internet principalmente por dispositivos móveis, então é importante que sites sejam responsivos e funcionem bem nessas plataformas.
2) jQuery Mobile é um framework HTML5 que facilita o desenvolvimento de sites e aplicativos multiplataforma, utilizando uma abordagem baseada em HTML, CSS e JavaScript para criar interfaces ricas e consistentes.
3) O framework fornece vários widgets como bot
O documento apresenta as principais novidades da especificação HTML5, incluindo novos elementos semânticos, formulários aprimorados, integração de mídia como áudio e vídeo, o canvas para desenho, e APIs que fortalecem o desenvolvimento do lado do cliente. O palestrante Clécio Bachini discute como o HTML5 é a evolução natural da web, não uma ruptura, e como proporciona marcação semântica e compatibilidade multiplataforma.
O documento apresenta uma palestra sobre HTML5. Em três frases ou menos:
HTML5 é a nova especificação do W3C para a web que introduz novos elementos, APIs e recursos multimídia como canvas e vídeo. A palestra aborda as novidades da linguagem e como desenvolvedores podem começar a usar o HTML5 agora mesmo aproveitando sua natureza modular. O palestrante Clécio Bachini é especialista em web standards e fundador da empresa Soyuz Sistemas.
O documento apresenta as principais tags HTML para estruturar páginas web, incluindo tags para títulos, parágrafos, listas, imagens, links, formulários e outros elementos importantes para construir páginas interativas.
O documento discute as novas possibilidades trazidas pela especificação HTML5, como elementos estruturais semânticos, novos tipos de entrada para formulários, integração de mídia como vídeo e áudio, uso de canvas e SVG, e APIs que permitem novas funcionalidades para aplicações web. A especificação HTML5 evolui a web de forma modular, permitindo que recursos sejam implementados gradualmente pelos navegadores sem depender da finalização da especificação.
Este documento fornece uma introdução aos principais conceitos de HTML, incluindo: (1) HTML é a linguagem usada para escrever páginas da web, permitindo estruturar texto com etiquetas; (2) Páginas da web podem conter não só texto, mas também imagens, vídeos e outros conteúdos multimídia; (3) Formulários HTML permitem coletar dados do usuário através de campos de texto, caixas de seleção e botões.
O documento descreve o que é HTML5, suas principais funcionalidades como novos elementos semânticos, controle de mídia, e uso offline, e como está sendo usado em jogos, animações e aplicativos de desenho. Também discute padrões e ambientes de desenvolvimento para HTML5.
O documento fornece uma introdução ao framework jQuery Mobile, descrevendo suas principais funcionalidades em 3 frases ou menos:
jQuery Mobile é um framework para desenvolvimento de interfaces para dispositivos móveis utilizando HTML5, CSS3 e jQuery. Ele permite criar páginas responsivas através de widgets como navbars, formulários e painéis deslizantes. O framework também oferece funcionalidades avançadas como animações, navegação entre páginas e manipulação de eventos do dispositivo.
O documento descreve como funcionam as aplicações web. 1) Os clientes como computadores, tablets e telefones acessam conteúdo de um servidor web através da internet. 2) Os clientes utilizam navegadores web como Chrome e Dreamweaver para acessar os conteúdos. 3) Para criar conteúdo web em HTML e CSS não é necessário entender todo o funcionamento da internet, mas algumas noções básicas são úteis.
2. O Framework jQuery mobile
O jQuery mobile framework permite:
Projetar um web site ou uma aplicação responsiva que trabalhará em
todos os smartphones, tablets e desktops.
Utilizar o web site ou aplicativo em qualquer SO.
O framework é baseado em Javascript e CSS.
Fonte:
www.jquerymobile.com
3. Suporte aos Browsers
Possui um amplo sistema de suporte aos browsers:
Apple
Android
Windows Phone
Blackberry
Palm WebOS
Firefox Mobile
Chrome for Android
Skyfire
Opera Mobile
MeeGo
Tizen
Samsung Bada
4. Recursos do Framework
Possui uma semântica bastante simplificada.
Possui ampla possibilidade de customização de conteúdo.
Através de comandos próprios é possível:
Criar uma ou múltiplas páginas
Criar efeitos de transição entre páginas
Criar janela de diálogo
Criar até 26 temas através da ferramenta ThemeRoller
Criar barra de navegação
Criar um grid na página
Criar collapsibles
Criar formulários
Criar campo text
Criar campo number
Criar campo date
Criar campo textarea
Criar slider
Criar flip switch
Criar radio button
Criar checkbox
7. Instalação do jQuery mobile
Para CRIAR um documento utilizando jQuery mobile é necessário fazer referência à
biblioteca jQuery mobile:
Pode-se utilizar as três referências que apontam para o conteúdo que está online:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.js"></script>
Ou ainda, pode-se abaixar o Código Fonte e fazer referência a ele:
Zip File: jquery.mobile-1.4.5.zip (JavaScript, CSS, e imagens)
8. Formatando a Página no Device
Para especificarmos como o browser deve apresentar o nível de zoom da página e
apresentar as suas dimensões, adicionamos na tag <head> uma tag <meta> de
formatação:
<head>
<meta charset=“utf-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
...
</head>
Setando o viewport, a largura será setada à largura (em pixel) da tela do device.
9. Criar uma Página
Para criar uma página adiciona-se dentro do <body> uma tag <div>:
<body>
<div data-role=“page”>
...(CABEÇALHO, CONTEÚDO, RODAPÉ)
</div>
</body>
Ou seja, todo o conteúdo que estiver dentro da tag <div> será formatado pelo
jQuery mobile com o tipo de formatação “page”.
10. Partes da Página
Dentro do <div data-role=“page”> adiciona-se Cabeçalho, Conteúdo e
Rodapé:
<body>
<div data-role=“page”>
<div data-role=“header”>
<h1>Cabeçalho</h1>
</div>
<div role=“main” class=“ui-content”>
<p>Conteúdo</p>
</div>
<div data-role=“footer”>
<h1>Rodapé</h1>
</div>
</div>
</body>
11. Criar Múltiplas Páginas
Criando múltiplas páginas dentro de um único documento e os links:
<body>
<--- Início da Página “um” -->
<div data-role=“page” id=“um”>
<div data-role=“header”>
<h1>Cabeçalho</h1>
<a href=“#dois”>Próxima Página</a>
</div>
...(Conteúdo e Rodapé)
</div> <--- Fim da Página “um” -->
<--- Início da Página “dois” -->
<div data-role=“page” id=“dois”>
<div data-role=“header”>
<h1>Cabeçalho</h1>
<a href=“#um”>Página Anterior</a>
</div>
...(Conteúdo e Rodapé)
</div> <--- Fim da Página “dois” -->
</body>
12. Efeitos de Transição entre Páginas
Ao referenciar uma página pode-se adicionar efeito de transição utilizando o
atributo data-transition= “pop”:
<body>
<div data-role=“page” id=“um”>
<div data-role=“header”>
<h1>Cabeçalho</h1>
<a href=“#dois” data-transition=“pop”>Próxima Página</a>
</div>
...(CONTEÚDO e RODAPÉ)
</div>
</body>
13. Tipos de Efeito de Transição entre Páginas
Além do efeito de transição do tipo pop, temos:
fade
flip
turn
flow
slidefade
slide
slideup
slidedown
none
14. Criar Janela de Diálogo
Dentro do <body> cria-se uma <div> como Janela de Diálogo utilizando o atributo
data-role=“dialog”. A Janela de Diálogo pode ser referenciada dentro do CONTEÚDO.
<body>
<div role=“main” class=“ui-content”>
<p>Conteúdo</p>
<a href=“#dialogo01” data-transition=“turn”>Janela de Diálogo</a>
</div>
<div data-role=“dialog” id=“dialogo01”>
<div data-role=“header”>
<h1>Diálogo</h1>
</div>
<div role=“main” class=“ui-content”>
<p>Conteúdo do diálogo</p>
</div>
</div>
</body>
15. Gerando Temas
Na página www.jquerymobile.com no link “Themes” há a Ferramenta “ThemeRoller”.
O ThemeRoller automatiza o processo de criação de TEMAS, tornando possível a criação
dos arquivos CSS para até 26 tipos de temas, denominados: A, B, C ... Z.
16. Adicionando Temas à Página
Após a criação dos Temas:
Faz-se o download do arquivo e o salve dentro da pasta, ou subpasta, junto
com o Documento HTML.
Dentro da tag <head> adiciona-se os links dos arquivos CSS gerados.
18. Barra de Navegação
Para criar um BARRA DE NAVEGAÇÃO, dentro da página cria-se uma <div>
utilizando o atributo data-role=“navbar”:
...(CABEÇALHO)
<div data-role=“navbar”>
<ul>
<li><a href=“#two”>Page Two</a></li>
<li><a href=“#three”>Page Three</a></li>
<li><a href=“https://www.google.com.br”>Google</a></li>
</ul>
</div>
...(CONTEÚDO e RODAPÉ)
19. Grid
Para criar um GRID, dentro do CONTEÚDO cria-se um <div> utilizando o atributo
class=“ui-grid-a”.
...(CABEÇALHO)
<div role=“main” class=“ui-content”>
<div class=“ui-grid-a”>
<div class=“ui-block-a”>Bloco A</div>
<div class=“ui-block-b”>Bloco B</div>
</div>
</div>
...(RODAPÉ)
20. Collapsible
Para criar um COLLAPSIBLE, dentro do CONTEÚDO cria-se um <div> utilizando o
atributo data-role=“collapsible”:
<div data-role=“collapsible”>
<h3>Testando Collapsible</h3>
<p>Texto do Collapsible</p>
</div>
21. Formulário
Para criar um FORMULÁRIO, dentro do CONTEÚDO cria-se um <form> utilizando
o atributo action=“form01.html”:
<form action=“form01.html” method=“post”>
...(CONTEÚDO DO FORMULÁRIO)
</form>
22. Campos text no Formulário
Para criar uma LABEL e um CAMPO TEXTO dentro do FORMULÁRIO cria-se dentro
do <form> uma tag <label> e uma <input>, respectivamente:
<label for=“text01”>Text 01</label>
<input type=“text” name=“text01” />
23. Campo number no Formulário
Para criar um CAMPO NUMBER dentro do FORMULÁRIO cria-se dentro do <form>
uma tag <input> :
<label for=“number01”>Number</label>
<input type=“number” name=“number01” id=“number01” value=“” />
24. Campo date no Formulário
Para criar um CAMPO DATE dentro do FORMULÁRIO cria-se dentro do <form>
uma tag <input> :
<label for=“date01”>Date</label>
<input type=“date” name=“date01” id=“date01” value=“” />
25. Campo textarea no Formulário
Para criar um CAMPO TEXTAREA dentro do FORMULÁRIO cria-se dentro do
<form> uma tag <textarea> :
<label for=“textarea01”>TextArea01</label>
<textarea name=“textarea01”></textarea>
26. Campo slider no Formulário
Para criar um CAMPO SLIDER dentro do FORMULÁRIO cria-se dentro do <form> uma
tag <input> :
<label for=“slider01”>Slider01</label>
<input type=“range” name=“slider01” value=“40” min=“20” max=“190” step=“5”
data-highlight=“true” data-theme=“g” />
27. Campo flip switch no Formulário
Para criar um CAMPO FLIP SWITCH dentro do FORMULÁRIO cria-se dentro do <form>
uma tag <select> :
<label for=“flipswitch01”>FlipSwitch01</label>
<select name=“flipswitch01” data-role=“flipswitch” id=“flipswitch01”>
<option value=“On”>On</option>
<option value=“Off”>Off</option>
</select>
28. Radio Buttons no Formulário
Para criar RADIO BUTTONS dentro do FORMULÁRIO cria-se dentro do <form> uma tag
<fieldset>. Dentro desta, cria-se as tags <label> e <input>:
<fieldset data-role=“controlgroup” data-type=“vertical” data-mini=“true”>
<legend>RadioButtons</legend>
<label for=“radio01”>RadioButton01</label>
<input name=“radio01” id=“radio01” type=“radio” value=“1” />
<label for=“radio02”>RadioButton02</label>
<input name=“radio01” id=“radio02” type=“radio” value=“2” />
</fieldset>
29. Checkbox no Formulário
Para criar CHECKBOX dentro do FORMULÁRIO cria-se dentro do <form> uma tag
<fieldset>. Dentro desta, cria-se as tags <label> e <input>:
<fieldset data-role=“controlgroup” data-type=“vertical” data-mini=“true”>
<legend>Checkbox:</legend>
<label><input type=“checkbox” name=“checkbox01” checked=“true” />
Checkbox01</label>
<label> ><input type=“checkbox” name=“checkbox02” />Checkbox02 </label>
</fieldset>