UNIVERSIDAD TECNOLÓGICA DE TECÁMAC

APLICACIÓN PARA BASE DE DATOS

“MANUAL DE USUARIO
Y MANUAL TÉCNICO”

LÓPEZ BECERRA ERICK FERNANDO

GARCÍA HERNÁNDEZ EDITH
CERVANTES PÉREZ JHONATAN
GONZÁLEZ RUIZ PAOLA CAROLINA

PROFESOR:
FERNANDO OMAR ARCINIEGA MARTÍNEZ
ÍNDICE
INTRODUCCIÓN ................................................................................................................................... 3
MANUAL TÉCNICO .............................................................................................................................. 4
Insertar_vehículos.php ........................................................................................................................................4
Insertar_vehículo2.php .......................................................................................................................................4
Modificar_vehículo.php .......................................................................................................................................5
Modificar_vehículo2.php .....................................................................................................................................5
Modificar_vehículo3.php .....................................................................................................................................6
Eliminar_vehículo.php .........................................................................................................................................6
Eliminar_vehículo2.php ..........................................................................................................................................7
Consultar_vehículos.php ........................................................................................................................................7
MANUAL DE USUARIO ........................................................................................................................ 9
Al Inicio de la aplicación .....................................................................................................................................9
Consultar un registro ...........................................................................................................................................9
Insertar un nuevo registro a la base de datos .............................................................................................. 10
Insertar un registro............................................................................................................................................ 11
Modificar un registro ......................................................................................................................................... 12
Eliminar un registro........................................................................................................................................... 13
INFORMACIÓN ADICIONAL .............................................................................................................. 15
¿Cómo subir su sitio web con FileZilla? ........................................................................................................ 15
INTERFAZ CPanel. .......................................................................................................................................... 18
Sección Archivos CPanel ................................................................................................................................ 20
Sección Bases de Datos.................................................................................................................................. 23
ANEXOS ............................................................................................................................................. 25
Interpretación de PHP ...................................................................................................................................... 25
¿Qué es PHP? .................................................................................................................................................. 25
CONCLUSIÓN..................................................................................................................................... 26
BIBLIOGRAFÍA ................................................................................................................................... 27
INTRODUCCIÓN

Los Sitios Web actualmente son el pilar fundamental para que las Empresas tengan mayor éxito ya que
son una buena herramienta para el control y el manejo de datos de una Empresa. Para el uso correcto
de un Sitio web desde la interfaz y el entendimiento técnico para futuros cambios. Como desarrolladores
del Sitio Web “Inventario de Vehículos” realizamos la siguiente documentación:

Manual de usuario: El aplicativo web es un software que permite a usuarios realizar el almacenamiento
y la consulta de los datos registrados en los contadores. El principal objetivo es poder mostrar la
información obtenida de manera clara e intuitiva.

Manual Técnico: Se debe presentar una breve descripción del sistema desarrollado, que contemple el
ámbito abarcado, cuál es su función principal y un detalle de las funciones macros o partes que lo
componen. Puede incluir un mensaje de la máxima autoridad de las áreas comprendidas en el manual.

También, como anexo a este documento haremos referencia los pasos a seguir para cargar el sitio web
al servido CPanel por el programa FileZilla. Es una alternativa muy fácil para principiantes en desarrollo
de aplicaciones Web.

3
MANUAL TÉCNICO
A continuación se describe el código utilizado para realizar el crud correspondiente a la base de datos
carros. Utilizando la tabla vehículos como referencia.

Insertar_vehículos.php
Para poder tener conexión del script con la base de datos primero se incluye clase conexión en
insertar_vehículos.php como se muestra en la siguiente imagen.

Seguimos con crea un formulario utilizando la etiqueta form enviando los parámetros a la clase
insertar_vahículos 2.php mediante un método post en el cual se utilizan varios elementos.

Se agrega un label para agregar una etiqueta con algún texto, así mismo se añade un elemento de tipo
date para poder agregar la fecha, con ayuda de un calendario proporcionado por las herramientas de
html.

Seguimos agregando un label y un elemento combobox con la etiqueta select y mediante una consulta
a la base de datos se recuperan los id correspondientes.

Finalmente se cierra el formulario con un botón para poder enviar los datos correspondientes.

Insertar_vehículo2.php
Se incluye la clase conexión para poder tener contacto con la base de datos

En esta clase se reciben los datos del formulario de la clase anterior insertar_vehículos.php como
parámetros los cuales se enviaron con el método post, se realiza la consulta correspondiente a la base
de datos con la acción de insert agregando los parámetros recibidos y llamados a la clase conexión.

4
Para terminar con la clase se crean dos links que se direccionan a agregar otro vehículo o volver al menú
principal.

Modificar_vehículo.php
Se incluye la clase de conexión para poder interactuar con la base de datos.

Se agrega una etiqueta con ayuda de h2 para poner un título a la página seguido de un formulario para
enviar los datos como parámetros a la clase de modifcar_veiculos.php con el método post, terminando
con un texto como ayuda en la interfaz.

Se realiza una consulta para mostrar los id de la tabla vehículos, mostrándolos dentro de un combobox
con ayuda del elemento select donde se agrega la consulta correspondiente, la cual contiene un while
generando un ciclo en la consulta.

Al final se agrega un botton para poder enviar los datos del formulario, así como un link que lleva al
menú de vehículos.

Modificar_vehículo2.php
Se incluye la clase de conexión para poder acceder a la base de datos

Se hace uso de la etiqueta h2 para poner un título a la página y se declara una variable a la cual se
agrega la consulta correspondiente a la comparación del parámetro de la clase modificar_vehículo.php
y un id de la base de datos.

5
Con ayuda de un while se creara un ciclo el cual mostrara los datos de acuerdo a la consulta

anteriormente mencionada. Se crea un formulario con los datos de la consulta para poder ser
modificados a excepción del id por la propiedad readonly que evita editar la caja de texto los cuales se
enviaran por el método post a la clase modificar_vehículo.php como parámetros, finalmente se cierra el
ciclo y la consulta. Al final se agrega un link que lleva al menú de vehículos.

Modificar_vehículo3.php
Se incluye la clase de conexión para poder acceder a la base de datos.

Se realiza la consulta correspondiente a la modificación de los datos recibiendo los parámetros del
formulario creado en modificar_vehículo2.php, cerrando la consulta.

Se agrega la propiedad de header para que después de realizar la acción la página se posicione en
consultar_vehículos.

Eliminar_vehículo.php
Se incluye la clase de conexión para tener un acceso a la base de datos.

La etiqueta h2 se utiliza para poner título a la página, seguida de un formulario con el nombre form1 el
cual envía los parámetros por el uso del método post a eliminar_vehículo2.php que en este caso es el
id de la tabla vehículos y finalizado con una etiqueta en el elemento p.

6
Con ayuda de un combobox se muestra el resultado de la consulta a la tabla de vehículos para mostrar
los id correspondientes (llave primaria), seguida de un while generando un ciclo para mostrar todos los
id existentes en la tabla.

Finalmente se agrega un elemento de tipo submit que es para generar un botón en el formulario y hacer
él envió de parámetros correspondientes, seguida de un hipervínculo al menú general de vehículos.

Eliminar_vehículo2.php
Se incluye la clase de conexión para tener un acceso a la base de datos, el archivo contiene el nombre
de la base de datos a ocupar.

Se utiliza una variable para generar la consulta correspondiente a la comparación del parámetro recibido
de eliminar_vehículo.php, seguido de una condición para verificar el id existente en la base de datos
comparando el resultado de la consulta.

Consultar_vehículos.php
Se incluye la clase de conexión para tener un acceso a la base de datos, el archivo contiene el nombre
de la base de datos a ocupar.

Se crean los encabezados de la tabla para poder visualizar todos los datos de la base de datos, utilizando
la etiqueta th para cada apartado, tr para el inicio y final de la fila.

7
Se crean la segunda fila de la tabla incluyendo el resultado de la consulta previamente realizada a la
base de datos agregando los links de eliminar, modificar e insertar en la base de datos.

8
MANUAL DE USUARIO
Al Inicio de la aplicación

La aplicación consta de distintos aparatados como lo es “consultar”, “insertar”, “modificar” o “eliminar”.

Consultar un registro
En el apartado de consular se podrá ingresar dando clic, como se muestra en la siguiente figura.

9
A continuación, se muestra una interfaz como la siguiente, en donde se podrán visualizar los vehículos
que se encuentran registrados en la base de datos actualmente.

Insertar un nuevo registro a la base de datos

Dando clic en los siguientes iconos se podrá realizar la gestión de cualquier registro, a continuación, se
especifica.

Para insertar un nuevo registro, dar clic en el siguiente icono e

ingresar un nuevo campo

Para editar un registro dar clic y se habilitara los campos de dicho

registro para ser modificados.

Para eliminar un nuevo registro, dar clic en el icono y se eliminara

de la base de datos el registro

10
 Insertar un registro

El formulario de registrar vehículo tiene restricciones en su captura.

Para registrar un nuevo vehículo se llenan los siguientes campos y a continuación se da clic en registrar,
solo si cumplen con las restricciones se ingresará a la base de datos de manera correcta.

 Marca: Se ingresan solo letras.

 Modelo: Se ingresan números y letras
 Precio: debe ser numéricos con punto después los enteros
 Serie: se ingresan solo 10 números
 Color: solo letras
 Fecha: Solo números con el siguiente formato: aaaa-mm-dd


11
 Modificar un registro
Para modificar un registro posicionarse en “modificar” y dar clic

A continuación, se muestra la interfaz para modificar un registro del inventario de vehículos. En este
apartado se desplegará un listado de los vehículos que se encuentran insertados actualmente,
posteriormente se elige uno de ellos y se da clic en el botón “modificar” señalando el que se desea
modificar.

12
Para modificar un vehículo se tendrán que tomar en cuenta las restricciones iniciales que se usaron para
una nueva inserción.
Una vez registrados los nuevos datos se da clic en “modificar”, de esta manera se guardarán los
cambios, de lo contrario se producirá un error alertando que no se han guardado correctamente los
datos.

Eliminar un registro
Dar clic en “eliminar” como se muestra en la siguiente figura.

13
A continuación, se muestra la ventana que hace posible eliminar un registro.
Seleccionar el registro que se desea eliminar, una vez seleccionado dar clic en “eliminar”

14
INFORMACIÓN ADICIONAL
¿Cómo subir su sitio web con FileZilla?
Tener instalada la aplicación FileZilla, se debe contar con un usuario y contraseña al servidor donde se
realizará la carga. Después de esto, seguir los siguientes pasos:

1. Abrir el programa “FileZilla”.

2. Llenar los campos libres donde dice:

Servidor: Escribir el nombre de su dominio sin el “WWW”. Ejemplo: sudominio.com

Nombre de usuario: Escribir el usuario

Contraseña: *******

Puerto: Dejarlo en blanco.

Dé clic en el botón “Conexión Rápida”.

3. Automáticamente en el lado derecho se mostrarán todas las carpetas de configuración de su plan

de hosting.
4. Busque la carpeta:
 Para sitios creados en cPanel: /public_html
 Para sitios creados en ISPConfig: /web
 Para sitios creados en Plesk: /httpdocs
 Otros sitios: /htdocs
5. En este caso será CPanel De doble clic sobre ella .

15
NOTA: Es muy
importante que nunca modifique o elimine o cambie de lugar cualquiera de las carpetas de su plan de
hosting ya que cada una contiene información y configuraciones que necesita su plan de hosting para
funcionar correctamente.

6. Al hacer doble clic en la carpeta “public_html” le aparecerá la carpeta “cgi-bin” (ésta carpeta
no debe ser borrada ni almacenar ningún tipo de información).

16
7. En el lado izquierdo encontramos las carpetas que tenemos en nuestro ordenador, ahí
buscaremos la carpeta que almacena la información de nuestro sitio web, una vez encontrada; damos
doble clic y nos fijaremos que en la parte inferior nos mostrará todo el contenido que almacena, en este
caso nuestro sitio web.

8. Sombreamos toda la información que vamos a subir y la arrastramos debajo de la carpeta “cgi-
bin”. Ojo: no sobre la carpeta “cgi-bin” ya que esta no debe contener ningún archivo suyo.
‘

17
9. Una vez colocada toda la información de su sitio web en lado derecho, veremos como en la parte
inferior empieza a cargarse la información de su página, una vez finalizada la carga; el sitio web podrá
ser visto en internet.

INTERFAZ CPanel.

Es un panel de control que administra servidores de alojamiento web que proveen herramientas de
automatización y una interfaz gráfica basada en páginas web.

Este software cuenta con un diseño que entrega distintos atributos a administradores, revendedores de
espacio y usuarios finales. Estos atributos controlan diversos aspectos de los servidores y servicios
entregables a los clientes externos (usuarios de páginas web).

Para comenzar a utilizar esta herramienta ingresaremos a la siguiente liga

cpanel.(otorgadoporserviciohosting).mx, ingresaremos el nombre de usuario y contraseña
correspondientes entregado por el servicio hosting.

18
Una vez que ingresamos a la página principal de CPanel podemos observar la siguiente interfaz, en
donde nosotros tomaremos en cuenta 2 secciones muy importantes Archivos y Bases de datos, que
a continuación se explicarán.

19
 Sección Archivos CPanel

Administrador de archivos: Al dar clic el sistema abre una nueva pestaña en el navegador, mostrando
la aplicación en un diagrama de árbol con sus subcarpetas y archivos correspondientes.

Imágenes: Al dar clic en el ícono imágenes, el sistema muestra una interfaz indicando la administración
de las imágenes que se tienen disponibles.

20
Privacidad del directorio: Al dar clic en el ícono el sistema muestra una nueva interfaz indicando al
administrador que el usuario que intente abrir una carpeta protegida a través de internet le pedirá
nombre de usuario y contraseña.

Uso del disco: Al dar clic en el ícono el sistema muestra una interfaz informando las formas en las que
se pueden controlar el espacio disponible que tiene la cuenta.

Disco de red: Se crea para administrar la aplicación, se relacionan con los directorios principales de la
cuenta.

21
Conexiones de FTP: Controla a los visitantes que han iniciado sesión a través de FTP.

Copias de Seguridad: Descarga copias del sitio web completo, o una parte para que se guarde en el
equipo local.

22
 Sección Bases de Datos

PhpMyAdmin: Al dar clic en el ícono el sistema lo direcciona automáticamente a la página de

administración local de la base de datos disponibles.

Bases de datos MySQL: Administra grandes cantidades de información, ejecuta aplicaciones basadas
en la web.

Asistente de Bases de datos MySQL: Al dar clic en el ícono el sistema le permite crear base de datos
paso a paso.

23
MySQL remoto: Permite que los visitantes se conecten a la base de datos.

24
ANEXOS
Interpretación de PHP

¿Qué es PHP?

25
CONCLUSIÓN
La herramienta de software implementada en este proyecto de grado puede impactar positivamente la
manera en que se desarrollan sitios Web, esto debido a la capacidad de integrar dos arquitecturas con
características diferentes con el fin de aprovechar las funcionalidades tanto en el aspecto de
presentación dinámica y amigable al usuario final, como en el aspecto de la eficiencia en el
almacenamiento y manejo de contenido.

Se halló que el uso de esta herramienta puede:

 Permitir la administración de los contenidos de los sitios Web de una manera sencilla y
organizada por medio del administrador de contenidos.

 Proporcionar flexibilidad en la estructura de los contenidos de la presentación, con la capacidad

de crear, eliminar y editar nuevos registros, contenidos, escenas y otros componentes de un sitio
Web.

 Actualizar de una manera inmediata las modificaciones hechas en el administrador de contenidos

de las diferentes presentaciones.

 Facilitar la adaptación de presentaciones a las necesidades específicas de los clientes.

26
BIBLIOGRAFÍA
https://www.nerion.es/soporte/tutoriales/como-subir-pagina-web-por-ftp/

https://www.favolahosting.com/soporte/subir-sitio-web-fillezilla.pdf

http://geabing.com/desc/filezilla.pdf

http://www.elprofedetica.es/docs/ayudafilezilla.pdf

http://donwebayuda.com/como-subo-mis-archivos-por-ftp-usando-filezilla/

http://manualtcnico.blogspot.com/

http://www.mirakonta.es/doc/web_Manual_usuario.pdf

https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=501:comunicacion-
cliente-servidor-sin-php-y-con-php-interprete-php-y-gestor-de-bases-de-datos-cu00804b&catid=70&Itemid=193

https://www.google.com.mx/imgres?imgurl=https%3A%2F%2Fwww.monografias.com%2Ftrabajos106%2Fdesar
rollo-sitios-web-con-php-y-
mysql%2Fimg4.png&imgrefurl=https%3A%2F%2Fwww.monografias.com%2Ftrabajos106%2Fdesarrollo-sitios-
web-con-php-y-mysql%2Fdesarrollo-sitios-web-con-php-y-
mysql.shtml&docid=M5IDuHynjYLADM&tbnid=haUHQgwvWMbXDM%3A&vet=10ahUKEwiM6sS1rqveAhUEWK0
KHQTNDo8QMwg_KAAwAA..i&w=640&h=480&bih=489&biw=1024&q=ESQUEMAS%20DEL%20FUNCIONAMIEN
TO%20PHP&ved=0ahUKEwiM6sS1rqveAhUEWK0KHQTNDo8QMwg_KAAwAA&iact=mrc&uact=8

27