25
ForceQuit Get social… or Quit Tryin Get social… or Quit Tryin Maria João Pinheiro – 27442 | Marília Bajouca – 52461 | Mónica Ribeiro – 61030 | Nuno Simaria – 23652 | Renato Costa – 41805

Forcequit apresentacao final

Embed Size (px)

Citation preview

Page 1: Forcequit apresentacao final

ForceQuitGet social… or Quit TryinGet social… or Quit Tryin

Maria João Pinheiro – 27442 | Marília Bajouca – 52461 | Mónica Ribeiro – 61030 | Nuno Simaria – 23652 | Renato Costa – 41805

Page 2: Forcequit apresentacao final

Desafio

Rede social para grupos da disciplina de TDI

ConceitoConceito

Rede social profissional

- Partilha de dados pessoais, profissionais e académicos

- Partilha de curriculum vitae

- Divulgação de Portfolio

Page 3: Forcequit apresentacao final

Estado da Arte

Redes sociais / Redes sociais profissionaisRedes sociais / Redes sociais profissionais

Page 4: Forcequit apresentacao final
Page 5: Forcequit apresentacao final

Layout

Princípios do DesignPrincípios do Design

Page 6: Forcequit apresentacao final

WireframesPágina de Login Página de Registo Homepage

Página de Perfil Página de Membro

Page 7: Forcequit apresentacao final

Wireframes

Página de edição de perfil Página de edição de interesses Página de edição de CV

Page 8: Forcequit apresentacao final

Estudos de Cor

- Cores sóbrias: rede profissional

- Verde: Universidade de Aveiro

Logótipo

Page 9: Forcequit apresentacao final

Iconografia

Page 10: Forcequit apresentacao final

Layout

http://tdi.ua.labs.sapo.pt/g/tdi2010g5/www/

Page 11: Forcequit apresentacao final

Arquitectura de Informação

Diagrama de classes

Page 12: Forcequit apresentacao final
Page 13: Forcequit apresentacao final

1 – people

2 – users

3 – group

9 – jobs

10 – jobsXuser

11 – activity

Arquitectura de Informação

Estrutura de Base de Dados

3 – group

4 – usersXgroup

5 – privacy

6 – presences

7 – interests

8 – interestsXuser

11 – activity

12 – posts

13 – content

14 – metaXcontent

15 - dump

Page 14: Forcequit apresentacao final

http://tdi.ua.labs.sapo.pt/phpmyadmin/

Page 15: Forcequit apresentacao final

Arquitectura de Informação

Estrutura do códigoEstrutura do código

Page 16: Forcequit apresentacao final

INDEX.PHP

• Ficheiro base que inclui outros:

- init.php

-header.php

- user/loged.php (utilizador logado)- user/detail.php (utilizador logado)- user/detail.php (utilizador logado)- post/create.php (utilizador logado)- activity/listFile.php (utilizador logado)- user/group.php (utilizador logado)- user/login.php (utilizador nãologado)- person/list.php (utilizador não logado)- activity/list.php

- footer.phpSKEL TEMPLATES

Page 17: Forcequit apresentacao final

SKEL TEMPLATES FILE FONTS IMAGES

• header,php• footer.php

• uploading.php Ficheiros de fontes (.ttf e .eot)

Ficheiros de Imagem (.png e .jpg)

PERSON POST SCRIPTS STYLES USER

ACTIVITY FILE INTERESTS PERSON POST SITE USER

Ficheiros de perfil

• creating.php Ficheiros Javascript (.js)

• layout.css• main.css

Ficheiros de longin e utilizador

Page 18: Forcequit apresentacao final

Layout

Implementação em HTML, CSS e JavascriptImplementação em HTML, CSS e Javascript

Page 19: Forcequit apresentacao final

CSS3

- Drop-down -> caixa de login;

-> border-radius:12px;-> transition: all 0.5s ease-in-out;

utilização da pseudo-classe :hover

- Separadores -> perfil;

-> transition: all 0.5s ease-in-out;

utilização da pseudo-classe :hover

Page 20: Forcequit apresentacao final

Javascript -> jQuery

- Selecção de tabs -> perfil

Ex:$('#tabProfissionalGreen').css("display","block");$('#tabProfissionalGrey').css("display","none");

manipulação de atributos css.

- Logs

Ex:document.getElementById('logBox_').style.display='none';"

Page 21: Forcequit apresentacao final

Javascript -> jQuery

- Scrolls

jScrollPane -> jQuery;

- Tooltips

Page 22: Forcequit apresentacao final

Layout

Implementação em PHPImplementação em PHP

Page 23: Forcequit apresentacao final

- Exemplo de activação de conta:

<?php$hash = System::param ("hash");$login = System::param ("login");$u = new User ();$u->login = $login;$users = $u->find ();if (($users == null) || (count ($users) == 0)){Site::error ("we don't know you. register please.");}}else

{$user = $users [0];$ok = $user->activate ($hash);

if ($ok){$user->login ($user->password);Site::log ("parabéns! A sua conta foi activada com sucesso!");}

elseSite::error ("ocorreu um erro. Por favor registe-se novamente!");}

Site::redirect (Site::home ()); ?>

Page 24: Forcequit apresentacao final

- Exemplo de tratamento de erros:

$ok = Site::user ()->logout ();

if ($ok)Site::log ("Logout concluido com sucesso! <br />Até à próxima!");elseSite::error ("Ocorreu um problema. Por favor tente novamente mais tarde.");

Site::redirect (Site::home());Site::redirect (Site::home());

http://tdi.ua.labs.sapo.pt/g/tdi2010g5/www/

Page 25: Forcequit apresentacao final

Funcionalidades Finais1. Página Inicial / Login

- Login de utilizador- Últimos utilizadores registados- Log de actividade recente (mensagens da rede e últimos estados do twitter)

- Ficheiros públicos

2. Página de recuperação de password

4. Página Home

- Actualização do estado (publicação de novas mensagens)- Log de actividade recente- Upload de ficheiros- Membros dos grupos

5. Página de Perfil

http://tdi.ua.labs.sapo.pt/g/tdi2010g5/www/

2. Página de recuperação de password

- Envio de e-mail para recuperação de password- Validação de dados de formulário

3. Página de registo

- Políticas de privacidade- Registo de novo utilizador- Validação de dados de formulário- Validação de registo através de e-mail.

5. Página de Perfil

- Visualização da informação (Social, Profissional e Pessoal)- Actualização do estado- Log de actividade recente- Ficheiros pessoais

6. Páginas de edição de Perfil

- Inserção e actualização de dados do perfil (Social, Profissional e Pessoal)