Manual Tec Nico Code Craze 23
Manual Tec Nico Code Craze 23
MANUAL TECNICO Y DE
INSTALACION
Gestion: 1/2023
1
Cochabamba-Bolivia
2
Tabla de contenido
1. Introducción......................................................................................................1
2. Descripcion.......................................................................................................1
5. Objetivo.............................................................................................................2
6.1.1. Php..........................................................................................................2
6.1.2. JavaScript...............................................................................................3
6.1.3. Bootstrap................................................................................................3
3
Ilustración 1 Setup XAMPP....................................................................................................5
Ilustración 11 Instalacion......................................................................................................11
Ilustración 12 Finalización....................................................................................................11
Ilustración 14 DB Phpmyadmi..............................................................................................12
4
5
1. Introducción
El sistema de parqueo FCyT para el manejo y control absoluto de los parqueos de la
facultad de ciencias y tecnología de la universidad Mayor de San Simón esta pensado y
diseñado con la finalidad de ofrecer los servicios de manejos de los sitios, recursos
humanos y monetarios entregando reportes, detalles analíticos y ofreciendo una
visualización grafica simple y un manejo intuitivo para el usuario final.
El siguiente manual guiará a los usuarios que harán soporte al software el cual les dará a
conocer los requerimientos y la estructura para la construcción del sistema, en el desarrollo
del mismo, el cual muestra las herramientas necesarias para la construcción y la
funcionalidad del sistema.
2. Descripcion
El sistema de parqueo FCyT cuenta con las siguientes funciones:
1
Privilegios de administrador
5. Objetivo
Informar y especificar al usuario la estructura y conformación del sistema con el fin
de que puedan hacer soporte y modificaciones o actualizaciones al sistema en general.
Aclarando que este manual no pretende ser un curso de aprendizaje de cada una de las
herramientas empleadas para el desarrollo del sitio, sino documentar su aplicación en el
desarrollo del sitio. Para un mayor detalle acerca de cada una de las herramientas utilizadas,
y su forma de operación y aplicación, se recomienda consultar los manuales respectivos de
cada una de ellos.
6.1.1. Php
entorno del desarrollo web. Este lenguaje se utiliza generalmente para desarrollar el
backend de una web, el lado del servidor. Aun así, tiene numerosas utilidades en frontend.
2
Es por esto que es uno de los principales lenguajes de programación en el mundo de la
programación web
6.1.2. JavaScript
nombre, no está relacionado con Java. Se emplea en el desarrollo de páginas web para
tareas como cambiar automáticamente la fecha de una página, hacer que una página
aparezca en una ventana emergente al hacer clic en un enlace o que un texto o imagen
cambien al pasar el ratón por encima. También suele emplearse para hacer encuestas y
6.1.3. Bootstrap
Bootstrap es un framework CSS desarrollado por Twitter en 2010, para estandarizar las
herramientas de la compañía.
código abierto y su nombre cambió para Bootstrap. Desde entonces fue actualizado varias
El framework 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.
3
Esta es una herramienta que proporciona interactividad en la página, por lo que ofrece una
Esto significa que las páginas están diseñadas para funcionar en desktop, tablets y
Después nos aparecerá esta ventana donde nos muestra los componentes que
se van a instalar, todos los componentes son necesarios entonces le daremos
siguiente.
4
Ilustración 2 Setup XAMPP
5
Después nos aparecerá esta ventana mostrando en que disco se instalara
por motivos de permisos se recomienda dejarlo en el disco c, le damos
siguiente.
Nos aparecerá una ventana donde toca esperar a que se instale si quiere
cancelar este proceso le damos en cancel.
6
Por ultimo esta ventana es el final del proceso donde le daremos terminar
para acabar la instalación del programa.
archivo de instalación.
la instalación
7
Ilustración 7 Terminos y condiciones
en Next.
8
Ilustración 9 Nombre de la carpeta
Next.
9
Ilustración 11 Instalación
El programa está instalado y listo para usar. Haz clic en Finish para
Ilustración 12 Finalización
6.3. Instalar BD
10
Ilustración 13 Panel XAMPP
Una vez hecho este proceso le daremos clic en Admin en Mysql para
empezar la instalación de la base de datos. Nos aparecerá esta ventana
Ilustración 14 DB Phpmyadmi
11
Seleccionamos nuestro script de la bd con el nombre de parqueo.sql
12
Nuestra BD ya esta creada
13
La movemos a la siguiente dirección y copiamos la carpeta
14
Con el XAMPP abierto e iniciado Apache y MySQL vamos al navegador
otorgados.
15
Una vez iniciada la sesión vamos a subir nuestro archivo con el sistema
16
Y tendremos el siguiente archivo de configuración para la base de datos
17