PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

M9- Aplicació de Registre

d’usuaris i Consulta d’Històrics
de Xats
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Índex

Índex..................................................................................................................................................................
Enunciat pràctica..............................................................................................................................................
Pràctica..............................................................................................................................................................
PHP Base de Dades....................................................................................................................................

Enunciat pràctica
L’objectiu de l’aplicació en Java (M3) és permetre l’enviament de missatges Client-Servidor.
I és imprescindible saber com funciona per dur a terme una part de M9.

Pàgina 2 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Caldrà fer una aplicació en PHP que permeti registrar usuaris a la Base de Dades ja
mencionada. Les dades les haurà d’introduir una persona que estigui donant d’alta els
usuaris des del mateix servidor, per tant s’haurà de prevenir que no es pugui accedir des de
fora del Servidor a l’aplicació PHP (i tampoc a la Base de Dades…).

Per cert, els ports per defecte els mantindreu?

Us podeu ajudar de la Pt1.3B i la Pt1.4A per a dur a terme aquesta part. Tanmateix haureu
d’afegir la següent funcionalitat:

● Permetre restablir la contrasenya, només sabent el nom d’usuari i mail que es va

utilitzar en el registre.
● Mostrar en diferents pàgines un seguit de dades de la BD:
- Llista d’usuaris registrats, amb totes les seves dades - Llista
de Xats NO-Buits entre 2 usuaris, amb enllaç a:
- Històric de Xat entre 2 usuaris (utilitzareu un paràmetre a la Get Http
Request). Hi mostrareu per cada missatge el seu contingut, l’hora
d’enviament, l’usuari que l’envia i si s’ha llegit o no.

També se us exigirà anar pujant el codi al mateix repositori de GitHub, però a una carpeta
separada, cada 2 dies mínim.

Serà necessari fer la instal·lació de XAMPP en el servidor Ubuntu.

També podeu instalar i configurar MySQL i Apache per separat.

Web en Wordpress: Mostra el teu Projecte ABP

Es demanarà també fer una web en Wordpress (i també instal·lar-lo a la màquina servidor).
La web haurà de mostrar el projecte en les seves diferents variants. Haurà de tenir una
pàgina principal que informi del lloc al qual s’hi arriba per primer cop i l’article més recent de
la web, mostrant la feina feta, i també haurà de tenir una pàgina per cada Mòdul dels que
entren al Projecte ABP (M10, M7/8, M3, M5, M6 i M9).

En cada pàgina de Mòdul s’haurà d’explicar amb un mínim de 2 articles amb fotografia i
mitja pàgina de text, allò que s’està duent a terme per al Projecte. També es demanarà
afegir algun element interactiu en cada pàgina (p.ex la inclusió d’un video de youtube, una
enquesta, una descàrrega de document, etc…).

Aquesta web es podrà entregar definitivament durant les següents setmanes però
serà indispensable entregar una primera versió amb la pàgina principal amb un parell
d’articles i enllaços a pàgines en construcció.

Aquesta web haurà de ser accessible des de qualsevol punt de la xarxa i també des de fora
de la xarxa.

El pes que tindrà aquesta part de M9 sobre la nota de la UF2 de M9 serà (entre temps del
Projecte i temps posterior):

- 70% de la nota de M9 UF2 (35% cada part PHP i Wordpress)

Pàgina 3 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

El 30% restant s’obtindrà directament d’un exercici pràctic de Wordpress i d’un examen,
però aquest altre 30% no forma part de l’ABP.

El present document podria estar vigent a canvis posteriors que afavoreixin el

desenvolupament del Projecte ABP d’ASIXC1, ja que és el Primer any que es duu a terme.

Signat: Òscar Ferrer Joyera, a Sant Vicenç dels Horts, el 23-04-2023

Pràctica
PHP Base de Dades
CODI:

Pàgina 4 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Aquest es el codi per el Chat_Historial, hem implementar això, per connectar-ho a la base
de dades, tenint en compte la taula, hem proporcionat la informació de la base de dades al
php.

Després d'allò hem modificat l’estructura de HTML, per que paregui més bonic, mes adelant
es veurà la evolució

Base de Dades PHP per les Usuaris

Aixo es la base de dades per PHP, hem sapigut les dades de la nostra base de dades per
connectar-ho, utilizat $host $user $password $database, son per connectar a la base de
dades

Pàgina 5 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

SQL Login

Aixo es el login, que s'haurà de connectar-ho a la base de dades, amb això ens redigira una
landing page, que hem de crear una serie d’usuaris, per poder entrar amb Java

Pàgina 6 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Llistat d'Usuaris

Aixo es un php d’un llistar d’usuaris, ara us passaré com es el codi “es un exemple mes
tard, es veura la realitat”

Pàgina 7 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

SQL TABLA D’USUARIS

Per defecte esta amb localhost, tenim que canviar les dades a la base de dades del
Proxmox o “LocalHost”

Pàgina 8 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Aixo es la landing_page, es veuria asi el codi, es molt simple pero eficaç

Pàgina 9 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Aixo seria la pagina web, com es veuria es molt eficaç i molt simple

Codi: Usuari Chat

Codi HTML Chat_Historial

Pàgina 10 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Aixo es el codi HTML del Chat Historial, hem fet una modificació perque es veu de forma
mes bonic la pagina web

Hem mantenit el codi de la base de dades exactament igual que el primer exercici

Pàgina 11 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Chat entre Usuari

Així es veurà el PHP la página web, ho hem fet de forma més bonica, hem utilitzat CSS
moltes vegades i molt padding, per separar-ho

Base de dades PROXMOX

Pàgina 12 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Ara anirem a fer que es connectin al proxmox

Pàgina 13 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Per localhost, hem seleccionat la base de dades, ens sortirà tot això
hem modificat les dades de connexió (ho hem fet per localhost, pero amb la base de dades
del proxmox, i tot funciona bé

Pàgina 14 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

Dins de la base de dades ya tot modificat, ens sortiria aquest compte

Pàgina 15 de 16
 PROJECTE ABP Josep Zurera, Nicolas Tonato, Luis Andrea Fuentes

D’aquell compte, ens tendria que sortir a la pagina, i com es veu a la imatge ens surt l’usuari

Pàgina 16 de 16