forcequit apresentacao final
TRANSCRIPT
![Page 1: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/3.jpg)
Estado da Arte
Redes sociais / Redes sociais profissionaisRedes sociais / Redes sociais profissionais
![Page 4: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/4.jpg)
![Page 5: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/5.jpg)
Layout
Princípios do DesignPrincípios do Design
![Page 6: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/6.jpg)
WireframesPágina de Login Página de Registo Homepage
Página de Perfil Página de Membro
![Page 7: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/8.jpg)
Estudos de Cor
- Cores sóbrias: rede profissional
- Verde: Universidade de Aveiro
Logótipo
![Page 9: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/9.jpg)
Iconografia
![Page 10: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/10.jpg)
Layout
http://tdi.ua.labs.sapo.pt/g/tdi2010g5/www/
![Page 11: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/11.jpg)
Arquitectura de Informação
Diagrama de classes
![Page 12: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/12.jpg)
![Page 13: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/14.jpg)
http://tdi.ua.labs.sapo.pt/phpmyadmin/
![Page 15: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/15.jpg)
Arquitectura de Informação
Estrutura do códigoEstrutura do código
![Page 16: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/18.jpg)
Layout
Implementação em HTML, CSS e JavascriptImplementação em HTML, CSS e Javascript
![Page 19: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/19.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/20.jpg)
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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/21.jpg)
Javascript -> jQuery
- Scrolls
jScrollPane -> jQuery;
- Tooltips
![Page 22: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/22.jpg)
Layout
Implementação em PHPImplementação em PHP
![Page 23: Forcequit apresentacao final](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/23.jpg)
- 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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/24.jpg)
- 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](https://reader033.vdocuments.pub/reader033/viewer/2022060200/559812611a28ab491f8b4806/html5/thumbnails/25.jpg)
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)