INSTITUTO TECNOLÓGICO SUPERIOR

DE SAN ANDRÉS TUXTLA

TITULACIÓN INTEGRAL
Tesis
SEGUIMIENTO DEL SISTEMAS DE ENTRADAS Y SALIDAS DEL EQUIPO DE TRABAJO DE GM
CONSTRUCCIONES

PARA OBTENER EL TÍTULO DE:

INGENERIO EN SISTEMAS COMPUTACIONALES

PRESENTA
ROMARIO AGUIRRE ALONSO
ALEXANDER COBIX LLANO

ASESORA
M.T.I. IVONNE CARMONA LOEZA

PERIODO ESCOLAR
FEBRERO-¿??? 2020
1 Capítulo 1 Generalidades
1.1 PLANTEAMIENTO DEL PROBLEMA
1.1.1 DESCRIPCION DEL PROBLEMA

GM Construcciones ubicada en la Ciudad de San Andrés Tuxtla es una empresa que

se dedica al diseño y construcción de obra pública y privada, cuenta con domicilio en
Madero 1B, Edificio Rueda, Despacho 202, San Andrés Tuxtla, Veracruz.
GM Construcciones se constituyó en el año 1999 por el Arquitecto Gustavo Adalberto
Mendoza Cruz, nació de la iniciativa empresarial y deseos de crecimiento personal y
profesional de su fundador. A paso del tiempo la organización ha tenido un gran
crecimiento, que ha ayudado a que se vuelva cada día más de prestigio, ya que sus
trabajos realizados se basan en la eficacia y calidad, dejando al cliente con una
satisfacción en sus labores. GM Construcciones ha realizado una gran cantidad de
obras públicas, en las cuales se pueden mencionar, parques recreativos, escuelas,
hospitales, calles, etc., en diferentes puntos de los Tuxtla. Cabe mencionar que
también llevan a cabo obras privadas. Esta empresa cuenta con equipo y maquinaria
propia, lo que les permite estar a un paso delante de sus principales competidores, ya
que algunas de las empresas recurren a la renta de ello.

La problemática de esta empresa inicio a partir de que la persona responsable de una

obra solicita las herramientas elegidas para la elaboración de cada una de ellas, para
esto primero el encargado de bodega necesitaba llenar de forma manual un formato
donde se ponía todo el equipo de trabajo que se requería para llevarse a cabo, una vez
llenado las hojas (vales) de forma manual, posteriormente se la hacía llegar a la
secretaria del director, la cual se encargaba de capturarlo en una hoja de Excel que le
generaba robo de tiempo y atrasos en otras labores dentro de la empresa. En
ocasiones por el exceso de trabajo o falta de tiempo que tenía el encargado, no se le
hacía llegar en el momento a la secretaria del director y se extraviaban o maltrataban
los reportes manuales, esto podía llegar a causar pérdidas de herramientas y no saber
los numero de herramientas exactas en mal estado y/o faltantes dentro de la bodega,
en efecto ocasionaba un mal control del equipo de trabajo con el que cuenta la
empresa GM Construcciones.
De igual manera si hay alguna perdida o fallas del equipo durante la obra tampoco era
reportado.

En esta empresa fue instalado un software que permitió llevar el control del inventario de
herramientas, para ayudar a mejorar el proceso y así obtener una mejora en cuanto a tiempo y
agilizar todas las tareas, pero el sistema solo quedo instalado pero no fue verificado en cuanto
al cumplimiento de dicha calidad para asegurar que esté trabajando correctamente para
considerarse un sistema aceptable y confiable para la empresa, por tal motivo surge la
necesidad de realizar el seguimiento del sistema de inventario.

El seguimiento del sistema será un aspecto sumamente importante y lo es prácticamente en

todo los proyectos esto nos permitirá determinar algún tipo de fallas en los módulos para así
poder aplicar las correcciones necesarias para resolver cada uno de los problemas, haciendo
los ajustes o agregaciones necesarias.

1.1.2 PLANTEAMENTO DEL PROBLEMA

¿El Seguimiento permite detectar si el software es funcional y cumple con las expectativas de la empresa
GM construcciones?

1.1.3 FORMULACION DE HIPOTESIS

Mediante la implementación de un sistema web, se mejorará el control de inventario de
herramientas de trabajo de GM construcciones

1.1.3.1 VARIABLE INDEPENDIENTE

Seguimiento de un sistema de web.

1.1.3.2 VARIABLE DEPENDIENTE

Control de inventario de herramientas de trabajo de GM construcciones.

1.2 OBJETIVOS
1.2.1 Objetivo general
Seguimiento del sistema de entradas y salidas del equipo de trabajo de GM construcciones.

1.2.2 Objetivos específicos

 Realizar un análisis de requisitos para el diseño del sistema de control de

inventario de herramientas.
 Investigar las diferentes metodologías de desarrollo para la elaboración del
sistema de control de inventario de herramientas y elegir la adecuada.
  Elegir el lenguaje de programación y el entorno gráfico para el diseño del sistema
de control inventario de herramientas.
 Desarrollar y codificar el sistema de control de inventario de herramientas.

 Realizar el seguimiento y evaluación del sistema de control de inventario de

herramientas para verificar el correcto funcionamiento del mismo.
 Realizar e implementar nuevos módulos del sistema.

1.3 JUSTIFICACION
Con la implementación del sistema de control de inventario de herramientas de trabajo
de GM construcciones, que se utilizó para llevar a cabo de manera exitosa las obras
públicas y privadas, se tuvo un mejor control de las entradas y salidas de las
herramientas existentes en la bodega, resguardando la información de manera digital
de lo que anteriormente se hacia el llenado manual en formularios de vales obteniendo
así como, el nombre de quien las solicita o devuelve, el nombre de la herramienta,
numero o cantidad de herramientas, maquinaria o equipo de seguridad personal, el
código de la herramienta, la fecha, la hora, el lugar de la obra, y el estado en el que se
encuentra. De esta manera el resguardo de datos de manera inmediata en el sitio web
fue una gran ventaja para la empresa GM CONSTRUCCIONES para así poder tener el
control que se requiere con todo equipo que se encuentre en la bodega de dicha
empresa y se pudo verificar la pérdida de alguna herramienta, para posteriormente
comprar una nueva y que la empresa GM Construcciones no carezca de equipo de
trabajo para efectuar sus obras. Así mismo el encargado de bodega podrá generar un
informe de inventario más completo, rápido, práctico y eficaz evitando extravíos de
equipo de trabajo de la empresa GM Construcciones.

Con el seguimiento del sistema de control de inventario de herramientas de trabajo de

GM construcciones, se logrará verificar su correcto funcionamiento y se verá reflejado
si en verdad está llevándose a cabo de manera correcta, el ahorro en tiempo de las
actividades que requirieron la automatización de procesos, esto permitirá también
agregar los módulos necesarios ante, cualquier proceso no contemplado con
anterioridad, esto permitirá agregar por ejemplo los módulos de restauración y respaldo
de información, para evitar alguna perdida de datos en un futuro, como manera
preventiva.

2 CAPÍTULO 2: MARCO REFERENCIAL

2.1 ESTADO DEL ARTE
2.1.1 Proyecto 1
 Nombre del proyecto
Desarrollo de un sistema de inventarios para el control de materiales, equipos y herramientas
dentro de la empresa de construcción ingeniería sólida LTDA.
 Autores
Raúl Alexander Gómez Sandoval Oscar Javier Guzmán Gómez
 Lugar: Bogotá, D.C.
 Año: 2016
 Descripción
El presente trabajo empieza con el planteamiento de la problemática, que como muchas
compañías de la construcción en el entorno, tiene la empresa Ingeniería Sólida Ltda., en la
medida que no se han consolidado sistemas de inventarios eficientes que se manejen
homogéneamente dentro de todos sus proyectos. Para tener bases teóricas sobre la mejor
forma de lograr implantar los mismos en esta empresa se hace una revisión bibliográfica en
temas como son el contexto de la construcción en Colombia, la gestión y sistemas de
inventarios, stock, sistema ABC y manejo de almacenes. Con las bases teóricas, con la
indagación efectuada en los almacenes de obra, plasmada en fichas de observación y con
encuestas a residentes y almacenistas se pudo, en primera instancia hacer un diagnóstico que
puntualiza aspectos negativos de la gestión de inventarios llevada hasta el momento y en
seguida proponer acciones para mejorar el control interno, supervisar el sistema, controlar los
procedimientos y registros implementados y validar los procesos propuestos mediante
indicadores de gestión. La implementación del sistema en la empresa Ingeniería Sólida Ltda., y
la capacitación del personal logrando mejores competencias en la materia han permitido el
progreso evidente en su gestión de inventarios.
2.1.2 Proyecto 2
 Nombre del proyecto
Implementación de un sistema de control de inventario para el almacén Credicomercio
Naranjito.
 Autores
Lorena Mercedes Mindiolaza Alvarado Vicky Johanna Campoverde Brito
 Lugar: Milagro, Ecuador
 Año: Julio del 2012
 Descripción
Actualmente, la globalización mundial y el gran nivel competitivo ha provocado que muchos
empresarios busquen nuevas maneras de desarrollar para alcanzar una etapa de prosperidad
económica y estabilidad de los miembros que la integran dirigiéndose principalmente a tomar
decisiones orientadas a la reducción de costos, mejoramiento de la calidad y agilidad en los
procesos para alcanzar los máximos resultados económicos. Para esto, es preciso encontrar
opciones de técnicas y métodos que constituyan la optimización de sus recursos, incrementado
los resultados financieros para poder crear estrategias y tomar decisiones correctas, las que
producirán en una empresa a ser eficiente en el mundo competitivo de hoy. A través de un
sistema de control de inventario permanente de mercadería el propietario del almacén
seleccionado para esta investigación, esto es Credicomercio Naranjito, podrá conocer a ciencia
cierta la rotación de cada uno de los productos, saber cuáles con los más solicitados y en base
a qué criterios solicitar una nueva provisión de tal manera que pueda extraer estrategias
específicas para aprovechar dicha situación; igualmente indicara los productos que menos
rotación tienen de tal manera que se pueda establecer tácticas para que su demanda se
incremente o sencillamente que la empresa deje de invertir en ese tipo de artículos ya que no
son muy negociables. El comercio es una actividad que necesita ser manejada por personas
que actúen con inteligencia, aplicando la creatividad y las habilidades posibles para lograr
resultados que justifiquen su accionar.
Por ese motivo, consideramos que nuestra propuesta nos permite aplicar las características
antes señaladas en un local comercial que es parte del entorno donde habitamos.

2.1.3 Proyecto 3
 Nombre del proyecto
Desarrollo del sistema de control de inventarios de la Universidad de San Martín de Porres
 Autor
Manuel Jesús Quintanilla Uribe
 Lugar: Lima – Perú
  Año: 2014
 Descripción
El presente informe describe las actividades realizadas para desarrollar el Sistema de Control
de Inventarios utilizado por el Área de Control Patrimonial de la Universidad de San Martín de
Porres. La metodología empleada fue la propuesta por el Project Management Institute a través
de la guía del PMBOOK, la cual recopila un conjunto de buenas prácticas para la gestión de
proyectos. La problemática de este proyecto se analizó sobre la base de la experiencia,
adquirida a través de las experiencias laborales anteriores y la participación en proyectos de
diversa índole. En ese sentido, se identifica como situación problemática el hecho de no contar
con información en tiempo real y no tener un adecuado control sobre los movimientos
producidos en los almacenes y los préstamos de herramientas. El objetivo general de este
proyecto pretende registrar los ingresos y salidas de materiales, herramientas y libros a fin de
lograr un adecuado control sobre el almacén ferretero y el almacén de libros.
Como resultado de la implementación de esta solución se cuenta con información oportuna, la
cual brinda un valor agregado a la gestión del almacén. En ese sentido la información permite
estimar compras, prever el agotamiento de stock y optimizar la gestión de herramientas
utilizadas.
2.2 Marco Teórico Conceptual
2.2.1 Sistema de Inventario
Conjunto de procedimientos y controles que organiza el respaldo de productos, para garantizar el
abastecimiento de materias primas y poder dar cumplimiento a los volúmenes de producción planificados
para las entregas al cliente, con la calidad y tiempo requeridos.

2.2.2 Control de Inventarios

El Control de Inventarios o de manejo de almacenes, permite un mejor control sobre el
movimiento y el almacenamiento de mercancías durante las operaciones diarias.

2.2.3 Sistema de control de inventario (software de inventario)

El sistema de control de inventario se encarga de gestionar toda la información referente al
inventario físico. Para poder realizar un conteo en un tiempo determinado y poder tomar
decisiones a corto, mediano y largo plazo. Todo en función de los resultados que arroje el
programa.

2.2.4 Ventajas de tener un control de inventarios

Contar con un control de inventarios computarizado es una ventaja competitiva que le brindará a
la empresa una cantidad de ventajas que no sólo les ayudará a reducir el trabajo. Y les brindará
un mejor manejo de la información contable y minimizar errores humanos. Es por estos y más
razones que son muchas las ventajas de tener un sistema de inventario en una empresa: son
rápidos y eficaces. Los sistemas de control de inventario computarizados hacen que la gestión
de un sistema sea una tarea sencilla y rápida. Debido a que el recuento del inventario se puede
ejecutar en pocas horas, en comparación al conteo manual.
Brindan documentación precisa. Una de las ventajas de tener un sistema de inventario
computarizado es que es posible generar cualquier tipo de documento. Bien sean facturas,
órdenes de compras, estados de cuenta y muchas otras cosas más, con sólo ordenar la
información que se está buscando y luego imprimirla.
Permiten registrar toda la clase de información de forma rápida. El tiempo es un factor
destacable en los sistemas de inventario computarizados. Porque sólo hay que ingresar los
datos y de inmediato se podrá gestionar toda clase de información en función del suministro.

2.2.5 Tipo de sistema de inventario permanente

El sistema de inventario permanente es un programa contable que le permitirá a los dueños de
la empresa gestionar el inventario disponible de manera perpetua. Básicamente, se trata de un
tipo de sistema que genera registros en tiempo real para brindar información útil y rápida sobre
las compras y ventas de artículos. Los sistemas de inventario permanente son aquellos que
realizan un conteo continuo del inventario en tiempo real.

2.2.6 Tipo de Sistema de Inventario Periódico

Como su propio nombre lo indica, los sistemas de inventario periódico son aquellos que realizan
un control por cada cierre temporal. Este se basa en hacer un conteo en físico para conocer la
cantidad de inventario en ese período contable.

2.2.7 Página web

Una página web, o página electrónica, página digital, o ciber-página es un documento o
información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y
muchas otras cosas, adaptada para la llamada World Wide Web y que puede ser accedida
mediante un navegador web.

2.2.8 Sistema Web

Una Sistema Web es un sitio Web que contiene páginas con contenido sin determinar,
parcialmente o en su totalidad. El contenido final de una página se determina sólo cuando el
usuario solicita una página del servidor Web. Dado que el contenido final de la página varía de
una petición a otra en función de las acciones del visitante, este tipo de página se denomina
página dinámica. Las páginas Web se crean en respuesta a diversas necesidades o problemas.
Características de un Sistema Web
 Compatibilidad multiplataforma: Una misma versión del sistema web puede correr sin
problemas en múltiples plataformas como Windows, Linux, Mac.
 Actualización: Los Sistemas Web siempre se mantienen actualizadas y no requieren
que el usuario deba descargar actualizaciones y realizar tareas de instalación.
  Acceso inmediato y desde cualquier lugar: Los sistemas basadas en tecnologías
Web no necesitan ser descargadas, instaladas y configuradas. Además, pueden ser
accedidas desde cualquier computadora conectada a la red desde donde se accede
al sistema.
 Menos requerimientos de hardware: Este tipo de sistemas no consume (o consume
muy poco) espacio en disco y también es mínimo el consumo de memoria RAM en
comparación con los programas instalados localmente. Tampoco es necesario
disponer de computadoras con poderosos procesadores ya que la mayor parte del
trabajo se realiza en el servidor en donde reside la Aplicación.
 Menos Bugs (errores): Son menos propensas a crear problemas técnicos debido a
problemas de software y conflictos de hardware. Otra razón es que el sistema es
basado en Web todos utilizan la misma versión, y los bugs (errores) pueden ser
corregidos tan pronto como son descubiertos beneficiando inmediatamente a todos
los usuarios de la Aplicación.
 Seguridad en los datos: Los datos se alojan en servidores con sistemas de
almacenamiento altamente fiables y se ven libres de problemas que comúnmente
sufren los ordenadores de usuarios comunes como virus y/o fallas de disco duro.
Ventajas de un Sistema Web

Los Sistemas Web para Internet e Intranet presentan una serie de ventajas y beneficios con
respecto al software de escritorio, con lo cual se logra aprovechar y acoplar los recursos de una
empresa de una forma mucho más práctica que el software tradicional.
Entre los beneficios que los sistemas desarrollados para la Web se encuentran:
 El trabajo a distancia se realiza con mayor facilidad.
 Para trabajar en el Sistema Web solo se necesita un ordenador con un navegador
Web y conexión a internet.
 No necesitan conocimientos previos de informática.
 Total disponibilidad en cuanto a hora y lugar, se puede trabajar en ella en cualquier
momento y en cualquier lugar del mundo siempre que tenga conexión a internet.
 Los Sistemas Web permite centralizar todas las áreas de trabajo.
 Compatibilidad multiplataforma.
 Actualización con el último lanzamiento.
 Inmediatez de acceso: No necesitan ser descargadas,
instaladas y configuradas.
 Acceso Online: trabajar sin importar cuál es su configuración o su hardware.
  Menos requerimientos de memoria, tienen muchas más razonables demandas de
memoria RAM (Memoria de Acceso Aleatorio) de parte del usuario final que los
programas instalados localmente.
 Menos Bugs.
Desventajas de un Sistema Web
 Los Sistemas Web requieren navegadores Web totalmente compatibles para
funcionar.
 Muchas veces requieren una conexión a internet para funcionar, si la misma se
interrumpe, no es posible utilizarla más. De todas maneras, en ocasiones, pueden
ser descargadas e instaladas localmente para su uso offline.
 Muchas no son de código abierto, perdiendo flexibilidad.
 Los Sistemas Web desaparece si así lo requiere el desarrollador o si el mismo se
extingue.

2.2.9 Herramientas para el desarrollo

HTML (HyperText Markup Language)

HTML, siglas de HyperText Markup Language (lenguaje de marcado de hipertexto), es el
lenguaje de marcado predominante para la elaboración de páginas Web. Es usado para
describir la estructura y el contenido en forma de texto, así como para complementar el texto
con objetos tales como imágenes.
El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML
también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir
un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores
Web y otros procesadores de HTML.
Características de HTML (HyperText Markup Language)
 La Web tiene que ser distribuido: La información repartida en páginas no muy
grandes enlazadas entre sí.
 La Web tiene que ser hipertexto y debía ser fácil navegar por él.
 Compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo,
entre otros) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-
OS, entre otros).
 Dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.
Ventajas de HTML (HyperText Markup Language)
 Es el lenguaje de formateo para los navegadores Web.
 Es fácil de entender y utilizar
  Su uso es muy extendido

Desventajas de HTML (HyperText Markup Language)

 No tiene semántica. Uso de etiquetas con nombres diferentes.
 El contenido no puede ser reconocido ni procesado por programas
 Tiene un costoso mantenimiento de las páginas
 No tiene estándares comunes.
 Solo tiene hiperenlaces simples (XML puede tener de 1 a n enlaces).
JavaScript
JavaScript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas
que luego son insertados en una página Web y en programas más grandes, orientados a
objetos mucho más complejos. Con JavaScript se crea diferentes efectos e interacción con los
usuarios.
Es necesario resaltar que hay dos tipos de JavaScript: por un lado, está el que se ejecuta en el
cliente, este es el JavaScript propiamente dicho, aunque técnicamente se denomina Navigator
JavaScript.También existe un JavaScript que se ejecuta en el servidor, es más reciente y se
denomina LiveWire JavaScript.
Características de JavaScript
 Es simple, no hace falta tener conocimientos de programación para poder hacer un
programa en JavaScript.
 Maneja objetos dentro de la página Web y sobre ese objeto podemos definir
diferentes eventos. Dichos objetos facilitan la programación de páginas interactivas,
a la vez que se evita la posibilidad de ejecutar comandos que puedan ser peligrosos
para la máquina del usuario, tales como formateo de unidades, modificar archivos
entre otros.
 Es dinámico, responde a eventos en tiempo real. Eventos como presionar un botón,
pasar el puntero del mouse sobre un determinado texto o el simple hecho de cargar
la página o caducar un tiempo. Con esto se cambia totalmente el aspecto de nuestra
página al gusto del usuario, evitándonos tener en el servidor una página para cada
gusto, hacer cálculos en base a variables cuyo valor es determinado por el usuario,
entre otros.
Ventajas de JavaScript
 Es seguro y fiable. Por lo que puede ser filtrado para el mismo JavaScript. La
seguridad es casi total y sólo en su primera versión el CIAC (Computer Incident
Advisory Committee) señaló problemas de leve entidad.
 El código JavaScript se ejecuta en el cliente por lo que el servidor no es solicitado
más de lo debido.
Desventajas de JavaScript
 Un problema importante es que el código es visible y puede ser leído por cualquiera,
incluso si está protegido con las leyes del copyright.
 Los scripts tienen capacidades limitadas, por razones de seguridad, por lo cual no es
posible hacer todo con JavaScript, sino que es necesario usarlo conjuntamente con
otros lenguajes evolucionados, posiblemente más seguros, como Java.
PHP (Hypertext Pre-processor)
PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente PHP
Tools, o, Personal Home Page Tools). Publicado bajo la PHP License, la Free Software
Foundation considera esta licencia como software libre.
PHP es un lenguaje de programación interpretado (Lenguaje de alto rendimiento), diseñado
originalmente para la creación de páginas Web dinámicas. Se usa principalmente para la
interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado
desde una interfaz de línea de comandos o en la creación de otros tipos de programas
incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt (Quasar Technologies) o
GTK+ (The GIMP Toolkit ).
Características de PHP (Hypertext Pre-processor)
 Orientado al desarrollo de aplicaciones Web dinámicas, con acceso a información
almacenada en una base de datos.
 El código fuente escrito en PHP es invisible al navegador Web y al cliente ya que es
el servidor el que se encarga de ejecutar el código y enviar su resultado HTML al
navegador. Esto hace que la programación en PHP sea segura y confiable.
Ventajas de PHP (Hypertext Pre-processor)
 Capacidad de conexión con la mayoría de los motores de base de datos que se
utilizan en la actualidad, destaca su conectividad con MySQL y PostgreSQL.
 Capacidad de expandir su potencial utilizando módulos (llamados ext's o
extensiones).
 Posee una amplia documentación en su sitio Web oficial, entre la cual se destaca
que todas las funciones del sistema están explicadas y ejemplificadas en un único
archivo de ayuda.
 Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
 Permite aplicar técnicas de programación, orientada a objetos.
 Biblioteca nativa de funciones, sumamente amplia e incluida.
 No requiere definición de tipos de variables, aunque sus variables se pueden evaluar
también por el tipo que estén manejando en tiempo de ejecución.
 Tiene manejo de excepciones (desde PHP5).
Desventajas de PHP (Hypertext Pre-processor)
 Como es un lenguaje que se interpreta en ejecución, para ciertos usos puede
resultar un inconveniente que el código fuente no pueda ser ocultado. La ofuscación
es una técnica que puede dificultar la lectura del código, pero no necesariamente
impide que el código sea examinado.
 Debido a que es un lenguaje interpretado, un script en PHP suele funcionar
considerablemente más lento que su equivalente en un lenguaje de bajo nivel, sin
embargo, este inconveniente se puede minimizar con técnicas de cache tanto de en
archivos y memoria.
CSS (cascading style sheets)
Es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la
estructura de la presentación.
Características de CSS (cascading style sheets)
El modo de funcionamiento de las CSS consiste en definir, mediante una sintaxis especial, la
forma de presentación que se le aplicará a:
 Un Web entero, de modo que se puede definir la forma de todo el Web de una sola
vez.
 Un documento HTML o página, se puede definir la forma, en un pequeño trozo de
código en la cabecera, a toda la página.
  Una porción del documento, aplicando estilos visibles en un trozo de la página.
 Una etiqueta en concreto, llegando incluso a poder definir varios estilos diferentes
para una sola etiqueta. Esto es muy importante ya que ofrece potencia en la
programación ocupada.
Ventajas de CSS (cascading style sheets)
 Con una Hoja de Estilo es posible alterar la presentación de cada elemento sin tocar
el código HTML, ahorrando esfuerzo y tiempo de edición. De este modo no sólo se
hace más simple el mantenimiento del sitio Web, sino que además se minimiza las
posibilidades de cometer errores o equivocación inesperada.
 El lenguaje de las CSS posee y ofrece una gran variedad de herramientas de
composición más potentes que HTML. Con HTML el tamaño de la fuente se
especifica con un sistema de medidas predeterminadas por el browser (se puede
hacer en cm, pixeles, cuadratines, altura de la x, entre otros.). Más aún, las CSS
permiten aplicar prácticamente todas las propiedades a cualquier elemento de la
página, mientras que HTML sólo permite un número limitado de propiedades para
cada elemento.
 Se evita tener que recurrir a trucos para conseguir algunos efectos.
 No es necesario usar imágenes invisibles para hacer una sangría (la propiedad text-
indent se encarga de eso) o usar una tabla para ubicar un elemento en determinado
lugar de la pantalla (las CSS permiten posicionar con precisión cualquier elemento).
 Sencillo y fácil de aprender.
 Las Hojas de Estilo pueden aplicarse de varias maneras y combinarse formando una
cascada de estilos con la información de cada una.
 Pueden usarse con otros lenguajes de programación (como JavaScript) para
conseguir efectos dinámicos en las páginas.
 Se pueden especificar Hojas de Estilo para diferentes navegadores y tipos de
medios (impresos, braille, auditivos, entre otros.).
 El usuario con alguna discapacidad (o simplemente por preferencias) puede definir
su propia Hoja de Estilo y la regla importante obliga a su navegador a suplantar la
Hoja de Estilo del autor.
Desventajas de CSS (cascading style sheets)
 La Página será visualizada por el lector con un formato no deseado. En todo caso, el
navegador aplicará el formato predeterminado y el trabajo de composición habrá sido
inútil.
 Algunas propiedades de las CSS (como las que afectan la posición o visibilidad de
los elementos) pueden provocar que una parte del contenido de la página resulte
inaccesible desde ciertos navegadores si no son utilizadas correctamente.
Bootstrap
Es un Framework CSS y JavaScript diseñado para la creación de interfaces limpias y con un
diseño responsivo, con amplio abanico de herramientas y funciones, de manera que los
usuarios pueden crear prácticamente cualquier tipo de sitio web haciendo uso de los mismos.
Es una de las alternativas más populares a la hora de desarrollar tanto sitios webs como
aplicaciones. Una de las principales ventajas que ofrece es que permite la creación de sitios y
apps 100% adaptables a cualquier tipo de dispositivo.
Características de Bootstrap
 Permite crear interfaces que se adapten a los diferentes navegadores, tanto de
escritorio como tablets y móviles a distintas escalas y resoluciones.
 Se integra perfectamente con las principales librerías JavaScript, por ejemplo,
JQuery.
 Ofrece un diseño sólido usando LESS y estándares como CSS3/HTML5.
 Es un framework ligero que se integra de forma limpia.
 Funciona con todos los navegadores, incluido Internet Explorer usando HTML Shim
para que reconozca los tags HTML5.
 Dispone de distintos layout predefinidos con estructuras fijas a 940 píxeles de
distintas columnas o diseños fluidos.
3 Ventajas de Bootstrap
 Ofrece un paquete de elementos web personalizables: con Bootstrap se puede
diseñar una web jugando con sus elementos compuestos por diferentes
combinaciones de HTML, CSS y JavaScript, de manera que las piezas siempre
encajan.
  Utiliza componentes vitales para los desarrolladores: como HTML5, CSS3, jQuery o
GitHub, entre otros.
 Sus plantillas son de sencilla adaptación: se desarrolló con la idea de facilitar el
proceso de adaptación web a todo tipo de dispositivos.
 Incluye Grid system: muy útil para maquetar por columnas.
 Se integra con librerías JavaScript.
 Usa Less: un lenguaje de las hojas de estilo CSS preparado para enriquecer los
estilos de la web.
 Es una herramienta de uso ágil y sencillo: facilita enormemente el diseño de
interfaces y además incluye por defecto una plantilla bastante optimizada.
Desventajas
 Adaptación: adaptar tu diseño a un grid de 12 columnas, que se modifican según el
dispositivo. aquí empiezan los problemas, Bootstrap por defecto te trae anchos,
márgenes y altos de línea, y realizar cambios específicos es por decir, un poco
tedioso.
 Mantenimiento: es complicado, cambiar de versión si has realizado modificaciones
profundas sobre el Core.
 Ampliar componentes: si necesitas añadir componentes que no existen, debes
hacerlos tú mismo en CSS y cuidar de que mantenga coherencia con tu diseño y
cuidando el responsive.
 Pesado: no es ligero, y, además, para algunas funcionalidades, será necesario tener
que usar JavaScript y jQuery.
AJAX (Asynchronous JavaScript and XML)
Es un conjunto de técnicas de desarrollo web que permiten que las aplicaciones web funcionen
de forma asíncrona, procesando cualquier solicitud al servidor en segundo plano.JavaScript es
un lenguaje de programación muy conocido. Entre otras funciones, gestiona el contenido
dinámico de un sitio web y permite la interacción dinámica del usuario. XML es otra variante de
un lenguaje de marcado como HTML, como lo sugiere su nombre: eXtensible Markup
Language. Mientras HTML está diseñado para mostrar datos, XML está diseñado para contener
y transportar datos.
Características de AJAX (Asynchronous JavaScript and XML)
 Las aplicaciones son más interactivas, responden a las interacciones del usuario
más rápidamente, al estilo aplicaciones de escritorio.
  Estas aplicaciones tienen un aspecto (look and feel) muy similar a las aplicaciones
de escritorio tradicionales sin depender de plugins o características específicas de
los navegadores.
 Se reduce el tamaño de la información intercambiada
 Muchas micro-peticiones, pero el flujo de datos global es inferior
 Se libera de procesamiento a la parte servidora (se realiza en la parte cliente)
 AJAX actualiza porciones de la página en vez de la página completa.
Ventajas de AJAX (Asynchronous JavaScript and XML)
 Mejor experiencia de usuario. Ajax permite que las páginas se modifiquen sin tener
que volver a cargarse, dándole al usuario la sensación de que los cambios se
producen instantáneamente. Este comportamiento es propio de los programas de
escritorio a los que la mayoría de los usuarios están más acostumbrados. La
experiencia se vuelve mucho más interactiva.
 Optimización de recursos. Al no recargarse la página se reduce el tiempo implicado
en cada transacción. También se utiliza menos ancho de banda.
 Alta compatibilidad. Ajax es soportado por casi todas las plataformas Web.·
Desventajas de AJAX (Asynchronous JavaScript and XML)
 Problemas de acceso. Normalmente, si un usuario refina una consulta a una base de
datos a través de muchos criterios (por ejemplo, categoría, precio, forma de pago,
etc.), la página se recargará con una URL que reflejará los parámetros ingresados.
El usuario puede guardar esa URL para volver a acceder a los resultados ya filtrados
fácilmente. Pero con Ajax la URL no se modifica ante la consulta, por lo que
deberemos volver a ingresar cada filtro manualmente cuando se quiera recuperar los
resultados deseados. Existen métodos para modificar este comportamiento, pero
agregan dificultad al desarrollo y peso al sitio.
 Problemas de SEO. Los buscadores tienen dificultades al analizar el código escrito
en JavaScript. El hecho de que se no se generen nuevas URL elimina un importante
factor de posicionamiento.
 Dificultad. Las aplicaciones con Ajax suelen requerir de un mayor tiempo de
desarrollo.
MySQL (My Structured Query Language)
MySQL es un sistema de administración de bases de datos (Database Management System,
DBMS) para bases de datos relacionales. MySQL no es más que una Aplicación que permite
gestionar archivos llamados de bases de datos.
Existen muchos tipos de bases de datos, desde un simple archivo hasta sistemas relacionales
orientados a objetos. MySQL, como base de datos relacional, utiliza múltiples tablas para
almacenar y organizar la información. MySQL fue escrito en C y C++ y destaca por su gran
adaptación a diferentes entornos de desarrollo, permitiendo su interactuación con los lenguajes
de programación más utilizados como PHP, Perl y Java y su integración en distintos sistemas
operativos.
Características de MySQL (My Structured Query Language)
 Interioridades y portabilidad.
 Escrito en C y en C++.
 Probado con un amplio rango de compiladores diferentes.
 Funciona en diferentes plataformas.
 Uso completo de multi-threaded mediante threads del kernel. Pueden usarse
fácilmente múltiple CPUs si están disponibles.
 Proporciona sistemas de almacenamientos transaccionales y no
transaccionales.
 Usa tablas en disco B-tree (MyISAM) muy rápidas con compresión de índice.
 Relativamente sencillo de añadir otro sistema de almacenamiento.
 Joins muy rápidos usando un multi-join de un paso optimizado.
 Tablas hash en memoria, que son usadas como tablas temporales.
 Las funciones SQL (Structured Query Language) están implementadas usando una
librería altamente optimizada y deben ser tan rápidas como sea posible.
Normalmente no hay reserva de memoria tras toda la inicialización para consultas.
 El servidor está disponible como un programa separado para usar en un entorno de
red cliente/servidor. También está disponible como biblioteca y puede ser incrustado
en Aplicaciones autónomas. Dichas Aplicaciones pueden usarse por sí mismas o en
entornos donde no hay red disponible.
Ventajas de MySQL (My Structured Query Language)
 MySQL software es Open Source.
 Velocidad al realizar las operaciones, lo que le hace uno de los gestores con mejor
rendimiento.
  Bajo costo en requerimientos para la elaboración de bases de
datos, ya que debido a su bajo consumo puede ser ejecutado en
una máquina con escasos recursos sin ningún problema.
 Facilidad de configuración e instalación.
 Soporta gran variedad de Sistemas Operativos.
 Baja probabilidad de corromper datos, incluso si los errores no se
producen en el propio gestor, Si no en el sistema en el que está.
 Su conectividad, velocidad, y seguridad hacen de MySQL Server
altamente apropiado para acceder bases de datos en Internet.
 El software MySQL usa la licencia GPL (General Public License),
licencia de derecho de autor para software libre y código abierto.
Desventajas
 Un gran porcentaje de las utilidades de MySQL no están
documentadas.
 No es intuitivo, como otros programas (ACCESS).
XAMPP
XAMPP es un paquete de software libre, que consiste principalmente en el
sistema de gestión de bases de datos MySQL el servidor web Apache y los
intérpretes para lenguajes de script PHP y Perl.
El nombre es en realidad un acrónimo: X (para cualquiera de los diferentes
sistemas operativos), Apache, MariaDB/MySQL, PHP, Perl. A partir de la
versión 5.6.15, XAMPP cambió la base de datos MySQL por MariaDB, un fork
de MySQL con licencia GPL.
Características de XAMPP
 Alojamiento web El proceso de instalación de XAMPP es muy
sencillo y rápido.
 Uso de XAMPP para el proceso de desarrollo consigue iniciar y
atajar cada módulo por medio del Panel de control de XAMPP. Por
ejemplo, al comprobar las aplicaciones PHP en su procesadora,
logra iniciar los dos módulos Apache y MySQL. Aprobará que los
programas PHP se confeccionen en su procesadora.
 Herramientas de XAMMP Apache, MYSQL, PHP y Perl.
Ventajas de XAMPP
 es que es muy fácil de instalar y las configuraciones son mínimas o
inexistentes, lo cual nos ahorra bastante tiempo.
4
5
Desventajas de XAMPP
 No soporta MySQL desde la consola.
 No se pueden actualizar individualmente las versiones de los
programas que instala.
 Dificultad para configurar aplicaciones de terceros.
Sublime Text
Es un editor de texto y editor de código fuente está escrito en C++ y Python
para los plugins.1 Desarrollado originalmente como una extensión de Vim, con
el tiempo fue creando una identidad propia.
Características de Sublime Text
 Minimapa: consiste en una previsualización de la estructura del código,
es muy útil para desplazarse por el archivo cuando se conoce bien la
estructura de este.
 Multi Selección: Hace una selección múltiple de un término por
diferentes partes del archivo.
 Multi Cursor: Crea cursores con los que podemos escribir texto de forma
arbitraria en diferentes posiciones del archivo.
 Multi Layout: Trae siete configuraciones de plantilla podemos elegir
editar en una sola ventana o hacer una división de hasta cuatro
ventanas verticales o cuatro ventanas en cuadrícula.
 Soporte nativo para infinidad de lenguajes: Soporta de forma nativa 43
lenguajes de programación y texto plano.
 Syntax Highlight configurable: El remarcado de sintaxis es
completamente configurable a través de archivos de configuración del
usuario.
 Búsqueda Dinámica: Se puede hacer búsqueda de expresiones
regulares o por archivos, proyectos, directorios, una conjunción de ellos
o todo a la vez.
 Auto completado y marcado de llaves: Se puede ir a la llave que cierra o
abre un bloque de una forma sencilla.
 Soporte de Snippets y Plugins: Los snippets son similares a las macros
o los
 bundles además de la existencia de multitud de plugins.
 Configuración total de Keybindings: Todas las teclas pueden ser
sobrescritas a nuestro gusto.