INSTITUTO SUPERIOR TECNOLÓGICO BABAHOYO

NOMBRE DE CARRERA

Tecnología superior en Desarrollo de Software

TÍTULO

Sistema web para la administración de registro y emisión de

resultados para laboratorio de la clínica Gavilánez del recinto
mata de cacao

AUTOR:

LISS YASSIEL SUAREZ QUINTO

QUINTO “B “VESPERTINO

TUTOR:

……………………………………….

BABAHOYO - ECUADOR

AÑO 2021- 2022

 ÍNDICE

1. Tema...................................................................................................................................
2. Problema.............................................................................................................................
3. Planteamiento del problema........................................................................................
3.1. Formulación del problema...........................................................................................
4. Situación problemática.......................................................................................................
5. Objetivos.............................................................................................................................
5.1. General........................................................................................................................
5.2. Específicos...................................................................................................................
6. Delimitación.......................................................................................................................
7. Justificación.....................................................................................................................
8. Antecedentes.......................................................................................................................
8. Marco teórico......................................................................................................................
9. Metodología......................................................................................................................
1.INTRODUCCIÓN

La tecnología cada vez más está presente en las empresas en la actualidad para
mejorar sus productos, procesos y servicios. Por lo que la implantación de un sistema
informático actualmente se ha convertido en una necesidad, puesto que es una
herramienta que permite ahorrar tiempo, recursos materiales y dinero, mejorando la
calidad de servicio y logrando una generación de valor para las empresas.
Para los centros médicos, ya sean clínicas, postas médicas y hospitales, los laboratorios
clínicos son componentes del área de apoyo a la evaluación mejorando la calidad de
atención a los pacientes, es por ello que cada vez adquieren mayor importancia. Al
hablar de laboratorios clínicos, es hablar de la historia de la medicina en general
ya que estos han venido desarrollándose y evolucionando de la mano con el pasar del
tiempo, pasando desde las formas primitivas de tratamientos contra enfermedades, los

primeros usos del microscopio, hasta los procesos que actualmente utilizan. los
sistemas de información de laboratorio permiten a los médicos ver el historial de
exámenes clínicos de sus pacientes, como la glucosa, estado de la sangre, orina,
azúcar, colesterol, entre otros, por lo que resulta de mucha importancia almacenar estos
registros en el establecimiento donde trabajan, esto conlleva una gran ventaja para la
determinación de casos, prevención y tratamiento de enfermedades. El laboratorio
clínico Gavilánez ubicado en el recto mata de cacao ciudad de Babahoyo, lleva varios
años brindando sus servicios a la comunidad, con el pasar del tiempo, su buen hacer y
su prestigio le han permitido contar con una alta afluencia de clientes, lo que ha
provocado que la gestión administrativa presente nuevas necesidades.
En el establecimiento de salud se tienen los siguientes inconvenientes, Demora en el
registro de los pacientes. La toma de datos de los pacientes en el área de recepción se
realiza de forma manual, haciendo complicado tener un control de manera ordenada de
cada característica como: datos personales, procedencia, historia clínica, etc. No es
posible obtener reportes de forma rápida y precisa, porque si se quiere buscar a los
pacientes que se hicieron un determinado análisis durante un mes, se tendría que
buscar en cada registro que se tiene. Dificultad en el manejo de información de
pacientes, la información se encuentra distribuida en las diferentes fichas técnicas y/o
libros de inscripción que se usan para el registro. Dificultad en la búsqueda de los
pacientes y de sus resultados de análisis, ya que se debe buscar en todos los cuadernos
de registro que se llevan. Por ejemplo, si un paciente llega por sus resultados se debe
buscar en todos los registros que se tienen de los pacientes. Pérdida de información,
esto se debe a la información que se guarda de los pacientes en los cuadernos de
registro, se origina una acumulación de hojas y además pueden perderse, presentación
de errores de datos en los resultados de análisis clínicos al momento de ser entregados
a los pacientes, ya que se trabajan con plantillas en Excel.
Para el proyecto actual, se busca integrar una herramienta tecnológica que permite
subsanar las necesidades de gestión del establecimiento, no solo mejorando la parte
administrativa, sino también la relación con sus clientes. crear un sistema eficiente que
remplazara el método de entrega de resultados de manera física, es un aplicativo web
que mostrara los resultados de forma automática para el cliente con solo la validación de
los datos otorgados al momento del registro e llevara el registro de los ingresos
gestionará y guardará información del paciente y las evaluaciones de sus análisis
clínicos, permitiendo de esta manera una mejor administración de los mismos.
2. TEMA

Sistema web para la administración de registro y emisión de resultados para laboratorio

de la clínica Gavilánez del reciento mata de cacao

3. PROBLEMA

Negligencia en la automatización de los procesos y actividades del laboratorio clínico

“Gavilánez” del recinto mata de cacao

3.1. Planteamiento del Problema

El laboratorio clínico Gavilánez no cuenta con sistema de web óptimo de información

para el registro de clientes, sino que la información se recolecta en planillas físicas,
archivadas en carpetas y digitalizadas en diferentes hojas de cálculo en Excel guardadas
en diferentes computadores, lo que conlleva a que se prolongue el tiempo de búsqueda
del historial de un cliente, generándose así pérdida de información por deterioro de los
documentos físicos y por la desorganización de los documentos almacenados,
comprometiendo la integridad y seguridad de la información. Por otro lado, el hecho de
que los resultados de los exámenes sean entregados a los pacientes de manera física,
requiere que deban desplazarse hasta el laboratorio, lo que les genera gastos adicionales
en transportes y en tiempo de desplazamiento. Además, este hecho implica gastos en
papelería, tintas de impresión, pérdida de tiempo en organización de los resultados
físicos y represamiento de resultados no entregados, generando traumatismo en la
búsqueda a la hora de la entrega y más cuando están fuera de la fecha, lo que se agrava
cuando se tienen gran flujo de pacientes.

3.2. Formulación del Problema

¿Cómo desarrollar un aplicativo web para el laboratorio clínico Gavilánez para el

registro de ingresos de exámenes médicos y la entrega de resultados?
4. SITUACIÓN PROBLEMÁTICA

Al no tener un aplicativo que permita el proceso de recopilación, organización y gestión

de exámenes de laboratorio, el laboratorio lleva sus registros en herramientas de office y
de forma manual en papel, lo que dificulta tener una base de datos centralizada,
desperdiciando tiempo y dificultando en gran medida un desempeño ágil en esta
actividad.

5. OBJETIVOS

5.1 GENERAL

Desarrollar un sistema web para administración de exámenes médicos de un laboratorio

clínico en la clínica Gavilánez del rto mata de cacao del cantón Babahoyo, provincia de
los Ríos

5.2 ESPECÍFICOS

 Analizar la situación actual mediante técnicas investigativas como observación

directa y entrevistas para identificar los problemas y requerimientos del sistema.
 Diseñar la base de datos.
 Implementar el sistema web a través de la configuración y despliegue de un
servidor de aplicaciones para realizar las pruebas necesarias y comprobar su
funcionalidad.
6. DELIMITACIÓN

Para poder cumplir con los objetivos propuestos es necesario definir el alcance
que tendrá nuestro proyecto. De esta forma enfocaremos de mejor manera.

El sistema a implementarse deberá tener:

 Espacio: El laboratorio clínico se encuentra ubicado en recto mata de cacao del cantón
Babahoyo
 Tiempo: El tiempo de análisis y desarrollo es aproximadamente de 3
meses.
 Población: Empleados y clientes frecuentes del establecimiento.

7. JUSTIFICACIÓN

Debido a la falta de una herramienta que sistematice el proceso para la

obtención de los resultados de los exámenes clínicos de los pacientes del
laboratorio clínico en la clínica Gavilánez, los resultados son digitados en un formato
diseñado en Excel. Posteriormente este documento se entrega al paciente en la próxima
consulta médica asignada y después de la consulta este documento es almacenado en la
carpeta de ̈historia clínica del paciente que estará situado en los archivos del
departamento de estadística
Este proceso mecanizado existente en el laboratorio clínico Gavilánez causa molestias e
incomodidad al paciente ya que personalmente tendrá que dirigirse hacia Admisión para
solicitar los exámenes.
Frente a esta realidad y considerando que estamos en la nueva era de la tecnología él no
disponer de un sistema web online que emita estos resultados genera retrasos en la
entrega de los análisis clínicos y por ende el tratamiento que el paciente requiera de
inmediato. Es por esta razón que con el presente proyecto se busca Sistematizar el
proceso de los resultados de análisis clínicos en el laboratorio de exámenes Gavilánez, a
fin de brindar un mejor servicio Actualmente se necesita de un sistema que no se limite
de un lugar físico, que sea de fácil acceso quesea flexible, fácil de utilizar y fácilmente
expandible.
Como mejora al procedimiento utilizado en el laboratorio clínico Gavilánez, nace la
idea de crear la aplicación web para el laboratorio clínico que fortalecerá los sistemas de
prestación de servicios de salud en esta Unidad Operativa, puesto que esta solución que
optimiza los tiempo respuesta y a su vez facilita al médico tratante o residente
proporcionar el diagnóstico o tratamiento a seguir que asegure su pronta recuperación
del paciente el laboratorio clínico Gavilánez propone beneficios en el campo de la salud
integral al ciudadano, puesto que permite procesar los datos a tiempo para un
tratamiento inmediato. De la misma manera la unidad ejecutora encargada de velar por
los servicios de salud solicitara la información global de las patologías detectada

8.Antecedentes
Universidad Israel desarrollo de un aplicativo web para el registro de exámenes médicos
para pacientes del centro clínico “bio laboratorio inmunobiological”, ubicado en el
barrio la Kennedy al norte de la ciudad de quito fue desarrollado por Daqui Janeta,
Diego Humberto (2018) este desarrollo aplicativo surge por las dificultades que
presenta en el área de laboratorio clínico en donde se realiza la toma de muestra, análisis
de las muestras y entrega de resultados, el cual se lleva a cabo bajo un procedimiento
manual de registro en hojas de papel. Este procedimiento manual se realiza de una
manera desordenada e ineficiente, debido a que gestionan la información en formatos
impresos y libros, lo que afecta en la entrega de análisis y en la calidad de atención al
paciente de ahí nace la idea de el trabajo de investigación que está basado en la creación
de un aplicativo web para cubrir los requerimientos del “Bio Laboratorio
Inmunobiological”, ubicado en el barrio la Kennedy al norte de la Ciudad de Quito, para
el registro de pacientes, solicitud de exámenes de laboratorio, registro y emisión de
resultados en pdf para ser impresos o enviados mediante correo electrónico, generar
backup de la base de datos, exportar datos a Excel, El sitio Web se realiza con las
siguientes herramientas, Visual Studio Community

Universidad Católica del Ecuador Sede Ibarra Vilañez Ayala, Alexis Darío (2018)
desarrollo de un Sistema web/móvil de gestión del laboratorio clínico Meissen de la
ciudad de Ibarra utilizando herramientas libres El diagnóstico clínico es la principal
fuente de información para tratar o prevenir enfermedades, por lo que la
implementación de un sistema de soluciones informático de calidad que contenga
procesos de control, métodos y mecanismos de seguimientos de la información, y sobre
todo garantizando la integridad y fiabilidad de los resultados clínicos de los pacientes,
en función a esto la presente investigación se basó en el desarrollo de un sistema de
automatización de la información de los procesos de diagnóstico de los exámenes
clínicos del laboratorio Meissen con la finalidad de lograr el mejor desempeño, agilizar
los procesos y principalmente garantizar la seguridad de la información de los
resultados clínicos de cada paciente. Para dar solución a la problemática se procede a la
elaboración del sistema web/móvil para el laboratorio clínico Meissen, se utiliza como
guía las funciones específicas en base al perfil y rol de los usuarios, para ello se utilizará
la metodología de desarrollo de productos de software

9.Marco teórico
Los aplicativos webs de información se han convertido en un factor esencial del
desarrollo económico y social.
La informática y el flujo de información se están convirtiendo en
recursos omnipresentes. Por consiguiente, la seguridad de los sistemas de información,
y en particular su disponibilidad, es un asunto que preocupa cada vez más a la sociedad,
en particular, por la posibilidad de que surjan problemas en sistemas de información
claves, debidos a la complejidad de los sistemas, accidentes, errores o ataques, que
puedan repercutir en las infraestructuras físicas que prestan servicios esenciales para el
bienestar de los usuarios y de la empresa. El laboratorio clínico “Gavilánez” Ciudad de
Babahoyo de la Provincia Los Ríos recinto mata de que permita la
automatización inmediata de la información para potenciar un registro de pacientes y la
emisión de resultados de cada uno de ellos ; el sistema actual de información es débil se
maneja a través de Microsoft Office Excel el cual dificulta el rápido acceso a la
información de pacientes, el mismo consume mayor tiempo y costo, este sistema ha
traído retraso en la atención a los pacientes y producto de esto se ha cometido errores
que muchas de las veces se duplican los exámenes, la cual provoca contratiempos por
no contar con un sistema informático o software adecuado.
Para contextualizar el presente trabajo de investigación es de gran importancia conocer
como en el devenir de los años en que se han venido dando una serie de cambios y
transformaciones ,en los que la era de la tecnología ha dado grandes pasos ,es también
cierto que se siguen presentando en nuestra localidad problemas al ingresar datos del
paciente en el historial clínico una máquina de escribir antigua o utilizando medio
manuales para escribir como cuadernillos, factureros notitas hojas en blanco estas son
las problemáticas que se les presentan a los funcionario del laboratorio clínico en las
cuales no se le está brindando facilidad para trabajar al funcionario y por consiguiente
el paciente se ve afectado por el proceso de lentitud en la atención que estos requieren
de manera individualizada por lo que se hace una necesidad investigar sobre este tema.
Por lo tanto este trabajo investigativo ha sido realizado considerando el problema
que actualmente tienen los operadores del laboratorio Clínico "Gavilánez”.
Específicamente en la lentitud de los procesos de automatización de los datos a la hora
de ingresarlos a la base de datos (hoja de cálculo de Excel) Un aplicativo web de
Información se basa en la encriptación de datos, una técnica (lacriptografía) que
modifica un mensaje original mediante una o varias claves, de manera que resulte
totalmente ilegible para cualquier persona. Y solamente lo pueda leer quien posea la
clave correspondiente para descifrar el mensaje. La encriptación es una de las posibles
soluciones para proteger datos cuando son enviados a través de redes como Internet
PHP 5.0
PHP es un lenguaje de programación, diseñado originalmente para la creación de
páginas web dinámicas. Es usado principalmente para la interpretación del lado del
servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz
de línea de comandos o en la creación de otros tipos de programas incluyendo
aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+, PHP es el acrónimo
de Hipertext Preprocesor. Un lenguaje del lado del servidor es aquel que se ejecuta en el
servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las
páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos,
conexiones en red, y otras tareas para crear la página final que verá el cliente.
El cliente solamente recibe una página con el código HTML resultante de la ejecución
de
la PHP. Como la página resultante contiene únicamente código HTML, es compatible
con todos los navegadores.
Una vez que ya conocemos el concepto de lenguaje de programación de scripts del lado
del servidor podemos hablar de PHP, este se escribe dentro del código HTML, lo que lo
hace realmente fácil de utilizar, al igual que ocurre con el popular ASP de Microsoft,
pero con algunas ventajas como su gratuidad, independencia de plataforma, rapidez y
seguridad. Cualquiera puede descargar a través de la página principal de PHP
www.php.net y de manera gratuita, un módulo que hace que nuestro servidor web
comprenda los scripts realizados en este lenguaje. Es independiente de plataforma,
puesto que existe un módulo de PHP para casi cualquier servidor web. Esto hace que
cualquier sistema pueda ser compatible con el lenguaje y significa una ventaja
importante, ya que permite portar el sitio desarrollado en PHP de un sistema a otro sin
prácticamente ningún trabajo. PHP, en el caso de estar montado sobre un servidor Linux
u Unix, es más rápido que ASP, dado que se ejecuta en un único espacio de memoria y
esto evita las comunicaciones entre componentes COM que se realizan entre todas las
tecnologías implicadas en una página ASP Por último señalábamos la seguridad, en este
punto también es importante el hecho de que en muchas ocasiones PHP se encuentra
instalado sobre servidores Unix o Linux, que son de sobra conocidos como más veloces
y seguros que el sistema operativo donde se ejecuta las ASP, Windows NT o 2000.
Además, PHP permite configurar el servidor de modo que se permita o rechacen
diferentes usos, lo que puede hacer al lenguaje más o menos seguro dependiendo de las
necesidades de cada cual. Fue creado originalmente en 1994 por RasmusLerdorf, pero
como PHP está desarrollado en política de código abierto, a lo largo de su historia ha
tenido muchas contribuciones de otros desarrolladores. Este lenguaje de programación
está preparado para realizar muchos tipos de aplicaciones web gracias a la extensa
librería de funciones con la que está dotado.
VENTAJAS DE PHP5
 La principal ventaja se basa en ser un lenguaje multiplataforma
 Leer y manipular datos desde diversas fuentes, incluyendo datos que pueden
ingresar los usuarios desde formularios HTML.
 Capacidad de expandir su potencial utilizando la enorme cantidad de módulos o
librerías.
 Posee una muy buena documentación en su página oficial.
 Es Libre, por lo que se presenta como una alternativa de fácil acceso para todos.
 Permite las técnicas de Programación Orientada a Objetos.
 El análisis léxico para recoger las variables que se pasan en la dirección lo hace
PHP de forma automática. Librándose el usuario de tener que separar las
variables y sus valor

DESVENTAJAS DE PHP5
 Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser
más ineficiente a medida que las solicitudes aumenten de número.
 La legibilidad del código puede verse afectada al mezclar sentencias CSS,
HTML y php.
 La orientación a objetos es aún muy deficiente para aplicaciones grandes.

INSTALACION DE PHP
Wamp Server es un programa que instala en un sólo paso Apache + PHP + MySQL y
los configura para trabajar juntos. En algunas páginas o Portales Web se pueden
descargar este software y especifican en la descarga claramente la lista de programas
que va a instalar, así como las versiones de los mismos. La versión WampServer 2.0,
que instala esta lista de programas:
 Apache 2.2.8
 PHP 5.2.6 + PECL
 SQLitemanager
 MySQL 5.0.51b
 Phpmyadmin
Una vez descargado el programa, lo ejecutamos para realizar la instalación de Wamp
Server 2. La instalación se basa en un asistente normal que solicita varios datos típicos
de instalaciones, como que aceptemos los términos de la licencia. Luego saldrá la
ventana para acabar que marcar que ejecute Wamp Server inmediatamente

BASES DE DATOS
Una base de datos es una colección de información organizada de forma que un
programa de ordenador pueda seleccionar rápidamente los fragmentos de datos que
necesite. Una base de datos es un sistema de archivos electrónico.
Las bases de datos tradicionales se organizan por campos, registros y archivos. Un
campo es una pieza única de información; un registro es un sistema completo de
campos; y un archivo es una colección de registros. Por ejemplo, una guía de teléfono es
análoga a un archivo. Contiene una lista de registros, cada uno de los cuales consiste en
tres campos: nombre, dirección, y número de teléfono
MYSQL
Este gestor de base de dato MySQL surgió como un intento de conectar el gestor
MySQL
a las tablas propias de MySQL AB, usando sus propias rutinas a bajo nivel. Tras unas
primeras pruebas, vieron que MySQL no era lo bastante flexible para lo que
necesitaban,
por lo que tuvieron que desarrollar nuevas funciones. Esto resultó en una interfaz SQL a
su base de datos, con una interfaz totalmente compatible a MySQL. Se comenta en el
manual MySQL1, que no se sabe con certeza de donde proviene s u nombre.
Por un lado dicen que sus librerías han llevado el prefijo 'my' durante los diez
últimos años. Por otro lado, la hija de uno de los desarrolladores se llama MY. No saben
cuál de estas dos causas, aunque bien podrían tratarse de la misma han dado lugar al
nombre de este conocido gestor de bases de datos. Aunque MySQL es software libre,
MySQL AB distribuye una versión comercial de MySQL, que no se diferencia de la
versión libre más que en el soporte técnico que se ofrece, y la posibilidad de integrar
este gestor en un software propietario, ya que de no ser así, se vulneraría la licencia
GPL.
CARACTERÍSTICAS DE MYSQL
Es un sistema de administración de bases de datos. Una base de datos es una colección
estructurada de tablas que contienen datos. Esta puede ser desde una simple lista de
compras a una galería de pinturas o el vasto volumen de información en una red
corporativa. Para agregar, acceder a y procesar datos guardados en un computador,
usted necesita un administrador como MySQL. Dado que los computadores son muy
buenos manejando grandes cantidades de información, los administradores de bases de
datos juegan un papel central en computación, como aplicaciones independientes o
como parte de otras aplicaciones.
Una base de datos relacional archiva datos en tablas separadas en vez de colocar todos
los datos en un gran archivo. Esto permite velocidad y flexibilidad. Las tablas están
conectadas por relaciones definidas que hacen posible combinar datos de diferentes
tablas sobre pedido.
Múltiples motores de almacenamiento permitiendo al usuario escoger la que sea más
adecuada para cada tabla de la base de datos. Agrupación de transacciones, reuniendo
múltiples transacciones de varias conexiones para incrementar el número de
transacciones por segundo
Por qué utilizar MySQL
Son muchas las razones para escoger a MySQL, pero entre las más importantes están:
-Costo
-Asistencia
-Velocidad
-Funcionalidad
-Portabilidad
-Facilidad de uso

PHP
El desarrollo de las aplicaciones web siempre va de la mano con las bases de datos, es
por eso que cuando trabajamos con PHP casi siempre optamos por usar MySQL como
motor de base de datos.(Enríquez Toledo Alma). Una vez que ya tenemos instalados
PHP y MySQL, y el servidor Apache configurado para usarlos, podemos comenzar a
escribir nuestro primer script en PHP. Ejemplo de Php El siguiente ejemplo es para que
el usuario tenga una idea básica de cómo se programa en Php:
<html>
<body>
<?php
$myvar = "Hola. Este es mi primer script en PHP ";
//Esto es un comentario
es mi primer script en PHP;
//Esto es un comentario
echo$myvar;
?>
</body>
</html>
Una vez escrito esto lo guardamos en un fichero con la extensión php, y lo colocamos
en nuestro servidor, http://mi_servidor/php/test.php.
Ahora si ponemos esta URL en nuestro navegador se mostrará el mensaje:
Hola. Este es mi primer script en PHP.
Escribimos el código HTML con cierto código PHP introducido en el mismo, que
producirá cierta salida. El código Php se utilizan entre etiquetas: <?que nos indica que
comienza un script en PHP, y en la última colocamos ?>para indicar el final del script.
Las líneas que se encuentran dentro de un comentario estos delimitadores deben acabar
en punto y coma, excepto las sentencias de control (if, swicht, while, etc.).
Como en toda programación, es importante poner muchos comentarios, para lo cual si
queremos comentar una sola línea tenemos que poner al principio de la línea //, si lo que
queremos es comentar varias utilizaremos los delimitadores /* - */Para que el servidor
envié texto utilizaremos la instrucción echo, aunque también podemos utilizar printfde
uso similar al del Co Perl. Finalmente, vemos que la palabra myvarcomienza con el
signo dólar ($). Este símbolo le indica a PHPque es una variable. Nosotros le hemos
asignado un texto a esta variable, pero también pueden contener números o tablas
(arrays). Es importante recordar que todas las variables comienzan con el signo dólar.
También habréis observado que el texto que le asignamos a la variable termina con n,
esto no se imprime sirve para indicarle al navegador una nueva línea

COMO TRABAJA PHP CON BASE DE DATOS

Antes de seguir con PHP, vamos a preparar la base de datos (BD), que vamos a utilizar
como ejemplo. Como servidor de BD, usaremos MySQL un pequeño y compacto
servidor de BD, ideal para pequeñas y medianas aplicaciones. MySQLsoporta el
estándar SQL (ANSI), y además está disponible para distintas plataformas, incluido la
Windows. Una vez instalado MySQL, vamos a crear nuestra BD ejemplo. MySQL
utiliza una tabla de permisos de usuarios, por defecto, en la instalación crea el usuario
root sin password.
Debes crear distintos usuarios con distintos permisos. Entre ellos, el usuario
administrador de MySQL, con todos los permisos, y como recomendación de seguridad,
el usuario nobody sólo con el permiso de ver (SELECT), que es el que utilizaremos para
conectarnos al servidor de BD en nuestros script. Para crear nuestra BD, debemos ser el
administrador de MySQL o el root, para ello haremos lo siguiente:
mysqladmincreatemybd Ya hemos creado una BD, ahora le añadiremos una tabla y
algunos registros.
HTML
Este lenguaje nació en 1991 gracias a Tim Bernes-Lee como un sistema de hipertexto,
cuyo único objetivo era servir como un medio de transmisión entre los científicos que
trabajaban en la Física de alta energía, siendo parte de WWW (World Wide Web)
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está
compuesto por una serie de etiquetas que el navegador interpreta y da forma en la
pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten
dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
Un ejemplo sencillo de código HTML podría ser:
<html>
<body>
<p>Esto es un párrafo. Bienvenidos a esta página web.</p>
</body>

</html> 

Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de
las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <html>
debe cerrarse con </html>, la etiqueta <body> con </body> y la etiqueta <p> con </p>.

Hay muchas más etiquetas que veremos más adelante, pero nos debe quedar claro que
por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre.
Así conseguiremos un código HTML bien formado y que los navegadores puedan
interpretar sin ambigüedad. ¿Qué ocurriría si una etiqueta que abramos no tiene su
correspondiente cierre? Digamos que se trataría de un código HTML mal construido, y
los navegadores esto lo pueden interpretar de distintas maneras. Quizás nos muestren la
página tal y como esperábamos sin aparente error. Quizás nos muestren una página de
error o se quede en blanco el navegador. Nuestro objetivo ha de ser siempre construir
páginas HTML bien estructuradas y sin ambiguedades, es decir, hacer un correcto uso
del lenguaje para que los navegadores puedan saber exactamente qué es lo que
pretendemos mostrar.

HISTORIA DE HTML

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML),

publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta
publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente
simple de HTML. Varios de estos elementos se conservan en la actualidad. Otros se han
dejado de usar, y muchos otros se han ido añadiendo con el paso de los años. De esta
manera, podemos hablar de que han existido distintas versiones de HTML a lo largo de
la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual, que es el
utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a
prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo
de este curso es aprender los fundamentos de HTML y entender cómo funciona, no
conocer la sintaxis o especificidades de una versión concreta. ¿Por qué no le damos
importancia a la versión? Porque una persona que cuenta con los fundamentos y
comprensión básica sobre el lenguaje es capaz de adaptarse a las características
particulares de una versión sin problema. En cambio, centrarse en los detalles de una
versión sin conocer los fundamentos hará que no tengamos capacidad para comprender
lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el
ámbito de los desarrollos web. 

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Lo primero que debemos considerar dentro de la organización básica de html es el uso

de los corchetes angulares < y >. en html estos corchetes contienen en su interior código
especial llamado etiqueta que indican la estructura y el formato del contenido de la
página. html está formado por muchas etiquetas que pueden realizar infinidad de tareas
para dar formato a nuestras páginas web.
tres son las etiquetas (tags) que describen la estructura general de un documento y dan
una información sencilla sobre él. estas etiquetas no afectan a la apariencia del
documento y solo interpretan y filtran los archivos html.
 <HTML>: Limitan el documento e indica que se encuentra escrito en este
lenguaje.
 <HEAD>: Especifica el prólogo del resto del archivo esto es, el encabezado.
Son pocas las etiquetas que van dentro de ella, destacando la del título <TITLE>
que será utilizado por los marcadores del navegador e identificará el contenido
de la página. Solo puede haber un título por documento, preferiblemente corto,
aunque significativo, y no caben otras etiquetas dentro de él. En <head> no hay
que colocar nada del texto del documento.
  <BODY>: Encierra el resto del documento, el contenido es el que se muestra en
un explorador Web.
Las etiquetas tienen propiedades, las cuales son descritas por medio de los Atributos.
Un atributo es una opción que permite proporcionar detalles acerca de cómo una
etiqueta afectará el contenido. Es importante mencionar que HTML no distingue entre
mayúsculas o minúsculas, o una combinación de ambas.

¿QUÉ ES CSS? 
CSS son las siglas en inglés para «hojas de estilo en cascada» (Cascading Style Sheets).
Básicamente, es un lenguaje que maneja el diseño y presentación de las páginas web, es
decir, cómo lucen cuando un usuario las visita. Funciona junto con el lenguaje
HTML que se encarga del contenido básico de las páginas.Se les denomina hojas de
estilo «en cascada» porque puedes tener varias hojas y una de ellas con las propiedades
heredadas (o «en cascada») de otras.Para muchas personas una simple plantilla de blog
es suficiente. Aun así, cuando quieras personalizar la apariencia de un sitio necesitarás
implementar CSS que, en conjunto con un buen CMS, te ayudará a potenciar el alcance
de tu contenido.
¿PARA QUÉ SIRVE CSS?
Con CSS puedes crear reglas para decirle a tu sitio web cómo quieres mostrar la
información y guardar los comandos para elementos de estilo (como fuentes, colores,
tamaños, etc.) separados de los que configuran el contenido. Además, puedes crear
formatos específicos útiles para comunicar tus ideas y producir experiencias más
agradables visualmente para los usuarios del sitio web.

DIFERENCIA ENTRE HTML Y CSS

HTML da estructura al contenido de un sitio web. Sus siglas en inglés
significan «lenguaje de marcas de hipertexto» (HyperText Markup Language), y hacen
referencia al código que define el significado de las instrucciones dadas a una
plataforma computacional.
Estas instrucciones representan todos los enlaces (o hipertextos) que vinculan los
contenidos de un sitio, por lo que HTML es la base de cualquier página web. En este
lenguaje es posible incluir toda la información referente al contenido de un sitio, así
como las imágenes, audios y estilos del mismo; sin embargo, su uso para estas tareas
conlleva una mayor complejidad en el código fuente.
Para hacer más eficiente el uso de HTML, se han diseñado lenguajes computacionales
que facilitan la gestión de los datos relacionados con el diseño visual de las
plataformas. CSS es uno de los lenguajes más importantes que se utilizan para ordenar
las instrucciones referentes a la apariencia de un sitio y presentar los contenidos de una
página de forma atractiva.

De este modo, HTML se emplea para estructurar el contenido de un sitio, mientras que

CSS se usa para estructurar su presentación.

EJEMPLOS DE CSS

CSS es útil para llevar a cabo diversas modificaciones de estilo mediante el uso de
código. Los siguientes ejemplos de CSS te darán un panorama de las posibilidades
de uso del lenguaje para familiarizarte con algunas de sus implementaciones:

Cambio del color de fondo

CSS te permite cambiar el fondo de una página completa o de solamente una sección de
manera sencilla:

body { background-color: green; }

Añadir imágenes como fondo

Si prefieres utilizar una imagen en lugar de un único color, utiliza la URL de la imagen
para usarla como fondo de tu página:
 body { background-image: url("barn.jpg"); }

. Emplear diferentes códigos de color

Si bien existen colores básicos, es probable que quieras optar por alguna tonalidad o
matiz específico. En CSS puedes emplear valores de color en RGB, HEX o HSL, entre
otros. Un ejemplo para modificar el color de un elemento (p) a azul en formato RGB se
vería de este modo:

p { color: rgb (0, 0, 255); }

Usar tipografías variadas

Así como los colores, las tipografías son un elemento fundamental para crear una
identidad de marca. El uso de tipos de letra diversos puede dinamizar la experiencia de
los usuarios. En CSS es posible utilizar diferentes tipografías de tu ordenador. Para
recurrir a estas fuentes debes usar un código especial mediante la instrucción:

p { font-family: "Times New Roman", Times, serif; }

Adicionalmente, puedes modificar el formato de la tipografía para hacerla cursiva. La

instrucción en CSS será:

.italic { font-style: italic; }