Validações e BD

Concluímos as validações.
Neste momento, o processo de registo e login está terminado, validado e a escrever todos os dados na base de dados criada.
É de salientar que mediante o desenvolvimento, conseguimos perceber que apenas uma tabela era o suficiente para a na nossa aplicação, assim, numa tabela, temos todos os dados que necessitamos, nomeadamente os dados de registo na nossa aplicação, assim como os dados que necessitamos para ter acesso às redes sociais.

Validações

Com a base de dados criada, começamos agora a trabalhar sobre as validações do projecto.
Todas estas validações estão a ser feitas em PHP.
No PHP, iremos desenvolver o processo de login na nossa aplicação, mas ainda antes disso, vamos validar todos os campos necessários ao registo na nossa aplicação.
Para a validação nesta aplicação, vai ser necessário, não só, um registo normal, como em qualquer site, mas também vão ser essenciais os dados das contas das redes sociais com que vamos trabalhar.

Formulário de Registo

A imagem que vem abaixo é o nosso formulário de registo na nossa aplicação.
Esta pagina aparece quando na homepage da nossa aplicação clicamos no botão "Registe-se".
Trata-se de um formulário de registo normal, com a informação suficiente para o que precisamos.
Diga-se que, precisamos dos dados para o registo na nossa aplicação e os dados de login das redes sociais que vamos trabalhar, nomeadamente, Facebook e Twitter.

Base de Dados criada

As imagens que vem abaixo mostram a nossa base de dados já criada.
Para fazer isto utilizamos a aplicação XAMPP, para podermos ter acesso ao phpmyadmin por forma a ter acesso ao mysql.


Tabela t_registo:

Tabela t_redes:
Falta agora configurar os tipos de campos e respectivas chaves primárias

Esboço "Base de Dados"

A imagem que vem abaixo, é o esboço da BD que vamos criar no mysql.

Como podem ver é uma base de dados simples com apenas duas tabelas, uma onde vão ficar guardadas as credenciais de utilizador, para aceder à nossa aplicação (t_registo), e outra tabela (t_redes), onde vão ficar guardadas as credenciais de entrada das duas redes sociais.

Desenvolvimento Plugin Facebook

Como podem ver na imagem abaixo, encontramo-nos agora a trabalhar sobre o plugin do facebook.
Admitimos algumas dificuldades, o facebook, é uma ferramenta muito poderosa, mas igualmente complexa e difícil de interpretar, até porque utiliza a sua própria linguagem.
Já conseguimos colocar do lado esquerdo o plugin do facebook.
Se bem que ainda não é bem este o plugin que desejamos, até porque se repararem, este possui a textbox, para se fazer o comentário, e nós queremos que esse "trabalho" seja feito, pela nossa textbox, que podem ver no centro do ecran.
Vamos continuar a trabalhar sobre este plugin..

Homepage - Terminada

A imagem abaixo ilustra a homepage da nossa aplicação.
Como podem ver é uma homepage simples, apenas com o cabeçalho de apresentação, nomeadamente o nome da escola, o nome da cadeira e o nome do projecto.
Logo abaixo, podemos ver 2 "checkboxs", onde vamos poder fazer o nosso login, sendo que a "checkbox" de cima corresponde ao utilizador, e a de baixo à password.
Mais abaixo, podemos ainda ver, 2 botões, um correspondente ao login e outro para nos registar-nos na nossa aplicação.
O botão de login, redirecciona-nos automaticamente, para a página principal e o botão de registo, deve abrir um popup, com os campos necessários para o registo na nossa aplicação.
Tudo isto, vai ser gerido através de uma base de dados e validado através de PHP.

Quase terminado..

A pedido de muitas familias, segue mais um screenshot de mais alguns desenvolvimentos que efectuamos.
Neste screenshot já podemos ver as "checkboxs" com a respectiva imagem a seu lado da rede social correspondente e em baixo o botão para publicar os nossos comentários.
Para terminar a pagina principal, falta mesmo só trocar a aplicação do lado esquerdo para a aplicação do facebook.
Professor, é para comentar.....!!!

Mais Desenvolvimentos

A imagem abaixo mostra mais alguns desenvolvimentos que efectuamos na pagina principal da nossa aplicação.
Como podem ver já preenchemos o cabeçalho com os dados que achamos necessários, nomeadamente o nome da escola, o nome da cadeira e o nome do projecto.
Já podemos ver também a área onde vamos poder escrever as nossas publicações.

De salientar novamente que na imagem, aparecem 2 widgets do twitter, mas do lado esquerdo é para aparecer o widget do facebook.

Primeiros Desenvolvimentos

Aqui fica um screenshot ddo resultado que estamos a ter, dos primeiros desenvolvimentos para a "Página Principal".

De salientar que na imagem, aparecem 2 widgets do twitter, mas do lado esquerdo é para aparecer o widget do facebook.

Esboço "Página Principal"

A imagem que vem abaixo, é um esboço desenhado à mão, daquilo que pretendemos que seja a pagina principal da aplicação, ou seja, que apareça logo depois de fazermos login da aplicação.

Trata-se de uma pagina, onde do nosso lado esquerdo, vamos ter o widget do facebook, que nos vai mostrar, as ultimas publicações efectuadas na conta de facebook correspondete ao login da aplicação, do nosso lado direito, vamos ter o widget do twiter, que nos vai mostrar, os ultimos twits efectuados na conta do twitter correspondete ao login da aplicação.
No meio vamos ter uma textbox, onde vamos poder escrever os nossos comentários, e logo abaixo temos 3 checkbocks, onde podemos "checkar"em que aplicações queremos que os nosso cometarios/publicações sejam publicados, para que isso aconteça, temos então o botão "Publicar".

Esboço "homepage"

A imagem que vem abaixo, é um esboço desenhado à mão, daquilo que pretendemos que seja a "homepage" da aplicação.


Como podem verificar, trata-se de uma pagina simples, com um cabeçalho e rodapé, onde no cabeçalho, apresentamos a escola e o titulo do projecto, e no cabeçalho apresentamos quem desenvolveu o trabalho.
No meio temos um os campos necessários para fazer login assim bem como 2 botões, que servem para autenticar os dados de login (botão login) e outro para nos registarmos nesta aplicação (botão registe-se)

Inicio

Boas,

Este blogue destina-se a relatar os vários passos de um projecto desenvolvido para a cadeira Integração de Sistemas 1, da Escola Superior de Gestão e Tecnologia de Santarém, leccionado pelo Professor António Roberto, no 2ª ano de Informática Pós Laboral.


Este projecto tem como objectivo desenvolver uma aplicação on-line, onde através de login na mesma, podemos publicar, comentários que serão disponibilizados nas respectivas contas das redes sociais Facebook e Twitter, e também num blogue, ainda a decidir.

Qualquer duvida ou comentário, por favor contacte

João Ferreira nº 090132011
Tiago Fernandes nº 090118039