U.D.

APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

FRAMEWORK PARA EL DESARROLLO DE APLICACIONES MÓVILES

BOOTSTRAP, PHP Y MYSQL

1. HERRAMIENTAS QUE UTILIZAREMOS

 XAMPP
Es un paquete de software libre, que consiste principalmente en el sistema de gestión
de bases de datos MySQL, el servidor web Apache y los intérpretes para lenguajes de
script PHP y Perl.
Si no lo tienes disponible puedes descargarlo desde:
https://drive.google.com/file/d/1_BbdLZAmrjsqgiENr2e5nrI5REj-wxjO/view?usp=sharing

 NAVICAT
Es el software cliente que permite gestionar la base de datos, crear base de datos, crear
tablas, agregar, quitar o modificar registros de datos, etc.
Si no lo tienes disponible puedes descargarlo desde:
https://drive.google.com/file/d/1_DLUqAPjf72zTDYxy7HDN14D_6OBgM_f/view?usp=sharing

Una vez instalado deberás seguir los pasos que se muestran en el punto 2.

 VISUAL STUDIO CODE ó SUBLIME TEXT

Ambas herramientas son editores de código fuente.
Para descargar sublime text, puedes hacer click en el siguiente enlace:
https://download.sublimetext.com/Sublime%20Text%20Build%203211%20x64.zip

Para descargar el visual studio code, puedes hacer clic en el siguiente enlace:
https://code.visualstudio.com/download

2. BASE DE DATOS: TABLA PRODUCTOS

Vamos a trabajar con una tabla que tiene registrada una determinada cantidad de productos;
para ello deberemos crear la base de datos “bd_vigil”, para ello podemos usar el siguiente
comando:

CREATE DATABASE bd_vigil;

Luego crearemos la tabla producto:
CREATE TABLE producto (
id_producto int(11) NOT NULL,
nom_producto varchar(255) DEFAULT NULL,
img_producto varchar(255) DEFAULT NULL,
descripcion text,
PRIMARY KEY ( id_producto )
 U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

);
Y luego insertamos los datos con los cuales trabajaremos:
INSERT INTO producto(id_producto, nom_producto) VALUES(1,'manzana');
INSERT INTO producto(id_producto, nom_producto) VALUES(2,'fresa');
INSERT INTO producto(id_producto, nom_producto) VALUES(3,'platano');
INSERT INTO producto(id_producto, nom_producto) VALUES(4,'naranja');
INSERT INTO producto(id_producto, nom_producto) VALUES(5,'mango');
INSERT INTO producto(id_producto, nom_producto) VALUES(6,'durazno');
INSERT INTO producto(id_producto, nom_producto) VALUES(7,'sandia');

3. FUNCIONES PHP A UTILIZAR

 mysqli_connect
 mysqli_query
 mysqli_num_rows
 mysqli_fetch_array
 mysqli_free_result

4. DESCRIPCIÓN DE LAS FUNCIONES

 mysqli_connect
Sirve para conectarme a un servidor web y seleccionar la base de datos con la que voy
a trabajar, tiene 4 parámetros que lo acompañan:
mysqli_connect(servidor, usuario, clave, base_datos)

Donde:
- servidor: es la dirección IP del servidor web.
- usuario: es el usuario con el que te conectarás a la base de datos.
- clave: es la clave del usuario con el que te conectarás a la base de datos.
- base_datos: es el nombre de la base de datos.

Ejemplo:
Conectándonos a nuestra base de datos: “bd_vigil”

El resultado es una conexión estable con la base de datos, si observamos el ejemplo

dicha conexión se almacena en la variable: $enlace
U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

 mysqli_query
Sirve para ejecutar una consulta SQL a la base de datos, tiene 2 parámetros que lo
acompañan:
mysqli_query(conexión, consulta)
Donde:
- conexión: es conexión estable con la base de datos
- consulta: es la sentencia o consulta SQL que se ejecutará
Ejemplo:
Seleccionando todos los datos de la tabla producto

Se debe agregar la sentencia “or die(mysqli_error($enlace))” para que en el caso de

que ocurra un error a la hora de ejecutar la sentencia, esto nos permite saber cuál es
ese error.
Si la consulta se lleva a cabo con éxito, todo los registros, datos o filas resultantes, se
almacenan en la variable: $filas

 mysqli_num_rows
Sirve para saber cuantos registros o filas resultantes tiene la consulta; lo acompaña tan
solo 1 parámetro:
mysqli_num_rows(filas)

Donde:
- filas: es el resultado de la ejecución de una consulta con mysqli_query

Ejemplo:
Conociendo cuantas filas tiene la tabla producto
U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

Como resultado se obtiene el número que indica cuantas filas tiene el resultado de la
consulta, y éste se almacena en la variable: $num_filas

 mysqli_fetch_array
Sirve para extraer los datos de aquella variable resultante de la ejecución de una
consulta; lo acompaña tan solo 1 parámetro:
mysqli_fetch_array(filas)

Donde:
- filas: es el resultado de la ejecución de una consulta con mysqli_query

Ejemplo:
Mostrando las filas que tiene la tabla producto

Como resultado se escribe en pantalla los registros encontrados:

 mysqli_free_result
Cuando la función mysqli_query se ejecuta, los resultados se guardan en la memoria,
esta función sirve para liberar dichos datos:
 U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

mysqli_num_rows(filas)

Donde:
- filas: es el resultado de la ejecución de una consulta con mysqli_query

5. EJERCICIO: LISTADO DE PRODUCTOS EN UNA TABLA HTML

Abrir un nuevo archivo en el editor de código fuente (visual studio code o sublime text) y
escribir el siguiente código:
U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

Comentando el código:
 De las líneas 2 al 5; se definen las variables para conectarse al servidor web y base de
datos.
 En la línea 7; establecemos una conexión y la almacenamos en la variable enlace.
 En la línea 9; escribimos la consulta SQL a la base de datos y la almacenamos en la
variable consulta.
 En la línea 10; ejecutamos la consulta en la base de datos y almacenamos el resultado
en la variable resultado.
 En la línea 11; contamos cuantas líneas, filas o registros tiene el resultado obtenido de
ejecutar la consulta y lo almacenamos en la variable num_filas.
 En la línea 13; escribimos en pantalla cuantas líneas, filas o columnas se encontraron.
 En la línea 16; establecemos una condicional, si se ha encontrado una o más filas,
recién se escribirá la tabla.
 En la línea 19 al 25; escribimos en pantalla la cabecera de la tabla en HTML.
Específicamente la etiqueta de apertura de la tabla, además escribimos la primera fila
que corresponde a la cabecera de tabla.
 En la línea 27; vamos a comenzar a iterar (ir de uno en uno) entre los elementos del
resultado obtenido en la línea 10. Esta iteración continuará hasta llegar al último
registro de la consulta realizada.
 En la línea 29 y 30; extraemos los datos de cada campo (id y nombre).
 En la línea 32 al 36; escribimos en pantalla una fila con la información extraída de la
base de datos
 En la línea 40 al 42; escribimos la etiqueta de cierre de la table HTML.
 En la línea 43; liberamos de la memoria los datos que se habían encontrado en la línea
10.

Como resultado vamos a obtener en pantalla lo siguiente:

 U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

El inconveniente de trabajar el código fuente de esta forma, es que todo está mezclado, es
decir, en un mismo archivo tenemos las consultas a la base de datos y también mostramos
la tabla HTML.

6. ENCAPSULANDO CÓDIGO EN FUNCIONES

Las funciones en PHP, según su sintaxis, se definen de la siguiente forma:

function nombre_funcion(parametro1, parametro2, parametro3)

{
…cualquier codigo…

return valor_devuelto;
}

Donde:
- nombre_funcion: es cualquier nombre que le queramos dar a la función.
- parametro1 al 3: son parámetros o valores de entrada que puede tener una
función. Puede tener ninguno o la cantidad que se requiera.
- valor_devuelto: es el resultado que devuelve un función al terminar de ejecutar el
procedimiento para el que fue hecho.
Veamos un ejemplo:

 En la línea 2 al 6; se define la función suma, que tiene 02 parámetros.

 En la línea 4; se suma los valores recibidos y el resultado se almacena en la variable.
 En la línea 5; la función retorna el resultado de la suma.
 En la línea 8 y 9; se definen que números se van a sumar.
 En la línea 10; se llama o ejecuta la función suma, enviándole los 2 parámetros
respectivos. El resultado se almacena en la variable.
 En la línea 12 escribimos en pantalla el resultado obtenido.
U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO
 U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

7. LISTADO DE PRODUCTOS UTILIZANDO FUNCIONES

Vamos a trabajar sobre el mismo ejemplo del punto 5, solo que ahora vamos a separar el
código en 02 archivos php.

FUNCIONES.PHP

 En la línea 2 al 12; definimos la función conectar, que servirá cada vez que requiera
conectarme a la base de datos.
 En la línea 14 al 17; definimos la función desconectar, que servirá para liberar de
memoria los datos de cualquier consulta.
 En la línea 19 al 37; definimos la función para listar todos los datos, registros o filas de
la tabla producto, de acuerdo a la consulta que se ha definido en la línea 26.
 En la línea 21; definimos un array vacío.
 En la línea 22; inicializamos un contador en cero.
 En la línea 24; nos conectamos a la base de datos.
 En la línea 26; definimos la variable consulta SQL.
 En la línea 27; ejecutamos la consulta SQL.
U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

 En la línea 28; iteramos entre los datos, registros o filas encontradas.

 En la línea 30; la fila que encontramos la metemos en el array datos, para ello
utilizamos el contador.
 En la línea 31; al contador se le suma un 1.
 En la línea 34; liberamos memoria.
 En la línea 36; devolvemos el array resultante

INDEX.PHP

 En la línea 2; incluimos o cargamos el archivo con las funciones.

 En la línea 4; llamamos a la función listar_productos, la cual no tiene parámetros.
 En la línea 5; contamos cuantos registros hay en el resultado.
 En la línea 7; escribimos en pantalla cuantas líneas, filas o columnas se encontraron.
 En la línea 10; establecemos una condicional, si se ha encontrado una o más filas,
recién se escribirá la tabla.
 U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

 En la línea 13 al 19; escribimos en pantalla la cabecera de la tabla en HTML.

Específicamente la etiqueta de apertura de la tabla, además escribimos la primera fila
que corresponde a la cabecera de tabla.
 En la línea 21; vamos a comenzar a iterar (ir de uno en uno) entre los elementos del
resultado obtenido en la línea 4. Esta iteración continuará hasta llegar al último
registro de la consulta realizada.
 En la línea 23 y 24; extraemos los datos de cada campo (id y nombre).
 En la línea 26 al 30; escribimos en pantalla una fila con la información extraída de la
base de datos
 En la línea 34 al 36; escribimos la etiqueta de cierre de la table HTML.

8. TRABAJANDO LA PLANTILLA MODERN CON PHP

Hemos venido trabajando con la siguiente plantilla que lleva por nombre “modern”:

Puede descargarla desde:

https://drive.google.com/file/d/1MJJ943uMFTpBjSm2soMuRbuLaA_lntA7/view?usp=sharing
U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

Vamos a trabajar en la siguiente sección:

Generar iterativamente con PHP el código HTML mostrado.

U.D. APLICACIONES MÓVILES
VI SEMESTRE – TURNO NOCTURNO

¿QUÉ ES UN ARRAY ó ARREGLO?