I$CUT
From LABMM1_IDE
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 percursos escolhidos por cada utilizador.
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 de cada percurso
- Alternativas de cada percurso
- Tempo de deslocação de cada percurso
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:
Começámos por utilizar o esquema de cores azul e verde pois são quatro cores análogas.
Depois acrescentámos 3 cores mais “vivas” para servir de destaque.
Utilizámos dois degrades de branco para cinzento para aplicar nos scrollers.
Por fim o ultimo esquema de cores utilizámos no player de música, nos botões e no knob de volume para tentar “fugir” ao esquema de cores azul e verde.
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 percursos, as quais o utilizador escolhe para obter informações cobre o mesmo.
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.
- Área de Protecção
O Logótipo está sujeito a alterações.
Ecrãs Tipo
(Versão em Inglês)
Botões
Carro
Scroll
Lista de Requisitos Funcionais
- Pequena introdução com Loading; ( Feito )
- Menu com diversas informações sobre as SCUT; ( Feito )
- Menu com as diversas Concessões; ( Feito )
- Menu com todos os percursos; ( Feito )
- Preço, tempo de viagem e alternativa associada a cada percurso; ( Feito )
- Mapa com as SCUT e suas alternativas; ( Feito )
- Player com musicas ambiente; ( Feito )
- Pequenos sons accionados com o evento "RollOver" e "OnRelease"; ( Feito )
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.
Dia 7 de Dezembro
- Inicio da construção da aplicação;
- Construção do layout da aplicação;
- Criação dos botões necessário para o loading inicial, o menu inicial, e a concessão Norte Litoral e programação destes;
- Finalização da cena Loading;
- Pesquisa de todas as informações correspondentes a cada percurso da concessão Norte Litoral;
- Iniciação do menu inicial e da concessão Norte Litoral.
Dia 10 de Dezembro
- Finalização do menu inicial e da concessão Norte Litoral;
- Pesquisa sobre todas as informações sobre as SCUT.
Dia 13 de Dezembro
- Apresentação a IDE do trabalho em progresso.
Dia 15 de Dezembro
- Criação dos botões necessário para a concessão Grande Porto e programação destes;
- Pesquisa de todas as informações correspondentes a cada percurso da concessão Grande Porto;
- Iniciação da concessão Grande Porto;
- Vectorização do carro;
- Programação do carro.
Dia 20 de Dezembro
- Finalização da concessão Grande Porto;
- Criação e programação de um Scroller.
Dia 28 de Dezembro
- Criação dos botões necessário para a concessão Costa da Prata e programação destes;
- Pesquisa de todas as informações correspondentes a cada percurso da concessão Costa da Prata;
- Iniciação da concessão Costa da Prata.
Dia 2 de Janeiro
- Finalização da concessão Costa da Prata;
- Finalização de todos os conteúdos na aplicação (Só falta programar o som);
- Iniciação da construção do Template para IDE.
Dia 3 de Janeiro
- Criação do player de música e de todos os botões necessário para este;
- Pesquisa de músicas mais adequadas para esta aplicação;
- Escolha das seguintes músicas:
- Andy McKee - Ebon Coast
- Andy McKee - Rylynn
- Andy McKee - Drifting
- Debussy - Clair de lune
- Naruto Soundtrack - Sadness and Sorrow
- Yiruma - Kiss the Rain
Dia 5 de Janeiro
- Procura de erros/bugs e correcção dos mesmos.
Dia 10 de Janeiro
- Adicção de algumas funcionalidades como download das informações sobre as scut, botão de fullscreen, etc.
Dia 11 de Janeiro
- Conclusão do Template;
- Conclusão da aplicação no Flash;
- Preparação para a apresentação do Projecto.
