apresentacao1 final v2 [Modo de Compatibilidade] · 1. Especificação Funcional / Design Funcional RiitRequisitos fi ifuncionais 1. Sistema de login 2.Recuperação da password 3.Sistema

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


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


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


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



Slide |5



Slide |6



Slide |7


E é i d i ã i áfi1. Especificação Funcional / Design FuncionalEstratégias de comunicação tipográficas

Slide |8



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


E d d h d i f

1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces

Slide |10


E d d h d i f1. Especificação Funcional / Design FuncionalEstudo e desenho das interfaces

Slide |11



Slide |12


E d d h d i f


Slide |13


E d d h d i f


Slide |14



Slide |15


E d d h d i f


Slide |16


E d d h d i f


Slide |17


E d d h d i f


Slide |18


E d d h d i f


Slide |19


E d d h d i f


Slide |20


E d d h d i f


Slide |21


E d d h d i f


Slide |22


S b d d i ã i i i l

1. Especificação Funcional / Design Funcional

Storyboard da animação inicial

Slide |23


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


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


E d d Vi bilid d Té i ó / d dif l õ d i ã l i à l õ fi i


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






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






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






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






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


D d Pl ifi ã Té i d l / i d i


Documentos de Planificação Técnica : modelo/arquitectura do sistema

Slide |31


D d Pl ifi ã Té i d ã


Documentos de Planificação Técnica: mapa de navegação

Slide |32


D d Pl ifi ã Té i fl d lh d


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

Documents

apresentacao1 final v2 [Modo de Compatibilidade] · 1. Especificação Funcional / Design Funcional RiitRequisitos fi ifuncionais 1. Sistema de login 2.Recuperação da password 3.Sistema