Contenido

Usuarios y sesiones ......................................................................................................................................2

Creación de la tabla usuarios ...................................................................................................................2
Creación de la hoja para inicio se sesión ..................................................................................................2
Cerrar sesión ............................................................................................................................................9
Subir proyecto en servidor web .................................................................................................................11
Ingresar al cpanel ...................................................................................................................................11
Crear base de datos ................................................................................................................................12
Importar base de datos de local a web ..................................................................................................15
Subir proyecto a servidor por medio de transferencia FTP con la aplicación de Filezilla........................18
Conexión de proyecto con la base de datos ...........................................................................................22
Subir proyecto a 000web host....................................................................................................................26
Registro a 000webhost ...........................................................................................................................26
Subir archivos de proyecto .....................................................................................................................29
Crear base de datos ................................................................................................................................33
Conexión de la base de datos al proyecto ..................................................................................................38
Usuarios y sesiones
Para poder proteger los datos que contiene una aplicación web, se requiere de la solicitud de usuario y
contraseña, será una forma de controlar el reguardo de información que contenga una aplicación web.
Para poder aplicar las variables de sesión, se requiere lo siguiente:

Creación de la tabla usuarios

En la base de datos se creará una nueva tabla en donde se almacenarán los usuarios que podrán ingresar
el sistema.

Para realizar pruebas registrar un usuario.

Creación de la hoja para inicio se sesión

Se realiza la maquetación del login del proyecto, el diseño se queda a consideración del estudiante, lo
importante es que el formulario contenga lo siguiente:
Cabe mencionar que habrá que agregar la hoja login en la validación del modelo

Quedando de la siguiente manera

Para evitar que se muestre la cabecera como se observa en la imagen anterior se agrega lo siguiente: en
la cabecera se agrega la id como se muestra en la siguiente imagen:

En la hoja login se agrega lo siguiente:

El estilo agregado en la hoja login esconde el menú quedando de la siguiente manera

En la capa controlador se crea un nuevo archivo llamado usuarios.php, en donde se realizarán todas las
validaciones referentes a los usuarios.

En el archivo usuarios.php se crea la siguiente clase y método

No hay que olvidar que hay que llamar los datos en el index.php
De igual forma hay que llamar la clase y el método en la hoja del login.php como se muestra en la
siguiente imagen.

En la capa modelo se crea el siguiente archivo CrudUsuarios.php en donde se crea la siguiente clase y
método.

En la clase loginModel recibe los datos enviados desde la clase loginController, se realiza una consulta
select igualando los datos recibidos (correo y contraseña), de las coincidencias obtenidas se retornan los
resultados a la capa controlador para realizar la validación de sesión; como se muestra en la siguiente
imagen.
En la parte superior de todas las hojas php, que se encuentran en la carpeta MODULOS se agrega el
siguiente código, EXCEPTO en la cabecera y pie,
Al igual que la hoja del controlador también la hoja CrudUsuario.php se agregará en el index.php como
se muestra en la siguiente imagen
Cerrar sesión
En la cabecera.php se agrega el botón para indicar el cierre de sesión como se muestra en la siguiente
imagen

Queda de la siguiente manera.

Para poder cerrar la sesión de la aplicación se crea un nuevo archivo llamado logout.php en la capa VISTA
en la carpeta módulos.

Y se agrega el siguiente código

De la misma manera que el login también deberá agregarse en la validación en la capa modelo como se
muestra en la siguiente imagen.
Subir proyecto en servidor web
Para subir un rachivo dentro del servidor web se requiere del dominio del servidor en este caso:
http://couldweb.com.mx.

Ingresar al cpanel
Para ingresar al cpanel del dominio se ingresa en la siguiente url: http://couldweb.com.mx/cpanel

El servidor re direccionara al siguiente entorno:

En el nombre de usuario ingresa: couldweb y en la contraseña: bkrc1ZbgaT.d

Importante: si el usuario y contraseña no son correctos, NO intentar más de 3 veces porque se

bloqueará el servidor y tardará 24 horas para restablecerse.

Si ingresaste bien los datos deberá enviarte en el siguiente entorno

Crear base de datos
Para crear la base de datos selecciona la siguiente opción

Enviara a la siguiente hoja

Escribe el nombre de tu base de datos y

clic en el botón “crear una base de datos”
Una vez creada aparecerá en la siguiente lista pero aún no tiene un usuario con privilegios por lo que
será necesario agregar un usuario.

Para agregar un usuario a la base de datos se realiza lo siguiente:

Selecciona el usuario “couldweb_practic”

Selecciona la base de datos recién

creada.
Al dar clic en añadir enviará a la siguiente hoja en donde solicita los privilegios del usuario hacia la base
de datos, seleccionar “todos los privilegios” y dar clic en “hacer cambios”.

Al dar clic en volver, en la lista de la base de datos se mostrará de la siguiente manera.

De esta manera ya se ha creado la base de datos

Importar base de datos de local a web
Para poder subir la base de datos alojada en el servidor local primero se exporta

Una vez exportada y guardada en descargas, en el cpanel elegir la siguiente opción para subirla al
servidor.
Al dar clic en “phpmyadmin” abrirá al siguiente entorno.

Elegir la base de datos recién creada

Como se observa, no contiene ni una tabla por lo tanto se importara la base de datos exportada del
localhost.
Cuando muestre de esta forma es que se ha importado correctamente los datos, como muestra en la
siguiente imagen:

Dar clic en la base de datos recién importada

Subir proyecto a servidor por medio de transferencia FTP con la aplicación de Filezilla
Una vez creada la base de datos es momento se subir el proyecto, para luego conectarlos

Para ello se requiere un programa que se llama filezilla que podrás descargar en el siguiente link

https://filezilla-project.org/ elegir la opción marcada.

La instalación es sencilla.

Una vez instalada la aplicación al abrir mostrará el siguiente entorno.

En el menú archivo, dar clic en la opción de “gestión de archivos” y mostrara el siguiente entorno.

Dar clic en el botón de nuevo sitio, para vincular un nuevo servidor con filezilla.

Para poder conectar el servidor se requiere la siguiente información:

Servidor: ftp.couldweb.com.mx Usuario: couldweb Contraseña: bkrc1ZbgaT.d puerto: 21

Al finalizar dar clic en aceptar.

al conectar apareceá de la siguiente manera

Archivos de la computadora
Archivos del servidor

En los archivos del servidor, seleccinar y abrir la carpeta public_html

Ubicar la carpeta de tu proyecto dentro de los archivos de la computadora y arrastrarla dentro la
carpeta public_html

IMPORTANTE: al momento de arrastrar la carpeta de tu proyecto cuidar de que no sea sobre de ninguna
carpeta, de preferencia debajo de las carpetas.
Conexión de proyecto con la base de datos
Una vez subido el proyecto desde filezilla en el cpanel de podrá observar dando clic en la opción
“administrador de archivos”

Al dar clic muestra lo siguiente:

Recuerda que todos los archivos que se suban al servidor debe ser dentro de la carpeta “public_html”

Por lo tanto, al abrir la carpeta public_html se enlistaran todos los proyectos, y el proyecto subido desde
filezilla.

Proyecto subido desde filezilla

Dar clic e a la carpeta del proyecto y ubicar la hoja de conexión para establecer la conexión entre
proyecto y base de datos.

Cabe mencionar que la conexión se encuentra en la capa modelo, por lo tanto dar clic en la carpeta
modelo.

Una vez identificado la ubicación de la hoja conexión dar clic derecho y selecciona la opción de editar
Al dar clic en editar, abrirá un entorno de programación como muestra la siguiente imagen:

Para realizar la conexión entre el proyecto y la base de datos se requiere cambiar el nombre de la base
de datos, el nombre del usuario y la contraseña por los siguientes datos:

Base de datos: couldweb_tiendamvc (le nombre que ustedes le hayan puesto a su base de datos al
crearla en la página 12).

Usuario: couldweb_practic

Contraseña: ywUhSuxHJTl^
La línea de código deberá quedar de la siguiente manera

Luego se realiza la prueba del sistema

Subir proyecto a 000web host

Registro a 000webhost
Se ingresa a la siguiente url: https://mex.000webhost.com/

Y te aparecerá el siguiente entorno

Al dar clic en el botón “registro gratis”

Enviara el siguiente formulario

Después de elegir cualquier opción de registro, se iniciará la sesión mostrando el siguiente entorno

Para crear un nuevo sitio dar clic en el botón “+ créate new site”, aparecerá la siguiente ventana de
dialogo

Es importante que después escribir el nombre de su sitio copiar la contraseña

Después de crear el nuevo sitio aparecerá de la siguiente manera

Dar clic en el nuevo sitio creado y aparecerá el siguiente entorno:
Subir archivos de proyecto
En la parte derecha se encuentra un menú el cual seleccionar la opción “website settings”, se desplegará
un submenú, elegir la opción general como muestra en la siguiente imagen

Este paso es para obtener los datos de transferencia FTP, por medio de la aplicación de filezilla (los pasos
para instalación se encuentra en la página 17).

Una vez obtenida la información agregarlas en filezilla como se muestra en la siguiente imagen:

Para saber cómo abrir la ventana “gestión de sitios” ir a la página 18

 Una vez conectado filezilla con el servidor aparecerá de la siguiente manera:

Archivos del servidor

Archivos de computadora

Para subir el proyecto dar clic en la carpeta “public_html”.

Seleccionar la carpeta en donde se encuentra en el proyecto, abrila y subir carpeta por carpeta
Seleccionar carpeta por carpeta para subir

Archivos que están subiendo

al servidor
Una vez que se hayan cargado todos los archivos se mostrará de la siguiente manera:

Para visualizar los archivos desde el entorno de 000web host dar clic en “buil a website” y elegir la
opción “uploat own website”
Enviara a una nueva ventana con el siguiente entorno:

Como se observa son las mismas carpetas que se cargaron desde filezilla

Crear base de datos

Para crear una base de datos desde 000 webhost seleccionar la opción “tools” se desglosa un menú y
seleccionar la opción “database manager”, como se muestra en la siguiente imagen:

Dar clic para crear una

nueva base de datos
Al dar clic para crear aparecerá la siguiente ventana de dialogo

Favor de reguardar la contraseña porque más adelante será utlizado

Después de dar clic en crear aparecerá de la siguiente manera

Estos datos junto con la contraseña, serán de

utilidad para realizar la conexión más adelante.
Una vez creada la base de datos toca importar la base de datos que se tiene en el localhost

Primero que nada es importante exportar la base de datos del local host

Para importarlo dentro del servidor se realiza lo siguiente:

Dar clic en el botón “manager” y seleccionar la opción de “phpmyadmin”

Abrirá una nueva ventana en donde se encuentran las bases de datos creadas
Dar clic en la base de datos creada anteriormente

Como se observa, aun no tiene tablas, se importará la base de datos que se exporto hace un momento.

Dar clic en la opción “importar”

Si se importó correctamente deberá mostrar lo siguiente:

De esta manera ya se ha creado la base de datos y se han importado las tablas.

Conexión de la base de datos al proyecto

Para conectar la base de datos al proyecto se realiza lo siguiente

Para ubicar el archivo de la conexión dar clic en “Upload Own Website”, como muestra en la siguiente
imagen:

Enviara al siguiente entorno:

Recordemos que la hoja de conexión se encuentra en la capa modelo, por lo tanto dar clic en la carpeta
modelo:

Al abrir la carpeta aparecerá la hoja conexión, dar clic derecho sobre el y elegir la opción “edit”, como
muestra en la siguiente imagen.
Aparecerá el siguiente entorno, en donde se podrá modificar el código.

Cabe recordar que en la página 34 después que se creó la base de datos se mostraba información que
será de utilidad, esa información servirá para realizar la conexión, cabe recordar que la contraseña se
debió resguardar.
La conexión deberá quedar de la siguiente manera, según los datos de la bd creada anteriormente

Una vez seguros de la información ingresada, se da guardar.