projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
CediaraCentro de dia para idosos de Ribeira de Fráguas
módulo 1 | momento de avaliação contínua 1 | 14 Março ‘08
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
1. Especificação Funcional / Design FuncionalR i it f i iRequisitos funcionais
1. Sistema de login2. Recuperação da password3. Sistema de logout
8. Informação do placard digital9. Sistemas de comentários10. Sistema de ajuda
4. Sistema de pesquisa5. Upload de conteúdos5.1. Upload de vídeos5.2. Upload de textos5.3. Upload de imagens
11. Inscrição de utentes na instituição11.1 Sistema de pagamentos12. Tele‐vigilância13. Sistema de monitorização dos utentes14. Sistema de localização5.3. Upload de imagens
5.4. Upload de áudio6. Validação6.1. Validação de vídeos6.2. Validação de textos6 3 V lid ã d i
14. Sistema de localização15. Área de gestão – Administradores 16. Visualização do histórico de pagamentos17. Shoutbox/interacção entre utentes18. Subscrição de Newsletter19 S b i ã d F d RSS6.3. Validação de imagens
6.4. Validação de áudio7. Visualização7.1. Visualização de vídeos7.2. Visualização de textos
19. Subscrição de Feeds RSS20.Inquérito21. Animações de menu22. Animação Inicial
Slide |2
7.3. Visualização de imagens7.4. Visualização de áudio
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d i ã d l õ i i h [ d d i h l ó i ]
1. Especificação Funcional / Design Funcional
Estudo e experimentação das soluções criativas chave [estudo da imagem‐chave – logótipo]
Logótipo original
R 255 G 213 B 0# ffd500
R 204 G 96 B 104#cc6068
R 99 G 182 B 81#63b651
R 0 G 0 B 0#000000
Slide |3
#000000
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
1. Especificação Funcional / Design FuncionalE d i ã d l õ i i h [ d d i h l ó i ]Estudo e experimentação das soluções criativas chave [estudo da imagem‐chave – logótipo]
Slide |4
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
1. Especificação Funcional / Design FuncionalE d i ã d l õ i i h [ d d i h l ó i ]Estudo e experimentação das soluções criativas chave [estudo da imagem‐chave – logótipo]
Slide |5
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
1. Especificação Funcional / Design FuncionalE d i ã d l õ i i h [ d d i h l ó i ]Estudo e experimentação das soluções criativas chave [estudo da imagem‐chave – logótipo]
Slide |6
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
1. Especificação Funcional / Design FuncionalE d i ã d l õ i i h [ d d i h l ó i ]Estudo e experimentação das soluções criativas chave [estudo da imagem‐chave – logótipo]
Slide |7
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E é i d i ã i áfi1. Especificação Funcional / Design FuncionalEstratégias de comunicação tipográficas
Slide |8
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
1. Especificação Funcional / Design FuncionalE d i ã d l õ i i h [ d d i h l ó i ]Estudo e experimentação das soluções criativas chave [estudo da imagem‐chave – logótipo]
R 255 G 214 B 0# ffd600# ffd600
R 208 G 255 B 95#d0ff5f
R 221 G 118 B 7#dd7607
R 99 G 99 B 99#636363
Slide |9
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |10
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |11
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |12
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |13
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |14
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |15
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |16
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |17
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |18
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |19
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |20
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |21
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d h d i f
1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces
Slide |22
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
S b d d i ã i i i l
1. Especificação Funcional / Design Funcional
Storyboard da animação inicial
Slide |23
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
2. Especificação Técnica / Design TécnicoIdentificação e descrição das funcionalidades/requisitos técnicosIdentificação e descrição das funcionalidades/requisitos técnicos
A criação e implementação deste projecto implica diversas funcionalidades e requisitos técnicos que serão essenciais para o sucesso do projecto.
Funcionalidades e requisitos técnicos
Slide |24
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d Vi bilid d Té i l f li õ f l õ ló i
2. Especificação Técnica / Design Técnico
Estudo de Viabilidade Técnica: plataformas, aplicações, ferramentas e soluções tecnológicas
Inicialmente foram selecionadas algumas aplicações, e soluções técnologicas, como podendo ser utilizadas:
‐Editores HTML: Dreamweaver, Frontpage, Bluefish‐ Tecnologia ASP‐ CMS (Content Managment System) Joomla, Mambo, Exponent‐ Flash, Ajax, Flex‐ Programa de base de dados: Microsoft Access Open Office BasePrograma de base de dados: Microsoft Access, Open Office Base‐ Segurança: Encriptação em MD5, Encriptação em SHA, Encriptação em RSA
Estudo de viabilidade técnica
Slide |25
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d Vi bilid d Té i ó / d dif l õ d i ã l i à l õ fi i
2. Especificação Técnica / Design Técnico
Estudo de Viabilidade Técnica: prós/ contras das diferentes soluções e decisão relativamente às soluções finais
Conclusões do estudo de viabilidade técnica
Editores HTML
Prós
Será mais vantajoso a utilização do Dreamweaver pois é um programa com o qual estamos habituados a trabalhar, e doqual conhecemos as especificidades e o seu modo de funcionamento.
Contras
Existem outros outros editores HTML que poderiam trazer vantagem pelo facto de serem gratuitos/open source.
No entanto, não sabemos o seu modo de funcionamento, iriamos ter de dispender algum tempo a estudar
esses mesmos editores, tempo esse que com a calendarização para a realização do projecto é um pouco escasso.
Slide |26
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d Vi bilid d Té i ó / d dif l õ d i ã l i à l õ fi i
2. Especificação Técnica / Design Técnico
Estudo de Viabilidade Técnica: prós/ contras das diferentes soluções e decisão relativamente às soluções finais
Conclusões do estudo de viabilidade técnica
CMS
Prós
O facto de já termos conhecimento do modo de funcionamento do Joomla revela‐se um dado bastante importante para que este seja apontado á partida como o CMS a utilizar.
Contras
Existem outras diversas opções, como, Mambo, ou Exponent. Mas também aqui pesa o facto de não estarmos f l d d d f dfamiliarizados com o modo de funcionamento destes.
Slide |27
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d Vi bilid d Té i ó / d dif l õ d i ã l i à l õ fi i
2. Especificação Técnica / Design Técnico
Estudo de Viabilidade Técnica: prós/ contras das diferentes soluções e decisão relativamente às soluções finais
Conclusões do estudo de viabilidade técnica
Flash, Ajax, Flex
Prós
Estas três tecnologias(Flash, Ajax e Flex) oferecem diversas possibilidades para integração de conteúdos e animações.
Contras
Apenas conhecemos o modo de funcionamento do flash.
Slide |28
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d Vi bilid d Té i ó / d dif l õ d i ã l i à l õ fi i
2. Especificação Técnica / Design Técnico
Estudo de Viabilidade Técnica: prós/ contras das diferentes soluções e decisão relativamente às soluções finais
Conclusões do estudo de viabilidade técnica
Bases de Dados
Prós
Autilização do Microsoft Access é para nós mais vantajosa por conhecermos o programa.
Seria de todo o nosso interesse trabalhar com este programa de forma a implementar uma base de dados que
seja capaz de responder ás necessidades do site.
Contras
Existem outras opções de programas de base de dados, como por exemplo o Open Office Base, mas,
também aqui, pesa o facto de desconhecermos completamente este programa e o seu modo
de funcionamento.
Slide |29
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
E d d Vi bilid d Té i ó / d dif l õ d i ã l i à l õ fi i
2. Especificação Técnica / Design Técnico
Estudo de Viabilidade Técnica: prós/ contras das diferentes soluções e decisão relativamente às soluções finais
Conclusões do estudo de viabilidade técnica
Encriptação de Dados
Prós
Existem diversos tipos de encriptação, segundo as pesquisas efectuadas por nós, grupo, os métodos de encriptação mais utilizados actualmente são: MD‐5, SHA, RSA.
Contras
No entanto destes três métodos, aquele que já conhecemos é o MD‐5, pois, á semelhança do Microsoft Access, foi utilizado no projecto de Laboratório Multimédia 5.
Slide |30
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
D d Pl ifi ã Té i d l / i d i
2. Especificação Técnica / Design Técnico
Documentos de Planificação Técnica : modelo/arquitectura do sistema
Slide |31
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
D d Pl ifi ã Té i d ã
2. Especificação Técnica / Design Técnico
Documentos de Planificação Técnica: mapa de navegação
Slide |32
projecto | cediaraprojecto | cediaraCátia Resende . 33623 | Paula Pinho . 36630 | Filipe Silva . 36600 | Eduardo Pinto . 37124 http://milhoverde.wordpress.com
D d Pl ifi ã Té i fl d lh d
2. Especificação Técnica / Design Técnico
Documentos de Planificação Técnica: fluxogramas detalhados
Fluxograma de navegação Fluxogramas de upload de conteúdos, comentários e validação
Slide |33
Top Related