miércoles, 22 de noviembre de 2017

Ultima sesion del plan de nivelacion

Mindomo 

Es una aplicación que nos sirve para la creación de mapas mentales y conceptuales de forma gratuita y sencilla en linea que nos permite introducir toda clase de contenido ya sea texto, hiperenlaces, vídeos, música e imágenes.
Tiene la posibilidad de  de exportar un mapa, en cualquiera de los siguientes formatos:
Imagen, Archivo de texto sin formato, RTF(tipo microsoft word) y PDF.


Pasos para crear tu mapa conceptual en mindomo 

1.Entramos a mindomo https://www.mindomo.com/es/ damos clic en suscribirse y nos registramos gratis  


2. cuando ya estemos registrados llegara a nuestro correo un link el cual nos da acceso a la pagina de Mindomo 


                                        




3.Aparecen las siguientes opciones puedes  escoger la mas indicada para ti en mi caso seria estudiante.




4.En la parte superior izquierda de la pagina
podemos encontrar un icono con la palabra crear



5.Elegimos el diseño de mapa según lo que deseemos crear y le colocamos un titulo.




6.Ahora te da todas las opciones usa tu creatividad , podemos colocar o quitar los cuadros de texto que te da la pagina 



Y ahora veremos un ejemplo de mapa conceptual hecho en mindomo sobre contenido digital.




Make your own mind maps with Mindomo.

martes, 21 de noviembre de 2017

Segunda sesion del plan de mejoramiento

Nube de etiqueta
La herramienta que se requería utilizar para crear la nube de etiquetas fue WordArt, esta herramienta es online y muy fácil de usar, en esta nube copie 30 términos que me dio la profesora sobre la web o sobre internet, a continuación veremos la nube de etiquetas creada en la herramienta nombrada anteriormente.


Infografía

Realizamos una infografía en la herramienta online para crear contenido digital llamada Genial.ly, esta herramienta nos da diferentes formas para crear infografías, yo escogí una con un diseño de una tabla de surf, esta infografía fue creada sobre el internet, lo que cada quien quisiera realizar sobre este tema, por mi parte investigue 4 aspectos importantes en la historia del internet, ahora dejare el link de mi infografía para que la puedan apreciar.

https://www.genial.ly/5a11db2cf8582a12bc42704c/infografia-internet






Primera sesion del plan de nivelacion

Reseña

En la primera sesion del plan de nivelacion realizamos diferentes cosas las cuales voy a nombrar una a una a continuacion:

1. Ingresamos a el blog de la profesora lis el cual se llama lissyvancelis http://tecnologiaeinformatica-lissyvancelis.blogspot.com.co/, alli leimos en que se basaba el plan de mejoramiento y de que manera se iva a calificar la nivelacion.


2. Ingresamos a el siguiente link https://youtu.be/TWam7b9jWb0 el cual abrio un video sobre las funciones de excel, con este video debiamos tomar apuntes en una hoja de examen cuadriculada.

3. Entramos a excel e hicimos la misma tabla que hacian en el video, tambien hicimos todas las formulas que nos enseñaron en el video, a esta hoja de excel le pusimos como nombre Video.


4. Buscamos en internet la informacion mas basica sobre las herramientas explicadas en el video y copiamos toda esta informacion en la hoja de examen que les habia nombrado anteriormente.Tambien buscamos ejemplos y los copiamos en una segunda hoja de excel con el nombre de Ejemplos. 

6. Guardamos el archivo de excel y lo subimos a google drive, en  nuestra carpeta de informatica abrimos una subcarpeta llamada Nivelacion y ahi guardamos el archivo de excel.



7. Realizamos una publicacion en nuestro blog en la cual documentamos todo lo que realizamos en la primera sesion del plan de nivelacion.

Y aqui esta el link del archivo trabajado.




viernes, 10 de noviembre de 2017

Taller final tercer periodo 2017


GoConqr





GoConqr es una herramienta para crear contenido digital muy facil de utilzar, sirve para crear diapositivas, mapas, fichas entre otros  de una forma facil ya que ella te dice todo paso a paso. con esta los maesros podran hacer exposiciones sobre un tema y que todo sea mas breve.

A continuacion explicare paso a paso como se usa esta increible herramienta para crear contenido digital:

1. Ingresar al sitio https://www.goconqr.com/?reg_complete=1  para ingresar a la herramienta.                                                                   

2. Si no tiene cuenta registrase con un nombre de usuario y su contraseña.
3. Si quiere aparece la opcion de entrar con google, mejor dicho con su cuenta de gmail.
4. Alli entraras y das clic en donde dice crear y van a aparecer diversas opciones pra crear contenido.


5. Entonces empiezas a crear en mi caso la diapositiva y luego lo guardas. 



Ejemplo de diapositiva realizada con GoConqr.

Conjunto de Diapositivas creado por Jarvey Amador con GoConqr


Esta  diapositiva  la hice para explicar que es el futbol, unas de sus reglas, los elementos para poder llevarlo a cabo y con esto podria hacer una exposicion sobre el futbol y se me facilitaria mucho.

Esto fue lo que utilize en mi contenido digital.











sábado, 12 de agosto de 2017

Taller Final Segundo Periodo 2017

Funciones, Potencia, Raíz y pi

Las funciones son operaciones predefinidas que realizan cálculos con valores específicos denominados argumentos y cumpliendo una estructura y un orden determinado.

Potencia:

 La función POTENCIA sirve para elevar un número a una potencia. La función requiere dos (2)argumentos:

Numero: El numero que queremos elevar.

Potencia La potencia a la que queremos elevar el valor que indicamos como número.

Ejemplo de operación: Cual es el resultado de elevar 16 a la séptima potencia.

La función sería entonces:

=POTENCIA(16,7)


El resultado es que 16 elevado a la séptima  potencia es igual a: 268435456

Por último, es importante mencionar que los argumentos pueden ser referencia a celdas que tengan un valor numérico como se muestra en la siguiente imagen:


Raíz:

La sintaxis de la función raíz tiene los siguientes argumentos:

Número    Obligatorio. Es el número cuya raíz cuadrada desea obtener.

Si número es negativo, raíz devuelve el valor de error #¡NUM!.

Pi:

Devuelve el número 3,14159265358979, o la constante matemática pi, con una exactitud de 15 dígitos.

La sintaxis de la función PI no tiene argumentos.

Link del taller desarrollado para esta temática



Retoque fotográfico




Herramienta De Saneado:

Se utiliza para borrar las arrugas de un rostro

Pasos:

1. Teniendo la imagen se amplia a un 300% , vamos al menú ver, ampliación aparece 100% le damos clic en otros.

2. Con la herramienta saneado (opacidad  50%) damos ctrl y clic para tomar la textura y el color cerca a donde vamos a retocar.

3. Dar clics para el retoque hasta que se suavise la imperfección.

4. Guardar y exportar a jpg.

Resultado de imagen para PASOS PARA SANEADO EN GIMP

Cambio De Color De Ojos:

Se utiliza como su nombre lo indica para cambiar el color de los ojos.

Pasos:

1. Abrimos el GIMP y seleccionamos el menú ARCHIVO – ABRIR y seleccionamos la fotografía que deseamos editar.

2. Añadimos una Nueva Capa sobre la cuál trabajaremos para el nuevo color.

3. Seleccionamos Capa nueva, y después seleccionamos el nuevo color de ojos que deseamos utilizar.

4. Pintamos con el pincel el área que deseamos cambiar de color.

5. Seleccionamos capa nueva y en modo seleccionamos solapar, automaticamente nuestra fotografia cambiara el color de los ojos.

6. Guardar y exportar a jpg.

Link carpeta de archivos de  gimp

https://drive.google.com/open?id=0B-6CG-FFeNVlQ0ZlU2hSZnpUQk0










Fotomontaje

Se utiliza para cambiar el fondo de una foto.

Pasos

1. Abrimos las dos imagenes con gimp tanto la principal como la que vamos a poner en la principal.

2. Con la herramienta de seleccion de tijeras y eligiendo la opcion limites interactivos, se va dando clic por todo el contorno de lo que queremos mover de la forma mas precisa posible. 

3. Cuando se complete el recorrido de la seleccion debe cerrarse dando clic en el primero de los puntos de la seleccion y luego enter, de esa manera aparecera el conocido camino de hormigas.

4. Copiar la seleccion con ctrl + c y pegarla e una nueva capa transparente.

5. Eliminar la capa original y guardar lo seleccionado con fondo transparente en formato xcf.

6. Sin cerrar lo que acabamos de hacer, abrir la imagen con el fondo que deseamos poner en un nuevo gimp.

7. Crear una nueva capa transparente donde se pegara en ella la seleccion que se tiene e memoria en el portapapeles. si ya no se tiene, se abre la ventana donde esta la imagen con fondo transparente, se copia y se pega en la capa transparente creada en la ventana de el fondo.

8. Con las herramientas de escalar y mover se va redimensionando el tamaño de la imagen y tambien se va ubicando en la posicion deseada.







Google Sites

Unas de sus principales caracteristicas son:

1. Personalizar la interfaz del sitio para que tenga una apariencia similar a la de tu grupo o proyecto.

2. Crear una subpagna haciendo clic en un boton.

3. Elegir de entre una lista creciente de tipos de pagina: pagina web, anuncios, archivador.

4. Centralizar informacion compartida: incrusta contenido multimedia en cualquier pagina (videos; documentos, hojas de calculo y presentaciones de Google Docs; presentaciones de fotos de picasa; gadgets de ¡google) y sube archivos adjuntos.



jueves, 24 de noviembre de 2016

Nivelacion Segundo Periodo



Html 5 


La ultima version de este lenguaje basico corresponde al html5, donde se introducen nuevos elementos que mejoran la navegacion y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de <canvas>, <video> o <footer>.

Esta nueva version no se trata solamente de cambiar y eliminar etiquetas. va mucho mas alla.

En todo sitio web hay elementos que se utilizan. El encabezado (headerA, barras laterales (sidebars), el pie de pagina (footer), los menus de navegacion, se utilizan en esta nueva version como etiquetas ya establecidas, brindando una mejora en la intuicion para el desarrollo.

Asi mismo una de las mayores mejoras es la utilizacion de "canavas" o marcos de trabajo, que sirven para utilizar animaciones sin necesidad de instalar plugins ni usar un reproductor Adobe Flash para videos web, estandar considerado de facto. Esta opcion es un gran avance, ya que Flash tiene grandes desventajas en los grafiocs web, como que los motores de busqueda no puedan leer el texto dentro, que pesan mucho y tardan en cargar. Al implementarse con canvas, se usara unicamente codigo javascript aligerando el peso de la pagina. 

Tambien quedan obsoletos algunos elementos de html4, razon por la cual es conveniente repasar acerca de las novedades que incluye html5, cuyo lenguaje es regulado por W3C.



CSS3 


Css3 es un lenguaje utilizado en la presentacion de documentos Html. un documento Html viene siendo coloquialmente"una pagina web". Entonces podemos decir que el lenguaje css3 sirve para organizar la presentacion y aspecto de una pagina web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informaticos para elegir multitud de opciones de presentacion como colores, tipos y tamaños de letra, etc.

Algunas opciones basicas del lenguaje CSS3 por ejemplo pueden ser el poder cambiar el color de algunas tipicas etiquetas Html como <h1> (h1 es una etiqueta en el lenguaje Html destinada a mostrar un texto como encabezado, en tamaño grande). pero tambien hay funciones algo mas complejas, como introducir espacio entre elementos <DIV> (div es una etiqueta Html para identificar una determinada region o division de contenido dentro de una pagina web) o establecer imagenes de fondo.

CSS3 es muy intuitivo y sencillo una vez se llega a aprender, ya que para su definicion siempre se hace uso de un identificador de etiqueta Html (como por ejemplo <h1> y luego indicamos con que aspecto queremos que se muestren todas las etiquetas <h1> que aparezcan en un documento. ALigual que con <h1> podemos definir como queremos que se muestren las distintas partes del documento Html, pudiendo en cada caso definir sus propiedades( color, tipo de fuente, tamaño, espacio, imagen) con algun dterminado valor deseado.

Ejemplo de página web con HTML5 y CSS3 dando clic aquí





TRABAJOS REALIZADOS CON GIMP















Nivelación De Informatica Primer Periodo



¿Que es html?

Html es un lenguaje demarcado que se utiliza para el desarrollo de paginas de internet. se trata de la sigla que corresponde a Hypertext Markup Language, es decir, lenguaje de marcas de hiprtexto, que podria ser traducido como lenguaje de formato de documentos para hipertexto.

se trata de un formato abierto que surgio a partir de las etiquetas SGML (standard Generalized Markup Language). Concepto traducido generalmente como "estandar de lenguaje de marcado generalizado" y que se entiende como sistema que permite ordenar y etiquetar diverosos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizaran al ordenar, no existen reglas para dicha organizacion, por eso se dice que es un sistema de formato abierto.

El html se encarga de desarrollar una descripcion sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotogafias, animaciones, etc).

¿cual es la estructura basica de html?

Todos los documentos html tienen la estructura que se muesta a continuación, aunque la etiqueta <body puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML> 

<HEAD>

         <TITLE>Título de la página</TITLE> ... </HEAD> <BODY> Aquí iría el contenido de la página

 </BODY>

 </HTML>

Vamos a analizar más detenidamente las distintas secciones que componen la página
 Entre las etiquetas <html>  y <head>  se suelen colocar otras opcionales, como por ejemplo:<meta name="description" content="Información sobre el Centro,las enseñanzas que se pueden cursar, los departamentos didácticos"><meta name="keywords"
 content="educación,enseñanza,instituto, profesores, alumnos">

En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización.

 La cabecera  es la sección comprendida entre < head> y </head> En ella se encuentra necesariamente el título (entre las etiquetas <title> y</title).

El título de la página debe describir su contenido por ejemplo:

<TITLE>Colegio Público de Villamañán - Ámbito de Influencia - </TITLE> no valdría en cambio<TITLE>Página de Inicio</TITLE> ya que esto no dice nada por si solo.


Dentro de la cabecera también se suele incluir código en JavaScript, que se reconoce porque va comprendido entre las etiquetas
<script language="JavaScript"><!--Aquí iría el código// --></SCRIPT>

 El cuerpo (body) del documento html es normalmente lo más importante. Es aquí donde debemos colocar el contenido de nuestra página: texto, fotos, etc.

El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> suele contener algunos atributos, a saber:

Bgcolor parámetro usado para especificar el color de fondo de la página. El color se define como una terna de números (RRGGBB) en base hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). También se puede usar el nombre en inglés de los colores predefinidos en los navegadores.


ETIQUETAS


<img>

representa una imagen.

<body>

Representa el contenido principal de un documento html. solo hay un elemento <body> en un documento.

<head>

Representa una coleccion de metadatos acerca del documento incluyendo enlaces o definiciones de scripts y hojas de estilo.

<title>

Define el titulo del documento, el cual se muestra en la barra de titulo del navegador o en las pestañas de pagina. solamente puede contener texto y cualquier otra etiqueta contenida no sera interpretada.

<center>

No soportado en html5. Despreciado en html 4.01. Define el texto centrado

<html>

Define el inicio y el final de un documento

<h1>...</h1>o<h2>...</h2>(hasta 6) parrafos que son encabezamientos (con distintos niveles).

<p>...</p>parrafos normales.

<p aling="center">...</p>

Elatributo aling permite alinear el texto del parrafo. se puede aplicar igual a las etiquetas <h1>,<h2>,etc...

<BR>permite partir un parrafo empezando una linea nueva pero sin dejar espacio.

<HR>pone una linea horizontal de separacion.

Ejemplo de página web en HTML dando clic aquí