INFORMATICA Y TECNOLOGIA RONALD

jueves, 21 de julio de 2016

8º TALLER # 3 HTML

Averigüe las siguientes etiquetas y su función. Realice un Archivo HTML en el que muestre un ejemplo del uso de la etiqueta y su función.

<body bgcolor = "color">
<body background = "ruta imagen">
<marquee>
<img src="ruta imagen">
<a href="enlace">
<ol>
<li>
<ul>
<h1,2,3,4,5,6)
<center>
<s>
<hr>

10º TALLER PRÁCTICO ALGORITML # 1

En una hoja de papel, Realice los DFD para los siguientes problemas

1. Determinar el área y perímetro de un rectángulo cualquiera
P = lado1x2+lado2x2
A = lado1xlado2

2. Obtener el promedio de la edad de 3 personas

3. Un individuo desea invertir su capital en un banco y desea saber cuánto dinero ganará después de un mes si el banco paga a razón de 2% mensual.

Diseñe un algoritmo que permita calcular la suma de 2 números

Algoritmo
Datos Entrada: Número A de tipo entero

Número B de tipo entero

Datos Salida: Número C de tipo entero

Proceso: La suma de A y B que da como resultado C

Pseudocodigo

Inicio

Entrada: Leer A

Leer B

Proceso: Calcular C = A+B

Salida: Imprimir C (Mostrar C)

Fin

DFD

8º TALLER # 3 HTML

Averigüe las siguientes etiquetas y su función. Realice un Archivo HTML en el que muestre un ejemplo del uso de la etiqueta y su función.

<body bgcolor = "color">
<body background = "ruta imagen">
<marquee>
<img src="ruta imagen">
<a href="enlace">
<ol>
<li>
<ul>
<h1,2,3,4,5,6)
<center>
<s>
<hr>

martes, 19 de julio de 2016

8º TALLER 1 Y TALLER 2

Publique una imagen del Taller 1 y el Taller 2, que contenga, la imagen del Navegador Web (contenido en HTML) y el Bloc de Notas (contenido en código)

TALLER 1

TALLER 2

10º TALLER DFD # 1

Resolver el taller de ejercicios usando DFD

1. Determinar el área y perímetro de un rectángulo cualquiera
P = lado1x2+lado2x2
A = lado1xlado2

2. Obtener el promedio de la edad de 3 personas

3. Un individuo desea invertir su capital en un banco y desea saber cuánto dinero ganará después de un mes si el banco paga a razón de 2% mensual.

5º INTERFAZ NAVEGADOR WEB

Dibuje en su cuaderno la interfaz del Navegador Web Google Chrome

lunes, 18 de julio de 2016

3º ACTIVIDAD 2 - ENTERO A DECIMAL

El sistema binario utiliza el cero y el uno para representar cuándo la tarjeta se encuentra boca arriba o boca abajo. El 0 indica que los puntos se encuentran ocultos, y el 1 significa que los puntos están visibles. Por ejemplo:

¿Puedes obtener el qué número representado por 10101? ¿Y 11111?

ACTIVIDAD 2
¿En qué día del mes naciste y que mes? Escríbelo en binario. Descubre cuáles son los cumpleaños de 5 amigos en binario. Ejemplo: 1110/01001 = 30/09 que corresponde al cumpleaños del profesor.

4º BOTONES POWERPOINT

Dibuje en su cuaderno los siguientes botones con su respectivo nombre

jueves, 14 de julio de 2016

8º HTML Y ETIQUETAS

10º HTML - ETIQUETAS

ETIQUETAS

Esencialmente, una página Web es un archivo de texto que contiene instrucciones en forma de atributos y códigos HTML (llamados etiquetas). Las etiquetas son los comandos que posteriormente sigue el explorador Web para dar formato al texto e insertar imágenes gráficas en la página Web. Algunos de los comandos HTML requieren una etiqueta de apertura y otra de cierre.

Estas se denominan Etiquetas Contenedoras, ya que la instrucción de la etiqueta inicial se aplica a todo lo que contiene la página Web entre la etiqueta inicial y la etiqueta final.

Cada comando HTML (es decir, etiqueta HTML) comienza con un signo “menos que” (<) seguido por el nombre de la etiqueta y los atributos, y termina con un signo “mayor que” (>). Para crear una etiqueta de cierra para una etiqueta de apertura debe insertar una barra diagonal (/) junto con el nombre de la etiqueta. De este modo, una etiqueta inicial tiene la forma <nombreEtiqueta [Atributos]> y una etiqueta final tiene la forma </nombreEtiqueta>.

Ejemplo: Ejemplo de texto de párrafo.

Etiquetas de Sección HTML

<html> </html> Aparecen al principio y al final de un documento HTML. De esta forma, las etiquetas HTML inicial y final contienen todas las demás etiquetas HTML utilizadas para describir la página Web.

<head> </head> Las etiquetas de encabezado inicial y final aparecen inmediatamente a continuación de las etiquetas HTML iniciales (<html>) y denotan el encabezado de la página Web. Se pueden utilizar etiquetas en el encabezado de la página Web para incluir información como el nombre del autor y la fecha en que se ha creado la página.

De todas las etiquetas colocadas en la sección de encabezado, el explorador sólo muestra el título de la página Web, que se inserta en la sección de encabezado entre las etiquetas inicial y final <title></title>

<title> Permite colocar un título en la barra de título del navegador web </title>

<body> </body> Las etiquetas de cuerpo inicial y final aparecen inmediatamente a continuación de la sección de encabezado de la página web y denotan el texto principal de la página web. Las sección del cuerpo de la página Web contiene las etiquetas que indican al explorador web lo que debe mostrar en pantalla y el aspecto deseado.

EJEMPLO

<html>

<head>

<title>Título de la página Web </title>

</head>

<body>

Contenido de texto y etiquetas del cuerpo

</body>

</html>

ººNo importa si escribe las etiquetas en mayúscula o minúscula o una combinación de las dos, ya que el navegador web no hace distición, aunque también dependera de la especificación como en el caso de XHTML y XML. Es recomendable escribir las etiquetas con minúscula.

Etiquetas Vacías de HTML (No contenedoras)

Además de las etiquetas contenedoras, HTML utiliza otro tipo de etiquetas llamada etiquetas vacía. Mientras que las etiquetas contenedoras encierran contenido de página entre la etiqueta inicial y la etiqueta final, como una línea de texto, las etiquetas vacías no requieren una etiqueta final. Una etiqueta vacía se considera como un comando o instrucción sencilla, como "ven aquí" o "haz esto". Por ejemplo, el sigiuente código HTML utiliza la etiqueta de salto de línea ( ) para indicar al explorador web que vaya a la línea siguiente antes de mostrar el siguiente elemento de una página.

EJEMPLO

<html>

<head>

<title>Ejemplo de la etiqueta de salto de línea </title>

</head>

<body>

Este texto se muestra en la línea uno

Este texto se muestra en la línea dos

</body>

</html>

miércoles, 13 de julio de 2016

5º TALLER NAVEGADOR WEB

5º TALLER - NAVEGADOR WEB

Responda en su cuaderno las siguientes preguntas
1. ¿Que es Internet?
2. ¿Para que sirve Internet?
3. ¿Que es un navegador Web?
4. ¿Para que sirve una navegador Web?
5. Dibujo el ícono (logo) de los siguientes navegadores Web: Internet Explorer, Mozilla Firefox, Google Chrome,

Apple Safari y Opera

martes, 12 de julio de 2016

10º TALLER ALGORITMOS

Responda en su blog, las siguiente preguntas
1. ¿Que es un Algoritmo?
2. ¿Para que sirve un Algoritmo?
3. ¿Que es un DFD?
4. ¿Para que sirve un DFD?
5. Pegue una imagen en la que aparezcan las convenciones usadas para representar los DFD como: Inicio y Fin, Entrada de datos, Procesos, Condiciones, Lineas de Flujo, Impresión por pantalla o impresora.

lunes, 11 de julio de 2016

11º PROYECTO TECNOLOGÍAS DEL MAÑANA

PROYECTO FINAL TECNOLOGÍA

DANIEL 12:4

Crear un proyecto tecnológico o informático con el que pueda ayudar a la humanidad en cualquiera de los ámbitos de la sociedad; que permita mejorar es estilo, la calidad o la cantidad de vida, alimentación, transporte, conocimiento, investigación, etc.

1. Nombre del proyecto: portada con el nombre del proyecto, los nombres de los integrantes (Máximo 2 personas) y los datos de la institución - 1 página

2. Planteamiento del problema: Describir la situación que puede observarse o que se está presentado - Mínimo 1 página.

3. Propuesta: Explicar en que consiste el proyecto que está planteando para dar solución al problema - Mínimo 1 página

4. Marco conceptual y teórico: Detallar los conocimientos generales y específicos que es necesario saber para comprender el proyecto, además deben incluirse información de proyectos similares y cual es su alcance o fue su alcane o proyectos que aporten a su proyecto - Mínimo 1 páginas

5. Objetivo general: Especificar cual sería el objetivo general - 1 página

6. Objetivos específicos: Indicar cuales serían los objetivos específicos del proyecto. - 1 página

6. Conclusión: Escribir la conclusión de su proyecto - 1 página

7: Dibujo prototipo proyecto - 1 página

FECHA DE ENTREGA: 1 septiembre
FORMA DE ENTREGA: Impreso, preferiblemente empastado o encuadernado, aplicar normas para presentación de trabajos escritos.

7º BOTONES POWERPOINT

Dibuje en su cuaderno los siguientes botones

4º INTERFAZ DE POWER POINT

LA CREACIÓN

MICROSOFT POWER POINT

Es un diseñador y presentador de diapositivas, creado y distribuido por Microsoft Office, que permite realizar presentaciones.

Es un programa diseñado para hacer presentaciones con texto esquematizado, así como presentaciones en diapositivas, animaciones de texto e imágenes prediseñadas o importadas desde imágenes de la computadora. Se le pueden aplicar distintos diseños de fuente, plantilla y animación.

Es software que le permite crear materiales que se pueden utilizar en un proyector. El uso de este material para anunciar un informe o una propuesta se denomina presentación. Al usar PowerPoint, puede crear pantallas que incorporan efectivamente texto y fotos, ilustraciones, dibujos, tablas, gráficos y películas, y pasar de una diapositiva a otra como en una presentación con diapositivas. Puede animar texto e ilustraciones en la pantalla usando la característica de animación, así como agregar una narración y efectos de sonido. También, puede imprimir materiales y distribuirlos mientras realiza la presentación.

INTERFAZ DE POWERPOINT

jueves, 16 de junio de 2016

6º CONVERSIÓN DE UNIDADES

Si alguna vez pensamos en encontrar a Dios en la ciencia, seguramente lo imaginamos en relación a la astronomía, la física, la biología o la genética. Pero tal vez la prueba de la existencia de Dios esté más cerca de lo que pensamos. Quizás lo encontremos a la vuelta de la esquina en la más abstracta y a la vez exacta de todas las ciencias: la matemática.

Desde los inicios de la ciencia el hombre se preguntó por qué la matemática se corresponde tan perfectamente con el mundo real. No hay filósofo que no se haya topado con esa gran pregunta ¿Por qué la matemática es una herramienta idónea para manejarnos en el mundo donde vivimos? ¿Por qué el mundo es tan indefectiblemente matemático?

10º ALGORITMOS

DIAPOSITIVAS PARA REPASAR PARA LA EVALUACIÓN

Teoría de Algoritmos vista en clase para que repasen: https://app.box.com/s/yndf46a4ly78ik49ngn3wvepk6a84rv6

11º TECNOLOGIAS DEL MAÑANA

Para publicar en el blog, Responda las siguientes preguntas

¿Qué es ciencia?
¿Qué es tecnología?
¿Qué es un invento?
¿Qué es un científico?
Escriba acerca de un invento que le haya gustado mucho y escriba ¿por qué le gusto? Agregue una imagen

8º DISEÑO WEB

EL GRAN DISEÑO DE DIOS

Génesis 1

Génesis 1:26

DISEÑO WEB

Para diseñar una página Web, es necesario hacer eso, diseñar y para diseñar se necesitan tener en cuenta varios aspectos como: ¿A quien va dirigida la página?, ¿Que clase de información contiene la página?, etc. De acuerdo a como se respondan estas preguntas se deberá realizar el diseño de la misma.

Colores:
La combinación de colores es fundamental al momento del diseño, ya que va a tener una influencia realmente grande en cómo lo perciban los usuarios y la sensación que les quede después de verlo.
Una de las primeras cosas a tener en cuenta es el numero o cantidad de colores. Es arriesgado establecer una norma estricta, ya que más de 6 colores simultáneos en una composicion pueden ser demasiados si existe un gran contraste entre ellos, pero pueden formar una combinación agradable si la relación entre ellos es adecuada.
Dos puntos a tener en cuenta
Siempre es mejor pocos colores antes que muchos. Como mínimo, el riesgo de estridencias es menor.
Podemos afirmar que 3 colores en una misma composición sería lo mínimo a utilizar y, en la mayoría de casos, debiera ser suficiente. Con menos de 3, las posibilidades de que la página o la imagen sea anodina y aburrida son muy grandes.
Estructura básica de una composición
Color Primario: es el tono básico de la página, el que la define, y el que ocupa la gran mayoría de la misma. Sería el color del atributo "background" de la página.
Color Secundario: es el segundo tono predominante en la página, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar áreas y debe ser bastante próximo en tono al primario.
Color Destacado: es el color que se utiliza para resaltar aspectos concretos de la página. Por definición debe contrastar mucho con los colores primario y secundario y, por tanto, debe utilizarse con moderación. Puede utilizarse el Complementario o el Complementario Escindido del color primario de la página.
Relación entre colores

Circulo Estándar del Color
Según su posición relativa en el Círculo Estándar de Color, los colores pueden ser:
Colores Análogos: Para un determinado color, sus colores análogos son aquellos que se encuentran a ambos lados del mismo en el círculo de color.
Por ejemplo los análogos del naranja serían el rojo y el amarillo. En un sentido más específico, los análogos del rojo "red", serían rojo violáceo "crimson" y rojo anaranjado "orangered".

Usados juntos producen sensación de armonía. Suele ser una buena idea usar colores complementarios como primario y secundario de una página web.
· Colores Complementarios: Son aquellos que se encuentran opuestos en el círculo de color (por ejemplo el amarillo y el violeta o naranja y azul). Usados juntos producen un gran contraste destacando mucho uno sobre el otro. Su efecto puede ser llamativo y hasta agresivo.
Dos colores complementarios serían por ejemplo el rojo violáceo "crimson" y el turquesa "turquoise"

Suele funcionar muy bien usar el color complementario del primario de una página como color destacado. También suele ser una buena alternativa utilizar el color complementario del secundario.
· Colores Monocromáticos: Son aquellos que se encuentran aislados, sin presencia de otros colores. Usados producen sensación de unidad, homogeneidad y robustez. Se puede evitar la monotonía utilizándolos con diferente luminosidad (más claros y más oscuros).

Colores Complementarios Adyacentes: Para un color, sus complementarios adyacentes son los colores análogos de su color complementario.

Tres colores complementarios adyacentes del rojo "red" serían por ejemplo el verde primavera "springgreen" y el azul cielo "skyblue".

El uso de de un color y sus complementarios adyacentes aporta un alto nivel de contraste, sin llegar al extremo cuando se usa directamente su complementario. También suele ser mayor la sensación de armonía que usando el complementario directo.
· Tríada de Colores: Tres colores constituyen una Tríada cuando sus tonos son equidistantes en el Círculo Estándar de Color.
Un ejemplo de tríada lo constituirían el amarillo "yellow" junto al turquesa "turquoise" y al violeta "violet".

Utilizar un esquema de color en tríada suele ser una buena solución cuando se desea un diseño colorido, ya que la mezcla estará bien balanceada. Si el conjunto resulta demasiado colorido para lo que necesitamos, siempre se pueden apagar un poco los colores disminuyendo su luminosidad o su saturación (o ambas).
· Esquema Cromático Monotono: Un esquema de color monotono lo constituyen un único tono de color junto a sus posibles variaciones en términos de tintes, luminosidad y saturación.

Suele ser una buena solución si se desea un diseño robusto y homogéneo pero con las diferenciaciones y resaltes necesarios. En el caso probable de sensación de monotonía, siempre es una buena solución introducir negro y blanco.
· Esquema Acromático Monotono: Un esquema de color acromático monotono es un caso particular del esquema de color monotono constituido sólo por colores neutros dentro de la gama del negro al blanco.

Suele ser un esquema eficaz con el que diseñar los distintos componentes de la página web, pero con seguridad resultará aburrido. Una buena solución es introducir un color resaltado como rojo o celeste.
Contraste entre colores
El contraste será mayor cuanto mayores sean las diferencias entre ambos en términos de:
· Tono
· Luminancia
· Cromancia

Cuando se diseña un sitio el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes.

En primer lugar será importante que exita un gran contraste entre el testo ordinario y el fondo. Sin embargo habrá que tener sumo cuidado en no caer en estridencias que generalmente son tomadas como inmadurez o falta de profesionalidad.

Esta misma recomendación es aplicable cuando elegimos colores para resaltar o separar áreas de contenidos (aquí es menos necesario y abusar de él puede ser aún más perjudicial).

Si en nuestras páginas utilizamos por ejemplo un marco del área de trabajo gris y queremos utilizar un verde para áreas resaltadas, no es lo mismo elegir la sig. combinación:

en contraposicion con esta

En el segundo caso la gran luninosidad de ambos colores, y en especial la del verde, hace que el contraste sea demasido grande y la combinación resulte agresiva.
Teoría del color
La Teoría del color define muchos tipos de contraste y, aunque algunos no son especialmente aplicables a páginas web, es muy interesante conocerlos para profundizar en el conocimiento del efecto de los colores.
· Contraste de Tono: Está relacionado directamente con las distancias entre dos colores dentro del Círculo Estándar de Color descritas má arriba. Así, cuanta mayor es la distancia entre dos colores dentro del círculo, mayor es el contraste entre ambos.

Entonces, una pareja de colores complementarios produce el máximo contraste, mientras que para cualquier color el que menor contraste produce con este es su adyacente.

Es interesante el contraste de tono entre colores fríos y cálidos. Los colores cálidos siempre aparecen al espectador más próximos, mientras que los colores fríos aparecen al espectador más distantes.

En una página web será más conveniente utilizar colores fríos para marcos, tapices o elementos secundarios (como es el caso de Clab) y colores calientes para menús, iconos o barras de herramientas que queramos que el usuario siempre tenga presente.

Para la relación texto y fondo normalmente no será suficiente contraste de tono ya que no garantizará legibilidad suficiente. Será necesario aplicar algún tipo de contraste adicional.
· Contraste de Luminancia (o de Valor): Permite crear grandes contrastes con el mismo tono de color sólo mediante el brillo de luz:

En general este tipo de contraste, aún siendo grande, es agradable al ojo humano, con lo que usarlo en diseños web suele ser trabajar sobre seguro. Como contrapartida, no arriesgar en la combinación de tonos, puede significar apostar por un diseño convencional, poco impactante.
· Contraste de Saturación: El contraste de saturación con frecuencia es el más adecuado para resaltar aspectos de la página web de una forma moderada, poco estridente.

Un efecto interesante se obtiene utilizando áreas con diferentes saturaciones con un fondo gris: se produce una sensación de transparencia que puede ser muy apropiada en ciertas circunstancias.
· Contraste Simultáneo: Es un efecto creado por nuestro sistema visual que, dado un color predominante, tiende a requerir su color complementario.
Este efecto puede obtenerse combinando dos colores brillantes pero que no sean complementarios, o, simplemente, utilizando un color brillante sobre un fondo neutro (un color de la gama de los grises).

· Este tipo de contraste tiene la ventaja de resaltar diferencias entre áreas de forma impactante, pero sin la agresividad que producen los complementarios. Sin embargo puede provocar tensión e inestabilidad y debe utilizarse con prudencia.
Veamos un poco sobre el contraste en los textos

En este caso he utilizado un Contraste de Tono, poniendo un lienzo violeta y el texto en turquesa, que es complementario adyacente del primero, por lo que la combinación debería aportar suficiente contraste de color.
Sin embargo, vemos que para el caso de textos, no es así: la combinación no aporta suficiente contraste y leer el texto cansa la vista (sobre todo si fuera un párrafo largo). Aunque la mezcla es natural y no es desagradable,no es adecuada para textos.

Veamos con otra combinación

En este segundo caso, al contraste de color inicial le hemos añadido Contraste de Luminancia, oscureciendo el fondo e iluminando el texto. La combinación de ambos contrastes aumenta sensiblemente la legibilidad del texto.

Los colores tienen unas características naturales de luminosidad. Así el turquesa o azul mar es naturalmente más claro que el rojo violáceo. Nos damos cuenta que son complementarios, la mezcla funciona bien y aporta suficiente contraste.
Sin embargo, invertir las relaciones naturales entre colores no funciona.

Aportando contraste de luminancia y de saturación simultáneamente conseguimos oscurecer el turquesa y aclarar el crimson pero, aunque consiguiéramos suficiente contraste para resaltar el texto (que vemos que no es el caso), la vista no se sentiría cómoda ante la mezcla.

Como acabamos de comentar usar convenientemente el contraste es especialmente importante cuando se trata de escribir texto y resaltarlo suficientemente para garantizar su legibilidad a la totalidad de nuestros usuarios.

Tomado de: http://www.cristalab.com/tutoriales/guia-basica-para-la-combinacion-de-colores-c53345l/

SIGNIFICADOS DE LOS COLORES

Uso de los colores
Negro - Prohibición, Misterio, Muerte, Oscuridad, Maldad
Blanco - Pureza, Sinceridad, Seriedad.
Gris - Encierro, Aburrimiento, Depresión, Tranquilidad
Café - Monotonía. Tranquilidad, Seriedad.
Azul - Limpieza, Frescura, Tranquilidad, Paz.
Amarillo - Alegría, Calor, Luz, Alerta.
Rojo - Pasión, Fuerza, Agresividad, Alerta.
Verde - Frescura, Naturaleza, Tranquilidad, Indecisión
Naranja - Calor, Hambre, Intranquilidad.
Morado - Misterio, Soledad, Cursi.

Dependiendo de tu tendencia tonal, tu visitante tendrá distintas sensaciones sobre el mismo color, solo es cuestión de modificar el tono para crear la sensación que deseas y según la combinación
de tonos que tienes en tu sitio, tú puedes crear una idea sobre tu sitio.

Algunos colores se asocian fácilmente con paginas web especificas, descubre la identidad de tu sitio y lo que tus visitantes pueden imaginar que encontraran con solo ver los colores:

Negro - Paginas pornográficas, de contenido ilegal, de videojuegos
Blanco - Paginas comerciales, de servicios.
Gris - Paginas con contenido muy serio
Café - Religión, Libros, Coleccionistas y servicios
Azul - Usado en todas sus tonalidades en casi todos los sitios
Amarillo - Paginas de chistes, de artesanías, de restaurantes o servicios turísticos
Rojo - Paginas de servicios generalmente mecánicos, electrónicos o de herramientas
Verde - Salud, vida sana, nutrición, naturismo
Naranja - Alimentos, Mascotas
Morado - Belleza, Eróticas

9º CONVERSION DE UNIDADES

miércoles, 15 de junio de 2016

7º INTERFAZ POWER POINT