Este documento proporciona una introducción a Bootstrap, el popular framework de código abierto para el desarrollo de sitios web y aplicaciones web. Explica los principios básicos de Bootstrap, incluida su rejilla de 12 columnas y enfoque "mobile-first". También describe varios componentes clave como etiquetas, desplegables, barras de navegación y formularios que se pueden utilizar para crear interfaces adaptables. Finalmente, cubre temas como la personalización de Bootstrap y el uso del preprocesador CSS subyacente Less.
Objetivo: Capacitar al estudiante para crear procedimientos almacenados, funciones y disparadores haciendo uso de los elementos, sentencias y estructura de programación adecuados para la programación en SQL, que le permitan resolver requerimientos de la vida real
MySQL Administrator
Basic course
- MySQL 개요
- MySQL 설치 / 설정
- MySQL 아키텍처 - MySQL 스토리지 엔진
- MySQL 관리
- MySQL 백업 / 복구
- MySQL 모니터링
Advanced course
- MySQL Optimization
- MariaDB / Percona
- MySQL HA (High Availability)
- MySQL troubleshooting
네오클로바
http://neoclova.co.kr/
Un disparador es un objeto de base de datos con nombre que se asocia a una tabla, y se activa cuando ocurre un evento en particular para la tabla. Algunos usos para los disparadores es verificar valores a ser insertados o llevar a cabo cálculos sobre valores involucrados en una actualización.
Aqui les dejo un ejemplo de Trigger, que puede servir de referencia, como elemento Accounting, de seguridad para algunas tablas de sus bases de Datos
Reconociendo prácticas de acceso y producción de contenidos desde el licencia...Marcela Hernandez
Reconociendo prácticas de acceso y producción de contenidos desde el licenciamiento abierto. Charla para curso de Comunicación Social en la Universidad del Cauca
Objetivo: Capacitar al estudiante para crear procedimientos almacenados, funciones y disparadores haciendo uso de los elementos, sentencias y estructura de programación adecuados para la programación en SQL, que le permitan resolver requerimientos de la vida real
MySQL Administrator
Basic course
- MySQL 개요
- MySQL 설치 / 설정
- MySQL 아키텍처 - MySQL 스토리지 엔진
- MySQL 관리
- MySQL 백업 / 복구
- MySQL 모니터링
Advanced course
- MySQL Optimization
- MariaDB / Percona
- MySQL HA (High Availability)
- MySQL troubleshooting
네오클로바
http://neoclova.co.kr/
Un disparador es un objeto de base de datos con nombre que se asocia a una tabla, y se activa cuando ocurre un evento en particular para la tabla. Algunos usos para los disparadores es verificar valores a ser insertados o llevar a cabo cálculos sobre valores involucrados en una actualización.
Aqui les dejo un ejemplo de Trigger, que puede servir de referencia, como elemento Accounting, de seguridad para algunas tablas de sus bases de Datos
Reconociendo prácticas de acceso y producción de contenidos desde el licencia...Marcela Hernandez
Reconociendo prácticas de acceso y producción de contenidos desde el licenciamiento abierto. Charla para curso de Comunicación Social en la Universidad del Cauca
Presentación realizada en el Congreso Nacional de Informática Educativa, realizado por la Red Iberoamericana de Informática Educativa - Nodo Colombia - RibieCol en el 2010. Tercer puesto en la categoría de Desarrollo de Recursos Educativos.
A look at WordPress in 2016, and a proposal for a future direction for the project functionality and organization, delivered in December 2016 at WordCamp US in Philadelphia.
You can watch it on Youtube here: https://www.youtube.com/watch?v=Nl6U7UotA-M
Entornos digitales de enseñanza y aprendizaje colaborativo. (Para ver vídeos ...Jorge Herrera
Uno de los principales desafíos que enfrenta hoy en día la sociedad del conocimiento se relaciona con la posibilidad de emplear las tecnologías de la información y comunicación (TIC) para promover la construcción colaborativa del conocimiento.
Es cierto que la educación a distancia y específicamente la educación en línea, más que una alternativa se ha vuelto una tendencia global de formación.
Esta tendencia la podemos ver reflejada en el desarrollo mismo de la tecnología, con el advenimiento de la Web 2.0 y con el éxito creciente del llamado software social.
Al respecto, la llamada Web 2.0 (concepto desarrollado por Tim O’Really, 2005) se refiere a la agrupación de todas aquellas aplicaciones tecnológicas de Internet que se modifican gracias a la participación social, permite al usuario no sólo recuperar o subir Información al gran aparador de Internet, sino involucrarse en procesos de comparación y construcción conjunta del conocimiento.
Dichas aplicaciones tecnológicas o herramientas, el software social (Wikis, Blogs, Chats, mensajería instantánea, etc.) hacen posible la interacción grupal (Shirky, 2003) y por esta razón, se consideran un fenómeno tecno-social, propio de la sociedad del conocimiento.
De acuerdo con Díaz Barriga y Hernández (2002) el aprendizaje cooperativo se caracteriza por la igualdad que debe tener cada individuo en el proceso de aprendizaje y la mutualidad, entendida como la conexión, profundidad y bidireccionalidad que alcance la experiencia, siendo ésta variable en función del nivel de competitividad existente, la distribución de responsabilidades, la planificación conjunta y el intercambio de roles.
Ingeniería de Software Educativo (1992) parte 3 herramientasAlvaro Galvis
Este archivo contiene los capítulos sobre herramientas conceptuales que incluye el Libro Ingeniería de Software Educativo que publiqué en 1992 con Ediciones Uniandes
Pequeña introducción al uso de los Frameworks CSS.
Desde la problemática al desarrollo CSS al empleo de algunos frameworks (1kb CSS Grid, 960.gs, Blueprint, Foundation y Bootstrap) como mejora de la productividad.
Throughout this session we will see the fundamental elements of our new MVC Core Web framework. The changes made since the previous versions and the migration steps that we have. We will emphasize the new features and ways of working as well as everything related to the different models of deployment.
Las slides de mi charla impartida en Codemotion, el 19 de noviembre de 2016. Introducción al módulo de CSS Grid Layout, ¿cómo implementar un grid?¿qué navegadores lo soportan?. El código con los ejemplos aplicados pueden visitarse en: http://codepen.io/collection/XRGPzK/
Empiezo contando qué es Bootstrap, sus ventajas e inconvenientes, y como empezar a usarlo.
Luego cuento detalladamente las distintas características del framework: el sistema de rejilla, la tipografía, las tablas, los formularios, los botones, las imágenes, los helpers...
Continúo explicando las facilidades que tiene para realizar diseños adaptables.
Sigo enumerando los distintos componentes del framework, y los distintos añadidos que tiene si además utilizas JavaScript.
Para terminar, comento como se puede personalizar, ya sea usando tu propio CSS, modificando el CSS de Bootstrap desde la página destinada a tal efecto, o directamente compilando los ficheros Less del core.
En este documento analizamos ciertos conceptos relacionados con la ficha 1 y 2. Y concluimos, dando el porque es importante desarrollar nuestras habilidades de pensamiento.
Sara Sofia Bedoya Montezuma.
9-1.
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
En este proyecto de investigación nos adentraremos en el fascinante mundo de la intersección entre el arte y los medios de comunicación en el campo de la informática.
La rápida evolución de la tecnología ha llevado a una fusión cada vez más estrecha entre el arte y los medios digitales, generando nuevas formas de expresión y comunicación.
Continuando con el desarrollo de nuestro proyecto haremos uso del método inductivo porque organizamos nuestra investigación a la particular a lo general. El diseño metodológico del trabajo es no experimental y transversal ya que no existe manipulación deliberada de las variables ni de la situación, si no que se observa los fundamental y como se dan en su contestó natural para después analizarlos.
El diseño es transversal porque los datos se recolectan en un solo momento y su propósito es describir variables y analizar su interrelación, solo se desea saber la incidencia y el valor de uno o más variables, el diseño será descriptivo porque se requiere establecer relación entre dos o más de estás.
Mediante una encuesta recopilamos la información de este proyecto los alumnos tengan conocimiento de la evolución del arte y los medios de comunicación en la información y su importancia para la institución.
Inteligencia Artificial y Ciberseguridad.pdfEmilio Casbas
Recopilación de los puntos más interesantes de diversas presentaciones, desde los visionarios conceptos de Alan Turing, pasando por la paradoja de Hans Moravec y la descripcion de Singularidad de Max Tegmark, hasta los innovadores avances de ChatGPT, y de cómo la IA está transformando la seguridad digital y protegiendo nuestras vidas.
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...espinozaernesto427
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta intensidad son un tipo de lámpara eléctrica de descarga de gas que produce luz por medio de un arco eléctrico entre electrodos de tungsteno alojados dentro de un tubo de alúmina o cuarzo moldeado translúcido o transparente.
lámparas más eficientes del mercado, debido a su menor consumo y por la cantidad de luz que emiten. Adquieren una vida útil de hasta 50.000 horas y no generan calor alguna. Si quieres cambiar la iluminación de tu hogar para hacerla mucho más eficiente, ¡esta es tu mejor opción!
Las nuevas lámparas de descarga de alta intensidad producen más luz visible por unidad de energía eléctrica consumida que las lámparas fluorescentes e incandescentes, ya que una mayor proporción de su radiación es luz visible, en contraste con la infrarroja. Sin embargo, la salida de lúmenes de la iluminación HID puede deteriorarse hasta en un 70% durante 10,000 horas de funcionamiento.
Muchos vehículos modernos usan bombillas HID para los principales sistemas de iluminación, aunque algunas aplicaciones ahora están pasando de bombillas HID a tecnología LED y láser.1 Modelos de lámparas van desde las típicas lámparas de 35 a 100 W de los autos, a las de más de 15 kW que se utilizan en los proyectores de cines IMAX.
Esta tecnología HID no es nueva y fue demostrada por primera vez por Francis Hauksbee en 1705. Lámpara de Nernst.
Lámpara incandescente.
Lámpara de descarga. Lámpara fluorescente. Lámpara fluorescente compacta. Lámpara de haluro metálico. Lámpara de vapor de sodio. Lámpara de vapor de mercurio. Lámpara de neón. Lámpara de deuterio. Lámpara xenón.
Lámpara LED.
Lámpara de plasma.
Flash (fotografía) Las lámparas de descarga de alta intensidad (HID) son un tipo de lámparas de descarga de gas muy utilizadas en la industria de la iluminación. Estas lámparas producen luz creando un arco eléctrico entre dos electrodos a través de un gas ionizado. Las lámparas HID son conocidas por su gran eficacia a la hora de convertir la electricidad en luz y por su larga vida útil.
A diferencia de las luces fluorescentes, que necesitan un recubrimiento de fósforo para emitir luz visible, las lámparas HID no necesitan ningún recubrimiento en el interior de sus tubos. El propio arco eléctrico emite luz visible. Sin embargo, algunas lámparas de halogenuros metálicos y muchas lámparas de vapor de mercurio tienen un recubrimiento de fósforo en el interior de la bombilla para mejorar el espectro luminoso y reproducción cromática. Las lámparas HID están disponibles en varias potencias, que van desde los 25 vatios de las lámparas de halogenuros metálicos autobalastradas y los 35 vatios de las lámparas de vapor de sodio de alta intensidad hasta los 1.000 vatios de las lámparas de vapor de mercurio y vapor de sodio de alta intensidad, e incluso hasta los 1.500 vatios de las lámparas de halogenuros metálicos.
Las lámparas HID requieren un equipo de control especial llamado balasto para funcionar
Es un diagrama para La asistencia técnica o apoyo técnico es brindada por las compañías para que sus clientes puedan hacer uso de sus productos o servicios de la manera en que fueron puestos a la venta.
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Telefónica
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0xWord escrito por Ibón Reinoso ( https://mypublicinbox.com/IBhone ) con Prólogo de Chema Alonso ( https://mypublicinbox.com/ChemaAlonso ). Puedes comprarlo aquí: https://0xword.com/es/libros/233-big-data-tecnologias-para-arquitecturas-data-centric.html
4. Framework
HTML CSS y JS
Componentes para realizar webs
multidispositivo de forma rápida y con calidad
4
5. ‘’
5
“[A] super small group of
developers and I got together
to design and build a new
internal tool and saw an
opportunity to do something
more. Through that process,
we saw ourselves build
something much more
substantial than another
internal tool. Months later, we
ended up with an early
version of Bootstrap as a way
to document and share
common design patterns and
assets within the company”
Mark Otto, 2011, Creador de Bootstrap
11. Cosas que hay que saber de Bootstrap
Framework
Bootstrap ha sido
desarrollado por Twitter y
liberado con licencia MIT
Grid
Bootstrap se basa en una
rejilla (grid) de 12 columnas
Primero móvi
Bootstrap sigue el enfoque
“mobile-first design”:
diseñamos para móviles y
mejoramos para escritorio
Framework
Un framework nos da una
base que extendemos para
construir aplicaciones.
Bootstrap proporciona CSS,
JS, iconos y componentes
Less
El fuente de Bootstrap usa
Less, un lenguaje de estilos
dinámico (con variables o
mixins), que se puede
compilar a CSS
Referencias
Hay disponibles temas y
herramientas visuales para
personalizar o crear interfaces
con bootstrap
11
18. Versión compilada
18
▣ bootstrap.css
□ obligatorio - BS3 listo
para usar
▣ bootstrap-theme.css
□ opcional, añade
efecto 3D
▣ *.map
□ para depurar en
Chrome y enlazar less
y css
▣ *.min.css
□ versión comprimida
27. container y container-fluid
27
▣ Necesitamos envolver la rejilla en elemento
□ .container: contenedor fijo y adaptable
□ .container-fluid: contenedor fluid y adaptable
33. Diseño basado en rejilla
33
Qué es
▣ Esqueleto de la
página web
▣ Permite organizar
los elementos
(textos, gráficos, ….)
▣ Son las líneas
invisibles en que
colocamos los
elementos
Tipos de grid
▣ Manuscrito
▣ Columna
▣ Modular
▣ Jerárquico
▣ Adaptable
(responsive)
34. Tipos de grid (I)
Manuscrito Columna
34Fuente: http://www.vanseodesign.com/web-design/grid-types/
41. Rejilla BS3
41
▣ Dentro de etiqueta
container o
container-fluid
▣ Ponemos filas (row)
y dentro columnas
(col-xx-size)
▣ 1 fila, 12 columnas
▣ “Mobile-first” - el
dispositivo por
defecto es el más
pequeño (xs)
▣ Medianiles (gutter)
con padding
▣ Las clases de la
rejilla se aplican a
los dispositivos de
mayor tamaño si no
se sobreescriben
□ Ej. si defino col-md-
X se aplica a lg si no
defino col-lg-X
▣ Si defino más de 12
columnas, las que
no caben pasan a la
siguiente fila
80. Componentes JS
▣ Tenemos que definir un marcado HTML y…
▣ .. activarlos con jQuery o con marcado HTML
(atributos data-)
▣ Tenemos
□ ventanas modales
□ carrusel de imágenes
□ menús
□ …
□ Más en http://getbootstrap.com/javascript/
80
88. Cómo extender bootstrap
▣ Técnica sobreescribir propiedades css
□ ¡Nunca modificar bootstrap.css!
▣ Opción 1: usar la versión compilada de BS3
□ Modificamos el CSS
▣ Opción 2: usar la versión fuente de BS3
□ Hacer cambios en less o CSS
□ Si tocamos el less, se compila
□ Puede ser difícil
▣ En ambos casos, también podemos partir de
una plantilla o tema prediseñado o de las
plantillas de BS3
88
89. Generar bootstrap personalizado
▣ Podemos bajar fuente de bootstrap,
cambiarlo con less, y generar la versión o…
▣ Asistente en http://getbootstrap.
com/customize/
▣ Podemos
□ Importar una configuración previa
□ Adaptar cada variable
□ Descargar nuestro bootstrap
89
90. Incluir estilo propio
▣ Nunca modificad directamente bootstrap
90http://bootstrapbay.com/blog/customize-bootstrap/
92. Temas y Plantillas
▣ Plantillas
□ Nuevos tipos de páginas: comercio, administración,
...
▣ Temas
□ Nuevo diseño con plantilla y componentes de
Bootstrap
▣ Plantilla y Tema
□ Nuevos tipos con nuevos diseños
92
97. Less
▣ Preprocesador de CSS
▣ Permite definir
□ variables con operaciones
□ mixins, funciones, reglas anidadas
□ espacios de nombres e importar, ...
▣ Página: http://lesscss.org
▣ Compilador en línea
□ http://winless.org/online-less-compiler
▣ Chrome DevTools permite trabajar con
preprocesadores
□ https://developer.chrome.
com/devtools/docs/css-preprocessors
97
¡Fuera del temario!
107. 107
BS3 simplifica la creación de interfaces adaptables y
fácilmente mantenibles con nuevos temas
108. Fallos habituales
108
▣ Usar marcado HTML diferente para
dispositivos diferentes con hidden-sm o
visible-sm.
□ Se incrementa el tamaño global de la página HTML
□ Mejor usar la rejilla para redimensionar.
▣ Usar BS3 para aplicaciones móviles hechas
con tecnologías web. Mejor usar otros
frameworks más ligeros como Ratchet (de los
desarrolladores de BS3)
□ http://goratchet.com/
112. Créditos
Gracias a todos los que han publicado estos
recursos de forma gratuita:
▣ Minicons de Webalys
▣ Plantilla de la presentación de SlidesCarnival
▣ Fotos de Unsplash y Wix
112