M4 TEMAS SUBMODULO 2
TEMAS SUBMODULO 2
TEMA 1: Genera y modifica consultas de bases de datos
- Las bases de datos no son simplemente un montón de información aleatoria, sino que están organizadas de manera que se puedan encontrar y manipular fácilmente.
- Para gestionar las bases de datos, se utilizan sistemas de gestión de bases de datos (DBMS, por sus siglas en inglés), que permiten almacenar, recuperar y editar datos.
- Al permitir una gestión eficiente de la información, las bases de datos mejoran significativamente el rendimiento de sitios web y aplicaciones, como la carga rápida de contenido dinámico o la gestión de usuarios.
- Para consultar un registro, debes hacer uso de los llamados operadores relacionales, que son los que nos permiten comparar dos valores y que te ayudan a completar una búsqueda. Para realizar algún cálculo matemático (campo calculado), harás uso de los operadores aritméticos, que te permiten hacer operaciones matemáticas.
- Algunos de ellos ya son:
- la suma (+), resta (-) y multiplicación (*), con la ayuda de estos, el lenguaje SQL y los campos, obtendrás algunos resultados o valores estadísticos deseados.
- Operadores aritméticos
- Al momento de querer mostrar los resultados de la consulta que hayas realizado, es necesario incluir los operadores aritméticos, si es que con ellos se requiere realizar una operación matemática, de lo contrario no es imprescindible hacer uso de ellos.
- Donde en tipo de Ordenación existen 2 tipos:
- ● Asc ascendente
- ● Desc descendente
TEMA 2: Introducción a HTML
- Hoy en día a través de las redes sociales puedes compartir con tus amigos tus fotos, videos, pensamientos, así como conocer personas, encontrar contenido de todo tipo, todo ello, gracias al Internet que vino a facilitar y darnos acceso a mucha información. Con la llegada de los Smartphone ha sido aún más sencillo navegar en la red y encontrar sitios web de cualquier tema de interés.
- Para empezar se debe planificar la estructura del sitio a través de un mapa general en el que se definan algunas características como:
- 1.-El objetivo del sitio web
- 2.-Tipo de público al que va dirigido
- 3.-Los contenidos que tendrá (secciones)
- 4.-Estilo del sitio (colores, diseño)
- Una vez que se termina el proceso de planeación, es momento de conocer el lenguaje que se emplea para el desarrollo, construcción o escritura de sitios web, se llama HTML (HyperText Markup Language), en español se traduce Lenguaje de Marcas de Hipertexto.
- Este lenguaje está compuesto por una serie de instrucciones a las que se les denomina etiquetas o marcas. Todos los archivos HTML son sólo texto, así que se necesita un editor de texto, aplicación o programa que permita escribir texto plano sin agregar ningún formato específico, por ejemplo un bloc de notas.
- Una vez escrito el texto seguarda el archivo con la extención ".html" y al abrir el archivo (posicionar el mouse sobre dicho archivo, dar clic con el botón derecho y seleccionar la opción abrir), es el navegador el que interpreta y da forma en la pantalla para que el usuario pueda ver lo que se ha diseñado.
- El lenguaje HTML permite crear muchos elementos y hacer dinámico y atractivo un sitio web, todos los elementos que imagines se establecen a través de etiquetas o líneas de escritura y existen etiquetas para insertar imágenes, figuras, para agregar colores de fondo o color de la fuente, para insertar tablas y formularios, para crear listas, y para hipervínculos que nos permiten dirigirnos a otras páginas, entre otros. Es el lenguaje HTML el que permite crear páginas web, darles estructura y contenido. Existen diferentes tipos de etiquetas que se utilizan para crear un sitio web.
- Algunas etiquetas de código html son :
<!DOCTYPE html>: Define el tipo de documento como HTML5.<html>: El elemento raíz de la página HTML.<head>: Contiene información sobre la página (título, meta-etiquetas, etc.).<body>: Contiene el contenido visible de la página.<title>: Define el título de la página, que aparece en la barra de título del navegador.<h1>a<h6>: Encabezados de diferentes niveles.<p>: Párrafo de texto.<a>: Enlace a otra página web.<img>: Imagen.<ul>: Lista no ordenada.<ol>: Lista ordenada.<li>: Elemento de una lista.
Las etiquetas tienen una manera de expresarse a la que se le llama sintaxis,
se escriben entre los símbolos "<>" y para cerrarse se escribe su nombre de la etiqueta precedido con un "</>"
también existen los atributos que nos permiten perzonalizar las etiquetas.
TEMA 3: Conexión con base de datos MySQL con PHP y diseño de formulario
- Uno de los lenguajes de programación más utilizados es el PHP, según el sitio oficial The PHP Group (2021), es un lenguaje de código abierto, adecuado para desarrollo web y que puede ser incrustado en HTML, es decir que puedes utilizar un mismo archivo y combinar código PHP con código HTML, siguiendo algunas reglas.
- Cuando decimos que es un lenguaje de código abierto significa que es de uso libre y gratuito y que puede ser utilizado por cualquier persona que lo desee. Las páginas web pueden ser de dos tipos: estáticas y dinámicas.
- La primeras son aquellas cuyos contenidos permanecen siempre igual, en cambio las páginas dinámicas se caracterizan porque su contenido es variable y se actualiza de acuerdo con la información que se quiera mostrar.
- Existe un gran número de páginas y portales web que han sido creados con el lenguaje PHP, generalmente es utilizado para la creación de páginas dinámicas.
- sistema web lineal.
- 1. El usuario hace una solicitud de consulta de una página web.
- 2. Esta solicitud viaja por la nube de internet hasta que encuentra el servidor que tiene almacenado esta página.
- 3. El servidor busca en su almacenamiento interno la página solicitada.
- 4. Una vez encontrada la envía de regreso a la nube de internet hacia el usuario, si él necesita más información que se encuentra contenida en la página web recibida, volverá a hacer una solicitud de información y con esta se repetiría el mismo proceso, con esto se gastaría más datos de conexión.
- Sistema web dinámico.
- 1. El usuario realiza una solicitud en una página web.
- 2. La solicitud se envía vía internet para buscar el servidor que almacena los datos de la página.
- 3. El servidor web realiza las consultas necesarias, por medio del código PHP, en el servidor MySQL para que la información y las consultas sean almacenadas en una página dinámica HTML.
- 4. La página dinámica regresa al usuario pasando vía internet, pero esta página contiene más información, esta información permanece oculta hasta que el usuario MySQL es el sistema de gestión de bases de datos que trabaja con bases de datos relacionales, es decir, utiliza tablas múltiples que se interconectan entre sí para almacenar la información y organizarla correctamente. (Robledano, A. 2019) Distribución gratuita-Prohibida su venta 41 decida consultarla, estas consultas ya se realizan en el mismo cliente y ya no es necesario que vuelva a hacer una nueva solicitud de una nueva página web. Las flechas que se observan sin un número indica el procesamiento que se hace en el servidor, donde interviene el lenguaje de programación PHP, el gestor de bases de datos MySQL y la página HTML ya mencionada, entre los tres generan el resultado del que ya se habló.
Es importante que sepas que los sistemas estáticos son lineales y no tienen interacción con el usuario, podemos ejemplificar un sitio web de tu artista favorito, ya que en él únicamente puedes leer la información, ver fotografías y videos, pero no puedes registrarte, ni interactuar con el sitio, únicamente leer. En cambio, un sistema dinámico interactúa entre cada una de las páginas que lo componen y con el usuario, por ejemplo Facebook, que puedes comentar, buscar gente, enviar y recibir información, por lo que debe contar con los siguientes elementos:
● Aplicaciones WEB: Según Minera (2014) las aplicaciones se pueden clasificar en: portátiles, de escritorio y web. Para que una aplicación sea considerada aplicación web, esta debe ser ejecutada en el servidor web y no en el usuario, es decir, que los datos con los que se trabaja son procesados y almacenados en el servidor web, por ejemplo el sitio donde se obtiene la CURP, el proceso se ejecuta y los datos se encuentran en el servidor (computadora donde están guardados los archivos de esa página) y el usuario únicamente recibe la respuesta y el documento para imprimirse. Cabe mencionar que las aplicaciones portátiles son aquellas que pueden ser utilizadas sin instalarse en un equipo de cómputo, es decir sin ocupar espacio en disco y las de escritorio son aquellas que requieren instalarse en el equipo de cómputo y ejecutarse desde el mismo utilizando espacio en disco. Las aplicaciones (Apache e IIS son los exponentes más conocidos) se encargan de generar las respuestas, en los casos en los que es necesario, de otros actores como los mencionados antes: servidores de bases de datos (Oracle, SQL Server, MySQL, PostgreSQL, por ejemplo) y lenguajes de programación (PHP, ASP.net, JSP, o PERL, entre otros). (Minera, 2014) Es de gran importancia que los sistemas dinámicos contengan la integración del lenguaje de PHP, este lenguaje ayudará a manipular la información que se encuentra contenida en un servidor de base de datos, el HTML como constructor visual, debe estar viene estructurado para que la información que sea manipulada sea mostrada de manera eficiente Distribución gratuita-Prohibida su venta 43
● Arquitectura cliente-servidor: Es un modelo de software, en el que se determinan dos figuras: el servidor que es el que procesa, ejecuta y almacena la información y, el cliente que solicita o demanda la información. El cliente hace una petición, presionando un botón o haciendo clic en un enlace (por ejemplo, a través de un enlace), y el servidor deberá, por un procesamiento, resolver la demanda y devolver una respuesta. La aplicación cliente es el navegador web, desde esta clase de programas accedemos a la interfaz del sistema para interactuar con él.
● Lenguajes de script de servidor: Las páginas web se crean mediante lenguaje HTML, éste es un lenguaje muy limitado para atender a los requerimientos que actualmente se exigen, como mostrar grandes cantidades de información almacenada en una base de datos o la generación y ejecución de procesamiento de datos. Por ello, aparecieron lenguajes y mejoras en el servidor, en donde el programador añade al código HTML códigos de otro lenguaje (PHP), pero con la diferencia, que este código no se le envía al cliente, sino que es el servidor el que lo interpreta, lo ejecuta y el cliente recibirá una página HTML normal con los resultados ya plasmados(Sánchez, 2012).
La integración entre PHP y HTML se usa por medio de una etiqueta, en ella se integran todas las instrucciones de PHP.
● Etiqueta PHP: Cuando en un documento web queremos añadir código PHP se indica por esta etiqueta: El código PHP se coloca en la zona de la página web donde más nos interese hacerlo. (Sanchez, 2012) El cliente que está solicitando el sistema web dinámico, desea que se muestre textos propios, para ello es necesario entender cómo es que se muestra la información.
● HTML usa PHP y PHP usa HTML: Como se ha visto anteriormente el código PHP se incrusta dentro del código HTML. Lo interesante es que se puede incrustar código HTML en el PHP y tendría sentido ya que las funciones de escritura (echo y print) en realidad escriben hacia el resultado final, que en realidad es una página HTML por lo que se puede hacer algo como: Jorge"; Distribución gratuita-Prohibida su venta 46 ?>
● Bases de escritura: Las normas básicas para escribir el lenguaje PHP, son las siguientes: o Todas las líneas de código deben de finalizar con un punto y coma o Se puede agrupar el código en bloques que se escriben entre llaves o Una línea de código se puede partir o sangrar (añadir espacios al inicio) a voluntad con el fin de que sea más legible, siempre y cuando no partamos una palabra o un valor. o PHP obliga a ser estricto con las mayúsculas y las minúsculas en algunos casos como el nombre de las variables; sin embargo, con las palabras reservadas del lenguaje no es estricto. E
s decir, PHP entiende que WHILE, while e incluso wHiLe es lo mismo al ser una palabra reservada.
Sin embargo $var y $VAR no son iguales al ser el nombre de una variable. (Sanchez, 2012)
● Escribir en la salida: Aunque hay muchas funciones de escritura (para escribir en lo que será la página final) las fundamentales son echo y print. Echo es la más utilizada y en realidad es un comando del lenguaje. Tras echo se pasa uno o más textos (más adelante diremos expresiones de cadena) que cuando son literales se escriben entre comillas. Si se usa más de un texto, se separan con comas: Como cualquier lenguaje de programación, se maneja información interna por medio de variables, para eso se necesita entender cómo es el manejo de las variables en PHP.
● Introducción a las variables: En todos los lenguajes de programación (y PHP no es una excepción) Las variables son contenedores que sirven para almacenar los datos que utiliza un programa.
Dicho más sencillamente, son nombres que asociamos a determinados datos. o Las variables tienen un nombre (un identificador) que tiene que cumplir estas reglas: o Tiene que empezar con el símbolo $. Ese símbolo es el que permite distinguir a una variable de otro elemento del lenguaje PHP. o El segundo carácter puede ser el guión bajo (_) o bien una letra. o A partir del tercer carácter se pueden incluir números, además de letras y el guión bajo o No hay límite de tamaño en el nombre o Por supuesto el nombre de la variable no puede tener espacios en blanco (de ahí la posibilidad de utilizar el guión bajo) Distribución gratuita-Prohibida su venta 47 Es conveniente que los nombres de las variables indiquen de la mejor forma posible su función. Es decir: $saldo es un buen nombre, pero $x123 no lo es, aunque sea válido.
● Declarar: La primera sorpresa para los programadores de lenguajes estructurados es que en PHP no es necesario declarar una variable. Simplemente se utiliza y ya está. Es decir, si queremos que la variable $edad valga 15, haremos: Los textos se encierran entre comillas (simples o dobles, aunque se aconseja usar las dobles salgo cuando nos venga mejor las simples).
● Tipos de datos o Enteros: A las variables se les puede asignar valores enteros. Los números enteros se usan tal cual. Pueden ser positivos o negativos: o Flotante: Los números decimales en PHP son de tipo coma flotante. Este es un formato decimal para máquinas digitales que se manejan muy rápido por parte de un ordenador, ocupan poco en memoria, pero desgraciadamente no son exactos.
Ejemplos: o Cadenas: Se denomina así a los textos, que en programación se les denomina cadenas de caracteres o Strings. Se asignan a las variables entrecomillado (en simples o dobles) el texto a asignar. Ejemplo: Distribución gratuita-Prohibida su venta 48 o Booleanos: Sólo pueden tomar como valores TRUE (verdadero) o FALSE (falso).
● Operadores: Lo habitual al programar en PHP es utilizar expresiones que permiten realizar comprobaciones o cálculos.
Las expresiones dan un resultado que puede ser de cualquiera de los tipos de datos comentados anteriormente (enteros, decimales, booleanos, strings,…) (Sanchez, 2012) .En el manejo de información y de variables, se presentan algunas condicionantes, en las cuales se utilizan las estructuras de control de PHP.
● Estructuras de control: Hasta ahora las instrucciones que hemos visto, son instrucciones que se ejecutan secuencialmente; es decir, podemos saber lo que hace el programa leyendo las líneas de izquierda a derecha y de arriba abajo. Las instrucciones de control de flujo permiten alterar esta forma de ejecución. A partir de ahora habrá líneas en el código que se ejecutarán o no dependiendo de una condición.
Sentencia condicional: Se trata de una sentencia que, tras evaluar una expresión lógica, ejecuta una serie de instrucciones en caso de que la expresión lógica sea verdadera.
o Sentencia switch: Esta instrucción se usa cuando tenemos instrucciones que se ejecutan de forma diferente según evaluemos el conjunto de valores posible de una expresión
Bucle while: Un bucle es un conjunto de sentencias que se repiten mientras se cumpla una determinada condición. Los bucles agrupan instrucciones las cuales se ejecutan continuamente hasta que una determinada condición que se evalúa sea falsa.
Bucle while: Un bucle es un conjunto de sentencias que se repiten mientras se cumpla una determinada condición. Los bucles agrupan instrucciones las cuales se ejecutan continuamente hasta que una determinada condición que se evalúa sea falsa.
Para que una página web sea dinámica y que almacene o muestre información, se utilizan algunos métodos de envío de información.
● Métodos de envío de datos del formulario: Como se observó en la lección anterior de formularios HTML, un formulario puede enviar la información usando el atributo method del formulario y eligiendo GET o POST.
Paso de datos mediante GET:
El método GET lo que hace es añadir a la URL destinataria del formulario los datos recogidos del formulario.
Paso de datos mediante POST:
Los formularios se crean igual en ambos casos, pero ahora cambiamos el atributo method de la etiqueta form para elegir POST. Ahora la URL no añade los parámetros del formulario, quedan invisibles. Realmente se pasan en el paquete http que comunica a ambas páginas, pero no se ve en la URL con lo que habría que utilizar métodos más sofisticados para poder recoger los datos que el usuario introdujo en el formulario.
Recepción de datos de un formulario desde una página PHP: PHP permite recibir los datos pasados por los parámetros usando dos variables, que son en realidad dos arrays que contendrán todos los valores del formulario. Se trata de $_GET y de $_POST cada una dedicada al método con su mismo nombre.
Puesto que son arrays (se estudian con profundidad más adelante) su manejo es distinto al de una variable normal. Podemos entender que son contenedores de todos los elementos del formulario.
Los controles del formulario que hayan recibido valores envían esos valores asociados al nombre de control especificado en el atributo name.
Comentarios
Publicar un comentario