Want to create interactive content? It’s easy in Genially!

Get started free

Mini red Social

Jessica González

Created on December 6, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Microsite

Essential Microsite

Essential CV

Practical Microsite

Akihabara Resume

Tourism Guide Microsite

Online Product Catalog

Transcript

Funcionamiento

Código PHP

Código HTML

Descargar

phpMyAdmin

Base de datos

Abrir

Introducción

Código PHP

Funcionamiento

Descargar

Código HTML

Abrir

phpMyAdmin

Base de datos

Introducción

Mini Red Social

Jessica Daniela González Rincón

Introducción

En este proyecto, se desarrollará el diseño de una página web conectada a una base de datos. Se utilizarán diferentes conceptos y software a lo largo del proyecto para lograr este objetivo. Para comenzar la emocionante travesía de crear tu propia mini red social con conexión a una base de datos, necesitarás algunas herramientas esenciales. Asegúrate de tener instaladas las siguientes aplicaciones: 1. XAMPP 2. Editor de Texto

Descargar XAMPP

El primer paso para que la Red Social este en funcionamiento es abrir la aplicaciòn de XAMPP Para que esto suceda tienes que asegurarte de que los servicios necesarios estén activos. Haz clic en los botones "Start" o "Iniciar" junto a "Apache" y "MySQL" para iniciar los servicios correspondientes.

Abrir XAMPP

El primer paso para que la Red Social este en funcionamiento es descargar la aplicación de XAMPP en la pagina https://www.apachefriends.org/es/index.html) Para que esto suceda tienes que asegurarte de que los servicios necesarios estén activos. Haz clic en los botones "Start" o "Iniciar" junto a "Apache" y "MySQL" para iniciar los servicios correspondientes.

Abrir phpMyAdmin

Acceder a la interfaz web Una vez que todos los servicios estén activos, puedes acceder a la interfaz web de XAMPP para administrar tus proyectos. Da clic en “Admin” de la sección "Apache" y "MySQL". Esto te llevará a la página de inicio de XAMPP.

Abrir phpMyAdmin

Acceder a la interfaz web Una vez que todos los servicios estén activos, puedes acceder a la interfaz web de XAMPP para administrar tus proyectos. Da clic en “Admin” de la sección "Apache" y "MySQL". Esto te llevará a la página de inicio de XAMPP.

Crea tu base de datos

Al seguir los pasos anteriores estamos listos para crear nuestra base de datos. Se creara la base de datos para poder guardar toda la información de nuestra mini red social. Para crearla deberas deberas dar clic en donde dice "Nueva"

+info

Crear tablas

Seleccionar la base de datos En la interfaz de phpMyAdmin, selecciona la base de datos en la que deseas crear la tabla. Puedes hacer clic en su nombre en el panel izquierdo. Para ver como crear una tabla da clic en más información

+info

Página Index

Creación de la Página Index La página index es la principal y se ejecuta al ingresar al sitio web. En esta página, los usuarios pueden registrarse o iniciar sesión. Se utiliza la etiqueta <form> para crear formularios HTML5. Se copia el código previamente trabajado y se muestra cómo agregar el logo y pie de página a todas las páginas.

PHP: CONEXÍON

Este código PHP sirve para conectarse a una base de datos MySQL y manejar el estado de la conexión en función del éxito o fracaso del intento de conexión.

PHP: CREAR USUARIO

Toma información de un formulario utilizando el método GET, procesa los datos e interactúa con una base de datos para almacenar la información del usuario. El código maneja el registro de usuarios, la interacción con la base de datos y las operaciones de archivos, al tiempo que proporciona comentarios adecuados al usuario en función del resultado del registro.

PHP: INICIO DE SESIÓN

Procesa la entrada del usuario desde un formulario utilizando el método POST, interactúa con una base de datos para validar las credenciales del usuario y administra las sesiones de los usuarios. En general, el código maneja la autenticación del usuario, la interacción con la base de datos, la gestión de sesiones y proporciona comentarios adecuados al usuario en función del resultado del inicio de sesión.

PHP: VALIDAR SESIÓN

Este código se encarga de limpiar y destruir la sesión actual, y luego redirige al usuario a la página de inicio. Esto se utiliza comúnmente para cerrar la sesión de un usuario y asegurarse de que no pueda acceder a contenido protegido sin iniciar sesión nuevamente.

PHP: AGREGAR AMIGO

Este código es responsable de manejar el proceso de agregar un nuevo amigo o establecer una conexión de amistad entre usuarios en la mini red social. Interactúa con una base de datos para insertar registros de amistad y proporciona retroalimentación adecuada al usuario en función del éxito o fracaso de las operaciones de la base de datos.

PHP: DATOS AMIGO

Este código verifica si el nickname del usuario actual coincide con el nickname del usuario con el que se desea obtener información. Si son iguales, se redirige al usuario a su propio perfil. Si son diferentes, se realiza una consulta a la base de datos para obtener la información del usuario con el nickname $nicknameA y se asigna a variables individuales para su uso posterior.

PHP: SUBIR FOTO

Parte de un archivo que maneja la carga de imágenes a un servidor y guarda sus detalles en una base de datos. parte de un archivo que maneja la carga de imágenes a un servidor y guarda sus detalles en una base de datos. parte de un archivo que maneja la carga de imágenes a un servidor y guarda sus detalles en una base de datos.

PHP: CAMBIAR FOTO

Este código se encarga de limpiar y destruir la sesión actual, y luego redirige al usuario a la página de inicio. Esto se utiliza comúnmente para cerrar la sesión de un usuario y asegurarse de que no pueda acceder a contenido protegido sin iniciar sesión nuevamente. Limpiar y Destruir la Sesión: Se asigna un array vacío a $_SESSION para limpiar todas las variables de sesión almacenadas. Se utiliza la función session_destroy() para destruir la sesión actual y eliminar todos los datos asociados a ella.

Funcionamiento

El primer paso es buscar el archivo en la barra de busqueda, al hacerlo se abrira la página Index en donde se podra registrar un usuario.

Funcionamiento

El siguiente paso es hacer un registro de un nuevo usuario.

El cual se guardara en la base de datos.

Funcionamiento

Ya creada la cuenta tenemos que iniciar sesión.

Se mostrara la seguiente:

Funcionamiento

Al estar en este paso nos vamos a la pestaña "Mis Fotos" para poder agregar una foto de perfil y más fotos en el perfil.

+info

Funcionamiento

En el apartado de "Buscar Amigos" te saldran todos los perfiles creados anteriormente. Aquí puedes agregar amigos o ver sus perfiles.

Funcionamiento

Al agregarlos te apareceran en la pestaña de "Mis Amigos"

Fin del proyecto

Jessica Daniela González Rincón

Al hacer esto abrira una pestaña en donde podras asignar el nombre de tu base de datos en nuestro caso se le asignara el nombre de "redsocial"

Crear una tabla Una vez que hayas seleccionado la base de datos, haz clic en la pestaña "Estructura" y luego en el botón "Añadir" para crear una nueva tabla. Ingresa un nombre para la tabla y define las columnas necesarias, junto con sus tipos de datos y atributos. Haz clic en "Guardar" para crear la tabla. En este caso tendras que crear 3 tablas con los siguientes nombres: