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:
View
Akihabara Microsite
View
Essential Microsite
View
Essential CV
View
Practical Microsite
View
Akihabara Resume
View
Tourism Guide Microsite
View
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