Web Design Responsivo no desenvolvimento de aplicações multi-dispositivos.

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

Download "Web Design Responsivo no desenvolvimento de aplicações multi-dispositivos."

Transcrição

1 Web Design Responsivo no desenvolvimento de aplicações multi-dispositivos. Saulo Campos Nunes de Souza¹, Wagner Igarashi¹ ¹Departamento de Informática - Univesidade Estadual de Maringá (UEM) - Av. Colombo, Bloco C56 - Maringá - PR - Brasil Abstract. The use of websites through mobile devices has become increasingly common in Brazilians daily life. With the growing number of devices on the market realizes the difficulty in adjusting the website viewing in different screen sizes and resolutions, which makes it a exhausting and limited navigation. The use of new technological concepts in web development makes it possible to deliver an enjoyable navigation without consuming too many resources on the device or on the server where the website is hosted and with easier maintenance compared to applications installed on the device. Given the current importance of responsive web design against the context of the various types of information visualization devices such as smartphones, tablets, computers; this paper aims to conduct a systematic review of responsive web design, seeking to verify the current context of publication and direction for future research. As a result it was found that the number of publications began to grow substantially in the last two year, indicating that there is still room for growth in this area of research. Keywords. Responsive web design, systematic review, mobile devices, web development. Resumo. A utilização de websites por meio de dispositivos móveis tem se tornado cada vez mais comum no dia a dia dos brasileiros. Com o crescimento do número de dispositivos no mercado nota-se a dificuldade em se adequar a visualização do site nos diversos tamanhos de tela e resoluções, o que torna a navegação desgastante e limitada. A utilização de novos conceitos tecnológicos no desenvolvimento web torna possível disponibilizar uma navegação agradável sem consumir muitos recursos do dispositivo ou do servidor em que o website está hospedado e com facilidade de manutenção maior que comparado a aplicações instaladas no dispositivo. Dada a importância atual do responsive web design frente ao contexto dos diversos tipos de dispositivos de visualização de informações como smartphones, tablets, computadores; o presente trabalho tem como objetivo realizar uma revisão sistemática sobre responsive web design, buscando verificar o contexto atual de publicação e direcionamento para futuras pesquisas. Como resultado verificou-se que a quantidade de publicações praticamente começou a crescer nos últimos dois anos, indicando que ainda há espaço para o crescimento de pesquisas nesta área. Palavras-chave. Responsive web design, revisão sistemática, dispositivos móveis, desenvolvimento web. 1

2 1. Introdução A utilização de dispositivos móveis para acesso a internet tem crescido consideravelmente. Segundo pesquisa do Cetic.br [3], em 2012 houve crescimento da porcentagem de usuários de internet via dispositivos móveis, saltando de 18% para 24%, considerando que no Brasil existem 139,8 milhões de usuários de celular. Ainda segundo os dados desta pesquisa 40% dos domicílios brasileiros possuem acesso a Internet. Com a asensão da utilização de Internet, sobretudo em dispositivos móveis nos deparamos com diversos problemas de cunho técnico, tais como a dificuldade na navegação e o redimensionamento do website para resoluções menores, o que acaba gerando desconforto aos utlizadores e a eventual necessidade de desenvolvimento de aplicações específicas para os diversos tipos de sistema operacional dos dispositivos, o que dificulta a manutenção visto a necessidade de se haver uma aplicação para cada dispositivo. A navegação de websites por dispositivos móveis geralmente se vê prejudicada graças a dimensão do visor dos dispositivos, que são bem inferiores aos monitores nos quais os sites estão acostumados a serem apresentados. Deste modo, se faz necessária uma adaptação deste website a dimensões menores, de modo que não prejudique a navegação e ainda facilite a visualização do conteúdo publicado. Ao invés de desenvolver e gerenciar o conteúdo de vários websites, a utilização de sites responsivos gera uma abordagem unificada para gerenciamento de conteúdo, porque eles têm apenas um site para gerenciar, ao invés de uma versão mobile e outra tradicional [7]. Não só em questão de manutenção e gerenciamento de conteúdo, mas também sites responsivos são mais fáceis para os consumidores encontrar do que sites tradicionais ou móveis, porque eles têm valor mais alto no ranking de motores de busca. O mais famoso website de busca da atualidade, o Google, recomenda a utilização de responsive web design e ainda afirma que além de economizar recursos, sua utilização facilita e aumenta a indexação dos conteúdos do website.[8]

3 Sendo assim, este artigo tem como objetivo verificar, por meio de uma revisão sistemática, o que vem sendo empregado sobre essa tecnologia promissora no que diz respeito a inter-relação entre web design e dispositivos móveis. 2. Elementos Teóricos 2.1. Responsive Web Design O termo "Responsive Web Design" (RWD) foi utilizado e explicado pela primeira vez em 2010 por Ethan Marcotte em seu artigo de mesmo nome publicado no site A List Apart.[1]. "Responsive web design é a abordagem que sugere que o design e desenvolvimento devem responder ao comportamento do usuário e do ambiente baseando-se no tamanho da tela, plataforma e orientação" [4]. Em outras palavras é o desenvolvimento de uma página web que altera a forma como apresenta suas informações conforme as configurações do dispositivo em que está sendo visualizada. Na Figura é mostrado um exemplo de layout responsivo apresentado em diversos dispositivos como: celular, tablet (posição vertical e horizontal) e notebook. Figura 1 - Exemplo de layout responsivo em diferentes resoluções para diferentes dispositivos [12]. Para tornar possível este tipo de desenvolvimento, três tecnologias foram essenciais, e são conhecidas por "Trinca tecnológica do design responsivo" e são elas: Layout Fluído - este conceito deve vir desde a concepção do projeto onde primase pela não utilização de medidas fixas no projeto, fazendo com que haja uma adaptação "natural" e automática do que se apresenta na tela [2].

4 Imagens e recursos flexíveis - imagens e outros recursos (assets) serão redimensionados e movidos de acordo com os containers (delimitadores de recursos) em que estão posicionados dependendo do tamanho da tela. Também é uma opção utilizar múltiplas versões das imagens de acordo com a resolução da tela em que serão apresentadas [4]. Media Queries - Este conceito torna possível ocultar, exibir e reposicionar elementos e interações conforme a resolução atual que esteja sendo usada no momento da visitação[2]. A partir dessa trinca tecnológica é possível criar designs que atenderão de formas diferentes a visualização em smartphones, tablets ou monitores de alta resolução. 2.2 Revisão Sistemática Uma revisão sistemática da literatura é um meio de identificar, avaliar e interpretar todas as pesquisas disponíveis relevantes para uma questão de pesquisa específica, área temática ou fenômeno de interesse [13]. As razões mais comuns para realizar uma revisão sistemática são: Resumir a evidência existente sobre um tratamento ou tecnologia. Por exemplo, para resumir a evidência empírica dos benefícios e limitações de um determinado método ágil; Para identificar eventuais lacunas na pesquisa atual, a fim de sugerir áreas para maiores investigações; Para fornecer uma estrutura a fim de posicionar adequadamente as novas atividades de pesquisa [13]. Uma revisão sistemática sintetiza o trabalho já existente de acordo com uma estratégia de busca predefinida. A estratégia de busca deve preservar a integridade da pesquisa a ser avaliada [13]. 3. Realização da Revisão Sistemática Para atingir o objetivo de verificar o contexto atual de publicação e direcionamento para futuras pesquisas envolvendo o tema responsive web design foi realizada uma revisão sistemática para responder a seguinte pergunta: o que vem sendo

5 estudado sobre o tema responsive web design? Devido a sua relevância no contexto computacional, foram realizadas pesquisas em bases de artigos consagradas na área de tecnologia da informação, tanto internacionais como a base do Institute of Electrical and Electronics Engineers (IEEE) [17] e a base da Association for Computing Machinery (ACM) [18], quanto nacionais como a biblioteca digital da Sociedade Brasileira de Computação (SBC) [19]. As pesquisas realizadas nas respectivas bases continham o termo Responsive Web Design envolvido por aspas (" "), o que força a busca ao texto completo no título ou no conteúdo dos artigos. Como critério de inclusão foi avaliada a relevância do artigo em relação ao tema, onde foi realizada a leitura e análise do artigo quanto a sua proximidade ao tema, buscando a maior aplicabilidade do tema ao contexto do artigo. Na busca as bases da IEEE e ACM houveram ocorrências, contudo a consulta a base da SBC não trouxe resultado. Sendo assim a base SBC foi descartada da lista de bases consultadas. Devido ao número de resultados obtidos nas buscas realizadas nas bases selecionados não ter sido grande, foi incluido como fonte de artigos o Google Acadêmico [20]. A utilização do Google Acadêmico possibilitou encontrar um número maior de resultados a pesquisa, contudo devido ao buscador incluir referências em livros e artigos de outras áreas, acabou tornando o processo de busca a artigos relevantes ao contexto mais complexo e trabalhoso. Sobre os resultados obtidos nas buscas foram realizadas as análises quantitativa, que tem por objetivo interpretar os dados coletados de modo a prover indicadores, e análise vertical, que tem como objetivo descrever as principais características dos artigos encontrados. As duas próximas seções exibem os resultados obtidos pelas consultas bem como a análise destes resultados Análise Quantitativa Este tipo de análise utiliza os resultados das buscas para prover indicadores relevantes ao objetivo, afim de construir fatos sobre os dados coletados.

6 Nesta etapa da pesquisa foram analisados 11 artigos, selecionados de acordo com os critérios de inclusão da revisão sistemática e foco na pergunta de pesquisa que guia o estudo, o que vem sendo estudado sobre o tema responsive web design?. Utilizando o conteúdo obtido foi possível construir as Tabelas 1 e 2, que relacionam os autores a dados relevantes com ano de publicação, país, periódico e instituição de publicação. Tabela 1 - Relação de autores por ano e local. Autor Ano País Marcotte, E EUA Knight, K Alemanha Gardner, B. S EUA Alston, P Reino Unido Young, J Reino Unido Mohorovicic, S Croacia Nebeling, M. Speicher, M. Norrie, M. C Suíça Johansen, R. D. Britto, T. C. P. Cusin, C. A Brasil Seipp, K. Devlin, K Inglaterra Tzoc, E EUA Schneider, R. McCown, F EUA Tabela 2 - Relação de autores por periódicos e instituições de publicação. Autor Periódico Instituição Marcotte, E. A List Apart Magazine A List Apart Knight, K Smashing Magazine Smashing Magazine Gardner, B. S. Sigma Magazine Noblis Alston, P. Proceedings of the 13th ACM annual conference on Information technology education Young, J. Net Magazine Creative Bloq Mohorovicic, S. Nebeling, M. Speicher, M. 36th International Convention on Information & Communication Proceedings of the 5th ACM SIGCHI symposium Technology Electronics & Microelectronics (MIPRO) ACM

7 Norrie, M. C. on Engineering interactive computing systems Johansen, R. D. Britto, T. Proceedings of the 22nd International World Wide C. P. Cusin, C. A. international conference on Web Conferences Steering World Wide Web Committee companion Seipp, K. Devlin, K. CHI '13 Extended Abstracts ACM on Human Factors in Computing Systems Tzoc, E. D-Lib Magazine Digital Library Research Schneider, R. McCown, F. Proceedings of the 13th ACM/IEEE-CS joint conference on Digital libraries ACM A partir dos dados observados nas Tabelas 1 e 2, verifica-se que o primeiro autor a publicar sobre o tema é Marcotte no ano de 2010, confirmando que esta área de pesquisa é recente. Nota-se que em 2013 houve um crescimento em relação à pesquisas na área e que a maior parte destas foram publicadas em periódicos da Association for Computing Machinery. É evidenciado pelos resultados obtidos que um dos principais tipos de periódicos utilizados em publicações deste tema é revista, devido ao grande interesse sobre essa tecnologia fora do meio acadêmico. Também observa-se a diversidade de países realizando pesquisas nesta área, mesmo com a dominância de autores americanos mas ressaltando a participação de autores brasileiros nas publicações internacionais Análise Vertical Na realização desta pesquisa, verificou-se a existência de diversas informações na internet sobre responsive web design, seja em artigos não acadêmicos, em sites e blogs de desenvolvimento, além da menção de websites e frameworks que já implementam essa tecnologia, tal qual o famoso Bootstrap do Twitter. [11]. Contudo quanto a artigos acadêmicos relativos a este tema, talvez por ser recente, não é tão abordado. Nas bases consultadas, IEEE e ACM, foram encontrados poucos artigos

8 acadêmicos que abordam o assunto. Com base neste cenário, foram lidos e selecionados 4 artigos cujo foco era a tecnologia RWD, os quais são descritos na sequência 1. No artigo intitulado Implementing Responsive Web Design for Enhanced Web, Mohorovici (2013) aborda os conceitos de responsive web design, exibindo projeções do mercado de dispositivos de acordo com suas categorias, desde 2012 até Neste periodo de 5 anos é possível notar um grande crescimento em vendas de smartphones e tablets e uma leve diminuição na venda de notebooks. O artigo segue frisando os ganhos da abordagem "Mobile-Friendly" para criação de websites destacando a os ganhos do desenvolvimento centralizado sobre multiplas versões do site e contextualizando a tecnologia e seus principais benefícios categorizando em benefícios para webmasters, para desenvolvedores e usuários finais. O autor também cita os pontos falhos e potenciais problemas tais como incompatibilidade com media queries de alguns browsers e dispositivos, problemas relacionados a imagens responsivas e dificuldade em resolvê-los e o alto tempo de carga do website em dispositivos móveis. Como conclusão o autor retoma as vantagens sobre a utilização de responsive web design enfatizando sua importância sobretudo no fato de ser uma tecnologia preparada para futuros dispositivos, mas mantém cautela explicando que muito precisa ser feito nas questões de padronização e boas práticas na tecnologia, apesar de existirem diversos exemplos de sucesso na implementação de RWD[4]. Já o artigo CSS browser selector plus: a JavaScript library to support crossbrowser responsive design, Johansen, Britto e Cusin (2013), teve como objetivo a proposição de uma solução para o problema de incompatibilidade dos navegadores com as media queries. Este artigo começa contextualizando o conceito de media query incorporado ao CSS3, exibindo suas principais características através de exemplos de queries. Em seguida o artigo passa a apontar pontos falhos das media queries tal qual o fato de não serem suportadas por navegadores legados e apresenta algumas bibliotecas que emulam a funcionalidade em navegadores que não suportam a tecnologia nativamente. 1 *O artigo de Ethan Marcotte não foi analisado a fundo na seção 3.1 devido ao conceito ter sido introduzido na seção 2.1

9 Em seguida o autor propõe como solução uma biblioteca javascript que tem por função obter as informações de orientação, largura mínima e máxima do dispositivo sem a utilização do CSS3, que pode ser incompatível com alguns browsers. São apresentados exemplos de utilização da biblioteca e os seus principais aspectos. Na conclusão o autor defende a solução proposta como sendo leve e de sintaxe simples, e defende que a alternativa proposta pode ser utilizada como substituta as media queries, ao contrário de outras soluções que pretendem emular o suporte às mesmas [6]. No artigo intitulado CrowdAdapt: Enabling Crowdsourced Web Page Adaptation for Individual Viewing Conditions and Preferences, os autores Nebeling e Speicher (2013), apresentam uma ferramenta de webdesign sensível ao contexto que auxilia os desenvolvedores na criação de layouts adaptativos específicos para condições e preferências individuais. A ideia central do CrowdAdapt é permitir que os usuários adaptem a interface para seu uso específico em um contexto onde o design original pode não ser suportado, como a exibição em navegadores em dispositivos móveis, por exemplo. Neste artigo é apresentado também um experimento realizado sob um site de notícias onde alternativas de layouts foram criadas pela "multidão" de leitores, informações sobre diferentes situações de visualização foram coletadas e avaliada a qualidade dos layouts criados em relação ao conforto para leitura e eficiência. A partir dos dados coletados foi possível obter informações sobre as preferências de visualização dos leitores, o que possibilita uma tomada de decisão mais acertiva na escolha do layout padrão do site. Na conclusão o autor sugere linhas de pesquisa futuras sobre o tema, tal qual a utilização de agrupamentos por perfis de usuário, de modo a incentivar o desenvolvimento de novas propostas nos moldes especificados no artigo [5]. O artigo The top responsive web design problems and how to avoid them, Young, J. (2012) traz a tona 8 dos principais problemas envolvendo a tecnologia e como evitá-los. Para a criação deste artigo foi realizada uma pesquisa entre designers sobre os problemas que eles encontravam na criação de sites totalmente responsivos. A partir dos dados relatados o autor criou a lista dos principais problemas e sugestões de como evitá-los. Os problemas citados vão desde explicar a tecnologia aos clientes até restrições técnicas em navegadores antigos, incluindo tempo de teste e custo, conversão

10 de sites antigos, tratamento de tabelas, imagens, navegação e a falta de uma fase de design estática. Para cada problema é oferecida uma solução, geralmente simples, que explora o potencial da tecnologia considerando as boas práticas de desenvolvimento web ou fornecendo alternativas plausíveis ao problema proposto. Na conclusão o autor resgata vantagens do responsive web design, reafirma que haverão problemas devido a ser uma tecnologia nova e que ainda necessita de maturidade, mas que é muito promissora para o desenvolvimento móvel. Complementando as informações apresentadas sobre os 4 artigos analisados, a Tabela 3 mostra uma síntese em relação aos artigos de outros autores encontrados na revisão, delineando o respectivo objetivo e uso de RWD. Tabela 3 - Relação de autores com o objetivo de seu artigo e a utilização de RWD. Autor Objetivo Uso do Responsive Web Design Marcotte, E. Apresentar o conceito Responsive Web Design ao Mundo. Este artigo introduziu o conceito, contextualizando e exibindo tecnicamente Knight, K. Gardner, B. S. Alston, P. Seipp, K. Devlin, K. Tzoc, E. Schneider, R. McCown, F. Apresentar um guia de utilização da tecnologia Responsive Web Design Apresentar a tecnologia do ponto de vista do usuário. Apresentar as experiências do autor em ensinar o desenvolvimento de aplicativos móveis. Apresentar uma maneira de melhorar a operação de um site com uma mão em um celular touchscreen. Apresentar uma interface para dispositivos moveis para a ferramenta D-Space Apresentar uma ferramenta para descoberta de websites suas características. Contextualiza e ensina técnicas para utilização do conceito por meio de imagens, trechos de código e dicas. Direciona o conceito à experiência do usuário, relacionando com os ganhos do usuário em relação a conforto e tempo de resposta da página. Uma das estratégias que o autor apresenta a seus alunos é o Responsive Web Design. Contextualiza o conceito, mesmo que propondo uma abordagem que não envolve-o diretamente. Considera a utilização do conceito para o desenvolvimento futuro da interface para a ferramenta. Contextualiza o conceito e considera-o em sua

11 móveis. proposta. A partir dos dados apresentados na Tabela 3, percebe-se que a maioria dos artigos encontrados, apesar de abordar o tema não o trata como objetivo principal, tendo-o como meio ou apenas como referência ao que visa alcançar. 4. Considerações Finais Dada a importância atual do tema Responsive Web Design frente ao contexto dos diversos tipos de dispositivos de visualização de informações como smartphones, tablets e o crescimento que a utilização destes dispositivos vem apresentando, sobretudo no Brasil, o presente estudo teve como objetivo realizar uma revisão sistemática sobre responsive web design, buscando verificar o contexto atual de publicação e direcionamento para futuras pesquisas. Como resultado verificou-se o que vem sendo pesquisado e publicado academicamente em bases como IEEE, ACM e da SBC a respeito da tecnologia RWD. Este artigo mostrou por meio das análises quantitativa e vertical que o tema possui uma tendência de crescimento, comparativamente a 2010, 2011 e 2012, devido ao fato de a maior parte dos artigos encontrados terem sido publicados no ano de A partir dos artigos analisados constata-se que apesar de uma tecnologia recente, o RWD vem contribuindo para a melhoria do desenvolvimento web para dispositivos móveis e justamente por ser recente, esta tecnologia oferece diversas possibilidades de pesquisa e certamente trará melhorias de interação e responsividade no que diz respeito a visualização de sites em dispositivos móveis. Referências Bibliográficas [1] Marcotte, E. Responsive web design. A List Apart Magazine. Issue nº 306, Maio [2] Zemel, T. Web Design Responsivo: Páginas adaptáveis para todos os dispositivos. 1 ed. São Paulo: Casa do Código, [3] CETIC.BR. TIC Domicílios e Usuários Fevereiro Disponível em: - Acesso em: 02/10/2013.

12 [4] Mohorovicic, S. Implementing Responsive Web Design for Enhanced Web Presence IEEE. 36th International Convention on Information & Communication Technology Electronics & Microelectronics (MIPRO), p , [5] Nebeling, M. Speicher, M. Norrie, M. C. CrowdAdapt: Enabling Crowdsourced Web Page Adaptation for Individual Viewing Conditions and Preferences. Proceedings of the 5th ACM SIGCHI symposium on Engineering interactive computing systems, p , [6] Johansen, R. D. Britto, T. C. P. Cusin, C. A. CSS browser selector plus: a JavaScript library to support cross-browser responsive design. Proceedings of the 22nd international conference on World Wide Web companion, p , [7] Gunelius, S. Why You Need to Prioritize Responsive Design Right Now, Disponível em: - Acesso em: 14/10/2013. [8] Google Developers. Building Smartphone-Optimized Websites, Disponível em: https://developers.google.com/webmasters/smartphone-sites/details/ - Acesso em: 14/10/2013. [9] W3.ORG. Media Queries, W3C Recommendation. Junho Disponível em: - Acesso em: 28/03/2013. [10] Cashmore, P. Why 2013 is the year of responsive web design, Dezembro Acesso em: 16/07/2013. [11] Bootstrap. Bootstrap, Disponível em: - Acesso em: 27/10/2013 [12] Gomoby. Wireframes for each device, Disponível em: - Acesso em 28/10/2013 [13] Kitchenham, B. Guidelines for performing Systematic Literature Reviews in Software Engineering. Department of Computer Science - University of Durham, Durham, [14] Schneider, R. McCown, F. First steps in archiving the mobile web: automated discovery of mobile websites. Proceedings of the 13th ACM/IEEE-CS joint conference on Digital libraries, p , [15] Alston, P. Teaching mobile web application development: challenges faced and lessons learned. Proceedings of the 13th annual conference on Information technology education, p , [16] Seipp, K. Devlin, K. Enhancing one-handed website operation on touchscreen mobile phones. CHI '13 Extended Abstracts on Human Factors in Computing Systems, p , 2013.

13 [17] IEEE.ORG. Institute of Electrical and Electronics Engineers, Disponível em: - Acesso em: 02/10/2013. [18] ACM.ORG. Association for Computing Machinery, Disponível em: - Acesso em: 02/10/2013. [19] SBC.ORG.BR Sociedade Brasileira de Computação, Disponível em: - Acesso em: 02/10/2013. [20] Google. Google Acadêmico, Disponível em: - Acesso em: 05/10/2013. [21] Knight, K. Responsive Web Design: What It Is and How To Use It. Smashing Magazine, p Janeiro 2011 [22] Gardner, B. S. Responsive Web Design: Enriching the User Experience. Sigma Magazine, v 11, n 1, p Novembro, [23] Young, J. The top responsive web design problems and how to avoid them. Net Magazine, p Agosto 2012 [24] Tzoc, E. A Mobile Interface for DSpace. D-Lib Magazine, v19 n3/4, Março/Abril 2013.

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

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

DOMINGOS DE CARVALHO VILLELA JÚNIOR

DOMINGOS DE CARVALHO VILLELA JÚNIOR 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 II INOVA PAULA SOUZA NÚCLEO DE INOVAÇÃO TECNOLÓGICA

Leia mais

Mobile Learning para apoio ao ensino de Lógica Proposicional

Mobile Learning para apoio ao ensino de Lógica Proposicional Mobile Learning para apoio ao ensino de Lógica Proposicional Andrew Rabelo Ruiz 1 Programa de Iniciação Científica Graduação em Ciência da Computação 1 Faculdade Campo Limpo Paulista (FACCAMP) Rua Guatemala,

Leia mais

COMO ESTÁ SUA EMPRESA NA INTERNET?

COMO ESTÁ SUA EMPRESA NA INTERNET? COMO ESTÁ SUA EMPRESA NA INTERNET? NOSSA MISSÃO É ACELERAR SEU NEGÓCIO Para atender com excelência às demandas do constante crescimento do universo digital, trabalhamos muito além da criação de sites.

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

@media screen and (grande-variedade-dispositivos){ usuários{ sites { ; } Google {

@media screen and (grande-variedade-dispositivos){ usuários{ sites { ; } Google { .pauta{ Introdução; Web Design Responsivo; Princípios do Design Responsivo; Trabalhos Correlatos; HTML5, CSS3, JavaScript; Media Queries; Mobile First; Imagens e Mídias Flexíveis; Mídias Flexíveis; Acessibilidade

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

Responsive Web Design e User Experience na adequação funcional de sites empresariais para dispositivos móveis

Responsive Web Design e User Experience na adequação funcional de sites empresariais para dispositivos móveis Faculdade de Tecnologia Responsive Web Design e User Experience na adequação funcional de sites empresariais para dispositivos móveis Coordenador do Projeto: Prof. Dr. Edécio Fernando Iepsen Pesquisador

Leia mais

Uma Análise da História do VEM, WBVS e WMSWM

Uma Análise da História do VEM, WBVS e WMSWM VEM Uma Análise da História do VEM, WBVS e WMSWM Renato Novais, Thiago S. Mendes, Fernando Teles Instituto Federal da Bahia (IFBA) Salvador Bahia Brasil {renato,thiagosouto,fernandoteles}@ifba.edu.br Abstract.

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

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

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

Identificação de Dispositivos Móveis utilizando Repositório de Perfis

Identificação de Dispositivos Móveis utilizando Repositório de Perfis 19 a 21 de mar o de 2010 162 Identificação de Dispositivos Móveis utilizando Repositório de Perfis Giani Carla Ito Curso de Sistemas de Informação - Universidade Paranaense (UNIPAR) Rua Rui Barbosa, 611,

Leia mais

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

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

Leia mais

Produção de aplicativo de catálogo de cursos da UTFPR para o sistema Android

Produção de aplicativo de catálogo de cursos da UTFPR para o sistema Android Produção de aplicativo de catálogo de cursos da UTFPR para o sistema Android Wenner S. Santos*, Marcos Silvano Orita Almeida* *COINT / UTFPR, Campo Mourão, Brasil e-mail: wenner.santos@hotmail.com Resumo/Abstract

Leia mais

PORQUE ESCOLHER A LEFY

PORQUE ESCOLHER A LEFY PORQUE ESCOLHER A LEFY Qualquer empreendedor que transfira seus sonhos para os papeis precisam de parcerias, nós da LEFY acreditamos, e muito, em parcerias. No início de qualquer projeto, a grana não é,

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

Número de pessoas com acesso à internet passa de 120 milhões

Número de pessoas com acesso à internet passa de 120 milhões MÍDIA KIT INTERNET Número de pessoas com acesso à internet passa de 120 milhões Segundo pesquisa da Nielsen IBOPE, até o 1º trimestre/2014 número 18% maior que o mesmo período de 2013. É a demonstração

Leia mais

Ferramenta para design de web site Macromedia Dreamweaver Fábio Fernandes

Ferramenta para design de web site Macromedia Dreamweaver Fábio Fernandes Ferramenta para design de web site Macromedia Dreamweaver Fábio Fernandes Em Abril de 2005, as duas maiores gigantes em desenvolvimento de software de web, gráfico e multimídia design se juntaram: a Adobe

Leia mais

Monday, January 23, 12. Introdução sobre Acessibilidade na web

Monday, January 23, 12. Introdução sobre Acessibilidade na web Introdução sobre Acessibilidade na web Acessibilidade na web é o consumo da informação por qualquer pessoa por qualquer tipo de meio de acesso. Para que serve a web? A web serve para compartilhar informação.

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

XVIII Seminário Nacional de Bibliotecas Universitárias SNBU 2014

XVIII Seminário Nacional de Bibliotecas Universitárias SNBU 2014 1 XVIII Seminário Nacional de Bibliotecas Universitárias SNBU 2014 O USO DAS REDES SOCIAIS COMO FERRAMENTA PARA O MARKETING DIGITAL EM UNIDADES DE INFORMAÇÃO: o caso do SISTEMOTECA da UFCG Walqueline Silva

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

Interface Mobile - Casos Práticos

Interface Mobile - Casos Práticos 2010 X CONFERÊNCIA SOBRE TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO Interface Mobile - Casos Práticos André Gil Bliss Applications andregil@blissapplications.com www.blissapplications.com Índice Apresentação

Leia mais

APLICATIVO WEB PARA ENSINO DE CONVERSORES ESTÁTICOS CC-CC

APLICATIVO WEB PARA ENSINO DE CONVERSORES ESTÁTICOS CC-CC APLICATIVO WEB PARA ENSINO DE CONVERSORES ESTÁTICOS CC-CC Laio Oriel Seman laioseman@gmail.com Daniel Castellain daniel_castellain@yahoo.com.br Jonata Apolinário jonataapolinario@yahoo.com.br Adriano Péres

Leia mais

Melhores práticas para tratar dilemas de qualidade no desenvolvimento de aplicativos móveis

Melhores práticas para tratar dilemas de qualidade no desenvolvimento de aplicativos móveis CBSoft 2013 Trilha Indústria Melhores práticas para tratar dilemas de qualidade no desenvolvimento de aplicativos móveis Andreia Matos dos Santos Igor de Borborema Correia 21 de outubro de 2012 Palestrantes

Leia mais

Mediadores de Interação na Web: Acessibilidade Baseada em Gente

Mediadores de Interação na Web: Acessibilidade Baseada em Gente 1 Mediadores de Interação na Web: Acessibilidade Baseada em Gente Clarisse Sieckenius de Souza SERG - Semiotic Engineering Research Group Departamento de Informática, PUC-Rio clarisse@inf.puc-rio.br http://www.serg.inf.puc-rio.br

Leia mais

SISTEMA PARA PORTAL DE NOTÍCIAS: Jornais, Revistas, Televisão etc

SISTEMA PARA PORTAL DE NOTÍCIAS: Jornais, Revistas, Televisão etc SISTEMA PARA PORTAL DE NOTÍCIAS: Jornais, Revistas, Televisão etc Técnica SEO: Search engine Optimization "INDEXADOR" Web Software para Grandes Portais (Gera todo o conteúdo SEO - Otimizado nas buscas)

Leia mais

Geração de Interfaces Adaptativas para Dispositivos Móveis

Geração de Interfaces Adaptativas para Dispositivos Móveis Geração de Interfaces Adaptativas para Dispositivos Móveis Giani Carla Ito 2, Nilson Sant anna 2, Maurício Ferreira 2, Douglas T. S. Finkler¹, André A. dos Santos¹, Marilson M. dos Santos¹ 1 Laboratório

Leia mais

Usabilidade e Adaptabilidade Web: Uma proposta de Inovação de um Sistema de Apoio à Gestão Escolar

Usabilidade e Adaptabilidade Web: Uma proposta de Inovação de um Sistema de Apoio à Gestão Escolar Usabilidade e Adaptabilidade Web: Uma proposta de Inovação de um Sistema de Apoio à Gestão Escolar Sandro Marques de Carvalho 1, Eudis Oliveira Teixeira 2 1 Faculdade de Ciências Aplicadas e Sociais de

Leia mais

USABILIDADE E NAVEGABILIDADE EM REVISTAS DIGITAIS RESPONSIVAS

USABILIDADE E NAVEGABILIDADE EM REVISTAS DIGITAIS RESPONSIVAS USABILIDADE E NAVEGABILIDADE EM REVISTAS DIGITAIS RESPONSIVAS Maria Luciana Utida Santos lucianautida@gmail.com Laís Cristina Licheski lais_lic@hotmail.com Departamento Acadêmico de Desenho Industrial

Leia mais

Geração do Portal CPCX - UFMS pelo UNION: Um Estudo de Caso

Geração do Portal CPCX - UFMS pelo UNION: Um Estudo de Caso Geração do Portal CPCX - UFMS pelo UNION: Um Estudo de Caso Lourival dos Santos Pires Júnior, Tony Carlos Bignardi dos Santos, Amaury Antônio de Castro Junior, Carlos Alberto da Silva, Leila Lisiane Rossi

Leia mais

Embrapa Informática Agropecuária Av. Andre Tosello, 209, 130833-866 Campinas, SP, Brazil RESUMO

Embrapa Informática Agropecuária Av. Andre Tosello, 209, 130833-866 Campinas, SP, Brazil RESUMO Desenvolvimento de aplicativos móveis em agricultura: Agritempo mobile Luciana A. S. Romani, Gabriel B. Magalhães, Silvio R. M. Evangelista Embrapa Informática Agropecuária Av. Andre Tosello, 209, 130833-866

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

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA Aluno: Eric Emanuel de Araujo Oliveira Orientador: Rejane Spitz Introdução Decorridos 20 anos desde a criação do Laboratório/Núcleo de Arte

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

5 Dicas para aproveitar mais o Google Analytics

5 Dicas para aproveitar mais o Google Analytics 5 Dicas para aproveitar mais o Google Analytics Autores: Ross Perez e Brett Sheppard Abril de 2013 p2 O Google Analytics tem oferecido vários excelentes recursos novos para rastrear os visitantes, as fontes

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

Análise de Performance de Frameworks de Desenvolvimento Mobile Multiplataforma

Análise de Performance de Frameworks de Desenvolvimento Mobile Multiplataforma 347 Análise de Performance de Frameworks de Desenvolvimento Mobile Multiplataforma Kamile A. Wahlbrinck, Bruno B. Boniati Universidade Federal de Santa Maria (UFSM) Caixa Postal 54 98.400-000 Frederico

Leia mais

User interface evaluation experiences: A brief comparison between usability and communicability testing

User interface evaluation experiences: A brief comparison between usability and communicability testing User interface evaluation experiences: A brief comparison between usability and communicability testing Kern, Bryan; B.S.; The State University of New York at Oswego kern@oswego.edu Tavares, Tatiana; PhD;

Leia mais

Está na hora de adequar seu site para mobile!

Está na hora de adequar seu site para mobile! WHITEPAPER iprospect Está na hora de adequar seu site para mobile! Introdução Desde a última atualização no algoritmo de busca do Google que priorizava os sites preparados para as telas de smartphones

Leia mais

Aplicativo para dispositivos móveis: relato de experiência da biblioteca da escola de educação física e esporte da Universidade de São Paulo

Aplicativo para dispositivos móveis: relato de experiência da biblioteca da escola de educação física e esporte da Universidade de São Paulo Aplicativo para dispositivos móveis: relato de experiência da biblioteca da escola de educação física e esporte da Universidade de São Paulo Solange Alves Santana Maria Lúcia Vieira Franco Regiane Pereira

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

Um Mapeamento Sistemático da Pesquisa sobre a Influência da Personalidade na Engenharia de Software

Um Mapeamento Sistemático da Pesquisa sobre a Influência da Personalidade na Engenharia de Software 1 1 2 Um Mapeamento Sistemático da Pesquisa sobre a Influência da Personalidade na Engenharia de Software Shirley Jacinto (ssj@cin.ufpe.br) Orientador: Fabio Q. B. da Silva (fabio@cin.ufpe.br) Questões

Leia mais

CONCEITOS E APLICAÇÕES DA COMPUTAÇÃO EM NUVEM

CONCEITOS E APLICAÇÕES DA COMPUTAÇÃO EM NUVEM CONCEITOS E APLICAÇÕES DA COMPUTAÇÃO EM NUVEM Rogério Schueroff Vandresen¹, Willian Barbosa Magalhães¹ ¹Universidade Paranaense(UNIPAR) Paranavaí-PR-Brasil rogeriovandresen@gmail.com, wmagalhaes@unipar.br

Leia mais

Proposta de melhoria. www.cineplace.com.pt. Elton Eira

Proposta de melhoria. www.cineplace.com.pt. Elton Eira Proposta de melhoria www.cineplace.com.pt Elton Eira Dezembro de 2015 Índice Contextualização marca/produto... 3 Sobre o Cineplace... 3 Geograficamente... 3 Mercado na qual está inserido... 4 Plataforma

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

Programa Front-end & Responsive Web Development

Programa Front-end & Responsive Web Development Programa Front-end & Responsive Web Development Front-end & Responsive Web Development # Porto 150h Curso Hands-on + Projeto de Curso 34h Projeto Digital 360º 16h Workshop Investimento: 255 x 8 (sem juros)

Leia mais

DWEB. Design para Web. Diagramação Web. Curso Superior de Tecnologia em Design Gráfico

DWEB. Design para Web. Diagramação Web. Curso Superior de Tecnologia em Design Gráfico DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico Diagramação Web Medita estas coisas; ocupate nelas, para que o teu aproveitamento seja manifesto a todos. 1 Timóteo 4:15 Contatos Carlos

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

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO/NÚCLEO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL Aluno: Pedro Barroso Vieira Orientador: Rejane Spitz Introdução Decorridos

Leia mais

Utilização da plataforma Ning para o desenvolvimento de rede social temática para o agronegócio do leite

Utilização da plataforma Ning para o desenvolvimento de rede social temática para o agronegócio do leite Utilização da plataforma Ning para o desenvolvimento de rede social temática para o agronegócio do leite Leonardo Mariano Gravina Fonseca 1, Myriam Maia Nobre 1, Denis Teixeira da Rocha 1, Elizabeth Nogueira

Leia mais

LEVANTAMENTO DE INFORMAÇÕES SOBRE O USO DO MÉTODO E APLICATIVOS SOCIOMÉTRICOS

LEVANTAMENTO DE INFORMAÇÕES SOBRE O USO DO MÉTODO E APLICATIVOS SOCIOMÉTRICOS LEVANTAMENTO DE INFORMAÇÕES SOBRE O USO DO MÉTODO E APLICATIVOS SOCIOMÉTRICOS Augusto Chagas Lima do Carmo camolim@gmail.com José Marconi Bezerra de Souza marconi2006@gmail.com (orientador) Departamento

Leia mais

APLICATIVO AUXILIANDO A MELHORIA DA ATENÇÃO BÁSICA NO BRASIL. APPLICATION TO ASSIST IN IMPROVING OF HEALTH IN BRAZIL s PRIMARY CARE

APLICATIVO AUXILIANDO A MELHORIA DA ATENÇÃO BÁSICA NO BRASIL. APPLICATION TO ASSIST IN IMPROVING OF HEALTH IN BRAZIL s PRIMARY CARE APLICATIVO AUXILIANDO A MELHORIA DA ATENÇÃO BÁSICA NO BRASIL APPLICATION TO ASSIST IN IMPROVING OF HEALTH IN BRAZIL s PRIMARY CARE Édson das Neves Oliveira 1, Jean Carlo Cainelli 2, Carlos Pilz 2, Sílvio

Leia mais

Estudo de Caso Bicicletada Curitiba

Estudo de Caso Bicicletada Curitiba Estudo de Caso Bicicletada Curitiba Tópicos Principais Análises de contexto de uso Testes de usabilidade Categorizações de conteúdo Fluxogramas de navegação Protótipos de baixa fidelidade (wireframes)

Leia mais

Roteiro A/V Quinto Tratamento WEBSITES. Por Best Web Fast. Best Web FAst. vídeo de animação 3D duração 3 minutos

Roteiro A/V Quinto Tratamento WEBSITES. Por Best Web Fast. Best Web FAst. vídeo de animação 3D duração 3 minutos Roteiro A/V Quinto Tratamento WEBSITES Por Best Web Fast Best Web FAst vídeo de animação 3D duração 3 minutos são paulo, 16 de outubro de 2014 1 websites vinheta BEST WEB FAST em seguida letterings:websites

Leia mais

Estudo de Frameworks Multiplataforma Para Desenvolvimento de Aplicações Mobile Híbridas

Estudo de Frameworks Multiplataforma Para Desenvolvimento de Aplicações Mobile Híbridas 72 Estudo de Frameworks Multiplataforma Para Desenvolvimento de Aplicações Mobile Híbridas Ezequiel Douglas Prezotto 1, Bruno Batista Boniati 1 1 Tecnologia em Sistemas para Internet - Universidade Federal

Leia mais

O uso de aplicativos mobile para auxiliar na verificação de fatos aprendidos pelo NELL

O uso de aplicativos mobile para auxiliar na verificação de fatos aprendidos pelo NELL O uso de aplicativos mobile para auxiliar na verificação de fatos aprendidos pelo NELL Caio Guimarães Herrera 1, Luís Felipe Franco Candêo Tomazini 1 1 Departamento de Computação Universidade Federal de

Leia mais

Testes de Software Aula 2

Testes de Software Aula 2 Testes de Software Aula 2 Universidade Federal do Ceará Estes slides fazem parte do material de treinamento produzido pela Célula de Testes e Qualidade de Software (CTQS) do Grupo de Redes de Computadores,

Leia mais

MINISTÉRIO DA CIÊNCIA E TECNOLOGIA MCT MUSEU PARAENSE EMÍLIO GOELDI MPEG

MINISTÉRIO DA CIÊNCIA E TECNOLOGIA MCT MUSEU PARAENSE EMÍLIO GOELDI MPEG MINISTÉRIO DA CIÊNCIA E TECNOLOGIA MCT MUSEU PARAENSE EMÍLIO GOELDI MPEG PROJETO: DESENVOLVIMENTO DE UMA PROPOSTA DE REESTRUTURAÇÃO DO SITE DA ESTAÇÃO CIENTÍFICA FERREIRA PENNA, VISANDO ATENDER AOS PADRÕES

Leia mais

IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB

IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB Isadora dos Santos Rodrigues, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR Brasil isadora.santosrodrigues@hotmail.com, bonetti@unipar.br

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

Quem Somos. SEO; Links Patrocinados; Campanhas de E-Mail Marketing; Divulgação em Portais e Sites Verticais; Web Analytics; Marketing Social.

Quem Somos. SEO; Links Patrocinados; Campanhas de E-Mail Marketing; Divulgação em Portais e Sites Verticais; Web Analytics; Marketing Social. Quem Somos A Cadastronet é uma agência de marketing digital, pioneira na utilização de WebStandards W3C* (World Wide Web Consortium) para desenvolvimento de websites. Isso significa que nossos sites são

Leia mais

Capítulo 2 Web 2.0 22

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

Leia mais

OPINIÃO. O futuro. do Flash

OPINIÃO. O futuro. do Flash O futuro do Flash Testes realizados por sites de grande audiência, como YouTube (http://www.youtube.com/ html5) e Vimeo (http://vimeo.com/blog:268), no uso de players em HTML 5 trouxeram à tona as discussões

Leia mais

ADAPTANDO UMA APLICAÇÃO PARA CLOUD: UMA ANÁLISE ENTRE OS ESFORÇOS UTILIZADOS

ADAPTANDO UMA APLICAÇÃO PARA CLOUD: UMA ANÁLISE ENTRE OS ESFORÇOS UTILIZADOS ADAPTANDO UMA APLICAÇÃO PARA CLOUD: UMA ANÁLISE ENTRE OS ESFORÇOS UTILIZADOS Cleverson Nascimento de Mello¹, Claudete Werner¹, Gabriel Costa Silva² ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil

Leia mais

Sistemas de Cache para Web: Um Estudo de Caso Utilizando MySQL e MongoDB

Sistemas de Cache para Web: Um Estudo de Caso Utilizando MySQL e MongoDB Sistemas de Cache para Web: Um Estudo de Caso Utilizando MySQL e MongoDB Heron Y. Inouye, Luís H. C. N. Ferreira, Rafael M. Coutinho, Alexandre C. B. Ramos Departamento de Matemática e Computação - Universidade

Leia mais

Agência digital especializada na consultoria, design e desenvolvimento de projetos de internet

Agência digital especializada na consultoria, design e desenvolvimento de projetos de internet Agência digital especializada na consultoria, design e desenvolvimento de projetos de internet Oferecemos ao mercado nossa experiência e metodologia amplamente desenvolvidas ao longo de 15 anos de experiência

Leia mais

Identificando a Formação de Ilhas de Conhecimento em Projetos de Software

Identificando a Formação de Ilhas de Conhecimento em Projetos de Software Identificando a Formação de Ilhas de Conhecimento em Projetos de Software Francisco Vanderson de Moura Alves 1, Pedro de Alcântara dos Santos Neto 1, Werney Ayala Luz Lira 1, Ricardo de Andrade Lira Rabêlo

Leia mais

BlackBerry Mobile Voice System

BlackBerry Mobile Voice System BlackBerry Mobile Voice System Comunicações móveis unificadas O BlackBerry Mobile Voice System (BlackBerry MVS) leva os recursos do telefone do escritório aos smartphones BlackBerry. Você pode trabalhar

Leia mais

EI CLIENTE, ESTAMOS AQUI! Ebook especializado em SEO para busca local

EI CLIENTE, ESTAMOS AQUI! Ebook especializado em SEO para busca local EI CLIENTE, ESTAMOS AQUI! Ebook especializado em SEO para busca local Sumário participam deste ebook 3 Isso é realmente importante? 4 Cuidados com seu site 5 Site mobile ou design responsivo? 6 Dados estruturados

Leia mais

JOGO DA MEMÓRIA PARA DISPOSITIVOS MÓVEIS GAME OF MEMORY TO MOBILE DEVICES

JOGO DA MEMÓRIA PARA DISPOSITIVOS MÓVEIS GAME OF MEMORY TO MOBILE DEVICES JOGO DA MEMÓRIA PARA DISPOSITIVOS MÓVEIS GAME OF MEMORY TO MOBILE DEVICES Célia Hirata Aoki - celia@unisalesiano.edu.br Prof. M.Sc. Anderson Pazin - pazin@unisalesiano.edu.br RESUMO As fortes expansões

Leia mais

Discussões e Questionamentos sobre a Evolução de Cursos de Engenharia de Software na Educação Superior Brasileira

Discussões e Questionamentos sobre a Evolução de Cursos de Engenharia de Software na Educação Superior Brasileira Discussões e Questionamentos sobre a Evolução de Cursos de Engenharia de Software na Educação Superior Brasileira Antonio M. P. de Resende 1 Ana Rubélia M. L. Resende 1 Heitor A. X. Costa 1 Fábio F. Silveira

Leia mais

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL

A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL A EXPERIÊNCIA PIONEIRA DO LABORATÓRIO DE ARTE ELETRÔNICA: 20 ANOS DE CURIOSIDADE E INOVAÇÃO EM DESIGN DE MIDIA DIGITAL Alunos: Pedro Barroso Vieira e Levy Conrado Nobre Fernandes Orientador: Rejane Spitz

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

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

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

Ferramentas desenvolvidas internamente não atendem às necessidades de crescimento, pois precisam estar sendo permanentemente aperfeiçoadas;

Ferramentas desenvolvidas internamente não atendem às necessidades de crescimento, pois precisam estar sendo permanentemente aperfeiçoadas; APRESENTAÇÃO O Myself é um sistema de gerenciamento de conteúdo para websites desenvolvido pela Genial Box Propaganda. Seu grande diferencial é permitir que o conteúdo de seu website possa ser modificado

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

GASweb - Usabilidade Parte 1-3

GASweb - Usabilidade Parte 1-3 GASweb - Usabilidade Parte 1-3 Nível Básico Por: Lucas Bruno O GASweb - Application Generator é um produto que oferece aos seus usuários o grande aumento de produtividade. Entretanto, assim como as demais

Leia mais

MAKE IT RESPONSIVE! The Responsive approach on Mobile, Tablet and Desktop Web Development.

MAKE IT RESPONSIVE! The Responsive approach on Mobile, Tablet and Desktop Web Development. MAKE IT RESPONSIVE! The Responsive approach on Mobile, Tablet and Desktop Web Development. Carlos Martins Junho, 27 2012 Quem sou eu? AGENDA The WWW Web World War III O que é o RWD? Mãos ao trabalho Principais

Leia mais

Rua Serra dos Carajás, 84, Indaiatuba, SP Celular: 19-9.9269-7334 Email: heverson.gomes@hcconsys.com.br www.hcconsys.com.br skype: heverson.

Rua Serra dos Carajás, 84, Indaiatuba, SP Celular: 19-9.9269-7334 Email: heverson.gomes@hcconsys.com.br www.hcconsys.com.br skype: heverson. Rua Serra dos Carajás, 84, Indaiatuba, SP Celular: 19-9.9269-7334 Email: heverson.gomes@hcconsys.com.br www.hcconsys.com.br skype: heverson.gomes Apresenta!!! 1. A Empresa A HCCONSYS com o intuito de ser

Leia mais

www.liberopinion.com Plataforma de participação on-line

www.liberopinion.com Plataforma de participação on-line www.liberopinion.com Plataforma de participação on-line RAP Lisboa 4 de Março 2015 Quem somos Inovação I&D Participação Pública Internet Social Media Dedicação exclusiva à investigação e desenvolvimento

Leia mais

Acessibilidade Introdução. M. Cecília C. Baranauskas Instituto de Computação

Acessibilidade Introdução. M. Cecília C. Baranauskas Instituto de Computação Acessibilidade Introdução M. Cecília C. Baranauskas Instituto de Computação Acessibilidade - Demo Esta parte é baseada no video em http://www.doit.wisc.edu/accessibility/video Liste os principais problemas

Leia mais

Estudos de caso de aplicativos móveis no governo brasileiro

Estudos de caso de aplicativos móveis no governo brasileiro Estudos de caso de aplicativos móveis no governo brasileiro Alisson Wilker Andrade, Ronaldo Agra, Viviane Malheiros Serpro Serviço Federal de Processamento de Dados SGAN 601 Modulo V - 70836-900 Brasília

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

Front-end & Responsive Web Development. curso

Front-end & Responsive Web Development. curso Front-end & Responsive Web Development Porto Front-end & Responsive Web Development O QUE É? Front-end corresponde a toda à parte visual de um site, ou seja, à forma como aparece no ecrã, à estrutura hierárquica

Leia mais

ENCAPSULAMENTO DE URL COM A API GOOGLE CHART TOOLS

ENCAPSULAMENTO DE URL COM A API GOOGLE CHART TOOLS ENCAPSULAMENTO DE URL COM A API GOOGLE CHART TOOLS Aguinaldo Canali 1 Pedro Clarindo da Silva Neto 2 Clodoaldo Nunes 3 RESUMO: Este artigo descreve a utilização da Interface de Programação de Aplicações,

Leia mais

Pequenas Empresas na Web

Pequenas Empresas na Web fevereiro 2010 :: ano 7 :: nº 74 :: www.revistawebdesign.com.br E D I T O R A R$ 11,90 Pequenas Empresas na Web Você sabia que, neste nicho de mercado, 80% NÃO possuem sites? Saiba como atraí-las para

Leia mais

Introdução à Revisão Sistemática da Literatura. Fernando Kenji Kamei @fkenjikamei

Introdução à Revisão Sistemática da Literatura. Fernando Kenji Kamei @fkenjikamei Introdução à Revisão Sistemática da Literatura Fernando Kenji Kamei @fkenjikamei Quais são as razões para conduzirmos uma Revisão da Literatura? Algumas possíveis razões... Delimitar o problema de pesquisa;

Leia mais

PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE

PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE Através do presente documento, a agência ACNBRASIL tem como objetivo apresentar uma proposta de criação e desenvolvimento de Website para COOPERATIVA DE

Leia mais

Emerald Group Publishing Limited. Descubra como aproveitar os benefícios da editora líder mundial de Pesquisa em Gestão. www.emeraldinsight.

Emerald Group Publishing Limited. Descubra como aproveitar os benefícios da editora líder mundial de Pesquisa em Gestão. www.emeraldinsight. Emerald Group Publishing Limited Descubra como aproveitar os benefícios da editora líder mundial de Pesquisa em Gestão www.emeraldinsight.com Conteúdo Esta apresentação foi elaborada para ajudá-lo a aproveitar

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

Estudo Hábitos. Hábitos de uso e comportamento dos internautas nas mídias sociais e como as empresas podem melhorar sua atuação nas redes

Estudo Hábitos. Hábitos de uso e comportamento dos internautas nas mídias sociais e como as empresas podem melhorar sua atuação nas redes Estudo Hábitos 2012 Hábitos de uso e comportamento dos internautas nas mídias sociais e como as empresas podem melhorar sua atuação nas redes O estudo O Estudo Hábitos é realizado anualmente pela E.life

Leia mais

think with técnicas infalíveis para ter o melhor 25site mobile

think with técnicas infalíveis para ter o melhor 25site mobile think with técnicas infalíveis para ter o melhor 25site mobile A internet no celular é uma realidade gigantesca no Brasil. Basta dizer que 72% dos usuários de smartphones acessam a web todos os dias em

Leia mais

Projeto Ouvidoria.com.br Crowdsourcing em favor da administração pública

Projeto Ouvidoria.com.br Crowdsourcing em favor da administração pública Projeto Ouvidoria.com.br Crowdsourcing em favor da administração pública Pedro Castello Branco Galoppini Programa de Engenharia e Gestão do Conhecimento Universidade Federal de Santa Catarina (UFSC) Florianópolis,

Leia mais

quarta-feira, 21 de novembro de 12

quarta-feira, 21 de novembro de 12 31.outubro.2012 Email Marketing na Era do Mobile First Está Preparado? Ricardo Longo ricardo@ftips.mobi @ricolongo quarta-feira, 21 de novembro de 12 O que eu estou fazendo aqui? quarta-feira, 21 de novembro

Leia mais

O Sistema de Controle de Egressos utilizado pelo Instituto Metodista Granbery: uma ferramenta de acompanhamento e relacionamento

O Sistema de Controle de Egressos utilizado pelo Instituto Metodista Granbery: uma ferramenta de acompanhamento e relacionamento Revista Eletrônica da Faculdade Metodista Granbery http://re.granbery.edu.br - ISSN 1981 0377 Curso de Sistemas de Informação - N. 7, JUL/DEZ 2009 O Sistema de Controle de Egressos utilizado pelo Instituto

Leia mais

Apresentação. E-commerce de Sucesso. da plataforma para o seu. www.brasilnaweb.com.br 4003-3312 atendimento@brasilnaweb.com.br

Apresentação. E-commerce de Sucesso. da plataforma para o seu. www.brasilnaweb.com.br 4003-3312 atendimento@brasilnaweb.com.br Apresentação da plataforma para o seu E-commerce de Sucesso www.brasilnaweb.com.br 4003-3312 atendimento@brasilnaweb.com.br Assuntos nessa apresentação: - A loja virtual (acesso dos seus clientes para

Leia mais