Entrega02 Requisitos Funcionais Viabilidade Tecnica

Museu de Design Portugus - DeCA

ndice

Introduo __________________________________________________________________ 3 Requisitos funcionais __________________________________________________________ 4 Requisitos no funcionais ______________________________________________________ 5 Viabilidade tcnica ____________________________________________________________ 6 Sistema de Gesto de Base de Dados ___________________________________________ 9 Linguagem Server-side _______________________________________________________ 9 Linguagem client-side _______________________________________________________ 9 Software edio do site _____________________________________________________ 10 Software edio de imagens vectoriais _________________________________________ 11 Servidor _________________________________________________________________ 12 Upload de mltiplos ficheiro _________________________________________________ 12 API _____________________________________________________________________ 13 Frameworks ______________________________________________________________ 14 Concluso __________________________________________________________________ 17

2|Page Helder - 46823 | Lorenzo - 47592 | Sofia - 49304


Introduo

Todos os projectos multimdia precisam de uma boa planificao para que o produto final cumpra todos os objectivos propostos. Sendo assim, inicialmente necessrio fazer um levantamento de todos os requisitos funcionais e no funcionais. Nesta fase, fundamental identificar quais os tipos de utilizadores e as prioridades da implementao. Aps esta se encontrar completa, segue-se ento ao estudo da viabilidade tcnica, realizando uma anlise das solues tcnicas disponveis no mercado, de forma a atender s especificaes do projecto.



Requisitos funcionaisOs requisitos funcionais so requisitos que expressam funes/servios que um

software deve ou pode ser capaz de executar e/ou fornecer. Neste ponto, definimos o perfil de trs grupos de pessoas, como podemos ver mais a baixo:



Requisitos no funcionaisOs requisitos no funcionais so os que declaram restries e atributos de qualidade para a criao de um software e/ou para o processo de desenvolvimento do sistema. De acordo com o nosso projecto, os requisitos no funcionais so os seguintes:



Viabilidade tcnicaHTML 5 HTML5 (Hypertext Markup Language, verso 5) uma linguagem de estruturao e apresentao de contedos para a World Wide Web. Como qualquer tecnologia, ao longo dos tempos vai sofrendo alteraes, melhorando o seu desempenho. Estas so algumas das novidades do HTML 5: Simplificao em determinados atributos de tags. Ex: o atributo type no necessrio nas tags link e script; No obrigatrio fechar os elementos. Ex: ; Possibilidade de introduzir uma rea de texto editvel por parte do utilizador; Armazenamento local. Ex: o browser guarda os dados na pasta localStorage e quando aberto novamente apresenta aquilo que guardou, sem qualquer aco por parte do servidor. Atributos required (preenchimento obrigatrio) e autofocus (campo

seleccionado automaticamente) para os formulrios; Suporte nativo de udio e vdeo, sem plugins; o Formatos de udio (codecs) suportados por: o Firefox 3.6+ - Ogg Vorbis, WAV; Safari 5+ - MP3, WAV; Chrome 6+ - Ogg Vorbis, MP3; Opera 10.5+ - Ogg Vorbis, WAV; Internet Explorer 9+ - MP3, WAV;

Formatos de video (codecs) suportados por: Firefox 3.6+ - Ogg Theora, VP8; Safari 5+ - H.264; Chrome 6+ - Ogg Theora, VP8; Opera 10.5+ - Ogg Theora, VP8; Internet Explorer 9+ - H.264; Android browser - Ogg Theora, VP8, H.264;

Introduo do preload em videos; 6|Page

Helder - 46823 | Lorenzo - 47592 | Sofia - 49304

Museu de Design Portugus - DeCA Introduo do atributo pattern, para o uso de expresses regulares.

Quanto compatibilidade dos browsers com o HTML 5, o Google Chrome tem o melhor desempenho, seguido do Safari. O Firefox tambm oferece uma boa compatibilidade, apesar de alguns atributos ainda no serem suportados. Por seu lado, o Internet Explorer tem bastantes limitaes no uso de HTML 5.

Fontes: http://www.quirksmode.org/dom/html5.html http://www.qrls.com/media/blogs/releases/howto/tips/CSS3_HTML5_Charts/CSS3_Properti es_Browser_Compatibility_Chart.JPG [visitado em 01/03/2012]



CSS3 O CSS3 introduziu vrias novidades em relao ao seu antecessor, que podem ser vistas na coluna da esquerda do seguinte quadro, bem como a compatibilidade com os vrios browsers:

Fontes: http://www.css3.info http://www.qrls.com/media/blogs/releases/howto/tips/CSS3_HTML5_Charts/CSS3_Selector s_Browser_Compatibility_Chart.JPG [visitado em 01/03/2012]



Sistema de Gesto de Base de DadosMySQLMySQL um sistema de gesto de base de dados (SGBD), que utiliza a linguagem SQL (Strutured Query Language) como interface. Tem como vantagens o suporte a uma grande diversidade de dados, a portabilidade, a fcil interaco com outras tecnologias, o excelente desempenho e estabilidade e o facto de ser multiplataforma. Devido a ser utilizada actualmente na base de dados existente, a linguagem SQL j est definida partida do projecto.

Linguagem Server-sidePHPPHP (Personal Home Page) uma linguagem server-side e utilizada para gerar contedo dinmico na World Wide Web. Apresenta como principais vantagens a velocidade e robustez, a segurana e estabilidade, o facto de ser estruturado e orientado a objectos e permitir interaco com outras tecnologias e ser multiplataforma e open source. Tal como o SQL, o PHP j est a ser usado actualmente na BD, no cabendo ento a ns a deciso de utilizar esta linguagem.

Linguagem client-sideJavaScriptJavaScript uma linguagem script baseada em ECMAScript e considerada a principa linguagem para programao client-side em navegadores web. As suas principais vantagens so a compatibilidade com outras tecnologias, a versatilidade e o facto de ser estruturada e imperativa, multiplataforma e open source. Por outro lado, as suas desvantagens so a acessibilidade limitada e o facto de poder ser desactivado no browser do utilizador.



Dada a sua versatilidade, o grupo decidiu avanar para o uso desta linguagem, uma vez que h o conhecimento prvio da parte dos elementos para poder ser feito o seu desenvolvimento.

ActionscriptActionScript uma linguagem de script orientada a objectos baseada em ECMAScript, utilizada para construes de aplicaes ricas de internet (RIA) e executada numa mquina virtual. uma linguagem poderosa, flexvel, dinmica e robusta e apresenta facilidade no desenvolvimento de aplicaes complexas com grandes conjuntos de dados. Tambm possui fluidez, interactividade e permite animaes; multiplataforma. As suas desvantagens incluem o fraco suporte em dispositivos mveis do Flash, o peso em comparao ao JavaScript e ser necessria a instalao de plugins. Logo, pode-se concluir que esta linguagem de programao no a mais aconcelhvel para o projecto, devido sua compatibilidade com os produtos da Apple.

Software edio do siteAdobe Dreamweaver cs5O Adobe Dreamweaver cs5 um software de criao e edio de sites baseados em padres e projectos para a rea de trabalho, smartphones, tablets, entre outros. Sendo assim, este software o mais indicado para o desenvolvimento do nosso projecto, visto que j estamos familiarizados com o prprio.

10 | P a g e Helder - 46823 | Lorenzo - 47592 | Sofia - 49304


Fonte: http://www.adobe.com/products/dreamweaver.html [visitado em 01/03/2012]

Software edio de imagens vectoriais

Adobe Illustrator cs5O Adobe Illustrator cs5 um software de criao de arte vectorial. Este necessrio para a criao grfica do projecto.



Fonte: http://www.adobe.com/products/illustrator.html [visitado em 01/03/2012

ServidorUm servidor um sistema de computao que fornece servios a uma rede de computadores, ou seja, este recebe, envia e/ou cliente. armazena informao vinda do

Linlabmm Servidor interno e gratuito fornecido pela Universidade de Aveiro. Tem como

desvantagem um acesso bastante limitado, ou seja, s pode ser acedido dentro da UA, caso contrrio necessrio uma ligao da VPN fora do campus universitrio. Externo Servidor pago, com um ambiente de grande segurana, grande capacidade/espao, liberdade e mais fivel. Este o mais indicado para o nosso projecto, visto que o objectivo ter o website disponvel externamente.

Upload de mltiplos ficheiroPluploadPlupload uma ferramenta de upload de ficheiros, e tem diversas verses, cada uma usando uma tecnologia diferente, isto , tm verso em Flash, HTML5, Silverlight, Google Gears, BrowserPlus e em formulrios normais XHTML. Esta ferramenta d a opo de personalizar todo o cdigo podendo alterar o aspecto desta. bastante estvel, fcil de implementar e optimizada para HTML5, sendo portanto a melhor opo para o nosso projecto.



Fonte: http://www.plupload.com [visitado em 01/03/2012]

UploadifyUploadify tem d a opo de transferir multiplos ficheiros em simultneo, ferramenta bastante simples e fcil de implementar, no entanto no oferece a flexibilidade com o HTML5 como o plulpoad, e usa ActionScript na sua implementao, portanto ser excluida do nosso projecto.

Fonte: http://www.uploadify.com [visitado em 01/03/2012]

APIFacebookEm cada obra, iremos ter uma rea de comentrios, iremos usar para isso o plugin Comments Box da facebook, usando o Facebook Connect para autenticar os utilizadores. Cada utilizador autenticado poder comentar cada obra. Existe a opo de integrar cada obra, a uma zona na pgina do facebook, assim comentrios feitos na pgina do facebook tambm iro aparecer no website. A moderao desses comentrios ser feita atravs da conta do admin desse Comment Box, esse admin escolhido na altura da implementao desta tecnologia. O aspecto grfico destas caixas de comentrios so 100% costumizveis, isto , atravs de CSS podemos alterar desde a font, cores dos links, cor de fundo, etc.

Fonte: https://developers.facebook.com/blog/post/198 [visitado em 29/02/2012]



FrameworksHTML5 BoilerplateEsta framework dispe de uma enorme e robusta variedade de caractersticas a nvel de compatibilidades entre browsers (incluindo IE6). Est pronto para HTML5. Compresso optimizada para chacing e performance mais rpida para todos os browsers, incluindo plataformas mobile iOS, Android e Opera Mobile. Esqueleto de CSS pronto para melhorar a introduo de todo o nosso cdigo de modo a no haver conflictos. Um dos grandes pontos fortes desta framework a constante actualizao, e integrao em sintonia com actualizaes de JQuery e do Modernizr (pea fundamental para que esta framework possibilite a utilizao de HTML5 em browsers que no o suportam). Esta framework a que achamos melhor para o nosso projecto pelo simples facto de integrar quantidades enormes de optimizaes e ser bastante slida.

Fonte: http://html5boilerplate.com/ [visitado em 29/02/2012]

52 Frameowork

A 52Frameowork possibilita fazer praticamente tudo o que quisermos com HTML, desde local storage, leitor de vdeo, canvas, formulrios pre-concebidos para melhor segurana. Muitas propriedades CSS3, videos explicativos da framework. muito parecida com a Boilerplate, no entanto no est actualizada, visto usar verses antigas do JQuery e do prprio Modernizr. Quanto performance em dispositivos mobile, esta framework tambm perde terreno para a Boilerplate.



Fonte: http://www.52framework.com/ [visitado em 29/02/2012]

G5 Framework

Esta framework muito parecida 52Framework no que toca s possibilidades, no entanto contm algumas opes template, como sticky footers e layouts. Comparando com a 52Framework, esta bastante mais leve. No entanto, est desactualizada comparada com a Boilerplate. Para o nosso projecto, no que toca a templates, no nos ser util e optimizaes para mobiles praticamente nula nesta framework.

Fonte: http://framework.gregbabula.info/ [visitado em 29/02/2012]

LimeJS

Esta framework tem como utilizao geral, a criao de jogos em JS. Tem algumas 15 | P a g e Helder - 46823 | Lorenzo - 47592 | Sofia - 49304


caractersticas muito interessantes, quanto opo pop-up de "instalar" a webpage no dispositivo (iOS ou Android) o que faz com que crie um icone no 'ambiente de trabalho' do dispositivo e que ao executar essa "app" corre o website rpida e directamente em fullscreen. Tem muito boa documentao com animaes e event handlers pre-feitos. No entanto, como no vamos criar um jogo, no far muito sentido para o nosso projecto utilizar esta framework, no entanto, iremos tentar integrar a parte do pop-up de instalao para os dispositivos mveis.

Fonte: http://www.limejs.com/ [visitado em 29/02/2012]



ConclusoAps realizada esta fase, percebemos o quanto importante esta para compreender o nosso projecto de forma mais abrangente. Conseguimos encontrar solues para alguns problemas e organizar as fases para o incio da implementao. Tambm preciso salientar que esta fase poder sofrer pequenas alteraes ao longo da implementao, mesmo aps uma longa pesquisa.


Entrega02 Requisitos Funcionais Viabilidade Tecnica

Documents