Social Story
From Labmm2
Tiago Vieira (Talk | contribs) |
|||
| Line 40: | Line 40: | ||
[[File:Estrutura.png]] | [[File:Estrutura.png]] | ||
| + | |||
| + | |||
| + | == Folhas de estilos (CSS) == | ||
| + | |||
| + | |||
| + | HOMEPAGE | ||
| + | |||
| + | |||
| + | body { | ||
| + | background-color:#2f373b; | ||
| + | font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
| + | } | ||
| + | .content{ | ||
| + | padding:5px; | ||
| + | width:919px; | ||
| + | vertical-align:middle; | ||
| + | text-align:center; | ||
| + | } | ||
| + | .centro{ | ||
| + | margin-top:250px; | ||
| + | margin-left:420px; | ||
| + | } | ||
| + | .iniciar{ | ||
| + | width:80px; | ||
| + | height:20px; | ||
| + | margin-top:10px; | ||
| + | margin-left:900px; | ||
| + | background-color:#2f5d72; | ||
| + | -moz-border-radius: 5px; | ||
| + | -webkit-border-radius: 5px; | ||
| + | border-radius: 5px; | ||
| + | color:#FFF; | ||
| + | text-align:center; | ||
| + | padding:2px; | ||
| + | vertical-align:middle; | ||
| + | } | ||
| + | a:link,a:active,a:visited{ | ||
| + | opacity:0.50; | ||
| + | -moz-opacity: 0.50; | ||
| + | filter: alpha(opacity=50); | ||
| + | text-decoration:none; | ||
| + | color:#FFF; | ||
| + | } | ||
| + | a:hover{ | ||
| + | opacity:1; | ||
| + | -moz-opacity:1; | ||
| + | filter: alpha(opacity=100); | ||
| + | text-decoration:none; | ||
| + | color:#FFF; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | == | ||
| + | == Headline text == | ||
| + | |||
| + | == | ||
| + | == Headline text == | ||
| + | |||
| + | == | ||
| + | == Headline text == | ||
| + | |||
| + | == Headline text == | ||
| + | == | ||
| + | == | ||
| + | == | ||
| + | |||
| + | == Headline text == | ||
| + | |||
| + | == | ||
| + | == Headline text == | ||
| + | == | ||
Revision as of 14:28, 17 June 2011
Espaço destinado a inserção do Relatório do projecto "Social Story" desenvolvido pelos alunos:
Alexandre Pereira, nº 49994
Ana Sofia Paiva, nº 49997
Júlia Farias, nº 60123
António Alves, nº 60352
Tiago Vieira nº 50765
Contents |
Apresentação e contextualização do tema
Após um processo de brainstorming (*) inicial, tivemos em conjunto a ideia inicial: As redes sociais. A partir daí, desenvolvemos o nosso super conceito, que vai estar presente durante a aplicação multimédia: apresentar, de uma forma diferente, a história/importância das redes sociais na actualidade e o seu impacto através da vida de uma pessoa. Assim, vivendo num mundo contemporâneo e onde a internet tem um papel cada vez mais marcante sobre as vidas das pessoas, achamos esta temática pertinente para além de interessante para a população em geral.
Desta forma, os nossos objectivos envolvem : 1 – Apresentação das vantagens e desvantagens das redes sociais: pretendemos contar, de forma curiosa, dinâmica e engraçada os diversos episódios da vida de uma personagem fictícia de forma a mostrar o impacto das redes sociais na vida das suas pessoas, o que inclui situações positivas e situações negativas.; 2 - Apresentar a história destas mesmas redes através de uma componente mais informativa, onde mostraremos algumas curiosidades para além da história das principais redes sociais, mostrando ao utilizador a sua importância na história dos websites online. 3 - Sensibização da população para algumas questões mais polémicas relacionadas com as redes sociais e a vida social online: Mostrar que a criação de uma rede online pode ser positiva, quando utilizada da maneira certa ou negativa, quando a privacidade é excedida juntamente com importância de criar um equilíbrio entre “o que é bom” e o “que é mal” na utilização destas redes. Pretendemos também incentivar o utilizador a formar a sua própria opinião e pensamento crítico. 4 – Construir um website diferente e que as pessoas possam reconhecer : Criar uma página web graficamente simples mas interessante, directa e original, utilizando diversas formas de apresentação dos conteúdos (vídeo,fotos,etc...). Implementar funcionalidades interessantes (livro,menu,vídeos,imagens), inovando os tradicionais websites informativos
(*) - Brainstorming
Da primeira reunião surgiram ideias que passamos a citar: um site sobre futebol, sobre uma festa; (algo relacionado com cerveja); sobre turismo; viagens; o desenvolvimento de uma página web sobre fotografia; a criação de um portfólio virtual (do trabalho de um artísta, construtor,...); o desenvolvimento de uma magazine online; uma magazine online de fotografias; o desenvolvimento de uma história, contando-a interactivamente; a criação de um livro; um site sobre redes sociais; a criação de um livro que contasse uma história relacionada com as redes sociais de forma interactiva. Como podemos constatar, o processo de brainstorming passou desde ideias menos boas até pequenas ideias que combinadas resultaram no super conceito final.
No que toca a escolha feita, inicialmente, a nossa intenção era apenas contar uma história fictícia onde pudessemos mostrar as vantagens/desvantagens na utilização das redes sociais. No entanto, achamos que deveriamos disponibilizar uma área mais informativa, daí a inserção das curiosidades sobre cada uma das principais redes sociais.
Layouts
Estruturas 'gerais'
 Estrutura geral |
 Pagina de entrada |
 Index |
Layouts de cada página
Estrutura XHTML implementada
Folhas de estilos (CSS)
HOMEPAGE
body {
background-color:#2f373b;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.content{
padding:5px;
width:919px;
vertical-align:middle;
text-align:center;
}
.centro{
margin-top:250px;
margin-left:420px;
}
.iniciar{
width:80px;
height:20px;
margin-top:10px;
margin-left:900px;
background-color:#2f5d72;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px;
color:#FFF; text-align:center; padding:2px; vertical-align:middle; } a:link,a:active,a:visited{ opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50); text-decoration:none; color:#FFF; } a:hover{ opacity:1; -moz-opacity:1; filter: alpha(opacity=100); text-decoration:none; color:#FFF; }
==
Headline text
==
Headline text
==
Headline text
Headline text
== == ==
Headline text
==
Headline text
==
