Evento: 8º Connecting Knowledge
Palestrante: Heider Lopes
Mais Slides do Author: slideshare.net/heiderlopes
Resumo: O que levar em consideração ao decidir criar uma app ou web. Veja alguns fatores que podem tem ajudar a tomar a decisão.
Banca - WALL TRICKS APP: Aplicativo para registro e compartilhamento de manob...Bruno Sartori Quadros
Apresentação utilizada para banca do meu trabalho de conclusão de curso que tem como objetivo propor um aplicativo para smartphone direcionado ao segmento esportivo do skate que auxilie o usuário a registrar e a compartilhar vídeos que revelam a realização de manobras, fazendo deste
conteúdo matéria-prima para uma rede social organizada em forma de aplicativo.
O trabalho foi desenvolvido com base em uma metodologia específica para produtosdigitais – o Projeto E.
Projeto Aplicativo: Rio help - Um projeto para o Rio de janeiroFábio Pereira
Um aplicativo para que todo cidadão possa colaborar com a central da "Rio Help", uma central do governo responsável por receber os notificações dos cariocas.
Imagine todos os cariocas com um App no celular chamado RioHelp, com ele podemos notificar (com video e fotos) imediatamente as autoridades do Rio de janeiro sobre um problema, exemplo: incêndio, Focos de mosquito da dengue, trânsito, denúncias de assaltos, abuso de poder dentre outros.
E para acompanhar está sua notificação, feita pelo aplicativo, você poderá acessar o site da RioHelp e ver se ela foi resolvida (parecido o site do reclame aqui).
Evento: 8º Connecting Knowledge
Palestrante: Heider Lopes
Mais Slides do Author: slideshare.net/heiderlopes
Resumo: O que levar em consideração ao decidir criar uma app ou web. Veja alguns fatores que podem tem ajudar a tomar a decisão.
Banca - WALL TRICKS APP: Aplicativo para registro e compartilhamento de manob...Bruno Sartori Quadros
Apresentação utilizada para banca do meu trabalho de conclusão de curso que tem como objetivo propor um aplicativo para smartphone direcionado ao segmento esportivo do skate que auxilie o usuário a registrar e a compartilhar vídeos que revelam a realização de manobras, fazendo deste
conteúdo matéria-prima para uma rede social organizada em forma de aplicativo.
O trabalho foi desenvolvido com base em uma metodologia específica para produtosdigitais – o Projeto E.
Projeto Aplicativo: Rio help - Um projeto para o Rio de janeiroFábio Pereira
Um aplicativo para que todo cidadão possa colaborar com a central da "Rio Help", uma central do governo responsável por receber os notificações dos cariocas.
Imagine todos os cariocas com um App no celular chamado RioHelp, com ele podemos notificar (com video e fotos) imediatamente as autoridades do Rio de janeiro sobre um problema, exemplo: incêndio, Focos de mosquito da dengue, trânsito, denúncias de assaltos, abuso de poder dentre outros.
E para acompanhar está sua notificação, feita pelo aplicativo, você poderá acessar o site da RioHelp e ver se ela foi resolvida (parecido o site do reclame aqui).
Da concepção ao desenvolvimento: a estratégia por trás de um aplicativotdc-globalcode
O que faz um aplicativo ser bem sucedido? O que faz um aplicativo ser positivamente reconhecido pelos seus usuários? Muito além de uma interface gráfica bonita e um código bem escrito, o aplicativo precisa de visão de negócios e consistência estratégica.
Através de estudos de concorrência, benchmarking, tendências, blue sky e pesquisa em profundidade com o público alvo, e fazendo uso de uma série de ferramentas de análise, conseguimos ter uma visão do cenário em que app estará inserido, projetar cenários futuros e conceitos para tais cenários.
Com um trabalho feito de forma colaborativa com o cliente e envolvendo pessoas de áreas e backgrounds distintos, agregamos um conhecimento de fora da nossa zona de expertise, expandindo a compreensão e as possibilidades do projeto.
A construção de um aplicativo deve começar muito antes do fluxograma, da interface, do código. Um aplicativo para ser bem sucedido precisa de uma base estratégica sólida e uma estrutura conceitual bem elaborada. Apresentaremos cases da ilegra, empresa global de TI e negócios, que se propõe a pensar antes e além do software, realizados em parceria com a Icatu Seguros.
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação TecnológicaNiva Silva
A apropriação tecnológica tem um papel central na cibercultura. Desde os primeiros sistemas de comunicação em rede até os mais atuais, os usuários tem a capacidade de utilizar os recursos tecnológicos para fins nunca imaginados por seus designers.
Este pré projeto de pesquisa propõe o estudo de uma nova abordagem no desenvolvi-mento de softwares pata web, celular, TV digital e vídeo games, que encara os softwares como sistemas agregadores de aplicativos desenvolvidos pela própria comunidade de usuá-rios através da disponibilização de APIs. Questionando de que maneira esta tendência im-plica em uma mudança de paradigma em design e consumo, com relação à apropriação tecnológica.
Os objetivos da pesquisa são o estudo do inter relacionamento entre os conceitos de a-propriação e participação, a análise do processo de participação dos usuários na criação e desenvolvimento de aplicativos e o estabelecimento de relações entre os processos técnicos analisados e os processos sociais apresentados pelo quadro teórico.
As principais referências teóricas são: André Lemos, Andrew Feeneberg, Francisco Rüdi-gher, Gerhard Fischer, Lawrence Lessig, Lev Manovich, Manuel Castells, Michel de Certeau, Mirko Tobias Schäfer, Pierre Levy, Raquel Recuero e Yochai Benkler.
Propõe-se o desenvolvimento do projeto através de observação e análise direta de sis-temas agregadores de aplicativos selecionados, e entrevistas com usuários/desenvolvedores de aplicativos e sistemas agregadores de aplicativos
Como resultado da pesquisa espera-se identificar padrões nos projetos de aplicativos e de sistemas agregadores de aplicativos, e relacionar estes padrões com teorias como a da Produção Social, de Benkler, e da Inteligência Coletiva, de Pierre Levy.
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicFelipe Blini
Nesse projeto vamos ver que um aplicativo híbrido é uma página HTML como qualquer outra tendo apenas que ser otimizada para caber em telas pequenas de maneira responsiva e com componentes otimizados para Touch Screen, para isso usamos bibliotecas CSS e JS como o Materialize, Bootstrap, entre várias outras.
A nossa página HTML também deve se comportar como um aplicativo móvel, para isso o nosso 'site' deve ser um SPA (Single Page Application), ou seja, uma única página HTML com uma área reservada para a renderização das views que serão injetadas via AJAX, para isso podemos usar bibliotecas como JQuery para nos ajudar com o AJAX e a manipulação do DOM, mas é preferível usar frameworks front-end como AngularJS, ReactJS, entre outros que nos entregam uma sistema de SPA pronto e organizam nosso código com o pattern MVC, eliminando o código spaghetti.
Veremos tbm que essa página precisa ter as views injetadas com transições animadas entre telas que devem ser feitas feitas CSS que usa aceleração da CPU por questões de performance.
Além de tudo isso, precisamos ter acesso às APIs nativas dos devices, pra isso precisamos integrar nossa página HTML com o Cordova, adicionar plugins e usar os eventos que ele emite pra nos ajudar no ciclo-de-vida da nossa aplicação. Vamos entender a diferença entre PhoneGap e Cordova e que o nosso aplicativo vai rodar embarcado em uma WebView, o que realmente é uma WebView e que essa é apenas uma Activity e que segue o mesmo ciclo-de-vida de qualquer outra Activity.
Veremos também que essa página HTML precisa ter elementos UI mínimos e obrigatórios para qualquer aplicativo móvel. Todo aplicativo deve ter uma barra de status que combine com o design utilizado, uma barra de navegação fixa com um título e um botão voltar, a área do conteúdo e um rodapé (opcional) e que para fazermos isso contamos com a ajuda de bibliotecas com o Materialize, Bootstrap, JQuery Mobile, etc...
Antes de terminar vamos ver com um bom ícone e uma splash screen são importantes para um aplicativo móvel e que temos dezenas de tamanhos e resoluções de arquivos para criar, exportar e registrar no nosso XML de configurações e como podemos usar o Ionic Resources pra fazer esse trabalho pesado pra nós.
E depois como emular tudo isso, como fazer Debug e identificar erros, como visualizar nos devices e depois fazer o Build e publicar nas lojas de aplicativos móveis
Como se não bastasse temos que levar em consideração a experiência do usuário em cada plataforma, veremos como o usuário do iPhone espera que os elementos do UI sejam e como o aplicativo deve se comportar e como os dos Android esperam, e entenderemos que o Material Design jamais deve ser entregue no IOS e que precisamos de um UI agnóstico de plataforma.
Veremos como tudo isso fica muito fácil e simples com o Ionic Framework que toma o controle de tudo isso e nos permite ser muito mais produtivo
Dicas, truques, experiências de uma equipe desenvolvendo projetos mobile nos últimos 4 anos. O que deu certo, o que deu errado, as armadilhas, os sucessos e problemas.
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchLeonardo Soares
Aula introdutória sobre como é o processo de construção de aplicativos móveis para smartphones e tablets. Apresenta como está o cenário atual, o que muda em relação ao desenvolvimento tradicional e como ferramentas como PhoneGap e Sencha Touch podem ser usadas para aumentar a produtividade no segmento de aplicativos móveis.
ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.
Palestra Iniciando o desenvolvimento de aplicativos com o Club do AndroidMessias Batista
Palestra realizada na cidade de João Pessoa, no evento 15ª Semana da Computação da UFPB. Campus V. MIT.
2016 07-11 - iniciando o desenvolvimento de aplicativos com o club do android
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisÉdipo Souza
UMA ANÁLISE COMPARATIVA DE FERRAMENTAS DE DESENVOLVIMENTO MULTIPLATAFORMA PARA DISPOSITIVOS MÓVEIS
Apresentação de minha monografia apresentada em 11/06/2014 para conclusão do curso de Sistemas e Mídias Digitais na Universidade Federal do Ceará.
Da concepção ao desenvolvimento: a estratégia por trás de um aplicativotdc-globalcode
O que faz um aplicativo ser bem sucedido? O que faz um aplicativo ser positivamente reconhecido pelos seus usuários? Muito além de uma interface gráfica bonita e um código bem escrito, o aplicativo precisa de visão de negócios e consistência estratégica.
Através de estudos de concorrência, benchmarking, tendências, blue sky e pesquisa em profundidade com o público alvo, e fazendo uso de uma série de ferramentas de análise, conseguimos ter uma visão do cenário em que app estará inserido, projetar cenários futuros e conceitos para tais cenários.
Com um trabalho feito de forma colaborativa com o cliente e envolvendo pessoas de áreas e backgrounds distintos, agregamos um conhecimento de fora da nossa zona de expertise, expandindo a compreensão e as possibilidades do projeto.
A construção de um aplicativo deve começar muito antes do fluxograma, da interface, do código. Um aplicativo para ser bem sucedido precisa de uma base estratégica sólida e uma estrutura conceitual bem elaborada. Apresentaremos cases da ilegra, empresa global de TI e negócios, que se propõe a pensar antes e além do software, realizados em parceria com a Icatu Seguros.
Pré Projeto De Pesquisa: Aplicativos e APIs, Além Da Apropriação TecnológicaNiva Silva
A apropriação tecnológica tem um papel central na cibercultura. Desde os primeiros sistemas de comunicação em rede até os mais atuais, os usuários tem a capacidade de utilizar os recursos tecnológicos para fins nunca imaginados por seus designers.
Este pré projeto de pesquisa propõe o estudo de uma nova abordagem no desenvolvi-mento de softwares pata web, celular, TV digital e vídeo games, que encara os softwares como sistemas agregadores de aplicativos desenvolvidos pela própria comunidade de usuá-rios através da disponibilização de APIs. Questionando de que maneira esta tendência im-plica em uma mudança de paradigma em design e consumo, com relação à apropriação tecnológica.
Os objetivos da pesquisa são o estudo do inter relacionamento entre os conceitos de a-propriação e participação, a análise do processo de participação dos usuários na criação e desenvolvimento de aplicativos e o estabelecimento de relações entre os processos técnicos analisados e os processos sociais apresentados pelo quadro teórico.
As principais referências teóricas são: André Lemos, Andrew Feeneberg, Francisco Rüdi-gher, Gerhard Fischer, Lawrence Lessig, Lev Manovich, Manuel Castells, Michel de Certeau, Mirko Tobias Schäfer, Pierre Levy, Raquel Recuero e Yochai Benkler.
Propõe-se o desenvolvimento do projeto através de observação e análise direta de sis-temas agregadores de aplicativos selecionados, e entrevistas com usuários/desenvolvedores de aplicativos e sistemas agregadores de aplicativos
Como resultado da pesquisa espera-se identificar padrões nos projetos de aplicativos e de sistemas agregadores de aplicativos, e relacionar estes padrões com teorias como a da Produção Social, de Benkler, e da Inteligência Coletiva, de Pierre Levy.
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicFelipe Blini
Nesse projeto vamos ver que um aplicativo híbrido é uma página HTML como qualquer outra tendo apenas que ser otimizada para caber em telas pequenas de maneira responsiva e com componentes otimizados para Touch Screen, para isso usamos bibliotecas CSS e JS como o Materialize, Bootstrap, entre várias outras.
A nossa página HTML também deve se comportar como um aplicativo móvel, para isso o nosso 'site' deve ser um SPA (Single Page Application), ou seja, uma única página HTML com uma área reservada para a renderização das views que serão injetadas via AJAX, para isso podemos usar bibliotecas como JQuery para nos ajudar com o AJAX e a manipulação do DOM, mas é preferível usar frameworks front-end como AngularJS, ReactJS, entre outros que nos entregam uma sistema de SPA pronto e organizam nosso código com o pattern MVC, eliminando o código spaghetti.
Veremos tbm que essa página precisa ter as views injetadas com transições animadas entre telas que devem ser feitas feitas CSS que usa aceleração da CPU por questões de performance.
Além de tudo isso, precisamos ter acesso às APIs nativas dos devices, pra isso precisamos integrar nossa página HTML com o Cordova, adicionar plugins e usar os eventos que ele emite pra nos ajudar no ciclo-de-vida da nossa aplicação. Vamos entender a diferença entre PhoneGap e Cordova e que o nosso aplicativo vai rodar embarcado em uma WebView, o que realmente é uma WebView e que essa é apenas uma Activity e que segue o mesmo ciclo-de-vida de qualquer outra Activity.
Veremos também que essa página HTML precisa ter elementos UI mínimos e obrigatórios para qualquer aplicativo móvel. Todo aplicativo deve ter uma barra de status que combine com o design utilizado, uma barra de navegação fixa com um título e um botão voltar, a área do conteúdo e um rodapé (opcional) e que para fazermos isso contamos com a ajuda de bibliotecas com o Materialize, Bootstrap, JQuery Mobile, etc...
Antes de terminar vamos ver com um bom ícone e uma splash screen são importantes para um aplicativo móvel e que temos dezenas de tamanhos e resoluções de arquivos para criar, exportar e registrar no nosso XML de configurações e como podemos usar o Ionic Resources pra fazer esse trabalho pesado pra nós.
E depois como emular tudo isso, como fazer Debug e identificar erros, como visualizar nos devices e depois fazer o Build e publicar nas lojas de aplicativos móveis
Como se não bastasse temos que levar em consideração a experiência do usuário em cada plataforma, veremos como o usuário do iPhone espera que os elementos do UI sejam e como o aplicativo deve se comportar e como os dos Android esperam, e entenderemos que o Material Design jamais deve ser entregue no IOS e que precisamos de um UI agnóstico de plataforma.
Veremos como tudo isso fica muito fácil e simples com o Ionic Framework que toma o controle de tudo isso e nos permite ser muito mais produtivo
Dicas, truques, experiências de uma equipe desenvolvendo projetos mobile nos últimos 4 anos. O que deu certo, o que deu errado, as armadilhas, os sucessos e problemas.
Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchLeonardo Soares
Aula introdutória sobre como é o processo de construção de aplicativos móveis para smartphones e tablets. Apresenta como está o cenário atual, o que muda em relação ao desenvolvimento tradicional e como ferramentas como PhoneGap e Sencha Touch podem ser usadas para aumentar a produtividade no segmento de aplicativos móveis.
ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.
Palestra Iniciando o desenvolvimento de aplicativos com o Club do AndroidMessias Batista
Palestra realizada na cidade de João Pessoa, no evento 15ª Semana da Computação da UFPB. Campus V. MIT.
2016 07-11 - iniciando o desenvolvimento de aplicativos com o club do android
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisÉdipo Souza
UMA ANÁLISE COMPARATIVA DE FERRAMENTAS DE DESENVOLVIMENTO MULTIPLATAFORMA PARA DISPOSITIVOS MÓVEIS
Apresentação de minha monografia apresentada em 11/06/2014 para conclusão do curso de Sistemas e Mídias Digitais na Universidade Federal do Ceará.
Workshop - Design de Interfaces para Dispositivos MóveisDaniel Lugondi
Workshop desenvolvido para a 5ª Semana de Design do Centro Universitário do Norte – UNINORTE em Manaus. O principal objetivo desta ação foi principalmente compartilhar as principais atividades do designer em um time multidisciplinar com foco na produção de interfaces para dispositivos móveis.
Com atividades que mesclaram tanto o viés teórico quanto atividades práticas, os alunos tiveram a oportunidade de verificar por meio das expertises dos palestrantes o mindset necessário a concepção de interfaces, as principais características, diferenças e similaridades entre plataformas, tendências assim como ferramentas que podem subsidiar esse processo criativo.
Todos nós, como developers, já perdemos imenso tempo por causa de "features" que os Designers decidem incluir no layout da nossa aplicação. Muitas são as vezes em que fazemos isso sem nos dar ao trabalho de tentar perceber para que servem, pensando apenas nos inúmeros modos elaborados de tortura que poderíamos colocar em prática caso encontrássemos esse tal "Designer" ao nosso alcance.
Nesta sessão serão apresentados os cenários mais comuns em que isto ocorre e discutido se realmente o trade-off de tempo de desenvolvimento extra vale efectivamente a pena para o ganho geral da aplicação. Quem é que tem/deve ter mais peso? O designer ou o programador? Ou será que os dois poderiam juntar o conhecimento e acelerar o processo de produção?
GDG DevFest Nordeste - Quer desenvolver aplicações mobile nativas, cross-plat...Paulo Cesar Ortins Brito
Nessa apresentação mostro como podemos desenvolver aplicações mobile nativas para iOS, Android e Windows Phone utilizando C# com o Xamarin e compartilhando até 75% do código entre as plataformas. É uma vantagem e tanto no mundo atual onde devemos atender o maior número de devices com o menor custo possível e atendendo à usuários cada vez mais exigentes.
Desenvolvimento para Android - Bento Gonçalves (08/2011)Gustavo Ciello
Slides do workshop sobre Desenvolvimento para Android, apresentado no Tchêlinux Bento Gonçalves (13/08/2011). http://tchelinux.org/site/doku.php?id=evento_2011_agosto_bento
Identificando variabilidades em aplicações para androidAdorilson Bezerra
Slides resultantes de uma pesquisa (em andamento) sobre variabilidades entre aplicações para Android. Essa pesquisa está sendo feita na disciplina de Linha de Produto de Software, no mestrado na UFRN/Dimap.
Projeto para o site Sinter Ônibus
Problema: Criar um layout harmônico com a marca.
Solução: Foram usadas cores baseadas na marca, mas que não tivessem a mesma ilagibilidade e as formas também desenvolvidas em aspectos secundários da marca para atingir uma harmonia visual sem fugir totalmente do logotipo.
16. Resultado
Pontos Comuns
Iterface Simples e intuitiva (excessão Garota Safada)
Mesmo Layout (Déjà vu)
Presença de bugs
Falhas de layout
Botões e textos pequenos, área de rolamento de conteúdo limitada sendo desconfortável no touchscreen
Uso excessivo de fotos tomando espaço da navegação
Alguns Apps não abrem ou não instalam
Diferenciais
Layout personalizado
Recursos Diferenciados
Layout profissional