Sexta-feira , 30 de Março DE 2012

#entrega04 (continuação)

Logótipo

O estudo do logótipo, se bem que algo apressado, passou por várias fases:

Primeiro uns rabiscos à mão:

 

Depois uns estudos a cores:

 

Por fim o documento (quase final) do estudo do logótipo:

As cores escolhidas, azul e laranja, foram desde o início as únicas consideradas por serem tão óbvias e formarem uma óptima conjugação. Às nuvens associa-se logo o branco ou azul, cor esta que transmite calma, placidez, tranquilidade. Por outro lado, o ícone usado para representar os feeds é por norma laranja, cor esta que sendo quente transmite energia, vivacidade e força. Sendo o azul e o laranja cores opostas no espectro (complementares), atraem o olhar e intensificam-se uma à outra, sendo por isso bastante comuns em publicidade. Em conjunto transmitem força, mas sem agressividade; tranquilidade mas sem aborrecimento, sendo o par complementar mais comummente utilizado. Por estas razões, pensou-se não haver sequer motivo para testar o logótipo em outras cores.

Falta realizar um ícone de lançamento da nossa aplicação, de acordo com as regras sugeridas no site http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html , mas devido a problemas de saúde vai ter de ficar para daqui a uns dias.

 

Mapa de navegação

O nosso esquema de navegação é extremamente simples, uma vez que consiste basicamente numa única página, a partir da qual se desdobram sub-páginas com algumas funções específicas, sendo sempre possível fechar essas sub-páginas, permanecendo sempre na página principal.

 

Estudo do layout

O nosso layout é baseado no theme "Holo Light with dark action bars", com algumas modificações, mas tentando manter a coerência advogada pelo site Android Design. Devido à falta de hábito no uso de tal tipo de aparelhos e mais ainda na realização de aplicações para os mesmos, teme-se que algumas das opções possam não ser as mais viáveis, mas só com o real desenvolvimento da aplicação poderemos confirmar, ou não, este receio.

 

A base do layout é o conjunto de especificações que se seguem, disponibilizadas como boas e coerentes bases para qualquer design de uma aplicação para Android. - http://developer.android.com/design/downloads/index.html

 

A grelha deste projecto é bastante simples dado o pequeno ecrã dos aparelhos a utilizar e baseia-se em percentagem de ecrã, uma vez que se pretende essencialmente ter o mesmo look independentemente do tamanho de ecrã ou resolução utilizadas. Salienta-se que na prática não existe um tamanho definido para o comprimento do ecrã que, ao ser único e cheio de desdobráveis, vai esticando e encolhendo consoante as opções do utilizador.

 

 

 Pela mesma razão decidiu-se usar como font as diversas variações de Roboto, uma font desenvolvida especificamente para aplicações de Android (em particular as mais recentes) e que contém todos os caracteres essenciais, sendo de fácil leitura e também facilmente escalonável, de modo óptimizado para os diferentes tipos de aparelhos e resoluções em que as aplicações possam correr.

Livro de apresentação da font Roboto:

Roboto_Specimen_Book.pdf

 

Para o layout optou-se, como já referido, por utilizar como base o tema "Holo Light with dark action bars", tendo mantido os highlights em azul. Esta é a norma base para aplicações Android, pelo que os utilizadores já estarão familizarizados com ela, e vem de encontro às cores identificativas do PlaceClouds, pelo que, mais uma vez, a escolha foi óbvia.

 

publicado por sofia-e às 21:10

#entrega04

 No âmbito da entrega 4 da disciplina de Projecto, foi-nos pedido a especificação técnica e a especificação gráfica daquilo que vai ser o trabalho final.

 

Felizmente, foi possível chegar a algumas conclusões no âmbito técnico, como o uso do GPS e o seu enquadramento em JAVA. Há fortes possibilidades do uso simultâneo da rede celular (usada por telemóveis) quanto à descoberta da localização do utilizador.

 

No ficheiro enviado com o nome "documento" é possível ter acesso à arquitectura geral do sistema e a interligação entre tecnologias de localização.

Como também a visualização e explicação de dois importantes excertos de código que serão usados para a implementação dessa mesma arquitectura.

 

Quanto à base de dados é enviado o ficheiro mysql com o nome "nuvensx1_carne" que contém as tabelas necessárias e a estrutura que vai dar origem às nuvens.

 

O ficheiro de nome "logo" é um JPEG com o símbolo genérico do projecto. A nuvem simboliza a "caixa de conteúdos" e as ondas (Wi-Fi) que simbolizam os conteúdos a "irem e a virem" da nuvem ou seja, a conexão.

 

O JPEG de nome "logo_nome" é o logótipo com o nome (PlaceClouds) do projecto.

 

documento.pdf

nuvensx1_carne.mwb

 

Logótipo oficial do projecto

 

logótipo oficial do projecto mais o nome escolhido

publicado por patriciaana às 14:22

Sugestão para quem vai programar em JAVA

 Na FNAC encontra-se disponível um livro de JAVA 7 que parece ser bastante interessante:

 

Java 7 - Ensino Didático

 

Descrição:

 

Atualização do "Java 6 – Ensino Didático", este livro explora as novas funcionalidades previstas para a versão 7, fornecendo conhecimento básico e inicial para o desenvolvimento de aplicações em Java, apresentando os aspectos fundamentais da orientação a objetos, a criação da interface do usuário, aplicações com arquitetura cliente/servidor hospedadas no Tomcat 6 e acesso a banco de dados com MySQL 5.1. Aborda a estrutura básica de Java e seus pacotes fundamentais, tais como awt, swing, applet, servlet e a linguagem SQL. Possui exercícios ao final de cada capítulo para fixação do aprendizado.

Nota: a versão utilizada no livro é JDK7 build B96, disponível na data de lançamento do livro.

 

Consulta:

 

http://www.fnac.pt/Java-7-Ensino-Didatico-Sergio-Furgeri/a319389?PID=5&Mn=-1&Ra=-1&To=0&Nu=18&Fr=0

 

Este será o nosso ponto de partida para aprender a programar em JAVA e a fazer a ligação à base de dados.

publicado por patriciaana às 12:58
Sábado , 24 de Março DE 2012

#orientacao06

Neste encontro com o orientador de projecto começou por haver uma conversa sobre a distribuição do trabalho pelos elementos do grupo e como cada qual cumpria ou não as suas tarefas.

 

Continuou-se então a debater o problema das categorias de conteúdos e sua distribuição. Desta vez decidiu-se, a bem de uma mais fácil organização de conteúdos num ecrã tão pequeno quanto o de um dispositivo móvel (especialmente telemóveis), que não existirão categorias e sub-categorias, mas apenas categorias menos abrangentes. Assim, em vez de Literatura e suas subdivisões em Poesia e Prosa, ficarão estas duas como independentes. É bem provável que este assunto ainda não fique por aqui. :)

 

Em seguida tentou chegar-se a um consenso sobre o nome final a atribuir ao projecto e respectiva aplicação, de forma a poder passar ao estudo do logótipo, cores, etc. Este assunto tem sido complicado de resolver e, mais uma vez, não se chegou a uma conclusão. mas ficou definido que esta teria de ser tomada durante o fim de semana.

Tem-se brincado com as palavras, feito associações, procurado em outras línguas, mas aquele nome que agradaria a todos os envolvidos no projecto e faria sentido ainda não foi encontrado. Aqui ficam mais duas folhas com associações de ideias:

 

publicado por sofia-e às 19:15editado por patriciaana em 17/04/2012 às 12:42
Segunda-feira , 19 de Março DE 2012

#Aula05

Na aula de hoje deu-se o início ao novo módulo cujo os objectivos centram-se na:

 

Especificação funcional e técnica do projecto;

Estudo das soluções criativas-chave(imagem de marca/Logotipo);

Estudo Grafico, cromático, Tipográfico e de interação;

Mapa de navegação;

Modelo/arquitetura de Sistema;

Fluxogramas detalhados das funcões principais;

Modelação de bases de dados;

 

Neste primeiro dia do módulo, fora feitas breves considerações acerca do estudo das soluções criativas (imagem de marca/logotipo) com uma demostração do manual de identidade da Marca EDP e consultas de manuais de estudos de imagens de marca e logotipo, com objectivos de criar espirito de criatividade para o desenvolvimento de um logotipo ao projeto.

publicado por trindade às 23:35editado por patriciaana em 17/04/2012 às 12:42
Sexta-feira , 16 de Março DE 2012

#entrega03

No enquadramento da terceira entrega em que nos foi pedido que desenvolvessemos uma demonstração gráfica e técnica de algumas funcionalidades do produto, envia-mos agora um link (em que se encontra alojada a aplicação a desenvolver)  onde estão as duas demonstrações: http://nuvens.x10.mx/

 

Demo gráfica

 

Feita com materiais simples e alguns até reciclados a demonstração gráfica pretende dar a conhecer as funcionalidades básicas do projecto visualmente. Tentando mostrar os efeitos que os smartphones hoje em dia possuem, criou-se uma disposição de conteúdos que acreditamos ser bastante organizada e intuitiva na utilização da aplicação.

 

Demo técnica

 

Tecnologias usadas...

 

Devido a problemas técnicos, o que inicialmente estava previsto (a utilização da linguagem e de código JAVA) teve de ficar de parte. As razões que levaram a isso foram:

 

- a programação em JAVA é demasiado complexa para aprender em tão pouco tempo e devido ao número de funcionalidades que o projecto exige seria muito difícil conseguir implementar tudo direito;

- os programas que eventualmente poderiam ajudar a minimizar os constrangimentos do número anterior, por alguma razão desconhecida, deram erro aquando da instalação nas máquinas dos programadores o que não foi ainda detectada a causa;

 

Devido a isto, optou-se por programar em PHP e um pouco de JavaScript a demo técnica da aplicação cujo link foi disponibilizado em cima.

 

A grande desvantagem de programar em PHP neste projecto:

Uma vez que é preciso um browser para ter-se acesso à aplicação poderá haver o constrangimento da geolocalização, assim, só há três caminhos a seguir: ou conseguimos uma ferramenta que quando instalada no dispositivo do utilizador (que suporte Android também) permita detectar e guardar os dados de latitude e longitude, ou tentamos descobrir se é possível desenvolver a aplicação no seguinte site - http://ibuildapp.com/ , ou procuramos outros programas que permitam converter uma das nossas linguagens conhecidas para JAVA (esta última solução parece a menos viável e só será considerada caso nenhuma das anteriores seja possível mesmo).

 

As vantagens de programar em PHP  neste projecto:

É uma linguagem conhecida, simples e leve. Vai permitir uma melhor performance do desempenho da aplicação. Permite conexão directa com base de dados sem precisar de Frameworks ou instalação de plugins. Pode aliar-se a outras linguagens.

 

Explicação da demo técnica...

 

1º - O utilizador deverá escolher a opção "demo técnica" na homepage do site cujo link foi disponibilizado. 

2º - O utilizador deverá inserir o seu nome na caixa de texto apresentada. Caso não o faça dá uma mensagem de aviso.

3º - Ao clicar em "Submeter" o utilizador irá ver uma mensagem a dizer que a actualização do nome foi bem sucedida (caso tenha sido) e visualizará o nome que submeteu bem como a data/hora em que o fez . Estes dados já provém da base de dados.

4º - Esta demonstração poderá ser visualizada num dispositivo móvel desde que haja conexão à Internet e um browser.

 

Nota: A query que vai buscar à base de dados essas informações vai buscar segundo o nome introduzido o que quer dizer que caso introduza o mesmo nome na base de dados, poderá haver um conflito na query e aí embora o nome seja lá guardado não poderá ser visualizado à posteriori. Esta opção foi tomada devido ao sistema não ter um dado absoluto pelo qual possa ir pesquisar o nome inserido, uma vez que ainda não foi implementado o sistema de login. Quando foi implementado, através de uma variável de sessão será mais fácil e precisa a busca.

publicado por patriciaana às 18:07

#orientacao05

 Hoje na orientação com o professor Vania Baldi meditámos sobre aquilo que ainda precisava ser decidido. Da lista feita na sessão de orientação anterior (http://carne-nuvens.blogs.ua.sapo.pt/3230.html) decidimos tirar a categoria Desporto e colocar as categorias não todas iguais em todas as "nuvens" mas sim as que forem principais segundo o lugar onde se estiver, por exemplo, no DECA faz sentido ter as categorias: imagens, vídeos, poesia, curtas-metragens (que poderá ser uma sub-categoria da categoria vídeos) e sons (músicas), mas não faz sentido ter, por exemplo, a categoria ementa (isso será para a "nuvem" da cantina).

Também mostramos a demonstração gráfica ao professor o que foi muito apreciada.

Discutimos alguns pontos técnicos (básicos) sobre o projecto que serão esclarecidos na próxima aula de segunda-feira com os professores da área tecnológica.

Para a próxima semana foi pedido que levássemos:

- uma ideia de quando a plataforma poderá estar operacional para que seja testada antes de ser avaliada;

- ideias para um questionário a fazer a possíveis utilizadores da plataforma para sabermos que categorias gostariam mais que a plataforma tivesse, que conteúdos colocariam, etc, etc;

Próxima sexta-feira há mais :) 

publicado por patriciaana às 17:47
Quinta-feira , 15 de Março DE 2012

Making of

O grupo de projecto Carne&Nuvens tem o prazer de apresentar o primeiro telemóvel feito inteiramente em Portugal com materiais reciclados!

 

Infelizmente verificou-se que as caixas de Twix nem sempre resultam em telemóveis perfeitamente funcionais, sendo que este tem sérios problemas quando se realizam swipes. (ver os bloopers que serão disponibilizados em breve)

 

De repente estar na universidade parece exactamente igual a estar na escola primária!

 

O realizador/operador de câmara preparando o equipamento:

 

Mudar de ecrã requere tempo, paciência e mais fita-cola do que alguma vez esperámos:

 

Até amanhã! E não percam a apresentação desta pérola de tecnologia nacional... :D

publicado por sofia-e às 19:22
Sexta-feira , 09 de Março DE 2012

#orientacao04

Na OT de hoje discutiram-se vários detalhes de interesse para o projecto Carne&Nuvens, inclusive a mudança definitiva de nome, embora não se tenha chegado a nenhuma conclusão sobre esse assunto.

 

Falou-se também largamente sobre as categorias possíveis, nas quais serão inseridos os trabalhos carregados para as nuvens locais.

 

Entre as categorias já previstas temos:

 

CULTURA:

- Música

-Poesia

-Prosa

- Fotografia

- Natureza

- Culinária

- Arquitectura

- Design

- Artesanato

- Património

- Cinema

- Desporto (Futebol, Andebol, Basquete, Esgrima, etc)

 

Estas podem vir a ser divididas em sub-categorias (como no caso do Desporto), mas essa divisão não é necessária por agora. Falou-se também de dividir as categorias entre "amador" e "profissional" mas achou-se que essa divisão não será necessária, pois pretende-se que o Carne&Nuvens seja direccionado para a colocação dos próprios trabalhos (quer amadores, quer profissionais) e não para a partilha de textos, videos, etc de outros autores já conhecidos.

 

Ficou também definido que as categorias disponíveis nos diversos locais são:

 

DECA:

- Música

- Design

- Fotografia

- Cinema

- Poesia

 

DBIO:

- Natureza

 

CANTINA:

- Culinária

 

PAVILHÃO:

- Desporto

 

BIBLIOTECA:

- Prosa

- Poesia

- Arquitectura

- Cinema

- Música

 

Falou-se também dos estados de espírito do utilizador, ou seja, junto ao username haverá um pequeno smiley que servirá para dizer aos outros utilizadores o estado de espírito geral da pessoa e a sua disponibilidade para travar conhecimento com outros utilizadores. Porque pessoas diferentes costumam passar por estados de espírito diferentes, optou-se por nesta fase escolher uns poucos e permitir que, ao longo do tempo, os futuros utilizadores vão sugerindo outros. Os iniciais serão:

- Tímido

- Aborrecido

- Criativo

- Romântico

- Bem disposto

- Mal disposto

 

 

Quanto à demo gráfica, apresentaram-se os novos esquemas, já tendo em conta que a maioria dos utilizadores usará este app num telemóvel e não na tablet e que o fará na posição mais habitual, com o aparelho ao alto. A ideia sujacente a este novo tipo de layout baseia-se em menus colapsáveis. Todas as três áreas mais importantes (conteúdos, upload e utilizadores) estão sempre presentes e o utilizador terá apenas de desdobrar (para baixo) o menu respectivo.

 Estes esquemas são apenas uma base para os esquemas mais detalhados que serão usados na demo.

 

Para a próxima semana ficou de se voltar a pensar no nome e de realizar questionários de modo a entender que temas interessam mais aos colegas da UAv. Eventualmente serão também distribuidos folhetos a solicitar o envio de trabalhos que possam ser usados como exemplo na aplicação.

 

Bom fim de semana e aproveitem o solinho!

publicado por sofia-e às 14:41

Software instalado para trabalhar com aplicação móvel do projecto

Neste post  está uma lista do software que vai servir de suporte para o desenvolvimento da parte mobile do projecto.

 

Linguagem - JAVA;

Ambiente de desenvolvimento para a linguagem JAVA (IDE) - Eclipse (not the Twilight );

Emulador de Android (SDK) - Mono for Android;

 

Algumas video aulas para aprender a programar JAVA com Eclipse:

 

http://www.youtube.com/watch?v=Y5QI2IAoIjw (Apresentação do programa, conhecimentos básicos do Eclipse);

http://www.youtube.com/watch?v=etETxDZOOVM (Variáveis JAVA, tipos e expressões);

http://www.youtube.com/watch?v=pV8gSo_9cc8 (Variáveis JAVA, tipos e expressões - continuação);

http://www.youtube.com/watch?v=oy-B_Mp2kIE (Inputs e Outputs no ecrã);

http://www.youtube.com/watch?v=g-dRCsf2p70  (Comando if);

http://www.youtube.com/watch?v=mEgU7OrgLSI  (Expressões lógicas e operadores lógicos);

http://www.youtube.com/watch?v=U2x_y9JAVwI (Comando switch);

http://www.youtube.com/watch?v=BQ7sDVGz-zw (Comando while);

http://www.youtube.com/watch?v=ZqmrcGD40SE (Comando for e Arrays);

http://www.youtube.com/watch?v=YYAO89eUKGA (Métodos estáticos e variáveis estáticas);

http://www.youtube.com/watch?v=L9hxGkrFB2M (Parâmetros, Argumentos e retorno de um método);

http://www.youtube.com/watch?v=Ikl8Mhwran4 (O que é um objecto, uma classe e uma instância em POO);

http://www.youtube.com/watch?v=jcQpkKCEyVs (JavaBeans, público e privado);

http://www.youtube.com/watch?v=Ugux3EmiURE (JAVA Herança);

http://www.youtube.com/watch?v=eyBtDOfscVo (Substituir um método);

http://www.youtube.com/watch?v=2R0PYlH9zHw  (Polimorfismo em programação orientada a objectos);

http://www.youtube.com/watch?v=QYYrXZPdqAI  (JAVA Interface);

http://www.youtube.com/watch?v=Ib1310Z0SzE  (JAVA Eclipse debug);

 

 

Os tutoriais estão em espanhóis mas parecem ser muito completos.

Em breve, postaremos o software necessário para o projecto na Web.

 

 

publicado por patriciaana às 12:00

links

pesquisar

 

Março 2012

D
S
T
Q
Q
S
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
17
18
20
21
22
23
25
26
27
28
29
31

posts recentes

arquivos

tags

mais sobre mim