Sistema de Informacion y Ubicacion Con Raspberry para El Museo Centro Cultural de Manta

1
INSTITUTO SUPERIOR TECNOLÓGICO
LUIS ARBOLEDA MARTÍNEZ
Trabajo de Titulación previo a la obtención del título de
Tecnólogo Superior En Electrónica
Sistema de ubicación e información con
Raspberry pi para los objetos histórica en el museo centro cultural de

Manta.
Autores
Alejandro Mendoza Ortega y Jeremy Vélez Gracia
Tutor
Mgs. Cristhian Alejandro Álava Troya
Octubre 2022
2
Certificación del tribunal de revisión y evaluación del trabajo de titulación
Tesis de grado sometida a consideración del tribunal de revisión y sustentación, como
requisito previo a la obtención del título de Tecnólogo en Electrónica
TEMA: Sistema de ubicación e información con Raspberry pi para los objetos histórica
en el museo centro cultural de Manta.
Realizada por:
Alejandro Rafael Mendoza Ortega C.I: 1313551440
Jeremy Joshua Vélez García C.I: 1727313890
Mag. Cristhian Alejandro Álava Troya, CI…………………
Ing. …………………………… CI………………….
.
3
CERTIFICADO DEL TUTOR
Mag. Cristhian Alejandro Álava Troya
Tutor de Tesis
Certifica: Que el trabajo de investigación titulado: Sistema de ubicación e información
con Raspberry pi para los objetos histórica en el museo centro cultural de Manta, de los señores:
Alejandro Rafael Mendoza Ortega, con CI 1313551440, y Jeremy Joshua Vélez García, con CI #
1727313890, egresados de la especialidad de Electrónica ha sido realizada, revisada, corregida y
aprobada bajo mi dirección, cumpliendo con las disposiciones reglamentarias del Instituto
Superior Tecnológico Luis Arboleda Martínez.
Manta, 15/09/2020
_____________________________
Mag. Cristhian Alejandro Álava Troya
CI # ……………………
4
ACTA DE CESIÓN DE DERECHOS
Alejandro Rafael Mendoza Ortega, con CI 1313551440, Jeremy Joshua Vèlez Garcìa
con CI 1727313890 egresados de la carrera de Electrónica Superior, aceptamos que los derechos
de autoría y las publicaciones serán compartidos, la autoría le corresponde a nuestra persona y la
titularidad al Instituto Superior Tecnológico Luis Arboleda Martínez, de acuerdo a lo que
dispone la Ley de Propiedad Intelectual.
Manta, 14/10/2022
Atentamente.
Sr. Jeremy Vélez Gracia Sr. Alejandro Mendoza Ortega

5
AUTORÍA
Alejandro Rafael Mendoza Ortega con CI 1313551440, Jeremy Joshua Vèlez Garcìa con
CI 1727313890 somos los responsables de las ideas, doctrinas (enseñanzas) y resultados
expuestos en esta Tesis de grado, y el patrimonio intelectual de la misma pertenecen al Instituto
Superior Tecnológico Luis Arboleda Martínez.
Sr. Alejandro Rafael Mendoza Sr. Jeremy Joshua Vélez García
C.I: 1313551440 C.I: 1727313890

6
DEDICATORIA
Este proyecto de tesis se la dedico a Dios porque él es el único que me permite vivir y
conseguir mis triunfos, me da fuerzas para seguir adelante y no detenerme en cada obstáculo.
A mi madre y a mi padre que me apoyaron en todo momento, supieron guiarme por el
buen camino y me ayudaron a ser mejor persona.
A mis docentes que me brindaron sus conocimientos y experiencia.
A mi madre por haberme construido como la persona que soy en la actualidad, todos mis
logros se lo debo a ellos. Me formaron con reglas y con algunas libertades, pero al final de
cuentas me motivaron para alcanzar mis anhelos.
De manera muy especial a mis padres en ellos tengo el espejo en el cual me quiero
reflejar pues sus virtudes infinitas y su gran corazón me llevan admirarla cada día más.
A mis hermanos(as) que me apoyaron en todo momento, que me supieron guiarme por el
buen camino y me han ofrecido el amor y la calidez de la familia la cual amo.

7
RECONOCIMIENTO
Agradezco a Dios por cada uno de los obstáculos que me dieron fuerza para superarlo.
A mi madre que a pesar de todo confío en mí, en mi conocimiento.
Agradezco a mis padres que me dieron fuerza y motivación para seguir adelante y superar
este largo camino.
Agradezco a mis profesores y a mis compañeros que pusieron guiarme y brindarme
conocimientos en cada de una de las materias impartidas
Le doy gracias a dios por permitirme tener buena experiencia dentro Instituto Superior
Tecnológico Luis Arboleda Martínez, gracias por permitirme convertirme en ser un profesional
en lo que me apasiona, gracias a cada maestro que hizo parte del proceso de formación.
Mis más profundos agradecimientos a mis padres, a mis hermanos que han estado en este
camino conmigo.
Debo reconocer el aporte fundamental de conocimientos del Mag. Cristhian Alejandro
Alava Troya tutor, Victor Patricio Verdezoto Pereira coordinador de la carrera, sin los cuales el
aprendizaje sobre mi estadía en el Instituto Superior Tecnológico Luis Arboleda Martínez no
hubiese sido muy provechoso.

8
Resumen
El presente estudio se basó en resolver el inconveniente que tienen los usuarios para
encontrar de forma sencilla una exposición histórica dentro del Museo Centro Cultural de
Manta, ya que el museo cuenta con salas muy amplias y en su mayoría se hace muy
complicado a los museólogos guiar a las personas. Algunas de las exposiciones históricas
viejas suelen reubicarlas por exposiciones nuevas en el museo o no se muestran porque se
remueven a otros museos.
Con el apoyo de un hardware y software se pudo conocer la localización y la
existencia de los artículos. Mediante la incorporación del software Arch Linux y el hardware
Raspberry pi que permitió la innovación del Museo lo cual llevará a sobresalir. Este estudio
requirió de la plataforma Visual Studio, PHP, Raspberry pi que están conformadas por un
lenguaje de programación abierto, la cual se ha implementado en proyectos como micro
mecánica, medicina, aprendizaje adaptivo, operaciones en tiempo real y facilidad inserción
dentro de la tecnología existente.
Palabras claves: Resumen, lectores, comparación, textos y artículos.

9
Abstract
In the present study, it will focus on the need of people who often have the difficulty
of finding a historical exhibition. Several of these museums, which are very extensive and for
the most part it becomes very complicated for the museologists who work in the museum, so
many times they cannot help us since they are usually busy with other activities or attending
to other tourists, some of the exhibitions Old historic exhibits are often relocated for new
exhibits in the museum or are not shown because they are moved to other museums.
With the support of a software we can know the location and the existence of the
articles. Through the incorporation of Arch Linux and Raspberry pi software that will allow
the innovation of the Museum that will make it stand out among other historical places in the
future, and thus have a more efficient service for all types of visitors. This study requires
platforms such as Python or Raspberry which are made up of an open programming language,
these are used for renewable energy, micromechanics, medicine, adaptive learning, real-time
operations and ease of insertion into existing technology.
Keywords: Summary, readers, comparison, texts and articles.

10
Índice General
Resumen..............................................................................................................................8
Abstract................................................................................................................................9
Índice General....................................................................................................................10
Índice de gráficos e ilustraciones.......................................................................................14
Índice de Tablas.................................................................................................................15
Introducción.......................................................................................................................16
Antecedentes......................................................................................................................17
Planteamiento del problema...............................................................................................19
Justificación.......................................................................................................................20
Objetivos............................................................................................................................21
Objetivos generales........................................................................................................21
Objetivos específicos.....................................................................................................21
Hipótesis............................................................................................................................22
Definición de las Variables................................................................................................22
Variable Dependiente....................................................................................................22
Variable Independiente..................................................................................................22
Marco Teórico...................................................................................................................23
¿Qué Es Sistema Informático?.......................................................................................23

11
¿Qué Es Raspberry Pi?..................................................................................................24
Características Generales De Los Dispositivos Rpi..................................................24
¿Qué Es Una Fuente Conmutada?.................................................................................25
¿Qué Es Arch Linux?.....................................................................................................26
Ventajas Y Desventajas De Arch Linux.....................................................................27
Requisitos Previos A La Instalación..........................................................................28
¿Qué Es ARCRIS?.........................................................................................................29
¿Qué Es Servicio Web?.................................................................................................29
¿Qué Es XAMPP?.........................................................................................................30
¿Qué Es PHP?................................................................................................................31
¿Qué Es Bootstrap?........................................................................................................32
¿Cómo Funciona Navbar – Barra De Navegación?.................................................33
Diseño Metodológico.........................................................................................................35
Fase 1: Metodología De La Investigación.....................................................................35
Diseño Metodológico De La Investigación...............................................................35
Desarrollo Del Marco Metodológico........................................................................36
Fases Del Diseño Metodológico................................................................................36
Fase 2: Análisis De Entorno..........................................................................................37
Fase 3: Selección De La Tecnología..............................................................................38
Programación De Página Web..................................................................................39

12
Fase 4: Pruebas Y Simulaciones....................................................................................40
Líneas De Código......................................................................................................41
Resultados..........................................................................................................................46
Análisis Del Entorno......................................................................................................46
Selección De La Tecnología..........................................................................................48
Programación De La Página Web..................................................................................50
Conclusiones......................................................................................................................78
Recomendaciones..............................................................................................................79
Bibliografía........................................................................................................................80
Anexo.................................................................................................................................81
13
.......................................................................................................................................................81
14
Índice de gráficos e ilustraciones
Ilustración 1. Sistema informatico (Gamèz, 2012)............................................................23
Ilustración 2. Raspberry Pi (Diéguez, 2019)......................................................................24
Ilustración 3. Fuente conmutada.......................................................................................26
Ilustración 4. Arch linux....................................................................................................27
Ilustración 5. Arcris...........................................................................................................29
Ilustración 6. partes de un sitio web..................................................................................30
Ilustración 7. Xampp.........................................................................................................31
Ilustración 8. logo php.......................................................................................................32
Ilustración 9. Bootstrap......................................................................................................33
Ilustración 10. Diseño metodología de la investigación....................................................35
Ilustración 11. Mapa Análisis del Entorno........................................................................37
Ilustración 12. Descripción de Selección de la tecnología................................................38
Ilustración 13. Pasos para la Programación de Pagina Web..............................................39
Ilustración 14. Mapa pruebas y simulaciones....................................................................40
Ilustración 15. Ubicación Museo Centro Cultural de Manta.............................................46
Ilustración 16. Entrada al Museo Centro Cultural de Manta.............................................47
Ilustración 17. Culturas del Museo Centro Cultural de Manta..........................................47
Ilustración 18. Salas del Museo Centro Cultural de Manta...............................................48
Ilustración 19. Topología Montaje del equipo en la red de internet del Museo Centro....50
Ilustración 20. Fotos de los objetos del Museo Centro Cultural de Manta con su
descripción para el desarrollo de la página web............................................................................51

15
Índice de Tablas
Tabla 1. Ventajas y Desventajas del Arch Linux...............................................................28

16
Introducción
Los avances tecnológicos han permitido que la sociedad mejore las formas de enfrentar
los problemas habituales. La comunicación a internet, la interactividad hace más fáciles los
caminos de información.
El proyecto presenta como tema principal la implementación de un sistema de ubicación
e información para los objetos históricos en el Museo Centro Cultural de Manta, se ha decidido
poder utilizar la tarjeta de experimentación Raspberry pi, para ver los alcances que tiene este tipo
de tarjetas en la implementación de proyectos, su sistema original es Linux basado en Debían,
que es de código abierto y permite la creación de un sitio web de forma pública o local, como
también hacer proyectos de monitoreo de un invernadero, etc.. Con la ayuda de una pantalla de 7
pul… que se integra de forma externa con el hardware Rasberry pi se va a facilitar al usuario
manipular el sitio web, tanto la pantalla como el Rasberry pi serán alimentados con una fuente
genérica de CPU, así mismo será energizado... el disco duro para que el equipo funcione
correctamente.
Antecedentes
17
(Gaméz & Moreno, 2012)En la Universidad Tecnológica de el Salvador propusieron el
tema de tesis “Implementación de servicios de red utilizando la herramienta Open Source,
que permita el uso eficiente de los recursos informáticos por parte de los usuarios en museo
Tin Marín”. A través de la implementación de las herramientas Open Source de Linux, se
pretendió realizar la instalación de un Servidor WEB, servidor de correo y servidor DHCP
propio, el cual favoreció al museo Tin Marín facilitando el acceso a la información a través del
sitio a todas aquellas personas que visitan las instalaciones. Con la implementación del correo
electrónico, los usuarios se comunicaron más oportunamente los usuarios, también se pudo
intercambiar archivos de forma sencilla y ágil. Gracias a que las herramientas de Linux son
gratuitas, no se incurrió en mayores gastos para poner en marcha este proyecto.
(Cruz & Alberto, 2016) En el Instituto de Ingeniería y Tecnología de la Universidad
Autónoma de Ciudad Juárez, estudiantes propusieron el tema de tesis “Kiosco informático para
la ubicación de edificios en el IIT basado en la plataforma Raspberry Pi”. Sin embargo, el
guardia en turno no está capacitado en la ubicación de edificios del IIT. Por tal motivo se
desarrolla el proyecto del kiosco informático para la ubicación de edificios en el IIT basado en la
plataforma Raspberry Pi de bajo costo. Con la finalidad de facilitar al personal y a los estudiantes
la ubicación de edificios y talleres que se encuentran en el instituto. Sin embargo, al utilizar la
aplicación del kiosco informático en dispositivos móviles usando el Raspberry Pi 2 como
servidor web, el 85% de las personas que utilizaron el sistema web a través de un iPad mini
contestaron que la aplicación les dio indicaciones suficientes para llegar a su destino. Lo dicho
hasta aquí supone que se pudo encontrar una solución a la ubicación de edificios en el IIT.
(González & Teodoro, 2015) En la Universidad politécnica salesiana de Guayaquil
propusieron el tema de tesis “Diseño e implementación de sistema interactivo de información

18
de Docentes, con Raspberry Pi”. Este trabajo de investigación fue en una universidad que
posee en sus filas gran cantidad de profesores y cientos de materias, por lo cual se complica
localizar con exactitud la ubicación de algún docente. Se construyó un sistema interactivo que
permitió obtener y presentar la información académica y científica de cada docente de la
universidad. Fue un sistema fácil de manejar para el usuario, ya sea estudiante o visitante.
19
Planteamiento del problema
La mayoría de ciudadanos o turistas no conocen de las instalaciones lo cual se le dificulta
ver la información y la ubicación de una exposición antigua y esto los lleva muchas veces perder
el tiempo que le dan, pero más complicado son para los ciudadanos de tercera edad, que realizan
la búsqueda de una exposición histórica, siguiendo la investigación del problema existe una sala
temporal la cual permite tanto al autor mostrar sus retratos de pinturas, música etc. Para así
demostrar sus culturas y sus creatividades para la ciudad, pero muchas veces los ciudadanos,
turista y estudiantes no están notificado de aquella actividad así que con el sistema informático
ayudara a que las personas estén notificadas de esa activada todo y cuando interactúe con el
equipo.
En el Museo Central de Manta no cuenta con un sistema informático y de ubicación. En
el país existen pocos sistemas informáticos avanzados por lo que hay proyectos que se dedican a
la elaboración de un sistema que muestre la información y la ubicación de una exposición
histórica.
20
Justificación
En la ciudad de Manta, existen 2 museos en los cuales necesitan mejorar la atención a
los visitantes, así como la ubicación de las exposiciones históricas e información, y con el
apoyo de un software se puede conocer la localización y la existencia del artículo. Mediante la
incorporación del software Arch Linux y Raspberry pi que permitirá la innovación del Museo
que lo llevará a sobresalir entre otros locales históricos a futuras, y así tener una atención más
eficiente para todo tipo de visitante. Este estudio requiere de plataformas como Python o
Raspberry las cuales están conformadas por un lenguaje de programación abierto, estas sirven
para la energía renovables, micro mecánica, medicina, aprendizaje adaptivo, operaciones en
tiempo real y facilidad inserción dentro de la tecnología existente, estos programas son
importantes por lo cual ayudara a los estudiantes ampliar sus conocimientos como instituto
educación superior los cuales vayan desarrollando en conjunto con la vanguardia de la
tecnología actual para las empresas, carreras e Institutos.

21
Objetivos
Objetivos generales
●Implementar un servidor con Arch Linux a través de Raspberry pi para montar un
sistema de información y ubicación de objetos históricos en el Museo Centro cultural de
Manta.
Objetivos específicos
●Investigar, analizar e identificar los tipos de tecnologías que cuenta el Museo Centro
cultural de Manta para su desarrollo del Realizar el diseño de acuerdo a las necesidades del
visitante y la empresa en Arch Linux. Sistema en Arch Linux.
●Implementar la programación del sistema.
●Realizar las pruebas finales con usuarios con el fin de verificar el correcto
funcionamiento.
22
Hipótesis
Los museos la mayor parte tiene salas o sectores donde muestran las culturas,
gastronomías, lenguas, etnias, vestimentas de una ciudad o lugar; al llegar los turistas o gente
local a visitar el museo no sabe dónde está ubicado cada cosa, o solo brindando más información
del museo, de las culturas que se está exhibiendo por lo cual se les hace difícil movilizarse por
las instalaciones y no llegaban a visitar todas las salas o lo que estaban tratando de ver dando
muchas veces una mala experiencia debido a ese motivo.
Definición de las Variables
Variable Dependiente
Buscar un método capaz de poder dar información y ubicación para el museo
centro cultural de manta
Variable Independiente
Mejorar la resección de la información y ubicación mediante el equipo de
raspberry
23
Marco Teórico
Para poder desarrollar el presente trabajo es necesario profundizar en conceptos pocos
frecuentes en la informática y electrónica lo cual es una rama de la física que comprende la
tecnología técnica y científica, también se puede definir que la electrónica como el estudio y la
aplicación en componentes electrónicos, de igual manera la electrónica sirve y mejora la función
de otras disciplinas como las telecomunicaciones y la robótica.
¿Qué Es Sistema Informático?
Un sistema Informático permite almacenar y procesar información; se comparte en
hardware y software el hardware se clasifica como computadoras, teclado, pantalla impresora…
etc., el software son los sistemas operativos o aplicaciones de algún hardware siendo importante
para una gestión de base de datos. (Gaméz, 2012)
Con la creación de nuevos sistemas operativos a nivel global, las personas necesitan tener
recursos informáticos accesibles y fáciles de usar, por lo cual se implementó una forma en que
estos recursos sean aprovechados y mejoren el rendimiento en el área laboral.
Ilustración 1. Sistema informatico (Gamèz, 2012)

24
¿Qué Es Raspberry Pi?
(Molloy, 2019)Los modelos RPi son dispositivos capaces de realizar trabajos de
informática de propósito general. Asi, se han hecho un hueco como plataformas para aprender
informática y programación. De igual modo, dichos modelos se componen de:
Ilustración 2. Raspberry Pi (Diéguez, 2019)
Características Generales De Los Dispositivos Rpi
● El coste se sitúa entre los 40 y 150 dólares aproximadamente
● Se trata de dispositivos de computación muy potentes. Por ejemplo, el RPi3
contiene un procesador ARM Cortex-A53 a 1,2 GHz capaz de realizar más de 700 millones de
instrucciones Whetstone por segundos
● Hay disponible un abanico muy amplio de modelos adaptables a distintas
aplicaciones
● Admiten muchas interfaces estándar para dispositivos electrónicos.

25
● Funciona con poca potencia entre ellas los 0,5 Watts y los aproximadamente 5,5
Watts de un RPi a plena carga
● Son ampliables mediante placas de extensión HAT (Hardware Attached on Top)
conectables directamente a la placa y dispositivos USB
Las abundantes distribuciones de Linux para sistemas empotrados utilizan todo el mismo
núcleo estándar de Linux. Sin embargo, cada una incluye un conjunto de herramientas y
configuraciones que resultan en experiencias de usuario muy diferentes. Las principales
distribuciones de Linux de código abierto empleadas por la comunidad de usuarios de RPi son
Raspbain, Ubuntu, OpenElec y Arch Linux.
¿Qué Es Una Fuente Conmutada?
Las fuentes de alimentación se han convertido en un eslabón necesario entre la red de
distribución y la carga para la mayoría de equipos electrónicos usados en la actualidad ya sea a
nivel doméstico o industrial.
El desarrollo de una gran variedad de equipos que requieren fuentes conmutadas es cada
vez mayor, el incremento en el uso de celulares, computadoras, routers, computadoras
personales, etc.; hacen que exista un constante mejoramiento de este tipo de fuentes haciéndolas
cada vez más eficientes y que las perturbaciones que ocasionan en la red sen mínimas.
26
Ilustración 3. Fuente conmutada
¿Qué Es Arch Linux?
(Ayala & Miller, 2019)Arch Linux viene de la distribución Linux de forma
independiente, se basa en GNU/Linux y actualmente tiene soporte para x86-64 es de código
abierto y le permite al usuario una gran personalización con el programa.
Este se instala como un sistema base brindando lo esencial y las herramientas necesarias
para poder interactuar con el mismo. Esta cualidad implica que la imagen de instalación es
sumamente liviano y funcional contando con un peso de 614 MB para dispositivos con un mismo
requisito de 512 MiB de RAM, 800 MiB de espacio de disco, para su instalación existen 2
manera una es con comando y la otra es con un interfaz llamado ARCRIS su código de terminal
es PACMAN es un gestor de paquete y como tal su tarea radica en compilar paquetes tanto de
repositorios oficiales como no y resolver dependencias automáticamente, donde una dependencia
es aquel paquete requerido con antelación para poder concretar una posterior instalación, dicho
de otro modo hay una relación de dependencia entre paquetes basada en una estructura
piramidal.
27
Ilustración
4. Arch linux
Ventajas Y Desventajas
De Arch Linux
Ventajas Desventajas
Se puede instalar cualquier entorno de
escritorio, a diferencia de otras distribuciones
que vienen con un escritorio prefinido y La insta lalación es un proceso complicado
donde la instalación de otro puede crear
conflictos.
Control total para el usuario, se pueden elegir Eventualmente, una actualización sin
los componentes que tendrá el sistema. precauciones podría romper el sistema.
Se trata de un proyecto única y Al tener un modelo de liberación continua,
exclusivamente a los usuarios, que no puede ocurrir que un programa tenga errores
depende de una empresa o entidad, lo que porque no fue suficientemente probado sus
podría afectar a su desarrollo de forma

28
negativa sistemas.
Tabla 1. Ventajas y Desventajas del Arch Linux
Requisitos Previos A La Instalación
● Estar informado respecto a la arquitectura del ordenador y los componentes para
saber que imagen descargar (en este caso será sólo x86_64 bits). Ver referencias para otras
arquitecturas.
● Disponer de conexión a la red.
● Descargar la imagen de instalación (.ISO) desde su página oficial.
● Saber crear un USB/CD/DVD booteable. Se recomienda Etcher, Rufus, entre
otros.
● ener conocimiento acerca de la BIOS/EFI/UEFI y cómo otorgar prioridad al
arranque de este liveUSB/CD/DVD.
● Es recomendable pero no excluyente tener conocimiento sobre el terminal y
editores de texto, tales como Vim, Vi o Nano.
¿Qué Es ARCRIS?
ARCRIS es un Script que nos ayudará a instalar Arch Linux de forma fácil lo cual solo
vamos hacer uso de varios código el primero es “Loadkeys es” el cual nos ayudara con el
lenguaje del teclado luego utilizaremos del código “pacman -Sy wget –no confirme” este código
29
nos ayuda a sincronizar lo que son los paquetes para que no haya conflicto en la instalación y el
siguiente código nos ayudará descargar y abrir el Scrip “wget is.gd/arcris ; sh arcris”
Ilustración 5. Arcris
¿Qué Es Servicio Web?
(Tranullas & Garrido, 2006) El servicio web o también WWW se puede definir como
un amplio sistema multimedia de a acceso a información heterogénea distribuida por toda la red
en forma de documento hipertextuales (hipertextos). Este servicio surgió en 1990 en el CERN
(centre Européen de Recherche Nucléaire) con el objetivo de facilitar la distribución de
información entre equipos investigadores geográficamente dispersos.
En una definición mas moderna y aplicable al concepto de hipertexto e internet se podría
decir que un hipertexto es un documento multimedia, es decir, integrado bajo una plataforma
informática todas las tecnologías de la información, y que incorpora relaciones estructurales que
enlazan el documento con otros documentos o recursos.

30
Ilustración 6. partes de un sitio web
¿Qué Es XAMPP?
(Tranullas & Garrido, 2006) XAMPP es un instalador que automatiza el proceso de poner
en marcha un servidor con Apache, PHP, Perl, MySQL y phpMyAdmin. XAMPP ofrece
versiones del instalador para sistemas GNU/Linux, solaris, Windows y Mac OS X, asi que no
tendrá problema en encontrar la suya. En primer lugar, use su navegador para ir al web de
referencia, cuya URL es http://www.apachefriends.org. Tambien seria mas interesante usar el
URL http://www.apachefriends.org/en/xampp.html, ya que le lleva directamente a las diferentes
versiones de XAMPP. Descargue la que corresponda a su sistema. Observe que el conjunto de
paquetes que incorpora XAMPP incluye servidor de comunicaciones seguro (OpenSSL), SQLite,
servidor FTP, servidor de correo electrónico, módulos de Apache, liberias para tratamiento de
imágenes y de tipos de letra, etc.
Ilustración 7. Xampp
31
¿Qué Es PHP?
(Rodrifo, 2015) PHP es un lenguaje interpretado del lado del servidor que surge dentro de
la corriente denominada código abierto (open source). Se caracteriza por su potencia,
versatilidad, robustez y modularidad. Al igual que ocurre con tecnologías similares, los
programas son integrados directamente dentro del código HTML.
La principal ventaja de PHP es su carácter multiplataforma. Por otro lado, los programas
en ASP resultan más lento.
PHP es software libre, licenciado bajo PHP License, una licencia incompatible con la
GNU General Public license (GPL) debido a las restricciones en los términos de uso de PHP
El lenguaje PHP es un lenguaje de programación de dominio especifico, es decir, su
alcance se extiende a un campo de actaucion que es el desarrollo web, aunque existan variantes
como el PHP-GTK. Su propósito principal es de implementar soluciones web celoces, Simples y
eficientes. Sus principales características:
● Velocidad y rebustez
● Estructurado y orientado a objetos.
● Portabilidad – independencia de plataforma – escriba una vez, ejecute en cualquier
lugar.
● Mecanografiada dinámica
● Sintaxis similar a C/C++ y perl
● Open-source
32
La función de MySQL – PHP de un gran número de funciones que permiten ejecutar
comandos SQL sobre una base de datos
Ilustración 8. logo
php
¿Qué Es Bootstrap?
(Author, 20) Bootstrap es una plantilla CSS desarrollado por Twitter en 2010
inicialmente, se llamó Twitter Blueprint y, un poco más tarde, en 2011, se transformó en código
abierto y su nombre cambió para Bootstrap. Desde entonces fue actualizado varias veces y ya se
encuentra en la versión 4.4.
La plantilla combina CSS y JavaScript para estilizar los elementos de una página HTML.
Permite mucho más que, simplemente, cambiar el color de los botones y los enlaces.
Esta es una herramienta que proporciona interactividad en la página, por lo que ofrece
una serie de componentes que facilitan la comunicación con el usuario, como menús de
navegación, controles de página, barras de progreso y más.

33
Ilustración 9. Bootstrap
¿Cómo Funciona Navbar – Barra De Navegación?
La barra de navegación o también conocida como Navbar requieren un envoltorio con
para el colapso receptivo y las clases de esquema de color “ navbar.navbar-expand{-sm| -md| -lg|
-xl}” las barras de navegación y su contenido son fluidos por defecto. Utilice contenedores
opcionales para limitar su ancho horizontal.
Las barras de navegación responden de forma predeterminada, pero puede modificarlas
fácilmente para cambiar eso. El comportamiento responsivo depende de nuestro plugin collapse
JavaScript.
Las barras de navegación están ocultas de forma predeterminada al imprimir. Forzar su
impresión añadiendo al archivo. Consulte la clase de utilidad de visualización. “d-print.navbar”.

34
Diseño Metodológico
Fase 1: Metodología De La Investigación
El enfoque es cuantitativo y descriptivo, un sistema basado en hardware libre que
permitirá mostrar la información de una manera más sencilla de cada nivel del museo para poder
saber su ubicación y descripción de dichas escultura histórica o turística.
SELECCION DE CONFIGURAR REGISTRO DE EVIDENCIA DE

EQUIPOS EQUIPO A RED INFORMACIÒN RESULTADOS
equipos en el de enlace datos registro y
mercado Configurar Descripción de manipulación del
Características y programación lugares y datos del sistema.
especificaciones página web lugar Manejo del sistema
técnicas 35
Funcionamiento
del sistema
Ilustración 10. Diseño metodología de la investigación
Diseño Metodológico De La Investigación
El tipo de investigación es descriptiva y cuantitativa, partiendo de una hipótesis para al
final ser afirmada o descartada.
1. Métodos, técnicas e instrumentos de recolección de datos
2. observación directa y entrevistas
Desarrollo Del Marco Metodológico
El proyecto se lleva a cabo con una Raspberry pi aplicada para procesar y almacenar toda
la información de la página web sobre el Museo. La metodología realizada para el seguimiento
de la investigación logra recabar información de los niveles del museo cultural de Manta en un
sitio web
La metodología que se definió para este trabajo está constituida por pasos: análisis del
entorno, selección de la tecnología, programación del servidor web, pruebas y simulaciones del
sistema.
36
Fases Del Diseño Metodológico
La metodología que se definió para este trabajo consta de cuatro etapas: análisis de
entorno, selección de la tecnología, programación del servicio Web, pruebas y simulaciones del
sistema.
Fase 2: Análisis De Entorno
Para realizar un estudio completo de una página web con mayor información del lugar del
proyecto.
Fue importante conocer la zona donde se realizará el estudio para la página web; en esta
se determinará los niveles que tiene el museo, los diversos sectores que muestra la cultura
manteña y en donde colocar los equipos.
ANALISIS DEL
ENTORNO
CARACTERIZAR EL
LUGAR DONDE SE
CONTENIDO QUE TIENE
REALIZARA EL PROYECTO
EL MUSEO
EN ESTE CASO EL MUSEO
GASTRONOMIA,
CENTRO CULTURAL DE
CULTURA, ARTE,
MANTA
BIBLIOTECA
DESCRIPCION DE CADA
LUGAR DONDE QUEDARA
LOS NIVELES DEL MUSEO
CON LA PAGINA WEB MANTA
37
Ilustración 11. Mapa Análisis del Entorno
Fase 3: Selección De La Tecnología
Se realizó una búsqueda de los equipos disponibles en el mercado tomando en cuenta los
de menor costo. Se revisaron los más indicados junto con sus características técnicas,
alimentación, pruebas de cobertura, funcionamientos de los equipos.
FUNCIONAMIENTC
Y
CARACTERISTICAS,
REDUCIR COSTOS TECNICAS,
PRUEBAS.
BUSQUEDA DE
EQUIPOS
NECESARIOS PARA
EL PROYECTO
38
Ilustración 12. Descripción de Selección de la tecnología
Programación De Página Web
La programación se realizó por secciones tomando en cuenta las necesidades del proyecto
llenando de información y detallando los niveles y sectores del Museo Cultural de Manta. Se
realizó tomando la base del software libre llamado XAMPP y lenguaje de código abierto PHP.
Ilu
str ac
ió n
13.
DESCARGA
EDITOR DE
CODIGO
FUENTE PARA EL USO
DE LENGUAJE DESCARGAR
DESARRLLOD
COMO: LA
O POR
JAVA SCRIPT BIBLIOTECA
MICROSOFT
HTML PARA LA
PARA PHP CREACION DE
SISTEMAS CSS LA PAGINA
COMO:
WEB
LINUX
BOOTSTRAP
WINDOWS
MAC OS
Pasos para la Programación de Pagina Web
39
Fase 4: Pruebas Y Simulaciones
Se realizó evaluaciones del sitio web del Museo Cultural de Manta, realizando las
comprobaciones pertinentes de visualizar la información, calidad de la cobertura, estabilidad del
sistema y además de aspectos importantes.
ALIMENTACION
DEL CIRCUITO
REALIZACION DE
EVALUCIONES DE
FUNCIONAMIENTO Y
ESTABILIDAD DEL
SISTEMA
PRUEABS CON
CLIENTES Y
VISUALIZACION DE LA
INFORMACION
40
Ilustración 14. Mapa pruebas y simulaciones
Líneas De Código
<h1>Heading 1</h1>
<h2>Heading 2</h2> TIPO DE LETRAS
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5> ● Las siguientes líneas de código sirve para
<h6>Heading 6</h6> cambiar el estilo de letra gracias
<h3> a Heading que guarda el estilo ya
Heading predetermianda
<small class="text-muted">with muted
text</small>
</h3>
<p class="lead">Vivamus sagittis lacus vel
augue laoreet rutrum faucibus dolor auctor.</p>
<nav class="navbar navbar-expand-lg BARRA DE NAVEGACIÒN

navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand"
href="#">Navbar</a>
<button class="navbar-toggler" ● Las barras de navegación .navbar tiene
type="button" data-bs-toggle="collapse" data-bs- combinación de colores .navbar-expand (-sm / -
target="#navbarSupportedContent" aria- md / -lg / -xl / -xxl )
controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
● Las barras de navegación y su contenido viene
<span class="navbar-toggler- de forma predeterminada
icon"></span> ● Se utiliza las utilidad de espacio y flexión para
</button> controlar el espaciado y la alineación para la
<div class="collapse navbar-collapse" barra de navegación
id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-
● Las barras de navegación viene de forma
lg-0"> predeterminada pero puede ser modificado
<li class="nav-item"> fácilmente dependiendo de los complementos
<a class="nav-link active" aria- Collapse JavaScript
current="page" href="#">Home</a> ● Se le agrega role=”navigation” a cada barra
</li>
de navegación para identificarla para
<li class="nav-item">
<a class="nav-link" identificarla como una región o referencia para
href="#">Link</a> los usuarios.
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
41
href="#" id="navbarDropdown" role="button" data-

bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-
labelledby="navbarDropdown">
<li><a class="dropdown-item"
href="#">Action</a></li>
href="#">Another action</a></li>
<li><hr class="dropdown-
divider"></li>
href="#">Something else here</a></li>
</ul>
</li>
<a class="nav-link
disabled">Disabled</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2"
type="search" placeholder="Search" aria-
label="Search">
<button class="btn btn-outline-success"
type="submit">Search</button>
</form>
</div>
</div>
</nav>
<nav class="navbar navbar-light bg-light"> IMAGEN

<div class="container">
<a class="navbar-brand" href="#">
<img
● Se puede reemplazar el texto dentro del
src="/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" ,navbar-brand con un –img- que se
width="30" height="24"> encuentre guardada en la carpeta
</a>
</div>
</nav>
<nav class="navbar navbar-light bg-light"> IMAGEN Y TEXTO

<a class="navbar-brand" href="#">
<img
● Se puede hacer algunos cambios para agregar
src="/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" una imagen y texto al mismo tiempo tomando
width="30" height="24" class="d-inline-block align- encuenta la siguiente línea de código .d-inline-
text-top"> block – y - .align-text-top –en el- (img).
Bootstrap
</a>
</div>
</nav>
<nav class="navbar navbar-expand-lg NAVEGACIÒN

42
<div class="container-fluid"> ● Los enlaces de navegación de las barras de
href="#">Navbar</a>
navegación están basadas en la opción .nav
<button class="navbar-toggler" que permite modificar y requieren clases estilo
type="button" data-bs-toggle="collapse" data-bs- ● Agregando la .active clase .nav-link para
target="#navbarNav" aria-controls="navbarNav" aria- indicar la paguina actual tomando en cuenta
expanded="false" aria-label="Toggle navigation"> que se debe agregar aria – current atributo en
<span class="navbar-toggler-
icon"></span>
el activo .nav-link
</button>
<div class="collapse navbar-collapse"
id="navbarNav">
<ul class="navbar-nav">
<a class="nav-link active" aria-
current="page" href="#">Home</a>
</li>
<a class="nav-link"
href="#">Features</a>
</li>
<a class="nav-link"
href="#">Pricing</a>
</li>
<a class="nav-link
disabled">Disabled</a>
</li>
</ul>
</div>
</div>
</nav>
<nav class="navbar navbar-dark bg-dark"> ESQUEMAS DE COLOR


</nav>
● Terminar la barra de navegación es sencilla
<nav class="navbar navbar-dark bg- gracias a la combinación de clases estilos
primary"> background-color.
 ● Se puede elegir .navbar-ligth como colores
</nav> claros o .navbar-dark como colores oscuros.
<nav class="navbar navbar-light"
style="background-color: #e3f2fd;">

</nav>
CONTENEDORES
● Sirve para cambiar la amplitud de

<div class="container"> representación del contenido en su barra de
<nav class="navbar navbar-expand-lg navegación.
43
navbar-light bg-light"> ● No es obligatorio guardar la barra de

<div class="container-fluid"> navegación en un .container para centrarla en
href="#">Navbar</a>
una imagen
</div> ● Puedes agregar un contenedor dentro
</nav> de .navbar para centrar solo el contenido de
</div> una barra de navegación superior fija o
estática.
<nav class="navbar navbar-expand-lg DESPLAZAMIENTO
<a class="navbar-brand" href="#">Navbar
scroll</a> ● Agregar .navbar-nav-scrolla.navbar-nav sirve
<button class="navbar-toggler" para habilitar el desplazamiento vertical dentro
type="button" data-bs-toggle="collapse" data-bs- del contenido de una barra de navegación
target="#navbarScroll" aria-controls="navbarScroll" contraída.
aria-expanded="false" aria-label="Toggle
navigation">
● El desplazamiento se activa en 75vh 0 el 75%
<span class="navbar-toggler- de la altura de la ventana gráfica.
icon"></span> ● Las ventanas graficas más grandes cuando se
</button> le coloca la opción expandir en la barra de
<div class="collapse navbar-collapse" navegación el contenido aparecerá como una
id="navbarScroll">
<ul class="navbar-nav me-auto my-2 my-
barra de navegación predeterminada.
lg-0 navbar-nav-scroll" style="--bs-scroll-height:
100px;">
<a class="nav-link active" aria-
current="page" href="#">Home</a>
</li>
<a class="nav-link"
href="#">Link</a>
</li>
<a class="nav-link dropdown-toggle"
href="#" id="navbarScrollingDropdown"
role="button" data-bs-toggle="dropdown" aria-
expanded="false">
Link
</a>
<ul class="dropdown-menu" aria-
labelledby="navbarScrollingDropdown">
href="#">Action</a></li>
href="#">Another action</a></li>
<li><hr class="dropdown-
divider"></li>
href="#">Something else here</a></li>
</ul>
</li>
<a class="nav-link disabled">Link</a>
44
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2"
type="search" placeholder="Search" aria-
label="Search">
<button class="btn btn-outline-success"
type="submit">Search</button>
</form>
</div>
</div>
</nav>
IMÁGENES
<picture>
<source srcset="..."
type="image/svg+xml">
● Utilizar (picture) para especificar varios
<img src="..." class="img-fluid img- (sourse) elementos para un solo elemento
thumbnail" alt="..."> especifico (img).
</picture> ● Estar seguro de agregar .img-* clases a (img) y
noa la (picture) etiqueta.
IMÁGENES RECEPTIVAS
● Para colocar las imágenes con .img-fluid

<img src="..." class="img-fluid" alt="..."> también aplica a max-width 100%: a height:
auto; la imagen adquiera el ancho principal.
MINIATURAS DE IMÁGENES
<img src="..." class="img-thumbnail"
alt="...">
● Se puede usar .img-thumbnail para darle a la
imagen una apariencia de borde redondeado de
un tamaño de 1px.
ALINEAR IMÁGENES
● Las diferentes opciones que tiene la alineación

<img src="..." class="rounded float-start" de imagen como las clases flotante auxiliares,
alt="..."> clases de alineación de texto.
<img src="..." class="rounded float-end" ● Las imágenes se pueden centrar utilizando
alt="..."> la.mx-autoclase.
45
Resultados
Análisis Del Entorno
 Conocer donde se encuentra ubicado el Museo centro cultural de Manta
junto a sus instalaciones para tomar notas y conocer a todo el personal que se
encuentra trabajando ahí, y presentando la idea del proyecto y los beneficios que
traería al museo.
Ilustración 15. Ubicación Museo Centro Cultural de Manta
 Análisis de las zonas tecnológicas para la instalación del equipo con su
Sistema de ubicación e información con Raspberry pi para el objeto histórico en el
museo centro cultural de Manta, contando con acceso a internet, zonas de
entretenimiento, áreas visuales, entre otros.

46
Ilustración 16. Entrada al Museo Centro Cultural de Manta
 Investigación de sus salas junto a su arte, pinturas, gastronomía, culturas
para la información que llevara la página web. Tomando en cuenta toda sus
descripciones, clasificándolos por partes, lugares, cultura, años, artistas capturando lo
en una foto que se añadida para la página web. Facilitando un poco en dar a conocer a
las personas que visiten el Museo que objeto o pieza de arte en que parte se encuentra.
Ilustración 17. Culturas del Museo Centro Cultural de Manta

47
 Clasificación de las salas del Museo Centro Cultural de Manta se clasifican en:
1. Sala 1 – recepción / área de exposición
2. Sala 2 – biblioteca
3. Sala 3 – Auditoria / sala de exposición temporal / administración
4. Sala 4 – área de exposición
5. Sala 5 – Oficinas
Ilustración 18. Salas del Museo Centro Cultural de Manta
Selección De La Tecnología
 Comparación de equipos según el funcionamiento y trabajó a realizar para
la elaboración de la página web, tomando en cuenta las características para su óptimo
funcionamiento y tenga el menor costo posible en el mercado y al momento de
realizar el montaje de los equipos.

48
EQUIPO CARACTERISTICAS VALOR IMAGEN

TECNICAS PROMEDIO
1. CPU: Quad Core
@ 1.8 Ghz con 2
MB de cache
2. RAM: 2GB de
LATTE PANDA memoria RAM $150 - $500
DDR3.
3. MEMORIA: 32GB
alcenamiento
interno
4. GPU: Graficos
Intel Gen 8
1. CPU: 1Ghz ARM
2. GPU: Broadcom
VideoCore IV 250
MHz
RASPBERRY PI 3. RAM: 512 MB $25 - $100
LPDDR SDRAM
400 Mhz
1. CPU: Allwinner
H3 quad core
ARM Cortex- A7 a
1.2 GHz.
ORANGE PI 2. GPU: ARM Mali- $55 - $110
LITE 400 MP2 GPU
OpenGL ES 2.0
3. RAM: 512 Mbyte
DDR3
4. Almacenamiento
microSD
5. USB: 2x USB 2.0,
49
Programación De La Página Web
 Estructura para el desarrollo de la página web mostrando la topología que
va a seguir para respectivas conexiones al equipo que va a estar conectado a una red
local de internet siendo capaza de visualizar hasta en un equipo móvil solo
conectándose a la red del museo para facilitar aún más la navegación y la
información del museo.
Ilustración 19. Topología Montaje del equipo en la red de internet del Museo Centro
 Toma de fotos de todas las salas capturando las piezas históricas del museo para
llenar la información en el sitio web
50
Ilustración 20. Fotos de los objetos del Museo Centro Cultural de Manta con su
descripción para el desarrollo de la página web
 Descarga de los programas necesarios para la creación de la página web en este

caso XAMPP que servirá activar los servicios principalmente en la gestión de
bases de datos MySQL leen lenguajes como script PHP y Visual Estudio para la
programación. Ya que es un editor de código fuente.
51
Ilustración 21. Lineas de Código en Visual Studio
Ilustración 22. Software libre XAMPP
 Líneas de código o programación utilizado para la elaboración de la página web

con sus respectivas secciones
52
<nav class="navbar navbar-expand-lg navbar-dark

bg-primary">
href=""http://localhost/sitioweb/"><font
style="vertical-align: inherit;"><font
style="vertical-align: inherit;">Museo Centro Cultural
de Manta</font></font></a>
<button class="navbar-toggler" type="button"
data-bs-toggle="collapse" data-bs-
target="#navbarColor01" aria-controls="navbarColor01"
aria-expanded="false" aria-label="Navegación de
palanca">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse"
id="navbarColor01">
<ul class="navbar-nav me-auto">
<a class="nav-link "
href="Conocenos.php"><font style="vertical-align:
inherit;"><font style="vertical-align:
inherit;">Conócenos
</font></font><span class="visually-
hidden"><font style="vertical-align: inherit;"><font
style="vertical-align:
inherit;">(Actual)</font></font></span>
</a>
</li>
53
<a class="nav-link "
href="lugar.php"><font style="vertical-align:
inherit;"><font style="vertical-align:
inherit;">Lugar</font></font></a>
</li>

<a class="nav-link dropdown-toggle" data-bs-
toggle="dropdown" href="#" role="button" aria-
haspopup="true" aria-expanded="false"><font
style="vertical-align: inherit;"><font
style="vertical-align:
inherit;">Salas</font></font></a>

<div class="dropdown-menu" style="">
<a class="dropdown-item"
href="sala1.php"><font style="vertical-align:
inherit;"><font style="vertical-align: inherit;">Sala
de exposicion de artes visuales</font></font></a>
inherit;"><font style="vertical-align: inherit;">sala
de exposición de cuadros</font></font></a>
54
de exposición Temporal</font></font></a>
de exposición Manteña</font></font></a>
</li>
<div id="carouselExampleControls"
class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">

<img src="./img/img.png" class="d-block
w-100" alt="" >
</div>

<div class="carousel-item">
<img src="./img/img1.png" class="img-
fluid" alt="" height="50%">
</div>
</div>

</div>
55
<img src="./img/sala3.jpg" class="img-
</div>
<img src="./img/sa6.jpg" class="img-
</div>
</div>
<button class="carousel-control-prev"
type="button" data-bs-
target="#carouselExampleControls" data-bs-
slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="visually-
hidden">Previous</span>
</button>
<button class="carousel-control-next"
slide="next">
<span class="carousel-control-next-icon"
<span class="visually-hidden">Next</span>
</button>
</div>
56


<figure class="text-center">
<blockquote class="blockquote">
<p> Bienvenido al Museo Centro Cultural de Manta
</p>
</blockquote>
<figcaption class="blockquote-footer">
Arqueologia - Musica - Arte - Cuadros</cite>
</figcaption>
</figure>
57


<p>
<div class="clearfix">
<img src="./img/museo.png" style="max-
width: 20rem;" class="col-md-6 float-md-end
img-thumbnail mb-3 ms-md-3" height="50%"
alt="">
</p>
<p>
<p>
El Museo Centro Cultural Manta fue
creado en 1962, donde sus habitantes y los
turistas puedenconocer informacion sobre varias
culturas, en especialla manteña. Cumpliendo con
los protocolos de bioseguridad implemntados por
el ministerio de Cultura y Patrimonio aprobado
por el COE Nacional.
</p>
<p>
Uno de sus espacios más
representativos del Museo Centro Cultural Manta
es la Sala de Arqueología con la muestra ‘Los
Manteños’, la cual presenta algunas de las más
importantes manifestaciones de esta cultura
precolombina, cuya existencia data del 500 d.C
al 1540 d.C, con objetos elaborados en
cerámica, metal, piedra, conchas, entre otros,
mismos que permiten conocer la relevancia
histórica de esta cultura ancestral que sentó
las bases de la identidad cultural manabita.
58
</p>


</p>
</div>
<p>Personal de planta</p>
</blockquote>
Director - secretaria - guias</cite>
</figcaption>
</figure>
<div class="row row-cols-1 row-cols-md-5

g-">
<div class="col">
<div class="card">
<img src="./img/ri.png"
class="rounded mx-auto d-block" width="70%"
height="200" aria-label="Placeholder: Image
cap" focusable="false" role="img"
preserveAspectRatio="xMidYMid slice" viewBox="0
0 318 180" style="font-size:1.125rem;text-
anchor:middle">
<div class="card-body">
<h5 class="card-title">Ricardo
Bravomalo</h5>
<p class="card-text">Abogado, Activista
cultural, tiene 48 años es Responsable de la

59
biblioteca del museo tiene 15 años laborando
Direc.
Provincial cultural Manabí, Direc. de

los museos en Manabí.</p>
</div>
</div>
</div>
60
<p>
<p>Sala Pescadores y navegantes</p>
</blockquote>
</figure>
</p>
<div class="col">
<div class="d-flex position-relative shadow-
lg p-3 mb-5 bg-body rounded">
<img src="./img/pa.png" class="img-fluid"
alt="" >
</div>
</div>
<p>
<p>Murales</p>
</blockquote>
</figure>
</p>
<p>
<div class="row row-cols-1 row-cols-md-
2">
<div class="col">
<div class="d-flex position-relative
61
shadow-lg p-3 mb-5 bg-body rounded">
<img src="./img/mu.png"
class="flex-shrink-2 me-3" alt="" width="50%"
height="250">
<div>
<h5 class="mt-0">Cronicas del
mar.</h5>
<p>La balsa mas famosa de las
conocidas historicamente fue la que avistio por
primera vez Bartalome Ruiz en su viaje de
exploracion antes del descubrimiento del imperio
incaico.</p>
<p>Existen nuemrosas
discripciones y dibujos que reproducen estas
balsas. Una de las mas antiguas es la de Girolamo
Benzoni 1962.</p>
</div>
</div>
</div>
<p>
<p>Cultura bahia</p>
</blockquote>
</figure>
</p>
<p>
62

2">
<div class="col">
<img src="./img/sa1.png"
height="250">
<div>
<h5 class="mt-0">'Gigantes de
bahia'</h5>
<p>Estas son representaciones
rituales en ceramica precolombina, de unos 70
centimetros.</p>
<p>Los llamados ‘Gigantes de
Bahía’ son considerados piezas emblemáticas del
patrimonio arqueológico nacional.</p>
</div>
</div>
</div>
63
<p>Sala de exposicion</p>
Tercer piso
</blockquote>
Cuadros - pinturas - Arte - Rostros</cite>
</figcaption>
</figure>
<img src="./img/sa2.png" class="d-block
w-100" alt="" >
</div>
</div>
</div>
slide="prev">
64
</button>
slide="next">
</button>
</div>
<p>
<p>Sala rostros</p>
</blockquote>
</p>
<div class="col">
<img src="./img/cua3.jpg"
class="img-fluid" alt="" >
</div>
</div>
65
<p>
<p>Cuadros</p>
</blockquote>
</figure>
</p>
<div class="row row-cols-1 row-cols-md-3">

<div class="col">
<img src="./img/cua1.png"
height="250">
<div>
<h5 class="mt-0">Sin titulo</h5>
<p>Lloyd Wulf</p>
<p>Dibujo sobre papel</p>
<p>28 x 22 cm</p>
</div>
</div>
</div>
<div class="col">
<div class="d-flex position-relative shadow-lg
p-3 mb-5 bg-body rounded">
<img src="./img/cua2.png" class="flex-
shrink-2 me-3" alt="" width="50%" height="250">
<div>
66
<h5 class="mt-0">Sin titulo</h5>

<p>Víctor Mideros </p>
<p>Óleo sobre tela</p>
<p>39 x 30 cm</p>
</div>
</div>
</div>
<div class="col">
<div class="d-flex position-relative shadow-lg
p-3 mb-5 bg-body rounded">
<img src="./img/cua4.jpg" class="flex-
<div>
<h5 class="mt-0">Mujer</h5>
<p>Jaime Valencia</p>
<p>Tinta sobre cartulina</p>
<p>72.5 x 48 cm</p>
</div>
</div>
</div>
<p>Sala de exposición Temporal</p>
Cuarto Piso
</blockquote>
</figure>
67



<img src="./img/sala3.jpg" class="d-
block w-100" alt="" height="50%">
</div>
<img src="./img/te1.jpg" class="img-
</div>
</div>
slide="prev">
</button>
slide="next">
68
hidden">Next</span>
</button>
</div>
<p>
<p>Jose Pozo Tobar</p>
Artista Plastico
</blockquote>
</figure>
</p>
<div class="col">
<img src="./img/cu1.jpg" class="rounded
mx-auto d-block" alt="" width="60%" height="300">
</div>
</div>
<p>
<p>Rostros</p>
</blockquote>
</figure>
</p>
69
<p>
3">
<div class="col">
<img src="./img/po1.jpg"
height="250">
<div>
<h5 class="mt-0">HILOS DE PLATA:
Vida y Legado de un Artista</h5>
<p>Autor: José pozo</p>
<p>Título: El viejito</p>
<p>Técnica: Oleo</p>
</div>
<p>
<p>Pinturas de zonas urbanas de
Manta</p>
</blockquote>
</figure>
</p>
<p>
70
2">
<div class="col">
<h5 class="text-center">Manta
Actual</h5>
<div class="d-flex position-
relative shadow-lg p-3 mb-5 bg-body rounded">
class="rounded mx-auto d-block me-6" alt=""
width="100%" height="250">
</div>
</div>
<div class="col">
<h5 class="text-center">La campiña
manabita</h5>
</div>
</div>
</div>
</p>
71



<img src="./img/sa6.jpg" class="d-block
w-100" alt="" >
</div>
<img src="./img/sa61.jpg" class="img-
</div>
</div>
slide="prev">
</button>
slide="next">
72
</button>
</div>


<div class="col">
<img src="./img/ma1.jpg" class="rounded
mx-auto d-block" alt="" width="60%" height="400">
</div>
</div>


<p>
<p>Murales culturales</p>
</blockquote>
</figure>
</p>
<p>
<div class="col">
73

<img src="./img/ma2.jpg"
</div>
</div>

<p>
<p>Esculturas Manteñas</p>
</blockquote>
</figure>
</p>
<p>
<div class="col">
<img src="./img/es1.jpg" class="flex-
<div>
<h5 class="mt-0">Hacha Moneda</h5>
<p>Cultura: Milagro - Quevedo</p>
<p>Periodo: Integracion</p>
<p>Material: Cobre</p>
</div>
</div>
74
</div>
<p>
<p>Sala ludica</p>
</blockquote>
</figure>
</p>
<div class="col">
<img src="./img/lu.jpg" class="rounded mx-
auto d-block" alt="" width="60%" height="300">
</div>
</div>
75
Conclusiones
Se llegó a conclusión que la tecnología utilizada es confiable para este tipo de trabajos, es
eficaz al momento de emplearlas en cualquier tipo de proyecto que necesite un sistema de
almacenar archivos, procesar la información, configurar a gusto.
Se ha demostrado que la tecnología no ocupa mucho espacio ya que lo hace perfecto para
colocar en cualquier sitio y de igual manera añadirle cualquier accesorio que permita su mejor
desarrollo.
Se escogió las instalaciones del Museo Centro Cultural de Manta para realizar el estudio
ya que sus instalaciones cuentan con todo lo necesario como; espacios abiertos, arte, biblioteca,
esculturas, información de las culturas locales.
Se concluye que el desempeño y confiabilidad de la información depende de factores
como: mantener siempre actualizado la página web de las salas temporales que cada cierto
tiempo cambian las piezas de artes, mantenimiento preventivo de la página web, los
componentes electrónicos donde está almacenado la página web.

76
Recomendaciones
Es necesario dar a conocer a las personas encargadas puedan acceder a los recursos que
brinda este estudio ya que podrían experimentar nuevas alternativas tecnológicas que ayudaran
con un mejor productividad y aun costo bajo.
Se recomienda la capacitación para facilitar este tipo de conocimiento muy factibles para
la mejoría de la recolección de datos para tener la página actualizada con lo que se encuentra
actualmente exhibiendo.
Debemos tener en cuenta lo sencillo de usar e instalar la tecnología empleada que
ayudaría mucho a las personas o grupos de trabajo que mejorarían bastante en todo tipo de
trabajo relaciona con el tema.
Todo el proyecto es amigable con el ecosistema debido que no tiene ningún tipo de
contaminación en lugares donde se vaya a colocar mejorando los resultados y el uso del mismo.
77
Bibliografía
Author, G. (12 de Abr de 20). rockcontent. https://rockcontent.com/es/blog/bootstrap/
Ayala, J. E., & Miller, M. G. (2019). How To Install. Archlinux.
Cruz, D. l., & Alberto, D. (2016). Kiosco informatico para la ubicacion de edificios en el IIT
basado en la plataforma Raspberry Pi. Universidad autonoma de ciudad Juarez.
Diéguez, L. (03 de enero de 2019). KOLWIDI. https://kolwidi.com/blogs/blog-kolwidi/que-es-
una-raspberry-pi
Gaméz, L. E., & Moreno, B. E. (2012). Implementacion de servicios de red utilizando la
herramienta de Open Source, que permite el uso eficinte de los recursos informaticos por
parte de las usuarios en museo Tin Marín. Universidad tecnologica de el Salvador.
González, & Teodoro, I. (2015). Diseño e implementacion de sistema intectivo de informacion
de docentes, con Raspberry Pi. Universidad Politecnica salesiana sede Guayaquil.
Molloy, D. (2019). Rasberry Pi a fondos para desarrolladores. Marcombo.
Rodrifo, I. S. (2015). Desarrollo de una aplicacion web orientada a la asistencia en el diseño de
protocolo de biologia sintetica. Universidad Politecnica de Madrid.
Tranullas, J., & Garrido, P. (2006). Software libre para servicios de informacion. Creative
Commons.
78
Anexo
79
80
81

Sistema de Informacion y Ubicacion Con Raspberry para El Museo Centro Cultural de Manta

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Sistema de Informacion y Ubicacion Con Raspberry para El Museo Centro Cultural de Manta

Cargado por

Copyright:

Formatos disponibles

1

INSTITUTO SUPERIOR TECNOLÓGICO

LUIS ARBOLEDA MARTÍNEZ

Trabajo de Titulación previo a la obtención del título de

Tecnólogo Superior En Electrónica

Sistema de ubicación e información con

Raspberry pi para los objetos histórica en el museo centro cultural de

Alejandro Mendoza Ortega y Jeremy Vélez Gracia

Mgs. Cristhian Alejandro Álava Troya

Certificación del tribunal de revisión y evaluación del trabajo de titulación

Tesis de grado sometida a consideración del tribunal de revisión y sustentación, como

requisito previo a la obtención del título de Tecnólogo en Electrónica

en el museo centro cultural de Manta.

Alejandro Rafael Mendoza Ortega C.I: 1313551440

Jeremy Joshua Vélez García C.I: 1727313890

Mag. Cristhian Alejandro Álava Troya, CI…………………

Ing. …………………………… CI………………….

CERTIFICADO DEL TUTOR

Mag. Cristhian Alejandro Álava Troya

Certifica: Que el trabajo de investigación titulado: Sistema de ubicación e información

1727313890, egresados de la especialidad de Electrónica ha sido realizada, revisada, corregida y

Superior Tecnológico Luis Arboleda Martínez.

Mag. Cristhian Alejandro Álava Troya

ACTA DE CESIÓN DE DERECHOS

de autoría y las publicaciones serán compartidos, la autoría le corresponde a nuestra persona y la

titularidad al Instituto Superior Tecnológico Luis Arboleda Martínez, de acuerdo a lo que

dispone la Ley de Propiedad Intelectual.

Sr. Jeremy Vélez Gracia Sr. Alejandro Mendoza Ortega

CI 1727313890 somos los responsables de las ideas, doctrinas (enseñanzas) y resultados

expuestos en esta Tesis de grado, y el patrimonio intelectual de la misma pertenecen al Instituto

Superior Tecnológico Luis Arboleda Martínez.

Sr. Alejandro Rafael Mendoza Sr. Jeremy Joshua Vélez García

C.I: 1313551440 C.I: 1727313890

A mi madre y a mi padre que me apoyaron en todo momento, supieron guiarme por el

buen camino y me ayudaron a ser mejor persona.

A mis docentes que me brindaron sus conocimientos y experiencia.

cuentas me motivaron para alcanzar mis anhelos.

buen camino y me han ofrecido el amor y la calidez de la familia la cual amo.

A mi madre que a pesar de todo confío en mí, en mi conocimiento.

este largo camino.

Agradezco a mis profesores y a mis compañeros que pusieron guiarme y brindarme

conocimientos en cada de una de las materias impartidas

Debo reconocer el aporte fundamental de conocimientos del Mag. Cristhian Alejandro

aprendizaje sobre mi estadía en el Instituto Superior Tecnológico Luis Arboleda Martínez no

hubiese sido muy provechoso.

viejas suelen reubicarlas por exposiciones nuevas en el museo o no se muestran porque se

remueven a otros museos.

Con el apoyo de un hardware y software se pudo conocer la localización y la

lenguaje de programación abierto, la cual se ha implementado en proyectos como micro

mecánica, medicina, aprendizaje adaptivo, operaciones en tiempo real y facilidad inserción

dentro de la tecnología existente.

Palabras claves: Resumen, lectores, comparación, textos y artículos.

operations and ease of insertion into existing technology.

Keywords: Summary, readers, comparison, texts and articles.

Índice de gráficos e ilustraciones.......................................................................................14

Planteamiento del problema...............................................................................................19

Definición de las Variables................................................................................................22

¿Qué Es Sistema Informático?.......................................................................................23

¿Qué Es Raspberry Pi?..................................................................................................24

Características Generales De Los Dispositivos Rpi..................................................24

¿Qué Es Una Fuente Conmutada?.................................................................................25

¿Qué Es Arch Linux?.....................................................................................................26

Ventajas Y Desventajas De Arch Linux.....................................................................27