Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

INSTITUTO BRASILEIRO DE TECNOLOGIA – IBRATEC DESIGN DE WEB APPS COM TECNOLOGIA FRONT-END Professora: Meire Queiroz Orientador: Dennis Calazans Equipe: Madson Muller, Ricardo Paz e Wagner Beethoven

Slide 3

Slide 3 text

HeyGO é um aplicativo mobile voltado para o mercado de entretenimento que busca ajudar os organizadores de eventos na divulgação e venda de ingressos. Introdução

Slide 4

Slide 4 text

Título HeyGO: entretenimento para cidades inteligentes

Slide 5

Slide 5 text

Tema Desenvolvimento web e tecnologia mobile

Slide 6

Slide 6 text

Utilizar os conceitos do framework Ionic 2 para construir um aplicativo mobile multiplataforma que respeite os principais ecossistemas do mercado. Objetivo

Slide 7

Slide 7 text

Objetivos especificos Mapear a eficiência do uso de tecnologias web no desenvolvimento de aplicativos multiplataformas; Analisar os módulos de perspectivas mobile do framework Ionic 2; Aplicar os conhecimentos adquiridos na concepção da análise no aplicativo.

Slide 8

Slide 8 text

Problema Os curtos prazos exigidos pelas empresas aumentam o custo de produção de aplicativos. As comunidades de desenvolvedores no mundo criam ferramentas para padronizar e agilizar os trabalhos, chamadas de frameworks. Os frameworks, deste segmento, compilam aplicação web em aplicações nativas para celular, mas ainda seguem algumas dúvidas, como: ● Será que eles respeitam as diretrizes exigidas por cada sistema operacional? ● Possuem os mesmos critérios de segurança que as aplicações nativas?

Slide 9

Slide 9 text

Hipótese Há resistência na maioria dos desenvolvedores quando se pensa em programar web para aplicativos mobile, pois a performance da aplicação pode ser prejudicada por um código mau implementado. A metodologia de desenvolvimento de um aplicativo nativo é muito mais rígida do que desenvolver para web.

Slide 10

Slide 10 text

Classificação da pesquisa Finalidade Objetivos Procedimentos Natureza Local Aplicada Explicativa Bibliográfica Documental Experimental Quantitativa Qualitativa Laboratório

Slide 11

Slide 11 text

Mapa mental https://www.goconqr.com/pt/p/5916935

Slide 12

Slide 12 text

Referência bibliográfica BARBOSA, Simone Diniz Junqueira; SILVA, Bruno Santana de; Interação humano-computador. São Paulo: Elsevier, 2010. CYBIS, Walter; BETIOL, Adriana Holtz; FAUST, Richard. Ergonomia e Usabilidade: conhecimentos, métodos e aplicações. São Paulo: Novatec, 2015. EIS, Diego; Guia front-end: o caminho das pedras para ser um dev front-end. São Paulo: Casa do Código, 2015. EIS, Diego; FERRAZ, Reinaldo; FILHO, Almir; GOMES, Jaydson; GONDIM, Caio; KEPPELEN, Giovanni; LOPES, Sérgio;LUNA, Bernard De; MARQUES, Deivid; REAL, Luiz Corte; SHIOTA, Eduardo. Coletânea front-end: uma antologia da comunidade front-end brasileira. São Paulo: Casa do Código, 2014. LOPES, Sérgio; A web mobile: design responsivo e além para uma web adaptada ao mundo mobile. São Paulo: Casa do Código, 2013. LEWIS, Joseph R; MOSCOVITZ, Meitar; CSS avançado. São Paulo: Novatec, 2010.

Slide 13

Slide 13 text

Referência bibliográfica LOWDERMILK, Travis; Design centrado no usuário. São Paulo: Novatec, 2013. MAZZA, Lucas; HTML5 e CSS3: domine a web do futuro. São Paulo: Casa do Código, 2014. MEYER, Eric A; Smashing CSS: técnicas profissionais para um layout moderno. São Paulo: Bookman, 2011. NEIL, Theresa; Padrões de design para aplicativos móveis. São Paulo: Novatec, 2013. PREECE, Jennifer; ROGERS, Yvonne; SHARP, Hellen; Design de Interação: além da interação homem-computador. São Paulo: Bookman, 2005. SANDERS, Bill; Smashing HTML5: técnicas para a nova geração da web. São Paulo: Bookman, 2012. SILVA, Maurício Samy; HTML 5: a linguagem de marcação que revolucionou a web. São Paulo: Novatec, 2011.

Slide 14

Slide 14 text

Referência bibliográfica Nodejs: https://nodejs.org/en/ Ionic: http://ionicframework.com/ Github Ionic 2: https://github.com/driftyco/ionic Front In Brazil: http://frontinbrazil.com.br/aplicativos-mobile-com-o-angularjs-e-ionic/ Cordova: https://cordova.apache.org/docs/en/latest/guide/overview/index.html UI e Design Windows Phone: https://developer.microsoft.com/en-us/windows/design UI Android: https://developer.android.com/guide/topics/ui/index.html UI iOs: https://developer.apple.com/ios/human-interface-guidelines/

Slide 15

Slide 15 text

HeyGO