INFORME SEMANA 11 1

 y la asignación de clases a cada

Informe semana 11
BASE DE DATOS Y CREACION DE PAGINA WEB
PROGRAMACION III
Integrantes:
EDUARDO ALEXANDER PACHANCHIQUE PEREZ CODIGO 55764
YADER SNEIDER GAMBA FORERO CODIGO 59711

I.ABSTRACT
INTRODUCTION
In this laboratory practice, the operation of a
position sensor will be implemented depending
on the direction of rotation of a potentiometer
(Variable Resistance), that is, a voltage or a
current will pass through it, which varies with
the potentiometer.
WHAT ARE POSITION SENSORS?
Position sensors can be found as linear
position and angular position and allow to
determine the location of an object. It is
common for this sensor to have special
electronics adapted to accurately determine
the location.
Position is the second most measured physical
magnitude in the Industry, after temperature.
Deposition sensors have a wide variety of
industrial and commercial applications.
II. INTRODUCCIÓN
producto.
 También veremos las bases de la
creación de paginas web desde un
lenguaje HTML usando el software
“Sublime text 3”.
III. OBJETIVOS DE LA PRACTICA
1. Aprender a cerca de las bases de datos
su funcionalidad y las aplicaciones que
se le pueden dar.
2. Conocer los métodos por los cuales
podemos incluir productos dentro de
una base de datos.
3. Aprender bases de como crear una
página web donde.
4. Tener una introducción al lenguaje
HTML y a su sintaxis.

En este laboratorio s evidenciara el

aprendizaje a cerca de la utilización de ases
de datos, la inclusión de productos
INFORME SEMANA 11 2

IV. MARCO TEORICO

 Una base de datos es una herramienta

para recopilar información, la cual
puede iniciarse en una hoja de calculo o
en un software de procesamiento de
texto y que permite guardar gran
cantidad de información.
 El lenguaje HTML (HyperText Markup
Language) por sus siglas en inglés o
‘lenguaje de marcado de hipertexto’ el
en estos momentos el lenguaje mas
usado para las en páginas web
alrededor del mundo y fue creado por la
W3C o consorcio WWW, quienes se
encargan de la estandarización de casi
todo lo relacionado con la web.

V. MARCO EXPERIMENTAL

A. Creación de base de datos Imagen 2

Para la creación de nuestra base de datos, Dentro de este apartado creamos una base de
utilizamos la pagina infinity free, la cual nos datos llamada
“epiz_33763000_Programacion6BN”, dentro
permite crear bases de datos de forma gratuita
de la cual vamos a guardar productos
relacionados con una tienda de suministros
electrónicos.

Imagen 1
Ya habiendo creado la cuenta y después de
haber creado un dominio de los tres que nos
permite crear la misma, procedemos a la
creación de nuestra base de datos, la cual se
puede llevar a cabo en el apartado de “MySQL
Databases”, que aparece en la “Imagen 2”
Imagen 3
Al ingresar en dicha base de datos podemos
realizar actividades tales como incluir
elementos o quitarlos, adicionalmente
podremos asignar clases a los productos.
Para la actividad de esta semana el objetivo es
incluir un total de 20 productos a la lista, con
INFORME SEMANA 11 3

sus características de cada uno de los

productos.

Para la inclusión de productos dentro de la

base de datos tenemos dos opciones, las
cuales son ingresarlos por medio de un panel
que permite ingresarlos de forma visual y la
otra por medio de código dando el resultado el Imagen 6
utilizar cualquiera de los dos, en la “Imagen 4”,
podemos ver el panel visual por el que
ingresamos los productos, mientras que en la A. Creación de página web
“Imagen 5” podemos ver la inclusión de
productos por medio de código Para la creación de la pagina web usamos el
software Sublime text 3 para la ejecución de
código en HTML y CSS donde podemos
programar tanto la estructura de la página,
como la interfaz visual como se puede ver en
las imágenes 7 y 8.

Imagen 4

Imagen 5

Creación del producto por medio de código

INSERT INTO `PRODUCTOS` (`ID Figure 7
PRODDUCTO`, `NOMBRE_PROD`,
`DESCRIPCION_PROD`, `UNIADES_PROD`,
`CANTIDAD_PROD`, `PRECIO_PROD`)
VALUES ('6', 'DIODO LED AMARILLO',
'DIODO EMISOR DE LUZ AMARILLO', '15', '2',
'300'), ('7', 'DIODO LED RGB', 'DIODO
EMISOR DE LUZ RGB', '15', '2', '500');

En la imagen 6 se puede observar la creación

del listado d los 20 productos en la tabla,
adicionalmente la base de datos se encuentra
en el siguiente link:
http://185.27.134.10/sql.php?
db=epiz_33763000_Programacion6BN&table=
PRODUCTOS&pos=0
Figure 8
INFORME SEMANA 11
El resultado de la pagina se puede ver se
puede ver en la imagen 9 donde tiene
características tales como color de fondo de la
página, imagen del logo de la empresa, tirulos
de los apartados de la pagina web y entradas
para la creación de productos para una tienda
virtual y un apartado de contacto.
Figure 9
Finalmente montamos la pagina web en Infinity
free para poderla tender desde el dominio que
creamos para tener acceso desde un servidor
externo a nuestro PC; para hacerlo
ingresamos a la pagina de Infinity free a la
cuanta que previamente hemos creado
Figure 10
Figure 11
4
Figure 12
En la página 12 se puede observar la pagina
web siendo montada en la plataforma de
Infinity free, el link de la pagina se encentra a
continuación:
VI. REFERENCIAS
 "Conceptos básicos sobre bases de datos -
Soporte técnico de Microsoft". Microsoft
Support. https://support.microsoft.com/es-
es/office/conceptos-básicos-sobre-bases-
de-datos-a849ac16-07c7-4a31-9948-
3c8c94a7c204#:~:text=Una%20base%20de
%20datos%20es,programa%20de
%20procesamiento%20de%20texto. (accedi
do el 30 de marzo de 2023).
 Colaboradores de los proyectos Wikimedia.
"HTML - Wikipedia, la enciclopedia libre".
Wikipedia, la enciclopedia
libre. https://es.wikipedia.org/wiki/HTML (ac
cedido el 30 de marzo de 2023).
INFORME SEMANA 11 5