I$CUT
From LABMM1_IDE
Contents |
Projecto Final Lab MM1 e IDE
Elementos do Grupo
Conceito
Descrição: Elaboração de uma plataforma Web em Flash disponível e acessível a todas as pessoas via on-line.
Objectivo da Aplicação: Calcular preços, tempo de deslocação e alternativas a itinerários escolhidos por cada utilizador das SCUT.
Público Alvo: Todos os utilizadores SCUT/ Público geral.
Nome
Universo SCUTS ( Primeira proposta )
( Inicialmente, escolhemos este nome pois "Universo" significa um todo, e esta aplicação vai dar informações sobre tudo acerca das SCUT )
i$CUT (Actual)
( Após verificarmos que "Universo SCUTS" seria uma nome um bocado extenso, decidimos optar por "i$SCUT". Antigamente, SCUT significada Sem Custos para o UTilizador, e substituímos "S" pelo Cifrão($), pois agora os utilizadores pagam. Acrescentámos o "i" no inicio ( como existe nos nomes: iPod, iPhone, iPad, etc ), para termos um nome mais "sólido". )
Memória Descritiva
- Informações detalhadas sobre a definição de SCUT
- Modos de pagamento
- Meio secundário para efectuar pagamentos
- Informação sobre a legislação em vigor.
- Valor total / parcial de cada itinerário
- Alternativas de cada itinerários
- Tempo de deslocação de cada itenerário
Referências visuais
- Visualização de alguns conceitos no Jornal de Noticias.
- Regulamento das Scuts em agentes Payshop
- Referências a empresa externa: Via Verde
Estado de Arte
A nossa aplicação vai ser baseada nestes três SWF's, mas iremos juntar tudo em um. O primeiro mostra só o preço do itinerário escolhido pelo utilizador.
O segundo diz os preços de todos, mas têm as alternativas e o tempo de viagem. O terceiro tem as alternativas e a extensão.
Visto que a nossa aplicação é o conjunto destas 3 ideias, iremos nos basear nestas aplicações, formando uma completa.
Seguem-se em baixo PDF's sobre Informações, Preços, Formas de Pagamento, Mapa do Grande Porto, da Costa da Prata e do Norte Litoral e as alternativas ás SCUT.
Informações, Preços e Formas de Pagamento
Mapa SCUT - Grande Porto
Mapa SCUT - Costa da Prata
Mapa SCUT - Norte Litoral
Alternativas SCUT
Encontrámos também um web site com trajectórias para "Fugir ás SCUTs":
Fugir ás SCUTs
Palete de Cores
Informações:
Decidimos criar uma palete de cores nossa, e este foi o resultado.
Usámos 4 cores Análogas(Verde relacionado com a Via Verde, Azul relacionado com as placas de informação das autoestradas), e uma Complementar para servir de destaque.
Iremos usar eventualmente alguns tons cinzentos para dar algum conforto à aplicação.
Fontes
Escolhemos dois tipos de fontes que iremos usar na aplicação:
Ubuntu Titling - Bold
Este tipo de letra será usado para cabeçalhos, títulos e para o nosso logótipo.
Teste:
 |
 |
 |
 |
Tahoma
É um tipo de letra que dispensa apresentações.
É semelhante a Verdana, mas mais completo.
Iremos utilizar este tipo de letra elegante no que diz respeito ás informações.
 |
 |
Josefin Sans Std - Light (Editado)
O tipo de letra original (Josefin Sans Std) tinha um pequeno detalhe nas letras "Z" que nó, como grupo, não gostámos.
Por este motivo, editámos este tipo de letra com o FontLab Studio e criamos a nossa própria versão deste tipo de letra.
Fizemos do seguinte modo: Ver Tutorial
Teste:
 |
 |
 |
 |
(Após termos falado com o professor Ivo, no dia 2/10, verificámos que este tipo de letra nao se adequava muito onde o iriamos utilizar( visto que é um tipo de letra fino, e seria imperceptível quando usado em letras pequenas). Por isto, já nao iremos utilizar este tipo de letra, e em vez deste iremos usar o Tahoma)
Identidade Visual
Layout
O Layout vai consistir em ter três menus:
- Umm menu do lado esquerdo, onde se vai seleccionar os pórticos por onde se quer passar;
- Um menu superior onde vai estar divido por sectores, sectores estes que vão permitir escolher qual a SCUT a passar;
- Um menu embutido na aplicação onde este só é descoberto com a interactividade da aplicação multimédia.
Do lado direito irá aparecer o mapa com a localização das respectivas SCUT
Meio de Distribuição
O trabalho vai ser disponibilizado de forma online, num site WEB onde vai ter como aplicação multimédia uma aplicação em flash interactiva.
Neste mesmo site vai ter separadores de informação, legislação e empresas/parcerias que permitem o melhor comodismo das SCUT.
Som
A aplicação multimédia irá ter sons ambiente, sons menus, e avisos sonoros de destaque de algumas questões importantes sobre critérios das próprias SCUT.
Esquema
Esta aplicação baseia-se numa estrutura arborescente composta.
Após a entrada do menu, o utilizador escolhe uma das 3 SCUT (Concessão Norte Litoral, Concessão Grande Porto ou Concessão Costa da Prata). Dentro de cada uma destas Concessões existem diferentes portagens, as quais o utilizador escolhe e define então o seu itinerário.
Haverá sempre disponível um menu de informações, caso o utilizador tenha dúvidas, e um menu de sair, o qual tem a opção de sair, ou de não sair (caso se tenha enganado).
Logótipo
- Testes e informações do Logótipo:
- Testes e informações do Logótipo:
- Logótipo testado para cores Escuras e Claras;
- Logótipo com as respectivas cores em CMYK, RGB e Pantone;
- Logótipo em Grayscale;
- Logótipo para Fax;
- Logótipo Preto.
O Logótipo está sujeito a alterações.
Lista de Requisitos Funcionais
- Pequena introdução com Loading;
- Menu com diversas informações sobre as SCUT;
- Menu com as diversas SCUT;
- Menu com todos os pórticos;
- Cada pórtico será um Botão, onde ao clicar irá aparecer num total o preço a pagar e mostrar o tempo de deslocação;
- Mapa com as SCUT e suas alternativas;
- Player com musicas ambiente;
- Pequenos sons accionados com o evento "RollOver" e "OnRelease";
Diário de Bordo
Dia 22 de Novembro
- Escolha do Grupo;
- Conversa de Grupo ( Álvaro Ferreira conversa ao acaso sobre as SCUT e questiona quanto se paga de Aveiro ao Porto. Foi através desta simples pergunta que tivemos a ideia de criar esta aplicação que será bastante útil nos dias de hoje. );
- Escolha do tema da aplicação.
Dia 25 de Novembro
- Apresentação do tema ao professor Ivo de IDE;
- Comprovação do tema pelo professor Ivo de IDE;
- Início de "rascunhos mentais" sobre como iremos criar esta aplicação a nível visual e de programação.
Dia 26 de Novembro
- Criação da Página na Wiki;
- Elaboração da Memória Descritiva e Tema Visual;
- Envio do link da página Wiki aos docentes da Unidade Curricular LAB MM1 e IDE.
Dia 29 de Novembro
- Escolha dos tipos de fonte a usar na aplicação no Font squirrel;
- Escolha das paletes de cor a usar na aplicação através do Kuler.
Dia 30 de Novembro
- Pesquisa, investigação e análise de outras aplicações multimédia com objectivos e funcionalidades semelhantes (Estado de arte).
Dia 1 de Dezembro
- Criação da versão própria do tipo de letra Josefin Sans Std - Light.
Dia 2 de Dezembro
- Diálogo com o professor Ivo acerca das fontes e cores a utilizar, ao qual ele nos aconselhou a alterarmos o tipo de letra Josefin Sans Std - Light (Editado).
Dia 3 de Dezembro
- Criação da Identidade Visual da Aplicação e da Lista de Requisitos Funcionais a desenvolver.
Dia 5 de Dezembro
- Criação da estrutura arborescente da aplicação e do Logótipo
