• Author / Uploaded
• Juan Pablo Restrepo

Citation preview

INFORME PRELIMINAR PROGRAMACION MULTIMEDIA. INVESTIGACION BOOTSTRAP. INTEGRANTES:

JUAN PABLO RESTREPO E-mail: [email protected]

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.

6