DESARROLLA APLICACIONES

WEB
SM3. DESARROLLA APLICACIONES QUE SE EJECUTAN EN EL SERVIDOR 112 hrs

26 DE ENERO DE 2020
CETIS 28
Guadalupe Nayeli Hernández Ortiz
Contenido
OBJETIVOS ........................................................................................................................................... 2
Base de datos simples ......................................................................................................................... 3
Lenguaje SQL ................................................................................................................................... 3
Funciones .................................................................................................................................... 3
El uso de SQL en su sitio web ...................................................................................................... 3
RDBMS ......................................................................................................................................... 3
La base de datos y sus partes ...................................................................................................... 3
Manejador de base de datos (MySQL) ............................................................................................ 5
Tipos de bases de datos MySQL .................................................................................................. 5
Tipos de datos ............................................................................................................................. 5
Manejo de base de datos (comandos) ........................................................................................ 6
Editor de desarrollo ............................................................................................................................. 7
Entorno del programa ..................................................................................................................... 7
Carpetas y archivos ......................................................................................................................... 8
ACTIVIDADES ............................................................................................................................... 9
Atajos y teclas especiales ................................................................................................................ 9
OBJETIVOS

DESARROLLA APLICACIONES WEB

No. PROFESIONALES SUBMÓDULO SITUACIONES
Emplea un lenguaje de 3 Utilizando bases de datos simples
5 programación web para Creando una conexión a la base de datos
realizar operaciones de Aplicando operaciones básicas a la base de datos (Consultar,
datos Eliminar, Modificar, Insertar)
Utilizando la validación de datos
6 Desarrolla una aplicación 3 Utilizando un lenguaje de programación web
Incorporando HTML, CSS, JavaScripty base de datos
Recuperando información de la base de datos
Generando la pantalla de presentación de la información

No. COMPETEN SUBMÓDULO SITUACIONES PRODUCTO DESEMPEÑO

CIAS
PROFESIO
NALES
5 Emplea un 3 Utilizando bases de El procesamiento de la
lenguaje de datos simples información de una base de
programación Creando una datos con un lenguaje de
web para conexión a la base programación web
realizar de datos
operaciones de Aplicando
datos operaciones básicas
a la base de datos
(Consultar, Eliminar,
Modificar, Insertar)
Utilizando la
validación de datos
6 Desarrolla una 3 Utilizando un La aplicación web
aplicación lenguaje de con base de datos
programación web desarrollada
Incorporando HTML,
CSS, JavaScripty
base de datos
Recuperando
información de la
base de datos
Generando la
pantalla de
presentación de la
información
Base de datos simples
Lenguaje SQL
Concepto

SQL significa lenguaje de consulta estructurado y permite acceder y/o manipular bases de datos.

Funciones
 Ejecutar consultas SQL puede contra una base de datos
 Recuperar datos de una base de datos
 Insertar registros en una base de datos
 Actualizar la base de datos de los registros de una
 Eliminar registros de una base de datos
 Crear nuevas bases de datos
 Crear nuevas tablas en una base de datos
 Crear procedimientos almacenados en una base de datos
 Crear vistas en una base de datos
 Establecer permisos en las tablas, procedimientos y puntos de vista

El uso de SQL en su sitio web

Para construir un sitio web que muestre los datos de una base de datos, necesitará:

 Un programa de base de datos RDBMS (es decir, MS Access, SQL Server, MySQL)
 Usar un lenguaje de script del lado del servidor, como PHP.
 Utilizar SQL para obtener los datos que desea.
 Utilizar HTML / CSS con el estilo de la página.

RDBMS
RDBMS significa Sistema de Gestión de Base de Datos Relacional.

RDBMS es la base para SQL, y para todos los sistemas de bases de datos modernos, cuentos como
MS SQL Server, IBM DB2, Oracle, MySQL y Microsoft Access.

La base de datos y sus partes

Una base de datos es un "paquete" que contiene toda la información necesaria para el
funcionamiento de un sistema o proyecto completo.

Por ejemplo, una base de datos llamada "tienda" puede almacenar todos los datos de un sistema
de comercio electrónico (incluyendo datos sobre los productos, las ventas, el inventario, la
facturación, las formas de pago, las formas de envió, etc.), cada base de datos es un almacén donde
se guarda información sobre un conjunto completo de información relacionada, necesaria para que
un sistema completo funcione.

Físicamente, cada nueva base de datos en MySQL crea un directorio o carpeta que contendrá los
archivos de datos de esa base, al igual que sucede en la relación entre carpetas y archivos, por si
sola, la base no significa nada, es similar a una carpeta, un simple contenedor.
Lo que guarda la información son los objetos que tiene almacenados adentro. Pues bien: la
información dentro de la base de datos se guarda en tablas (las bases de datos son simplemente
conjuntos de tablas).

TABLAS
Volviendo al ejemplo de la base de datos de una "tienda", esta base podría contener las siguientes
tablas:

 Producto
 Categorías
 Usuarios
 Pedidos
 Envíos
 Pagos

Es decir, cada uno de los conceptos sobre los cuales necesitamos guardar datos corresponderá a
una tabla. Por ejemplo, crearemos una tabla para los "productos", ya que la información que
tenemos acerca de cada producto comparte una misma estructura: tendremos un nombre para
cada producto, una descripción, un precio, una cantidad disponible, etc.

Todos los contenidos de una misma tabla deben compartir la misma estructura.

CAMPOS
La estructura de una tabla se define por la cantidad de campos en que fraccionemos la información
que guarda.

Los posibles campos (podemos imaginarlos como "columnas" de una planilla de cálculo) para una
tabla de –por ejemplo- "productos", podrían ser el código de productos, el nombre del producto, su
descripción, la categoría a la que pertenecen, el precio, etc.

Cada campo tendrá definido un tipo de dato que limitara lo que podrá almacenarse en el (datos
numéricos, alfanuméricos, fecha, etc.) y , también le definiremos a cada campo una longitud máxima
(el "ancho" de la columna, siguiendo el ejemplo de una planilla); es decir, la cantidad máxima de
caracteres que prevenimos almacenar en ese campo.

REGISTROS
Cada ítem de esta tabla (cada "producto", en el ejemplo anterior) se almacenará en un registro (una
fila horizontal, un renglón).

Cambiamos de ejemplo, y veamos los elementos de una tabla dedicada a almacenar "mensajes" que
los usuarios enviaron mediante un formato:

mensajes
id Nombre email mensaje
1 Juan Pérez juan@perez.com ¡Hola amigos!
2 Carlos García carlosgarcia@hotmail.com Saludos desde América
3 María González mgonzalez@gmail.com Me gusta PHP
Lo que vemos en la primera fila (los títulos en negrita) representan lo que sería la estructura de la
tabla: en este caso, que información se guardara relativa a cada "mensaje" (ya que estamos ante
una tabla llamada "mensajes").

En el ejemplo, hemos decidido estructurar la información en cuatro columnas: "id", "nombre",

"email" y "mensaje".

A estas columnas se las denomina campos (se dice: el campo "id", el campo "nombre", el campo
"email" y el campo "mensaje"):

Luego, cada fila (horizontal) representa un dato completo o un registro, es decir, la suma de todos
los campos (la información completa que se dispone) sobre uno de los "mensajes" recibidos y sobre
uno de los objetos acerca de los cuales almacenamos información.

La fila 1 (el primer registro) contiene los datos del primer mensaje (el de Pérez):

1 Juan Pérez juan@perez.com ¡Hola amigos!

La fila 2 (el segundo registro) tiene los datos del mensaje de García:

2 Carlos García carlosgarcia@hotmail.com Saludos desde América

Y así sucesivamente, en resumen:

 Una base de datos contiene una o más tablas.

 Una tabla se estructura en campos (columnas).
 Cada fila o renglón se llama registro.

Manejador de base de datos (MySQL)

Tipos de bases de datos MySQL

MyISAM

InnoDB
MySQL proporciona un motor de gestión de base de datos llamado innoDB que permite una mayor
potencia sobre el control y gestión de tablas. Las tablas normales, son creadas con el motor myISAM,
para hacer que sean innoDB, basta con colocar el texto type=innoDB tras la lista de campos de la
tabla en la creación.

Las tablas innoDB permiten transacciones, operaciones concurrentes y control estricto de

referencias (lo que se conoce como integridad referencial) entre otros detalles. Pero requieren más
potencia por parte del sistema en el que se ejecuta MySQL.

Tipos de datos
Los tipos de datos en MySQL se pueden clasificar en tres grupos:
 • Tipos Numéricos
Integer, Int: número entero que puede tener o no signo. Si tiene signo el rango es de -2147483648
a 2147483647 y sin signo el 0 a 429.4967.295. El tamaño de almacenamiento es de 4 bytes.

Float: número pequeño en coma flotante de precisión simple. Los rangos están entre -
3.402823466E+38 a -1.175494351E-38, 0 y desde 1.175494351E-38 a 3.402823466E+38. El tamaño
de almacenamiento es de 4 bytes.

Real, Double: número en coma flotante de precisión doble. Los rangos están entre -
1.7976931348623157E+308 a - 2.2250738585072014E-308, 0 y desde 2.2250738585072014E-308
a 1.7976931348623157E+308. El tamaño de almacenamiento es de 8 bytes.

• Tipos de Fecha
MySQL no prueba de una manera precisa si la fecha ingresada es o no válida, únicamente realiza las
comparaciones lógicas como lo son que el mes este entre 0 y 12 y que el día entre 0 y 31.

Date: tipo fecha, almacena una fecha. El rango esta entre el 1 de enero del 1001 al 31 de diciembre
de 9999. El formato de almacenamiento queda de la forma: año-mes-día. El tamaño de
almacenamiento es de 3 bytes

DateTime: Es una combinación de fecha y hora, donde los valores están entre el 1 de enero del 1001
a las 0 horas, 0 minutos y 0 segundos al 31 de diciembre del 9999 a las 23 horas, 59 minutos y 59
segundos. El formato de almacenamiento queda de la forma: año-mes-día horas:minutos:segundo.
El tamaño de almacenamiento es de 8 bytes.

TimeStamp: Es una combinación de fecha y hora y los valores están desde el 1 de enero de 1970 al
año 2037. El tamaño de almacenamiento es de 4 bytes.

Time: almacena una hora. El rango puede estar entre -838 horas, 59 minutos y 59 segundos a 838,
59 minutos y 59 segundos. El formato de almacenamiento es de la forma: 'HH:MM:SS'. El tamaño
de almacenamiento es de 3 bytes.

Year: almacena un año. El rango es desde el año 1901 al año 2155. El tamaño de almacenamiento
es de 1 bytes.

• Tipos de Cadena
Char(n): almacena una cadena de longitud fija y puede contener entre 0 y 255 caracteres. El
tamaño de almacenamiento es de n bytes.

VarChar(n): almacena una cadena de longitud variable y puede contener entre 0 y 255 caracteres.
El tamaño de almacenamiento es de n+1 bytes.

Manejo de base de datos (comandos)

Comandos básicos para el manejo de Bases de Datos en MySQL

COMANDO DESCRIPCION ESTRUCTURA EJEMPLO

CREATE Crea una base de datos CREATE [nombre] mysql> create database
con el nombre dado miprueba;
 CREATE Sentencia para
TABLE especificar la estructura CREATE TABLE [nombre mysql> CREATE TABLE persona
de una tabla donde se de la tabla] (atributos de (nombre VARCHAR(20), edad
especifica los tipos de la tabla) int(10));
variable para cada ítem
de la tabla.
SELECT Es un comando utilizado SELECT seleccionar_Esto mysql>SELECT * FROM persona
para traer información FROM desde_tabla WHERE edad =18;
desde una tabla. WHERE condiciones;
SHOW Lista las bases de datos mysql> show databases;
que hay en el servidor SHOW [nombre de la
MySQL o las tablas de la tabla] mysql> show tables
base de datos
SHOW Comando que permite
TABLES ver cuales tablas hay en la
base de datos.
DESCRIBE permite obtener
información sobre una DESCRIBE [nombre de la mysql> describe prueba;
tabla, para saber qué tabla]
campos tiene y de qué
tipo.
USE indica a MySQL que use la
base de datos USE [db_nombre] mysql> use miprueba;
db_nombre como la base
de datos por defecto.
UPDATE Comando que modifica mysql> UPDATE persona SET
solo el registro en edad = '31' WHERE nombre =
cuestión y no requiere 'Jose';
que se vuelva a llenar la
tabla.
DROP elimina todas las tablas
DATABASE de la base de datos,
juntamente con la base
de datos.
QUIT permite salir de la línea mysql> quit
de comandos de MySQL.

Aplicaciones para el desarrollo

Entorno del programa XAMPP
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.
El nombre es en realidad un acrónimo: X, Apache, MariaDB/MySQL, PHP, Perl.

Proporciona un Panel de Control desde el cual se inician y detienen los servicios, como se muestra
a continuación:
Entorno de SublimeText 3
Una vez iniciados los servicios requeridos se procede a acceder al programa de desarrollo, la cual se
puede descargar desde su pagina principal https://www.sublimetext.com/3 en sus diferentes
versiones.

Carpetas y archivos
Abrir una carpeta (folder) completo en sublime text

1. File
2. Open folder
3. Se abre un cuadro de dialogo en donde se selecciona la ruta donde está la carpeta que se
desea abrir, una vez seleccionado clic en Seleccionar carpeta
 4. Se abrirá una nueva ventana de sublime mostrando los archivos contenidos en la carpeta
seleccionada.

ACTIVIDADES
1. Inicio básico en el entorno.
Crear una carpeta llamada “basico” dentro de la carpeta “htdocs” que puede estar
localizada en la siguiente ruta “C:\xampp\htdocs”
Abrir SublimeText y abrir la carpeta completa que acabamos de crear en el editor.

Atajos y teclas especiales

Comentar líneas en SublimeText

Ir a "PREFERENCES --> Key Bindings" y nos va a abrir una ventana como esta:

y en la ventana de la derecha (donde dice .... - user) vamos a agregar lo siguiente:

{ "keys": ["ctrl+1"], "command": "toggle_comment", "args": { "block": false } },

{ "keys": ["ctrl+shift+1"], "command": "toggle_comment", "args": { "block": true } },

Guardamos con la combinación "ctrl+s" y ya podemos utilizar la combinación "ctrl + 1"

para comentar nuestro código.

También podemos personalizarlo, cambiando entre llaves donde dice ctrl + 1 y poner la combinación
de teclas que deseemos.
Al final nos va a quedar algo así: