SlideShare uma empresa Scribd logo
1 de 22
Mural TIC Event
Viewer
Igor Antonio Pereira Machado
Nivea Santana da Silva
Luis Santos Neto
Cassio Rafael Borges
Caio Fernandes
SUMARIO
Introdução
Objetivo
Funcionalidades previstas
Tecnologías utilizadas
Mockups
Telas mobiles
Telas mural
Teste de usabilidade
INTRODUÇÃO
O presente trabalho tem por intuito propor um sistema de
divulgação de notícias e eventos para instituições na
intenção de expor os alunos a eventos relacionados a suas
respectivas áreas do conhecimento.
OBJETIVO
Desenvolver um protótipo proof of concept do sistema
baseado nas heurísticas e conhecimentos adquiridos nos
trabalhos anteriores com o objetivo de ajudar na
comunicação entre a coordenação com os alunos,
professores e demais frequentadores da instituição.
FUNCIONALIDADES PREVISTAS
O sistema foi dividido em duas funcionalidades principais: Um mural na web
onde as notícias serão postadas, e um aplicativo mobile onde os alunos
poderão visualizar e salvar as notícias de seu interesse:
Administrador
● Cria, edita e remove eventos/notícias;
● Visualiza as notícias na tela home.
Usuário final
● Scaneia as notícias da página através de QrCodes;
● Favorita os eventos de maior interesse do usuário;
● Curte, comenta e compartilha;
● Deleta notícias indesejadas.
TECNOLOGÍAS UTILIZADAS
• PHP
• HTML5
• SQlite
• CSS3
• Javascript
• Json
• Android studio
• ZXwing Barcode Reader Library
MOCKUPS
TELAS MOBILE - VERSÃO 0.01
TELAS MURAL
TESTE DE USABILIDADE
SUGESTÕES
Que tipo de melhorias você acha que podemos fazer?(9 respostas)
Especificar/detalhar o objetivo deste questionário através de uma breve
introdução. Não ficou clara a tal " Solução" que queriam apresentar..
Opção de compartilhar p outros aplicativos
Dar a opção de baixar a imagem do evento
Colocar a area do conhecimento do evento
Mostrar a tela de forma mais bonita e chamativa
Mostrar ao menos as noticias quando usar qualquer leitor de qrcode
Já está perfeito
Abrir um espaço para comentários.
DIFICULDADES
Dificuldades:
•Entendimento do funcionamento das ferramentas usadas;
•Entendimento do processo;
•Usar tecnologias novas.
FUTURAS FUNCIONALIDADES
•Finalizar as funcionalidades inacabadas;
•Cadastrar área da notícia;
•Receber sugestões de melhorias dos usuários;
•Implementar e implantar melhorias;
CONCLUSÃO
A partir dos resultados do teste pode-se concluir que existe uma
demanda para uma solução desse tipo. Em seu estado atual, o sistema
parece estar seguindo o caminho certo no que diz respeito a
funcionalidades e intuitividade.
Na parte de implementação, apesar de complicada a integração da leitura
de qrCode com a estrutura de um JSON se mostra uma solução eficaz e
elegante para a distribuição de dados através de plataformas. A intenção
é que a aplicação seja melhorada, agregando funcionalidades baseadas
em redes sociais. Ambas as aplicações foram desenvolvidas com a ideia
de simplicidade em mente, tentando tornar a experiência do usuário a
mais natural e intuitiva possível.
OBRIGADO(A)!

Mais conteúdo relacionado

Mais procurados

Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareleopp
 
USER EXPERIENCE - conceitos e aplicações em dispositivos móveis
USER EXPERIENCE - conceitos e aplicações em dispositivos móveisUSER EXPERIENCE - conceitos e aplicações em dispositivos móveis
USER EXPERIENCE - conceitos e aplicações em dispositivos móveisThiago Bastos
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareMarcio Costa
 
Modelo Incremental - Engenharia de Software
Modelo Incremental - Engenharia de SoftwareModelo Incremental - Engenharia de Software
Modelo Incremental - Engenharia de SoftwareDaniela Franciosi
 
User experience - conceito e aplicação em dispositivos móveis (smartphones)
User experience - conceito e aplicação em dispositivos móveis (smartphones)User experience - conceito e aplicação em dispositivos móveis (smartphones)
User experience - conceito e aplicação em dispositivos móveis (smartphones)Thiago Bastos
 
vantagens e desvantagens do ciclo de vida de software
vantagens e desvantagens do ciclo de vida de softwarevantagens e desvantagens do ciclo de vida de software
vantagens e desvantagens do ciclo de vida de softwarejwniezzy
 
ARchitect - Realidade Aumentada | IT People Innovation
ARchitect - Realidade Aumentada | IT People InnovationARchitect - Realidade Aumentada | IT People Innovation
ARchitect - Realidade Aumentada | IT People InnovationLuis Bravo Martins
 
Champion Troca Pulseira
Champion Troca PulseiraChampion Troca Pulseira
Champion Troca PulseiraDurval Amorim
 
User experiencie douglas e arnon
User experiencie douglas e arnonUser experiencie douglas e arnon
User experiencie douglas e arnonDouglas Nascimento
 
Arquitetura da informação - site Decathlhon
Arquitetura da informação - site DecathlhonArquitetura da informação - site Decathlhon
Arquitetura da informação - site DecathlhonNatalia Moreira
 
4D Paper - Realidade Aumentada | IT People Innovation
4D Paper - Realidade Aumentada | IT People Innovation 4D Paper - Realidade Aumentada | IT People Innovation
4D Paper - Realidade Aumentada | IT People Innovation Luis Bravo Martins
 
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
User experience   ihm 2015.2 - felipe pinheiro levi andrade vinicius galvaoUser experience   ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvaoVinicius Galvão
 
Avaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipaçãoAvaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipaçãoLivia Gabos
 

Mais procurados (20)

Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
Trabalho es prototipagem
Trabalho es   prototipagemTrabalho es   prototipagem
Trabalho es prototipagem
 
Prototipagem rápida
Prototipagem rápidaPrototipagem rápida
Prototipagem rápida
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
 
USER EXPERIENCE - conceitos e aplicações em dispositivos móveis
USER EXPERIENCE - conceitos e aplicações em dispositivos móveisUSER EXPERIENCE - conceitos e aplicações em dispositivos móveis
USER EXPERIENCE - conceitos e aplicações em dispositivos móveis
 
Engenharia de software - Prototipo
Engenharia de software - PrototipoEngenharia de software - Prototipo
Engenharia de software - Prototipo
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
Modelo Incremental - Engenharia de Software
Modelo Incremental - Engenharia de SoftwareModelo Incremental - Engenharia de Software
Modelo Incremental - Engenharia de Software
 
User experience - conceito e aplicação em dispositivos móveis (smartphones)
User experience - conceito e aplicação em dispositivos móveis (smartphones)User experience - conceito e aplicação em dispositivos móveis (smartphones)
User experience - conceito e aplicação em dispositivos móveis (smartphones)
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
vantagens e desvantagens do ciclo de vida de software
vantagens e desvantagens do ciclo de vida de softwarevantagens e desvantagens do ciclo de vida de software
vantagens e desvantagens do ciclo de vida de software
 
ARchitect - Realidade Aumentada | IT People Innovation
ARchitect - Realidade Aumentada | IT People InnovationARchitect - Realidade Aumentada | IT People Innovation
ARchitect - Realidade Aumentada | IT People Innovation
 
Champion Troca Pulseira
Champion Troca PulseiraChampion Troca Pulseira
Champion Troca Pulseira
 
User experiencie douglas e arnon
User experiencie douglas e arnonUser experiencie douglas e arnon
User experiencie douglas e arnon
 
Arquitetura da informação - site Decathlhon
Arquitetura da informação - site DecathlhonArquitetura da informação - site Decathlhon
Arquitetura da informação - site Decathlhon
 
4D Paper - Realidade Aumentada | IT People Innovation
4D Paper - Realidade Aumentada | IT People Innovation 4D Paper - Realidade Aumentada | IT People Innovation
4D Paper - Realidade Aumentada | IT People Innovation
 
User experiense
User experienseUser experiense
User experiense
 
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
User experience   ihm 2015.2 - felipe pinheiro levi andrade vinicius galvaoUser experience   ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
 
Avaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipaçãoAvaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipação
 

Semelhante a Mural TIC Event Viewer

Pre proposta trabalho final
Pre proposta trabalho finalPre proposta trabalho final
Pre proposta trabalho finalSergio Chaves
 
Avalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebAvalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebBruno Dadalt Zambiazi
 
White Paper da Spin para o SIMPASE 2013
White Paper da Spin para o SIMPASE 2013White Paper da Spin para o SIMPASE 2013
White Paper da Spin para o SIMPASE 2013SpinEngenharia
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papelelliando dias
 
Slide da Apresentação de ES.pptx
Slide da Apresentação de ES.pptxSlide da Apresentação de ES.pptx
Slide da Apresentação de ES.pptxLeonardoCristianoQui
 
Aula 3 desenvolvimento de projetos
Aula 3 desenvolvimento de projetosAula 3 desenvolvimento de projetos
Aula 3 desenvolvimento de projetosThiago Cetroni
 
AVA para EaD em TV Digital
AVA para EaD em TV DigitalAVA para EaD em TV Digital
AVA para EaD em TV DigitalJunior Teles
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Felipe Nascimento
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidiaFábio Costa
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidiaFábio Costa
 
Introdução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NETIntrodução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NETMário Meyrelles
 
Projeto Indiana
Projeto IndianaProjeto Indiana
Projeto Indianahellequin
 
Solução web de scrum para o apoio a comunicação entre equipes remotas
Solução web de scrum para o apoio a  comunicação entre equipes remotasSolução web de scrum para o apoio a  comunicação entre equipes remotas
Solução web de scrum para o apoio a comunicação entre equipes remotasfelipe bastosweb
 

Semelhante a Mural TIC Event Viewer (20)

Pre proposta trabalho final
Pre proposta trabalho finalPre proposta trabalho final
Pre proposta trabalho final
 
Conic coint
Conic cointConic coint
Conic coint
 
Avalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebAvalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e Web
 
Android
AndroidAndroid
Android
 
White Paper da Spin para o SIMPASE 2013
White Paper da Spin para o SIMPASE 2013White Paper da Spin para o SIMPASE 2013
White Paper da Spin para o SIMPASE 2013
 
Prototipagem Em Papel
Prototipagem Em PapelPrototipagem Em Papel
Prototipagem Em Papel
 
Relatorio de analise mural tic
Relatorio de analise mural ticRelatorio de analise mural tic
Relatorio de analise mural tic
 
Slide da Apresentação de ES.pptx
Slide da Apresentação de ES.pptxSlide da Apresentação de ES.pptx
Slide da Apresentação de ES.pptx
 
A53740 engis vs rup
A53740   engis vs rupA53740   engis vs rup
A53740 engis vs rup
 
Ferramentas case
Ferramentas caseFerramentas case
Ferramentas case
 
Aula 3 desenvolvimento de projetos
Aula 3 desenvolvimento de projetosAula 3 desenvolvimento de projetos
Aula 3 desenvolvimento de projetos
 
Aula 5 - SAM - Projetos
Aula 5 - SAM - ProjetosAula 5 - SAM - Projetos
Aula 5 - SAM - Projetos
 
AVA para EaD em TV Digital
AVA para EaD em TV DigitalAVA para EaD em TV Digital
AVA para EaD em TV Digital
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
 
Introdução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NETIntrodução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NET
 
Projeto Indiana
Projeto IndianaProjeto Indiana
Projeto Indiana
 
Solução web de scrum para o apoio a comunicação entre equipes remotas
Solução web de scrum para o apoio a  comunicação entre equipes remotasSolução web de scrum para o apoio a  comunicação entre equipes remotas
Solução web de scrum para o apoio a comunicação entre equipes remotas
 

Mural TIC Event Viewer

  • 1. Mural TIC Event Viewer Igor Antonio Pereira Machado Nivea Santana da Silva Luis Santos Neto Cassio Rafael Borges Caio Fernandes
  • 3. INTRODUÇÃO O presente trabalho tem por intuito propor um sistema de divulgação de notícias e eventos para instituições na intenção de expor os alunos a eventos relacionados a suas respectivas áreas do conhecimento.
  • 4. OBJETIVO Desenvolver um protótipo proof of concept do sistema baseado nas heurísticas e conhecimentos adquiridos nos trabalhos anteriores com o objetivo de ajudar na comunicação entre a coordenação com os alunos, professores e demais frequentadores da instituição.
  • 5. FUNCIONALIDADES PREVISTAS O sistema foi dividido em duas funcionalidades principais: Um mural na web onde as notícias serão postadas, e um aplicativo mobile onde os alunos poderão visualizar e salvar as notícias de seu interesse: Administrador ● Cria, edita e remove eventos/notícias; ● Visualiza as notícias na tela home. Usuário final ● Scaneia as notícias da página através de QrCodes; ● Favorita os eventos de maior interesse do usuário; ● Curte, comenta e compartilha; ● Deleta notícias indesejadas.
  • 6. TECNOLOGÍAS UTILIZADAS • PHP • HTML5 • SQlite • CSS3 • Javascript • Json • Android studio • ZXwing Barcode Reader Library
  • 8. TELAS MOBILE - VERSÃO 0.01
  • 10.
  • 11.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. SUGESTÕES Que tipo de melhorias você acha que podemos fazer?(9 respostas) Especificar/detalhar o objetivo deste questionário através de uma breve introdução. Não ficou clara a tal " Solução" que queriam apresentar.. Opção de compartilhar p outros aplicativos Dar a opção de baixar a imagem do evento Colocar a area do conhecimento do evento Mostrar a tela de forma mais bonita e chamativa Mostrar ao menos as noticias quando usar qualquer leitor de qrcode Já está perfeito Abrir um espaço para comentários.
  • 19. DIFICULDADES Dificuldades: •Entendimento do funcionamento das ferramentas usadas; •Entendimento do processo; •Usar tecnologias novas.
  • 20. FUTURAS FUNCIONALIDADES •Finalizar as funcionalidades inacabadas; •Cadastrar área da notícia; •Receber sugestões de melhorias dos usuários; •Implementar e implantar melhorias;
  • 21. CONCLUSÃO A partir dos resultados do teste pode-se concluir que existe uma demanda para uma solução desse tipo. Em seu estado atual, o sistema parece estar seguindo o caminho certo no que diz respeito a funcionalidades e intuitividade. Na parte de implementação, apesar de complicada a integração da leitura de qrCode com a estrutura de um JSON se mostra uma solução eficaz e elegante para a distribuição de dados através de plataformas. A intenção é que a aplicação seja melhorada, agregando funcionalidades baseadas em redes sociais. Ambas as aplicações foram desenvolvidas com a ideia de simplicidade em mente, tentando tornar a experiência do usuário a mais natural e intuitiva possível.