DOMINGOS DE CARVALHO VILLELA JÚNIOR

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

Download "DOMINGOS DE CARVALHO VILLELA JÚNIOR"

Transcrição

1 I DOMINGOS DE CARVALHO VILLELA JÚNIOR WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos Projeto Agente Local de Inovação ASSIS 2013

2 II INOVA PAULA SOUZA NÚCLEO DE INOVAÇÃO TECNOLÓGICA DO CENTRO PAULA SOUZA PROJETO AGENTE LOCAL DE INOVAÇÃO DOMINGOS DE CARVALHO VILLELA JÚNIOR WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos ASSIS 2013

3 III DOMINGOS DE CARVALHO VILLELA JÚNIOR WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos Projeto apresentado ao INOVA Paula Souza na área de concentração Agente Local Inovação, ETEC/Assis. ASSIS 2013

4 IV LISTA DE FIGURAS Figura 1 - Site do livro de arquitetura Java da Caelum em diversos dispositivos... 1 Figura 2 - Exemplo de site responsivo... 2 Figura 3 - Exemplo de site não responsivo... 2 Figura 4 - Comparação entre um site não responsivo e responsivo... 3 Figura 5 - Capa da pesquisa feita pelo Google, Nosso Planeta Mobile: Brasil... 4 Figura 6 - Dois sites da Wikipédia, um para desktop e outro para celular... 5 Figura 7 - Mapa mental dos objetivos específicos do projeto... 7 Figura 8 - Foto de Ethan Marcotte... 8 Figura 9 - Artigo escrito por Ethan Marcotte... 9 Figura 10 - Diagrama de PERT da sequencia das atividades do projeto Figura 11 - Diagrama de GANTT das tarefas do projeto Figura 12 - Zoom do diagrama de GANTT das tarefas do projeto... 13

5 V LISTA DE SIGLAS E ACRÔNIMOS Android Sistema operacional para smartphones da Google Caelum Ensino e Inovação, empresa reconhecida pela excelência de seus cursos CSS Cascading Style Sheets C# Linguagem de programação orientada à objetos da Microsoft Desktop Computador tradicional situado em cima de uma mesa de trabalho Eclipse IDE para desenvolvimento de softwre da IBM e-reader Leitor de livros digitais GPS Global Positioning System IBM International Business Machine, empresa multinacional do ramo de TI IDE Integrated Development Environment, ferramenta para desenvolvimento de software FEMA Fundação Educacional do Município de Assis Framework Códigos escritos em linguagem de programação comuns entre vários projetos de software provendo uma funcionalidade genérica HTML HyperText Markup Language Java Linguagem de programação orientada à objetos adquirida da Sun Microsystems pela Oracle Oracle Empresa multinacional do ramo de TI PERT Program Evaluation Review Technique RIA Rich Internet Application TCC Trabalho de conclusão de curso TI Tecnologia da Informação TIC Tecnologias da Informação e Comunicação UTFPR Universidade Tecnológica Federal do Paraná Web World Wide Web Wi-Fi Rede local sem fios (WLAN) baseados no padrão IEEE WVGA800 Display com resolução de tela com 480x800 pixels

6 VI SUMÁRIO 1 INTRODUÇÃO JUSTIFICATIVA OBJETIVOS METODOLOGIA CRONOGRAMA BIBLIOGRAFIA... 15

7 1 1 INTRODUÇÃO É possível desenvolver uma só apresentação para um site, um só design, e que esse design seja bem apresentado em quaisquer dispositivos e conforme tenha projetado, que se adapte aos diferentes meios em que este site é acessado. Sites com estas características possuem Web Design Responsivo. A figura 1 ilustra o site do livro de arquitetura Java da Caelum acessado por diversos dispositivos. Figura 1: Site do livro de arquitetura Java da Caelum em diversos dispositivos. Fonte: CAELUM, 2012 Um site com web design responsivo pode ser acessado de um desktop, notebook, netbook, smartphone, tablet, TV, e e-reader; em suma de qualquer dispositivo com acesso à rede mundial de computadores independentemente de sua resolução, de sua capacidade de cores e processamento, se é touch ou não. E mesmo com essas diferenças dos dispositivos que podem acessar o site, ele continua bem apresentado, inclusive com possibilidade de se alterar a ordem em que os conteúdos são apresentados e até mesmo se serão mostrados ou não. A figura 2 ilustra o exemplo de um site responsivo, do Livro de Arquitetura Java da Caelum, apresentando três diferentes visões de resolução, no desktop e em um celular na posição retrato e paisagem. Este site é acessível em <http://www.arquiteturajava.com.br/>; nesta figura é possível observar que o conteúdo do site se adapta automaticamente ao dispositivo, redimensionando e reposicionando as imagens e alterando o tamanho das fontes dos textos, de modo a preservar a usabilidade no smartphone.

8 2 Figura 2: Exemplo de site responsivo. Fonte: Autoria própria, A figura 3 ilustra o exemplo de um site não responsivo, do INOVA Paula Souza acessível em <http://www.inovapaulasouza.sp.gov.br/home>, também em três visões. Neste caso o conteúdo é cortado sendo o usuário obrigado a usar a barra de rolagem horizontal para visualizar todo o conteúdo do site no caso de acesso por smartphone que não disponha de zoom automático; prejudicando a usabilidade do site. Para realizar testes de responsividade de forma rápida basta acessar o site no desktop, redimensionar a janela do navegador web e verificar se o site se adapta automaticamente à área disponível da janela. Figura 3: Exemplo de site não responsivo. Fonte: Autoria própria, 2013.

9 3 Estes exemplos foram verificados pelo site de teste de responsividade Demonstrating Responsive Design feito para este propósito, disponível em <http://jamus.co.uk/demos/rwddemonstrations/>. Nesta simulação podemos observar que o site não responsivo viola regras de usabilidade mais rigorosas. Na figura 4 é mostrado o comportamento dos sites mencionados anteriormente no simulador de smartphone do Eclipse configurado para Android em display WVGA800. Figura 4: Comparação entre um site não responsivo e responsivo. Fonte: Autoria própria, Estes exemplos são simulações podendo haver variação entre navegadores, sistemas operacionais dos smartphones e hardware dos dispositivos, mas deste já fica claro os benefícios das técnicas de web design responsivo. Não existe uma Web móbile, a web é única e não há necessidade de versões específicas para celulares. O web design responsivo é a resposta única para uma web única, é uma forma de pensar a web e dentro de pouco tempo será tão vital e importante aos desenvolvedores e à experiência do usuário final quanto o próprio HTML ou o CSS. (ZEMEL, 2012) A partir destes fatos, surgiu o título do projeto WEB DESIGN RESPONSIVO: One Web com usabilidade adaptativa aos dispositivos.

10 4 2 JUSTIFICATIVA Existe uma forte base estatística que justifica por que deve-se dar atenção e atuar no mercado mobile. Havia uma previsão que as vendas de celulares ultrapassariam as vendas combinadas de desktops e notebooks em 2012, esta previsão estava errada, isto aconteceu em 2010, mesmo ano em que o número de celulares e smartphones bateu a casa dos 200 milhões no Brasil. Em 2011 a venda de smartphones cresceu 179% no Brasil, com funções consideradas avançadas como Wifi, GPS e acesso a internet. (SmartOnline, 2011) O Google elaborou uma pesquisa chamada "Nosso Planeta Mobile: Brasil - Como entender o usuário de celular", a figura 5 ilustra a capa da pesquisa. Alguns números importantes desta pesquisa são: (GOOGLE, 2012) A difusão dos smartphones atinge 14% da população e esses proprietários de smartphones dependem cada vez mais de seus dispositivos. 73% acessam a internet todos os dias no smartphone e muitos nunca saem de casa sem ele; 88% dos usuários de smartphones procuram informações locais em seus telefones e 92% tomam decisões em decorrência disso, como fazer uma compra ou entrar em contato com a empresa; 31% dos usuários de smartphones fizeram uma compra pelo celular; Anúncios para celular são vistos por 94% dos usuários de smartphones; 75% dos usuários realizaram uma pesquisa em seus smartphones depois de visualizar um anúncio off-line. Figura 5: Capa da pesquisa feita pelo Google, Nosso Planeta Mobile: Brasil. Fonte: GOOGLE, 2012

11 5 O grande problema do desenvolvimento tradicional é que os sites não são idealizados desde sua concepção para serem flexíveis e mostrados de forma adequada em todos os dispositivos disponíveis nos dias de hoje. Há diversas desvantagens nesta abordagem, em especial, quando houver um novo dispositivo móvel com uma tela bem diferente será feita uma versão do site para ele? E quando precisar fazer uma alteração, como ficarão as diversas versões do site para cada dispositivo? Este é o caso do site da Wikipédia que será redirecionado para a página <http://en.m.wikipedia.org/> se o acesso for via mobile. Esta é a estratégia do m ponto (m.website.com). Acessando este link no desktop, a página flui e ocupa a tela toda, fica feio e ruim de usar, mas é aceitável. Os desenvolvedores da Wikipédia não usam tecnologia responsiva, na verdade são dois sites separados um para desktop e outro para dispositivos móveis. A figura 6 ilustra os dois sites da Wikipédia o tradicional para desktop e o novo para acesso via celulares. Foi feita uma pesquisa sobre o termo Web design nos dois sites e podemos notar que os dois projetos são totalmente diferentes, ou seja, são dois projetos totalmente separados gerando um retrabalho e alto custo de manutenção. Figura 6: Dois sites da Wikipédia, um para desktop e outro para celular. Fonte: Autoria própria, Ao acessar sites através de um dispositivo móvel como o iphone ou os dispositivos instalado o Android, o próprio device se encarrega de fazer sua mágica para que todo o

12 6 conteúdo seja apresentado na tela como se aplicasse um zoom out nele todo. Essa facilidade que os dispositivos móveis oferecem realmente facilita o processo de desenvolvimento, já que nem todos os sites estão tecnicamente preparados para apresentar seu conteúdo nas mais diversas resoluções possíveis, mas este zoom não atende aos padrões e gostos de usabilidade um pouco mais rigorosos. Já é uma realidade que os dispositivos mobile chegaram para ficar e estão assumindo seu lugar. Em pouco tempo prometem ser o padrão para acesso a web e já estamos entrando na era pós desktop. Uma contribuição para que a web possa evoluir, os cursos do Centro Paula Souza sejam mais inovadores e os desenvolvedores possam atualizar seu know-how teórico, é justamente a proposta deste projeto; ele trará conhecimento sobre técnicas como layout fluido, imagens flexíveis e media queries entre outras tecnologias e conceitos. Os benefícios deste projeto serão vistos pelo CEETEPS através de uma pesquisa e documentação das tecnologias existentes para a criação e testes de Web Sites Responsivos, quatro estudos de casos, e disponibilizados para a comunidade de desenvolvedores e alunos na forma de cursos nas semanas de tecnologia e no VI Fórum Científico FEMA, levando o nome do Centro Paula Souza para a comunidade de TI. Este projeto também será apresentado à UTFPR campus de Cornélio Procópio no ano de 2013 ou 2014 como proposta de um projeto de Pesquisa e Desenvolvimento Tecnológico na linha de Engenharia de Software no programa de mestrado profissional em informática. O valor deste projeto que está na área de concentração "Agente Local de Inovação" será promover o fortalecimento de parcerias entre Centro Paula Souza (Etec/Assis) com a FEMA e UTFPR, criando oportunidades para as atividades de pesquisa, ensino e aprendizagem envolvendo alunos e professores destas instituições no projeto. Portanto este projeto será o início de uma parceria dentro do eixo tecnológico "Informação e Comunicação" entre a Etec/Assis, FEMA, UTFPR e o INOVA Paula Souza, atendendo às necessidades de inovação almejadas por estas instituições, alunos, professores e profissionais atuantes no mercado de TI. Concluindo a justificativa, nos dias atuais deve-se dar atenção ao acesso web via dispositivos móveis como celulares, smartphones e tablets nos mais variados formatos de tela, sem prejuízo aos usuários de equipamentos desktops e sem retrabalho fazendo vários sites com o mesmo conteúdo para cada tipo de dispositivo móvel. Esta tecnologia poderá ser aplicada ao site do INOVA Paula Souza, contribuindo para a usabilidade do site em dispositivos móveis, já que é uma recomendação da Google.

13 7 3 OJBETIVOS O objetivo geral deste trabalho (em fase de projeto) é levar ao conhecimento dos alunos, professores e profissionais atuantes no mercado de TI, quais são as técnicas para a criação de Web Design Responsivo. O projeto fará uma investigação do estado da arte para criação de web sites responsivos que se adapte a qualquer dispositivo, documentar boas práticas de usabilidade de sites em dispositivos móveis, propor formas de redimensionar imagens de acordo com a resolução do dispositivo, ajustar o conteúdo exibido conforme as restrições do aparelho, usar media queries, criar layouts fluídos de forma simples e desmistificar o conceito de Mobile First. Na figura 7 é mostrado um mapa mental resumindo os objetivos específicos do projeto. Através de trabalhos de TCC de nível médio com os alunos do curso Técnico de Informática da Etec/Assis e nível superior com alunos do curso de Ciências da Computação e Análise e Desenvolvimento de Sistemas da FEMA, será desenvolvido know-how para criação e teste de Web Design Responsivo. Este know-how desenvolvido será disponibilizado para alunos, professores e profissionais atuantes no mercado de TI através de cursos e fóruns, agregando conhecimento, habilidade e atitude a eles, e também identificar jovens talentosos que possam ser estimulados a seguirem carreiras científico-tecnológicas. Figura 7: Mapa mental dos objetivos específicos do projeto. Fonte: Autoria própria, 2013.

14 8 Com este projeto pretende-se chegar ao domínio das técnicas de desenvolvimento de web sites responsivos, para posteriormente aplicá-las ao desenvolvimento de aplicações comerciais ricas (RIA), envolvendo computação em nuvens, persistência de dados em banco de dados relacional, e utilizando mais tecnologias como o Java juntamente com outros frameworks de mercado de trabalho em Tecnologia de Informação em um novo projeto. Para atingir o objetivo a proposta do trabalho será exposta aos alunos do curso Técnico de Informática da Etec/Assis e aos alunos do curso de Bacharelado em Ciências da Computação e Análise e Desenvolvimento de Sistemas da FEMA, onde deverá ser feito ao menos dois travalhos de TCC, um de nível médio e um de nível superior. Com estes trabalhos poderão ser gerados artigos e cursos para as semana de tecnologia destas instituições, contribuindo para o reconhecimento do INOVA Paula Souza como núcleo de excelência na transferência de conhecimento em inovação que gere benefícios para o Centro Paula Souza, região de Assis, Estado de São Paulo e para o País. O produto final será portando trabalhos de TCC de alunos da Etec/Assis e FEMA com quatro estudos de casos de Web Design Responsivos e um artigo para o VI Forum Científico FEMA. Estes trabalhos serão as bases de uma apostila sobre Web Design Responsivo, que será usada nos cursos de informática da Etec/Assis e FEMA. Este trabalho terá iníco pelo artigo de Ethan Marcotte Responsive Web Design que, foi publicado em meados de 2010 e mudaria para sempre a forma como se faz design para web. A figura 9 ilustra o início deste artigo. No decorrer do artigo, Ethan explica seus conceitos e sugestões para que as páginas fossem projetadas usando o que ele chamou de web design responsivo. Inspirado por conceitos de arquitetura e filosofia, a proposta de Ethan com a publicação do artigo, foi mostrar um conjunto de técnicas que garantem responsividade a um web design. No ano de 2011 foi lançado o livro que levou o mesmo nome do artigo com maiores explicações e pormenores sobre o assunto. A figura 8 ilustra a foto de Ethan Marcotte. Figura 8: Foto de Ethan Marcotte. Fonte: Adaptado de Google Imagens, 2013.

15 9 Figura 9: Artigo escrito por Ethan Marcotte. Fonte: MARCOTTE, 2010 Após o entendimento das ideias de Ethan Marcotte que propôs o Web Design Responsivo serão estudados os conceitos de Computação Ubíqua, Usabilidade, Layout fluido, Imagens e recursos flexíveis, Media Queries, Mobile First, Plugins jquery, Templates e Frameworks, Testes de responsividade e estudo de quatro casos práticos. A aplicação destes recursos em sistemas comerciais para a web utilizando linguagem de programação Java ou C# ficará para um próximo projeto.

16 10 4 METODOLOGIA A problemática do projeto se resume em prospectar e desenvolver novas tecnologias para desenvolvimento web adaptativas aos dispositivos, pelo simples motivo de que a Web é única e criar sites separados para cada categoria de dispositivos é inviável. E decorrente desta questão, designs responsivo serão o futuro. A opção metodológica do projeto reside na revisão bibliográfica, documentação das técnicas e conceitos de Web Design Responsivo e criação de quatro estudos de casos. Desta forma adquire-se know-how de desenvolvimento de sites para web que se adapte ao dispositivo. A etapa da revisão bibliográfica, deste projeto consiste em: 1. Recrutar alunos para participar o projeto da Etec/Assis e FEMA 2. Estudar o artigo de Ethan Marcotte 3. Pesquisar conceitos de computação ubíqua 4. Pesquisar conceitos de usabilidade 5. Pesquisar conceitos de layout fluido 6. Pesquisar conceitos de imagens e recursos flexíveis 7. Pesquisar conceitos de media queries 8. Pesquisar conceitos de móbile first 9. Pesquisar tecnologia jquery 10. Pesquisar os templates e frameworks disponíveis de responsividade 11. Pesquisar ferramentas para testes de responsividade 12. Escrever trabalho de TCC com alunos e artigo para o VI Fórum Científico FEMA Após a etapa de revisão bibliográfica serão elaborados quatro estudos de casos práticos aplicando as técnicas pesquisadas, e concluindo os TCC s anexando este estudos de caso. A partir destes trabalhos de TCC serão gerados apostilas e artigos que serão usados em mini cursos nas semanas de tecnologias, e que poderão também contribuir para os cursos regulares de informática da Etec/Assis e da FEMA. A figura 10 ilustra o diagrama de PERT da sequencia das atividades a serem desenvolvidas no projeto, com suas respectivas datas planejadas de início e término.

17 11 Figura 10: Diagrama de PERT da sequencia das atividades do projeto. Fonte: Autoria própria, Para encerrar o projeto no mês de janeiro de fevereiro de 2014, será construída uma apostila de "Web Design Responsivo" com exercícios práticos em laboratório de informática que será usada em atividades extra curriculares no curso técnico de informática da Etec/Assis bem como na FEMA. Este material também poderá ser usado em cursos de ensino à distância que por ventura seja criado pelo Centro Paula Souza. As datas reais de início e término das tarefas estarão sujeitas a ajustes durante o decorrer do projeto de no máximo vinte e quatro dias de atraso, caso seja aprovado.

18 12 5 CRONOGRAMA O projeto terá inicio logo no começo do ano letivo de 2013 em 04 de fevereiro, recrutando alunos do ensino técnico da Etec/Assis e dos cursos superiores da FEMA, momento este em que os alunos estarão definindo seus projetos de TCC que deverão terminalo no final do ano. Em setembro já será possível participar das semanas de tecnologias da Etec/Assis e FEMA bem como do VI Fórum Científico FEMA demonstrando o primeiro estudo de caso e ministrando um mini curso sobre Web Design Responsivo. A figura 11 ilustra o diagrama de GANTT das tarefas do projeto distribuídas durante os 12 meses de duração do projeto, a escala do gráfico está em semanas. O cronograma foi gerado com base no diagrama de PERT da sequencia das atividades do projeto. Figura 11: Diagrama de GANTT das tarefas do projeto. Fonte: Autoria própria, A figura 12 ilustra um zoom detalhando o nome da tarefa, inicio, término e duração em dias de cada atividade do projeto. Este cronograma foi elaborado com uma dedicação de oito horas semanais para estudo, orientação dos alunos que participarão do projeto, confecção das apostilas, artigos; e dos quatro estudos de caso durante o período de um ano para alcançar os resultados pretendidos. O plano de trabalho tem períodos mais curtos para tarefas menos trabalhosas e períodos de até um mês para tarefas mais complexas como a construção e testes dos quatro estudos de caso. Será utilizada a ferramenta Microsoft Project para auxiliar o gerenciamento das datas de início e término das tarefas do projeto, adequando-as às dificuldades encontradas

19 13 neste período de um ano, não devendo o término de o projeto ultrapassar dia 28 de fevereiro de Figura 12: Zoom do diagrama de GANTT das tarefas do projeto. Fonte: Autoria própria, Há alguns riscos potenciais que poderão interferir na execução das tarefas propostas e comprometer o alcance das metas e objetivos preconizados. A primeira possível dificuldade será convencer alunos a participar do projeto, pode ser que nenhum se interesse pela proposta do projeto; neste caso o trabalho será realizado sem a participação de alunos.

20 14 Outra possível dificuldade caso o projeto seja aprovado será negociar com o diretor da escola Etec/Assis as oito horas semanais dedicadas ao projeto, neste caso poderá ser negociado um afastamento de algumas aulas atribuídas em substituição a outros professores da escola, ou pleiteá-las para o segundo semestre de Finalmente e não menos importante este projeto terá inicio com sua apresentação aos alunos antes mesmo de sua aprovação pelo INOVA Paula Souza, correndo o risco de ser abortado ou desenvolvido de forma independente. Isto se dará em função de que os TCC s da FEMA deverão ter seus temas definidos em fevereiro de A princípio estes TCC s de alunos da FEMA não têm vinculo formal com o Centro Paula Souza, mas o INOVA Paula Souza poderá estar contribuindo desde já fortalecendo a parceria da Etec/Assis com a FEMA atendendo à suas necessidades tecnológicas e de inovação. A partir deste projeto poderão ser feitos outros dentro da mesma temática nos próximos anos, fortalecendo ainda mais as parcerias e contribuindo para que o INOVA Paula Souza seja reconhecido como núcleo de excelência na transferência de conhecimento em inovação, sendo estes projetos a interface entre o INOVA Paula Souza, Etec s, FEMA e UTFPR. Futuramente outras Etec s de cidades próximas e empresas que atuam no ramo de TI poderiam participar destes projetos e ampliar a rede de colaboração entro do eixo tecnológico "Informação e Comunicação". Havendo oportunidade este trabalho será enviado ao laboratório de currículo do Centro Paula Souza, para ser analisado e contribuir com uma futura grade dos cursos do eixo de TIC.

21 15 6 BIBLIOGRAFIA APPTITUDE. Layout and Responsive Design with Twitter Bootstrap. Disponível em: <http://blog.inspiringapps.com/layout-and-responsive-design-with-twitter-bootstrap/>. Acesso em: 10 jan, CAELUM, Ensino e Inovação. Flexibilidade em páginas para dispositivos móveis com media queries. Disponível em: <http://blog.caelum.com.br/flexibilidade-em-paginas-paradispositivos-moveis-com-media-queries/>. Acesso em: 10 jan, DESIGN, Reviver. Design for a Responsive Web with Heuristic Methods. Disponível em: <http://designreviver.com/articles/designing-for-a-responsive-web-with-heuristic-methods/>. Acesso em: 10 jan, DEVELOPERS, Google. Building Smartphone-Optimized Websites. Disponível em: <https://developers.google.com/webmasters/smartphone-sites/details>. Acesso em: 10 jan, GOOGLE. Nosso Planeta Mobile: Brasil. Disponível em: <http://www.thinkwithgoogle.com/mobileplanet/pt-br/downloads/>. Acesso em: 08 jan, MARCOTTE, Ethan. Responsive Web Design. Disponível em: <http://www.alistapart.com/articles/responsive-web-design/>. Acesso em: 09 jan, SmartOnline. Smartphones sales pass PC sales for the first time in history! Disponível em: <http://www.smartonline.com/smarton-products/smarton-mobile/smartphones-pass-pc-salesfor-the-first-time-in-history/>. Acesso em: 08 jan, SMASHING, Magazine. Responsive Web Dsesign: What It Is and How To Use It. Disponível em: <http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsiveweb-design/>. Acesso em: 09 jan, TABLELESS. Introdução ao Responsive Web Design. Disponível em: <http://tableless.com.br/introducao-ao-responsive-web-design/#.upm532cufxu>. Acesso em: 08 jan, VILLELA, Domingos C. Computação em nuvens: Desenvolvimento de aplicações empresariais ricas na internet, na Arquitetura Java, Google Web Toolkit e Google Application Engine. Cornélio Procópio: UTFPR, ZEMEL, Tárcio. Web Design Responsivo. São Paulo: Casa do Código, 2012.

TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB

TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB Tiago Volpato 1, Claudete Werner 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil tiagovolpatobr@gmail.com,

Leia mais

Ensino técnico Integrado ao médio.

Ensino técnico Integrado ao médio. PLANO DE TRABALHO DOCENTE 1º Semestre/2015 Ensino técnico Integrado ao médio. Código: 262 ETEC ANHANQUERA Município: Santana de Parnaíba Componente Curricular: Desenvolvimento e Design de Websites Eixo

Leia mais

USANDO RESPONSIVE WEB DESIGN PARA DESENVOLVIMENTO DE SISTEMAS WEB. Rodrigo Eduardo Boni orientado por Prof. Jhony Alceu Pereira Orientador - FURB

USANDO RESPONSIVE WEB DESIGN PARA DESENVOLVIMENTO DE SISTEMAS WEB. Rodrigo Eduardo Boni orientado por Prof. Jhony Alceu Pereira Orientador - FURB USANDO RESPONSIVE WEB DESIGN PARA DESENVOLVIMENTO DE SISTEMAS WEB Rodrigo Eduardo Boni orientado por Prof. Jhony Alceu Pereira Orientador - FURB ROTEIRO Introdução Objetivos Fundamentação teórica Especificação

Leia mais

Design responsivo para WEB com Bootstrap. Fernando Freitas Costa dovernando@gmail.com Especialista em Gestão e Docência Universitária/UNIFIMES

Design responsivo para WEB com Bootstrap. Fernando Freitas Costa dovernando@gmail.com Especialista em Gestão e Docência Universitária/UNIFIMES Design responsivo para WEB com Bootstrap Fernando Freitas Costa dovernando@gmail.com Especialista em Gestão e Docência Universitária/UNIFIMES Assunto de hoje... Um pouco de História... Por que me preocupar

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

Adaptando o Plone para Plataformas Móveis. Fabiano Weimar dos Santos e Giuseppe Romagnoli

Adaptando o Plone para Plataformas Móveis. Fabiano Weimar dos Santos e Giuseppe Romagnoli Adaptando o Plone para Plataformas Móveis Adaptando o Plone para plataformas móveis Adaptando o Plone para plataformas móveis Fabiano FabianoWeimar Weimardos dossantos Santos Os amigos me chamam de Os

Leia mais

Web Design Responsivo

Web Design Responsivo Capítulo 1 Web Design Responsivo Arlino Henrique Magalhães de Araújo Abstract The growing variety of devices where the websites are shown (laptops, tablets, netbooks, mobile phones, small screen desktops,

Leia mais

DESENVOLVIMENTO EM DISPOSITIVOS MÓVEIS UTILIZANDO BANCO DE DADOS

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

Leia mais

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

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

Leia mais

TECNOLOGIAS E FRAMEWORKS PARA O DESENVOLMENTO DE INTERFACES WEB

TECNOLOGIAS E FRAMEWORKS PARA O DESENVOLMENTO DE INTERFACES WEB TECNOLOGIAS E FRAMEWORKS PARA O DESENVOLMENTO DE INTERFACES WEB Marcelo Rodrigo da Silva Ribeiro 1, Ricardo Ribeiro Rufino 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil marcelo.rodrigo@live.com,

Leia mais

UM FRAMEWORK PARA DESENVOLVIMENTO DE

UM FRAMEWORK PARA DESENVOLVIMENTO DE UNIVERSIDADE FEDERAL DE PERNAMBUCO GRADUAÇÃO EM CIÊNCIA DA COMPUTAÇÃO CENTRO DE INFORMÁTICA UM FRAMEWORK PARA DESENVOLVIMENTO DE APLICATIVOS EM WINDOWS MOBILE. PROPOSTA DE TRABALHO DE GRADUAÇÃO Aluno:

Leia mais

Pré-Projeto do Trabalho de Conclusão de Curso Tiago Garcia Pereira 1. INTRODUÇÃO

Pré-Projeto do Trabalho de Conclusão de Curso Tiago Garcia Pereira 1. INTRODUÇÃO UM PADRÃO ABERTO DE SOFTWARE PARA COMPUTAÇÃO MÓVEL: UM ESTUDO SOBRE GOOGLE ANDROID 1. INTRODUÇÃO O aumento do número usuários de dispositivos móveis atrai cada vez os desenvolvedores a produzir aplicações

Leia mais

navegação em miniatura

navegação em miniatura 50 :: Webdesign iphone: navegação em miniatura Se antes as ciganas pediam para ler a palma da sua mão, nos dias atuais é bem capaz desse exercício de previsão ser feito pela leitura de seu dispositivo

Leia mais

Tiago/Costa/ Web & Graphic Designer

Tiago/Costa/ Web & Graphic Designer Tiago/Costa/ Web & Graphic Designer Proposta comercial de 2 sites dinâmicos com painel de controle para: CDV Indíce Premissa Front-end Back-end Metodologia Manutenção preventiva Cronograma Investimento

Leia mais

Fundamentos da Computação Móvel

Fundamentos da Computação Móvel Fundamentos da Computação Móvel (O Mercado Mobile no Brasil) Programação de Dispositivos Móveis Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus Monte Castelo Instituto

Leia mais

Plone na Plataforma Mobile. Fabiano Weimar dos Santos e Giuseppe Romagnoli

Plone na Plataforma Mobile. Fabiano Weimar dos Santos e Giuseppe Romagnoli Plone na Plataforma Mobile Plone na Plataforma Mobile Plone na Plataforma Mobile Fabiano FabianoWeimar Weimardos dossantos Santos Os amigos me chamam de Os amigos me chamam dexiru Xiru Mestre em Inteligência

Leia mais

INTRODUÇÃO E CONFIGURAÇÃO DO PRIMEFACES MOBILE EM APLICAÇÕES JSF

INTRODUÇÃO E CONFIGURAÇÃO DO PRIMEFACES MOBILE EM APLICAÇÕES JSF INTRODUÇÃO E CONFIGURAÇÃO DO PRIMEFACES MOBILE EM APLICAÇÕES JSF Guilherme Macedo, Jaime Willian Dias Universidade Paranaense (Unipar) Paranavaí PR Brasil guilhermemacedo28@gmail.com, jaime@unipar.br Resumo.

Leia mais

Fundamentos da Computação Móvel

Fundamentos da Computação Móvel Fundamentos da Computação Móvel (Plataformas Sistemas Operacionais e Desenvolvimento) Programação de Dispositivos Móveis Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus

Leia mais

Google Android para Tablets

Google Android para Tablets Google Android para Tablets Aprenda a desenvolver aplicações para o Android De smartphones a tablets Ricardo R. Lecheta Novatec Copyright 2012 Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

SENCHA TOUCH: DESENVOLVENDO APLICAÇÕES UNIVERSAIS

SENCHA TOUCH: DESENVOLVENDO APLICAÇÕES UNIVERSAIS SENCHA TOUCH: DESENVOLVENDO APLICAÇÕES UNIVERSAIS Rafael Nunes BATISTA 1 Ana Paula Ambrósio ZANELATO 2 RESUMO: O presente artigo visa apresentar um novo framework de desenvolvimento, que, embora seja compatível

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: mirandathiago@gmail.com Site: www.thiagomiranda.net Objetivos da Disciplina Conhecer os limites de atuação profissional em Web

Leia mais

Plano de Trabalho Docente 2014. Ensino Técnico

Plano de Trabalho Docente 2014. Ensino Técnico Plano de Trabalho Docente 2014 Ensino Técnico ETEC PROF. MASSUYUKI KAWANO Código: 136 Município: TUPÃ Eixo Tecnológico: INFORMAÇÃO E COMUNICAÇÃO Habilitação Profissional: TÉCNICA DE NÍVEL MÉDIO DE TÉCNICO

Leia mais

Introdução a programação de dispositivos móveis. Prof. Me. Hélio Esperidião

Introdução a programação de dispositivos móveis. Prof. Me. Hélio Esperidião Introdução a programação de dispositivos móveis. Prof. Me. Hélio Esperidião Windows Mobile O Windows Mobile é um sistema operacional compacto, desenvolvido para rodar em dispositivos móveis como Pocket

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

DESIGN RESPONSIVO TÉCNICAS E PROCESSOS DE PRODUÇÃO. Profº Ritielle Souza

DESIGN RESPONSIVO TÉCNICAS E PROCESSOS DE PRODUÇÃO. Profº Ritielle Souza DESIGN RESPONSIVO TÉCNICAS E PROCESSOS DE PRODUÇÃO Profº Ritielle Souza Web design responsivo Mas, o que é Web Design Responsivo? O Wiki diz o seguinte (tradução livre): Web Design Responsivo (RWD), essencialmente

Leia mais

TECNOLOGIAS E FRAMEWORKS UTILIZADAS NO DESENVOLVIMENTO DE SISTEMAS GERENCIAIS

TECNOLOGIAS E FRAMEWORKS UTILIZADAS NO DESENVOLVIMENTO DE SISTEMAS GERENCIAIS TECNOLOGIAS E FRAMEWORKS UTILIZADAS NO DESENVOLVIMENTO DE SISTEMAS GERENCIAIS Janderson Fernandes Barros ¹, Igor dos Passos Granado¹, Jaime William Dias ¹, ² ¹ Universidade Paranaense (UNIPAR) Paranavaí

Leia mais

Módulo I - Introdução. Faculdade Christus Sistemas de Informação 17/09/2010. Carlos Eugênio Torres Engenheiro de Informática http://cetorres.

Módulo I - Introdução. Faculdade Christus Sistemas de Informação 17/09/2010. Carlos Eugênio Torres Engenheiro de Informática http://cetorres. Módulo I - Introdução Aula 2 Carlos Eugênio Torres Engenheiro de Informática http://cetorres.com Faculdade Christus Sistemas de Informação 17/09/2010 Graduado em Ciência da Computação pela UFC, Brasil

Leia mais

Beijos e sorrisos: thinkinsights. como as campanhas publicitárias da "Art, Copy & Code" ganharam vida O RESUMO

Beijos e sorrisos: thinkinsights. como as campanhas publicitárias da Art, Copy & Code ganharam vida O RESUMO Beijos e sorrisos: como as campanhas publicitárias da "Art, Copy & Code" ganharam vida ESCRITO POR Mike Glaser PUBLICADO Janeiro 2014 O RESUMO A Art, Copy & Code faz parceria com marcas e agências inovadoras

Leia mais

TECNOLOGIA EM SISTEMAS PARA INTERNET

TECNOLOGIA EM SISTEMAS PARA INTERNET TECNOLOGIA EM SISTEMAS PARA INTERNET SOBRE O CURSO Com o crescimento da internet, novos hábitos de consumo e inovadoras formas de negócio surgiram. A sociedade está cada vez mais conectada, acelerando

Leia mais

6/06/2012 09h26 - Atualizado em 26/06/2012 12h30 Boot to Gecko: o futuro celular da Mozilla

6/06/2012 09h26 - Atualizado em 26/06/2012 12h30 Boot to Gecko: o futuro celular da Mozilla 6/06/2012 09h26 - Atualizado em 26/06/2012 12h30 Boot to Gecko: o futuro celular da Mozilla O mercado brasileiro de dispositivos móveis em breve ganhará mais uma grande plataforma. Anunciado oficialmente

Leia mais

Plano de Trabalho Docente 2014. Ensino Técnico

Plano de Trabalho Docente 2014. Ensino Técnico Plano de Trabalho Docente 2014 Ensino Técnico Etec Etec: Dr. José Luiz Viana Coutinho Código: 073 Município: Jales Eixo Tecnológico: Informação e Comunicação Habilitação: Técnico em Informática para Internet

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

A WEB COMO PLATAFORMA Revolução do HTML5

A WEB COMO PLATAFORMA Revolução do HTML5 A WEB COMO PLATAFORMA Revolução do HTML5 Juliano Flores Prof. Lucas Plautz Prestes Centro Universitário Leonardo da Vinci - UNIASSELVI Gestão de TI (GTI034) 06/11/2012 RESUMO Escrever programas de computador,

Leia mais

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

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

Leia mais

SISTEMA DE GESTÃO DE PRODUÇÃO DE EVENTOS

SISTEMA DE GESTÃO DE PRODUÇÃO DE EVENTOS SISTEMA DE GESTÃO DE PRODUÇÃO DE EVENTOS Rodrigo das Neves Wagner Luiz Gustavo Galves Mählmann Resumo: O presente artigo trata de um projeto de desenvolvimento de uma aplicação para uma produtora de eventos,

Leia mais

Daniel Paulo de Assis

Daniel Paulo de Assis Daniel Paulo de Assis Brasileiro, solteiro, 32 anos Rua Dr. Seng, 100 Bela Vista - São Paulo SP Telefone: (11) 9-4991-5770 / (18) 9-9119-2006 E-mail: daniel@dpassis.com.br WebSite: dpassis.com.br Linkedin:

Leia mais

Plano de Trabalho Docente 2014. Ensino Técnico

Plano de Trabalho Docente 2014. Ensino Técnico Plano de Trabalho Docente 2014 Ensino Técnico Etec: ETEC PROF MASSUYUKI KAWANO Código: 136 Município: TUPÃ Eixo Tecnológico: INFORMAÇÃO E COMUNICAÇÃO Habilitação Profissional: Habilitação Profissional

Leia mais

MAPEAMENTO E LOCALIZAÇÃO DE REGIÕES DE INTERESSE UTILIZANDO REALIDADE AUMENTADA EM DISPOSITIVOS MÓVEIS COM PLATAFORMA ANDROID

MAPEAMENTO E LOCALIZAÇÃO DE REGIÕES DE INTERESSE UTILIZANDO REALIDADE AUMENTADA EM DISPOSITIVOS MÓVEIS COM PLATAFORMA ANDROID MAPEAMENTO E LOCALIZAÇÃO DE REGIÕES DE INTERESSE UTILIZANDO REALIDADE AUMENTADA EM DISPOSITIVOS MÓVEIS COM PLATAFORMA ANDROID Alessandro Teixeira de Andrade¹; Geazy Menezes² UFGD/FACET Caixa Postal 533,

Leia mais

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

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

Leia mais

DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN

DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN José Agostinho Petry Filho 1 ; Rodrigo de Moraes 2 ; Silvio Regis da Silva Junior 3 ; Yuri Jean Fabris 4 ; Fernando Augusto

Leia mais

ONE TOONE CURSOS PARTICULARES HTML5 + CSS3 + ADOBE DREAMWEAVER CC

ONE TOONE CURSOS PARTICULARES HTML5 + CSS3 + ADOBE DREAMWEAVER CC ONE TOONE CURSOS PARTICULARES HTML5 + CSS3 + ADOBE DREAMWEAVER CC Plano do Curso. Curso One. Os Cursos desenvolvidos pela One To One, são reflexo da experiência profissional no âmbito da Formação, do Design

Leia mais

RHOELEMENTS MOTOROLA DESENVOLVA MENOS. FAÇA MAIS.

RHOELEMENTS MOTOROLA DESENVOLVA MENOS. FAÇA MAIS. RHOELEMENTS MOTOROLA DESENVOLVA MENOS. FAÇA MAIS. RHOELEMENTS MOTOROLA FOLHETO COM TANTOS EQUIPAMENTOS MÓVEIS... VOCÊ, DEFINITIVAMENTE, QUER CRIAR UM APLICATIVO COMPATÍVEL COM TODOS ELES. COM RHOELEMENTS,

Leia mais

Lucas Nascimento Santos

Lucas Nascimento Santos Lucas Nascimento Santos Mobile Application Developer lucassantoos56@gmail.com Resumo Lucas Nascimento Santos (@ll_ucasn), engenheiro de software. Estudante de Ciência da Computação na Universidade Salvador

Leia mais

UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ. Campus Ponta Grossa ANDRÉ LUIS CORDEIRO DE FARIA RELATÓRIO DE ESTÁGIO

UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ. Campus Ponta Grossa ANDRÉ LUIS CORDEIRO DE FARIA RELATÓRIO DE ESTÁGIO UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ Campus Ponta Grossa ANDRÉ LUIS CORDEIRO DE FARIA RELATÓRIO DE ESTÁGIO Ponta Grossa 2012 ANDRÉ LUIS CORDEIRO DE FARIA RELATÓRIO DE ESTÁGIO Trabalho elaborado pelo

Leia mais

CURSO DESENVOLVEDOR JAVA Edição Intensiva de Férias

CURSO DESENVOLVEDOR JAVA Edição Intensiva de Férias CURSO DESENVOLVEDOR JAVA Edição Intensiva de Férias O curso foi especialmente planejado para os profissionais que desejam trabalhar com desenvolvimento de sistemas seguindo o paradigma Orientado a Objetos

Leia mais

AUTOR(ES): CARLOS ANTONIO PINHEIRO PINTO, ERMÍNIO PEDRAL SANTANA, GUILHERME CASSIANO DA SILVA

AUTOR(ES): CARLOS ANTONIO PINHEIRO PINTO, ERMÍNIO PEDRAL SANTANA, GUILHERME CASSIANO DA SILVA Anais do Conic-Semesp. Volume 1, 2013 - Faculdade Anhanguera de Campinas - Unidade 3. ISSN 2357-8904 TÍTULO: SISTEMA MÓVEL DE COMPRAS POR QR CODE CATEGORIA: CONCLUÍDO ÁREA: ENGENHARIAS E TECNOLOGIAS SUBÁREA:

Leia mais

Rastreamento Mobile. Manual de uso

Rastreamento Mobile. Manual de uso atualizado em 10/06/2014 Rastreamento Mobile Manual de uso Agora você pode utilizar seu aparelho móvel para acessar o seu sistema de rastreamento! O rastreamento Mobile é um website preparado para apresentar

Leia mais

SISTEMAS OPERACIONAIS MÓVEIS - ANDROID X IOS

SISTEMAS OPERACIONAIS MÓVEIS - ANDROID X IOS SISTEMAS OPERACIONAIS MÓVEIS - ANDROID X IOS Danielle Dias Simões¹, Júlio César Pereira². Universidade Paranaense - Unipar Paranavaí PR - Brasil dannesimoes@hotmail.com juliocesarp@unipar.br Resumo. O

Leia mais

PROCESSOS DE CRIAÇÃO DE APLICATIVOS

PROCESSOS DE CRIAÇÃO DE APLICATIVOS PROCESSOS DE CRIAÇÃO DE APLICATIVOS Joaldo de Carvalho Wesley Oliveira Irlei Rodrigo Ferraciolli da Silva Rodrigo Clemente Thom de Souza INTRODUÇÃO O mundo está dominado pelos dispositivos móveis. A cada

Leia mais

GuiBi: Um aplicativo para plataforma Android com um guia comercial da cidade de Bambuí MG

GuiBi: Um aplicativo para plataforma Android com um guia comercial da cidade de Bambuí MG GuiBi: Um aplicativo para plataforma Android com um guia comercial da cidade de Bambuí MG Bruno Alberto Soares Oliveira 1,3 ; Lucas Vieira Murilo 1,3 ; Maik Olher Chaves 2,3 1 Estudante de Engenharia de

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 1 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 MARCENARIA MERLI MÓVEIS KARIN APARECIDA DOMINGOS VIEIRA NICOLY MARIA

Leia mais

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

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

Leia mais

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 - CONNEXIO

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 - CONNEXIO 1 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 - CONNEXIO BIANCA OLIVEIRA SEBRIAN BRUNA VIEIRA FRANCO LUIS GUSTAVO

Leia mais

Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet.

Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet. TERMINOLOGIA Navegador ou Browser Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet. Os Browsers se comunicam com servidores

Leia mais

Programação para Dispositivos Móveis

Programação para Dispositivos Móveis Programação para Dispositivos Móveis Fatec Ipiranga Análise e Desenvolvimento de Sistemas Aula 02 História do desenvolvimento de software para dispositivos móveis Dalton Martins dmartins@gmail.com São

Leia mais

Desenvolvendo para. Windows 8. Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8. Ricardo R. Lecheta. Novatec

Desenvolvendo para. Windows 8. Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8. Ricardo R. Lecheta. Novatec Desenvolvendo para Windows 8 Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8 Ricardo R. Lecheta Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

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

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

Leia mais

Sistema para gestão de restaurante

Sistema para gestão de restaurante Sistema para gestão de restaurante Luciana Tavares Rosa luciana.rosa@inf.aedb.br AEDB Fábio Rezende Dutra fabio.dutra@inf.aedb.br AEDB Resumo:O sistema para gestão de restaurante é um software desenvolvido

Leia mais

DESENVOLVIMENTO DE APLICATIVO MÓVEL PARA AUXÍLIO NA PREVENÇÃO DE TRAGÉDIAS EM DECORRÊNCIA DE ENCHENTES

DESENVOLVIMENTO DE APLICATIVO MÓVEL PARA AUXÍLIO NA PREVENÇÃO DE TRAGÉDIAS EM DECORRÊNCIA DE ENCHENTES DESENVOLVIMENTO DE APLICATIVO MÓVEL PARA AUXÍLIO NA PREVENÇÃO DE TRAGÉDIAS EM DECORRÊNCIA DE ENCHENTES Autores: Luciano GONÇALVES JUNIOR, Natália Maria Karmierczak DA SILVA, Paulo César Rodacki GOMES,

Leia mais

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Tópicos de Ambiente Web Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Roteiro Motivação Desenvolvimento de um site Etapas no desenvolvimento de software (software:site) Analise

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 WEBSITE - IMPACTOS

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 - IMPACTOS 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 - IMPACTOS MAKELLI VARGAS CARVALHO NATHALIA MESSIAS PEREIRA PALMITAL

Leia mais

Ensino técnico Integrado ao médio.

Ensino técnico Integrado ao médio. PLANO DE TRABALHO DOCENTE 1º Semestre/2015 Ensino técnico Integrado ao médio. Código: 262 ETEC ANHANQUERA Município: Santana de Parnaíba Componente Curricular: Programação para Web I Eixo Tecnológico:

Leia mais

CURSO DESENVOLVEDOR JAVA Edição 2009

CURSO DESENVOLVEDOR JAVA Edição 2009 CURSO DESENVOLVEDOR JAVA Edição 2009 O curso foi especialmente planejado para os profissionais que desejam trabalhar com desenvolvimento de sistemas seguindo o paradigma Orientado a Objetos e com o uso

Leia mais

PROPOSTA DE SOFTWARE DE INSTALAÇÃO PARA UM AMBIENTE INTEGRADO DE GERÊNCIA DE PROJETOS E DE PROCESSOS DE NEGÓCIOS

PROPOSTA DE SOFTWARE DE INSTALAÇÃO PARA UM AMBIENTE INTEGRADO DE GERÊNCIA DE PROJETOS E DE PROCESSOS DE NEGÓCIOS PROPOSTA DE SOFTWARE DE INSTALAÇÃO PARA UM AMBIENTE INTEGRADO DE GERÊNCIA DE PROJETOS E DE PROCESSOS DE NEGÓCIOS Élysson Mendes Rezende Bacharelando em Sistemas de Informação Bolsista de Iniciação Científica

Leia mais

Facilidade e flexibilidade na web

Facilidade e flexibilidade na web Facilidade e flexibilidade na web palavras-chave: acessibilidade, usabilidade, web 2.0 Tersis Zonato www.tersis.com.br Web 2.0 o termo de marketing x a nova forma de conhecimento Web 2.0 O conceito começou

Leia mais

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

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

Leia mais

Informações importantes

Informações importantes Informações importantes Genexus Web: Marketing e TI alinhados em Aplicativos para Dispositivos móveis DUAS ÁREAS IMPORTANTES... DOIS AMBIENTES... Mais do nunca, marketing e TI precisam estar alinhados

Leia mais

Guia para Criativos em HTML5 ABRIL

Guia para Criativos em HTML5 ABRIL Guia para Criativos em HTML5 ABRIL Versão 1.2 Criativos em HTML5 referem-se a anúncios que são construídos utilizando tecnologias web nativas, como HTML, CSS e Javascript. HTML5 é a quinta revisão do padrão

Leia mais

Ensino Técnico Integrado ao Médio FORMAÇÃO PROFISSIONAL. Plano de Trabalho Docente 2013

Ensino Técnico Integrado ao Médio FORMAÇÃO PROFISSIONAL. Plano de Trabalho Docente 2013 Ensino Técnico Integrado ao Médio FORMAÇÃO PROFISSIONAL Plano de Trabalho Docente 2013 Etec Paulino Botelho Código: 091 Município: São Carlos EE: Arlindo Bittencourt Eixo Tecnológico: Informação e Comunicação

Leia mais

SISTEMAS DE INFORMAÇÃO

SISTEMAS DE INFORMAÇÃO SISTEMAS DE INFORMAÇÃO SOBRE O CURSO A tecnologia ocupa papel de destaque no atual cenário socioeconômico mundial, presente em todos os setores e atividades econômicas. Essa revolução transformou o mundo

Leia mais

TAW Tópicos de Ambiente Web

TAW Tópicos de Ambiente Web TAW Tópicos de Ambiente Web Teste rveras@unip.br Aula 11 Agenda Usabilidade Compatibilidade Validação Resolução de tela Velocidade de carregação Acessibilidade Testes Nesta etapa do projeto do web site

Leia mais

Estudo comparativo entre tecnologias Java: Applet e JWS.

Estudo comparativo entre tecnologias Java: Applet e JWS. Estudo comparativo entre tecnologias Java: Applet e JWS. Clara Aben-Athar B. Fernandes¹, Carlos Alberto P. Araújo¹ 1 Centro Universitário Luterano de Santarém Comunidade Evangélica Luterana (CEULS/ULBRA)

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

DWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico

DWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico CSS3 - Fundamentos E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual

Leia mais

Dê aos seus clientes a experiência que eles desejam

Dê aos seus clientes a experiência que eles desejam Dê aos seus clientes a experiência que eles desejam Avaliação da Experiência Mobile Companhias Aéreas 1. Sumário Executivo 2. Resultados 3. Método 4. Reações aos testes 1. Sumário Executivo No Brasil,

Leia mais

Desenvolvimento de Aplicações Móveis: Presente, Passado e Futuro

Desenvolvimento de Aplicações Móveis: Presente, Passado e Futuro Desenvolvimento de Aplicações Móveis: Presente, Passado e Futuro Prof. Gilberto Amado de Azevedo Cysneiros Filho Tecnologia Vestível Tecnologia vestível (wearable technology) são acessórios diretamente

Leia mais

Java. para Dispositivos Móveis. Thienne M. Johnson. Novatec. Desenvolvendo Aplicações com J2ME

Java. para Dispositivos Móveis. Thienne M. Johnson. Novatec. Desenvolvendo Aplicações com J2ME Java para Dispositivos Móveis Desenvolvendo Aplicações com J2ME Thienne M. Johnson Novatec Capítulo 1 Introdução à computação móvel 1.1 Computação móvel definições Computação móvel está na moda. Operadoras

Leia mais

Responsive Web Design

Responsive Web Design Professor: http://jemaf.github.com DESENVOLVIMENTO DE APLICAÇÕES WEB - INFORMATICA - COLTEC/UFMG 2014 Introdução Atualmente, a web é acessada de qualquer lugar, em qualquer dispositivo. Acesso a web: Anos

Leia mais

Linguagem de Programação JAVA. Professora Michelle Nery Nomeclaturas

Linguagem de Programação JAVA. Professora Michelle Nery Nomeclaturas Linguagem de Programação JAVA Professora Michelle Nery Nomeclaturas Conteúdo Programático Nomeclaturas JDK JRE JEE JSE JME JVM Toolkits Swing AWT/SWT JDBC EJB JNI JSP Conteúdo Programático Nomenclatures

Leia mais

Windows Phone: Acesse Configurações > Rede celular + SIM > Ativada/Desativada. Android: Deslize a tela para baixo e desmarque a opção de dados.

Windows Phone: Acesse Configurações > Rede celular + SIM > Ativada/Desativada. Android: Deslize a tela para baixo e desmarque a opção de dados. Sempre que você não estiver usando a conexão, desligue a internet do seu aparelho. Mesmo em espera, os programas do celular ou tablet ficarão atualizando com redes sociais, e-mails, entre outros. Com isso

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 edersonlikers@gmail.com,

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

O W3C Futuro da Web HTML5. Março/2011 Web Expo Fórum

O W3C Futuro da Web HTML5. Março/2011 Web Expo Fórum O W3C Futuro da Web HTML5 Março/2011 Web Expo Fórum Web e W3C Tim Berners-Lee criou / propôs 2 a Web em 1989 (há 21 anos) http://www.w3.org/history/1989/proposal.html (URI + HTTP + HTML) Web e W3C 3 Tim

Leia mais

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS PROFESSOR: Itair Pereira da Silva DISCENTES: Maria das Graças João Vieira Rafael Vitor ORGANOGRAMA PRESIDENTE GERENTE

Leia mais

O que é um aplicativo?

O que é um aplicativo? O que é um aplicativo? Aplicativos de software podem ser divididos em duas classes gerais: Software de sistema e Software Aplicativo. Software de sistema são programas de computador de baixo nível que

Leia mais

A MO BI LID ADE NO A PR E SEN TA ÇÃO MET ODO LO GIA PAS SO A PASSO DA COM EN DA ÇÕES COM PRA BRA SIL

A MO BI LID ADE NO A PR E SEN TA ÇÃO MET ODO LO GIA PAS SO A PASSO DA COM EN DA ÇÕES COM PRA BRA SIL D CE A PR E SEN TA ÇÃO MET ODO LO GIA A MO BI LID ADE NO PAS SO A PASSO DA COM PRA RE COM EN DA ÇÕES BRA SIL 2. 3. 4. 5. 1. A PR E SEN TA ÇÃO Nós acreditamos em testes reais. Acreditamos que o planejamento

Leia mais

CELULAR X COMPUTADOR APLICATIVO PARA CELULAR DICAS DO SEBRAE

CELULAR X COMPUTADOR APLICATIVO PARA CELULAR DICAS DO SEBRAE CELULAR X COMPUTADOR Atualmente, o Celular roubou a cena dos computadores caseiros e estão muito mais presentes na vida dos Brasileiros. APLICATIVO PARA CELULAR O nosso aplicativo para celular funciona

Leia mais

SIGMAON SISTEMA DE INFORMAÇÃO GEOGRAFICA PARA MONITORAMENTO DE ALAGAMENTOS ON-LINE

SIGMAON SISTEMA DE INFORMAÇÃO GEOGRAFICA PARA MONITORAMENTO DE ALAGAMENTOS ON-LINE SIGMAON SISTEMA DE INFORMAÇÃO GEOGRAFICA PARA MONITORAMENTO DE ALAGAMENTOS ON-LINE Marcio Jose Mantau,1 Giovane Farias Aita2, Jaison Ademir Savegnani3, Carlos Alberto Barth4 Palavras-chave: Sistemas de

Leia mais

INDE X AÇÃO DE DISPOSITIVOS MÓVEIS EM 2015 PEL A SIZMEK. Análises de formatos, adoção e desperdício em dispositivos móveis.

INDE X AÇÃO DE DISPOSITIVOS MÓVEIS EM 2015 PEL A SIZMEK. Análises de formatos, adoção e desperdício em dispositivos móveis. INDE X AÇÃO DE DISPOSITIVOS MÓVEIS EM 2015 PEL A SIZMEK Análises de formatos, adoção e desperdício em dispositivos móveis. CO N T EÚ D O S O RESUMO GERAL DO MARKETING PARA MÓVEIS Inventário Móvel CH A

Leia mais

Plano de Trabalho Docente 2014. Ensino Técnico

Plano de Trabalho Docente 2014. Ensino Técnico Plano de Trabalho Docente 2014 Ensino Técnico Etec Etec: Paulino Botelho Código: 091 Município: São Carlos Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: Técnico de Informática para

Leia mais

Plano de Trabalho Docente 2015. Ensino Técnico

Plano de Trabalho Docente 2015. Ensino Técnico Plano de Trabalho Docente 2015 Ensino Técnico ETEC MONSENHOR ANTONIO MAGLIANO Código: 088 Município: Garça Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: Técnica de Nível Médio de

Leia mais

10 DICAS PARA TURBINAR SEU PACOTE DE DADOS. 1 - Desative os Dados do Celular. 2 Remova as notificações e atualizações automáticas

10 DICAS PARA TURBINAR SEU PACOTE DE DADOS. 1 - Desative os Dados do Celular. 2 Remova as notificações e atualizações automáticas 10 DICAS PARA TURBINAR SEU PACOTE DE DADOS 1 - Desative os Dados do Celular Sempre que você não estiver usando a conexão, desligue a internet do seu aparelho. Mesmo em espera, os programas do celular ou

Leia mais

Tutorial SD. Mobile and Smart devices Development Solution - Página 1

Tutorial SD. Mobile and Smart devices Development Solution - Página 1 Mobile and Smart devices Development Solution - Página 1 Introdução Hoje em dia, está claro para a indústria de TI a relevância que têm os smartphones, tablets e dispositivos inteligentes (os chamados

Leia mais

Plano de Trabalho Docente 2015. Ensino Técnico

Plano de Trabalho Docente 2015. Ensino Técnico Plano de Trabalho Docente 2015 Ensino Técnico Etec Etec: Paulino Botelho Código: 091 Município: São Carlos Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: TÉCNICO EM PROGRAMAÇÃO DE

Leia mais

Plano de Trabalho Docente 2015. Ensino Técnico

Plano de Trabalho Docente 2015. Ensino Técnico Plano de Trabalho Docente 2015 Ensino Técnico ETEC Paulino Botelho Código: 91 Município: São Carlos Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: Técnico em Informática para Internet

Leia mais

ANIMAÇÕES WEB AULA 2. conhecendo a interface do Adobe Flash. professor Luciano Roberto Rocha. www.lrocha.com

ANIMAÇÕES WEB AULA 2. conhecendo a interface do Adobe Flash. professor Luciano Roberto Rocha. www.lrocha.com ANIMAÇÕES WEB AULA 2 conhecendo a interface do Adobe Flash professor Luciano Roberto Rocha www.lrocha.com O layout do programa A barra de ferramentas (tools) Contém as ferramentas necessárias para desenhar,

Leia mais

Uso de Padrões Web. maio/2009

Uso de Padrões Web. maio/2009 Uso de Padrões Web maio/2009 Internet e Web, passado, presente e futuro 2 Internet e Web, passado, presente e futuro 3 A Evolução da Web Pré Web Passado web 1.0 Presente web 2.0 Futuro web 3.0 4 A Evolução

Leia mais

Novas opções de Gerenciamento de Dispositivos do Windows *

Novas opções de Gerenciamento de Dispositivos do Windows * Informe Processadores Intel Core de 4ª geração e processadores Intel Atom Mobilidade com a Intel e o Windows 8.1* Novas opções de Gerenciamento de Dispositivos do Windows * O que levar em conta ao decidir

Leia mais

Comunicação por meio de dispositivos móveis ainda tem muito para crescer no país

Comunicação por meio de dispositivos móveis ainda tem muito para crescer no país Comunicação por meio de dispositivos móveis ainda tem muito para crescer no país Atualmente, não dá para falar em mídias digitais sem considerar o mobile. Se por um lado os acessos móveis ganham força,

Leia mais