INFORME PRELIMINAR PROGRAMACION MULTIMEDIA.

INVESTIGACION BOOTSTRAP.

INTEGRANTES:

JUAN PABLO RESTREPO

E-mail: juanpablo4133@hotmail.com

RESUMEN: Para el desarrollo de mi investigación tomare información de las diferentes

fuentes que puedo encontrar en la internet y así realizar un análisis de para qué sirve y como
funciona.

Palabra clave:

Bootstrap.

INTRODUCCION

Bootstrap es un conjunto de archivos HTML, CSS y Javascript bien definidos y

exhaustivamente testados que componen una sólida estructura sobre la cual construir tu
proyecto web o aplicación.

OBJETIVOS.

Su objetivo principal es acelera la aplicación tanto de los principios como de la tecnología

relacionada con la Ingeniería de Software a la industria de la misma en Europa.

1
HISTORIA.

En 1996 se fundó el “Bootstrap Institute”, quien ha sido el encargado de las posteriores

revisiones del modelo y quien mantiene la base de datos de los resultados obtenidos en sus
aplicaciones, principalmente en empresas europeas, pero también en el resto del mundo.

Este proyecto surge como programa estratégico Europeo para la investigación de las
Tecnologías de la Información o por sus siglas TI. Inicialmente se basó en CMM (Capability
Maturity Model for Software) añadiendo conceptos de calidad de ISO 9000 y el modelo de
proceso ESA.

Entre 1991 y 1993 Espirit 5441, que después se convertirá en Bootstrap.

¿Que es Bootstrap?

El framework para diseño de sitios y aplicaciones web, creado por Twitter y tan de moda
está en este momento. Este framework te permite crear sitios y aplicaciones web
responsive, con un diseño espectacular, de una forma fácil y sencilla.

Bootstrap facilita la creación de sitios web responsive. Está enfocado a la parte front-end
del desarrollo web (HTML, CSS y JavaScript). Por este motivo es crucial apoyarnos en
frameworks como éste para conseguir que nuestra web se adapte, sin mucho esfuerzo, al
mayor número de pantallas posibles.

Bootstrap contiene plantillas de diseño, tipografías, tablas, imágenes, formularios, botones

y otros elementos de presentación basados en HTML y CSS.

¿Por qué debo utilizar Bootstrap?

Empezar un proyecto web desde cero puede ser laborioso y te puede llevar bastante tiempo
mientras vas construyendo los diferentes componentes y testándolos en los diversos
navegadores.

Bootstrap te provee de una biblioteca de componentes reusables que puedes usar en cada
proyecto, desde un sistema de rejilla o “grid”, una barra de navegación, botones o estilos
tipográficos, todos ellos preparados para funcionar en todos los navegadores y adaptarse a
todos los tipos de pantalla, tanto de móvil, como Tablet o escritorio.

2
Con Bootstrap te ahorras todo el trabajo inicial y además tienes un código revisado y testado
que además es mantenible y escalable, una sólida estructura sobre la cual construir tu
proyecto

Práctica común.

Su uso se encuentra muy extendido, y no es extraño encontrarse ofertas de trabajo en las

cuales además de conocimientos de HTML y CSS y JavaScript se exige el dominio de
Bootstrap. La suave curva de aprendizaje hace que sea una herramienta sencilla de usar
por todos los miembros de un equipo de desarrollo, lo que incrementa la productividad.

¿Por dónde empezar?

Para descargar la última versión debes acudir a la página http://getbootstrap.com/ y pulsar

el botón “Download Bootstrap” una vez hecho esto te dirigirá a la sección “Download” de la
página. Hay diferentes maneras de integrar Bootstrap en tu proyecto, en este artículo
hablaremos de la primera de ellas que es descargarnos la carpeta comprimida.

En el apartado “Bootstrap” de la sección “Download” te encontrarás otra vez el botón de

“Download Bootstrap”, esta vez al clicarlo se descargará una carpeta comprimida que se
compone de:

 Una carpeta ”css”: Incluye todos los estilos predefinidos por Bootstrap.
 Una carpeta “fonts”: Incluye una fuente de iconos svg listos para usar.
 Una carpeta “js”: Con todo el JavaScript necesario para que los componentes y
efectos de Bootstrap funcionen.

3
Una práctica común es empezar el proyecto con estas carpetas e incluir a través de tu HTML
los archivos que vas a utilizar. Normalmente bootstrap.min.css y bootstrap.min.js. Además,
deberás incluir JQuery en tu proyecto para el correcto funcionamiento de los plugins.

Una vez hecho esto te debería quedar un HTML inicial parecido a esto:

4
Cómo norma general nunca modifiques los archivos originales de Bootstrap, para añadir tus
estilos propios o modificar los de bootstrap.css lo mejor es que crees una hoja de estilos
independiente de bootstrap.css, lo mismo para el archivo bootstrap.js, así para actualizar tu
versión de Bootstrap simplemente tendrás que descargarte la última versión y sustituir los
archivos bootstrap.min.css y bootstrap.min.js por los de la nueva versión.

Ventajas.

 Utiliza componentes vitales para desarrolladores como HTML5, CSS3, JQuery entre
otros.
 Sus plantillas son de sencilla adaptación responsive.
 Incluye Grid system.
 Cuenta con un mantenimiento y actualización realizados por Twitter.
 Ofrece un paquete de elementos web customizables.
 Se integra con librerías JavaScript.

Desventajas.

 Fundamentado en modelos ISO 9000 Y CMM.

 No implica esfuerzo adicional para mejorar y obtener una certificación en ISO 9000.
 Adaptación.
 Aprendizaje.
 Ampliar componentes.

5
Conclusiones.

Personalmente creo que Bootstrap es una gran opción en cuanto a lo que frameworks para
el front- end se refiere. Estas son algunas de las razones por las que yo utilizaría Bootstrap:

 Posee ciertos elementos realmente bien configurados y su forma de entender y

manejar los diferentes tamaños de pantalla se hace realmente cómoda y útil.

 Es rápido y aunque no en un primer momento, simplemente con realizar dos o tres

proyectos se convierte en una herramienta realmente intuitiva.

 Cuenta con un gran número de elementos ya personalizados con una apariencia al

día de las páginas web más actuales.

 Cuenta con una gran comunidad que se ofrecerá a resolver cualquiera de nuestras
dudas acerca de Bootstrap.

 Como usuarios de Bootstrap podemos contar con infinidad de proyectos ya

realizados y de los que sin duda podremos aprender.