miércoles, 21 de octubre de 2015

Programación - Code Academy

 Resolver Puzzles con Lightbot

Duración de la actividad: 3 clases
1 - Ver video introductorio  Lightbot 
2 - Crear un Diario de programación: Abrir un nuevo archivo de Word, guardarlo como Lightbot Apellidos.  Para cada desafío o nivel de Puzzle, escribir el nro de nivel, capturar la pantalla con la solución programada. El objetivo es llegar a resolver la mayor cantidad de niveles consecutivos.
3 - Ingresar en la Versión online 
4 - Una vez concluida la hora de código ingresar a I'm finished with my Hour of Code™  para personalizar tu diploma, que deberás descargar e insertar al comienzo del archivo de Word
5 -  Dar formato al documento: insertar encabezado con apellidos y curso y Pie de página (número de página, título y nro de PC en la que trabajó), recortar las capturas para que solo se muestre la ventana del puzzle con el área de código.
6 - Crear una tabla de dos columnas al final del documento, que muestre en la primera columna la imagen de los comandos disponibles en lightbot (recortarlos de las capturas anteriores) y su descripción en la segunda columna.
Crear una carpeta en la nube, dentro de la carpeta compartida con el nombre PGM. Guardar el trabajo en la carpeta PGM en la nube.

Studio. Code

1 - Crear un diario de programación "1-Play Lab apellidos".
Formatea el documento con encabezado (curso y autores) y Pie de página (número de página, título y nro de PC en la que trabajó).
Ingresar a PlayLab Recorrer los 10 niveles de puzzles.
Para cada nivel, en el documento, escribir como título "Nivel X", pegar el enunciado del problema a resolver y una vez resuelto capturar la pantalla, pegarla en el documento, recortarla de modo que muestre la pantalla final y el código. Accede a tu certificado y agrégalo al diario.
 Guardar el trabajo en la carpeta PGM en la nube.

2-  Crear un diario de programación "2-Curso apellidos".
Entrar al curso 2. Formatea el documento con encabezado (curso y autores) y Pie de página (número de página, título y nro de PC en la que trabajó). Recorrer los 20 niveles de puzzles.
Para cada nivel, en el documento, escribir como título "Nivel X", pegar el enunciado del problema a resolver y una vez resuelto capturar la pantalla, pegarla en el documento, recortarla de modo que muestre la pantalla final y el código. Accede a tu certificado y agrégalo al diario.
 Guardar el trabajo en la carpeta PGM en la nube.

3- Crear un diario de programación "2-Flappy apellidos".
Entrar al Flappy bird. Formatea el documento con encabezado (curso y autores) y Pie de página (número de página, título y nro de PC en la que trabajó). Recorrer todos los niveles de puzzles.
Para cada nivel, en el documento, escribir como título "Nivel X", pegar el enunciado del problema a resolver y una vez resuelto capturar la pantalla, pegarla en el documento, recortarla de modo que muestre la pantalla final y el código. Accede a tu certificado y agrégalo al diario.
 Guardar el trabajo en la carpeta PGM en la nube.


Vim Adventures

Es un juego directamente preparado para nuestro navegador en el que con un pequeño personaje podremos ir realizando todo tipo de operaciones con los mismos comandos que utilizaríamos en este editor.

Tynker

Está basado en Scratch, el lenguaje de programación desarrollado por el MIT. Se trata de una aplicación completamente basada en el navegador, que utiliza estándares abiertos web como JavaScript, HTML5 y CSS3, pero no no Flash.
A diferencia de otros tipos de enseñanzas, Tynker intenta que los niños piensen directamente como programadores. Con Tynker los más pequeños aprenden lenguajes de programación sin dejar de divertirse.

Sistema solar

Snap

Es una reescritura del sistema de programación Scratch en Javascript. Scratch (y por ende Snap!) permite construir programas arrastrando bloques con el mouse y es ideal para enseñar a programar. Algunos bloques representan acciones, otros representan condiciones, etc…
Snap! se puede configurar en español, permite guardar los programas en el navegador, exportarlos, o usando un usuario y contraseña se pueden guardar en un servidor. Además provee varios ejemplos para empezar a jugar.

Code Academy

Es una plataforma interactiva en línea que ofrece clases gratuitas de codificación en lenguajes de programación como Python, PHP,JavaScript, y Ruby, así como lenguajes de marcado incluyendo HTML yCSS

Catálogo de cursos 

Juegos




Artículos

Revisar
https://www.codingame.com/ide/2161137f4502dd161514579b4ec257c2905ad98
http://byob.berkeley.edu/
https://blockly-games.appspot.com/maze?lang=es&level=3&skin=0
https://www.codingame.com/ide/2161137f4502dd161514579b4ec257c2905ad98
http://www.escuela20.com/programacion-app-herramientas/no-te-lo-puedes-perder/10-herramientas-de-programacion-online-para-ninos-y-ninas_3107_62_4611_0_1_in.html
http://blogthinkbig.com/programar-jugando/
http://hipertextual.com/2014/02/aprender-a-programar-juego
Publicado por en No hay comentarios:

miércoles, 5 de agosto de 2015

Blogger



¿Qué es un blog?  Leer artículo

Actividades
Crear y configurar un blog personal
Escribir 3 entradas con 3 a 5 párrafos, al menos uno de producción propia, indicando autoría del resto e incluyendo 2 imágenes rodeadas por texto. Además:

  • 1er post: Introducción al tema elegido, configuración de la plantilla del blog
  • 2do post: Incrustar un video y agregar un gif animado
  • 3er post: Incrustar una página web y 3 objetos dinámicos. Para ver ejemplos se recomienda visitar el siguiente blog, Revisar tambièn las entradas antiguas del blog: http://cafe-grupo3-c63.blogspot.com.ar/.
    Se considerará cualquier objeto creado o guardado en otro sitio, que se muestre embebido o incrustado en el blog. Ejemplos: un avatar o voki, un sitio que recopile tweets con cierto #, una presentación guardada en slideshare, una nube de palabras incrustada, una galería de fotos, un crucigrama o sopa de letras, un juego, un comic, una página web, etc.
  • Espacio del blog: favicon, archivo del blog, etiquetas, autor y 4 gadgets (opciones: calendario, twitter, menú,  encuesta,  G+,+1,  buscar, secuencia de fotos, lista de vínculos, barra de video, entradas populares, etc)
  • Insertar una página para crear un menú que vincule las entradas del blog. Agregar una imagen del favicon.
Sitios para buscar imágenes libres


Para mirar 

http://platea.pntic.mec.es/vgonzale/web20_0809/conten/activ/Tarea_3.htm 

Recursos



Publicado por en No hay comentarios:

martes, 5 de mayo de 2015

Proyecto Diseño Web

Comentar en un blog

Video tutoriales

Html - Kompozer

Archivos de actividades

Proyecto con Kompozer Carpeta con archivos para descargar

Recursos

Como hacer una pagina web fácil. Creación de páginas web con Kompozer
1.Formatos
2.Imágenes
3.Tablas
4.Enlaces
5.Formularios
6.Marcos o frames
7.Hojas de estilos
8.JavaScript
9.Publicar en red
10.Guía de diseño

aulaClic. Curso de Creación de Páginas Web. Índice del curso

 aulaClic. Curso de HTML. Índice 
1. Introducción a HTML
2. Estructura de una página
3. El texto
4. Hiperenlaces
5. Imágenes 		6. Tablas
7. Marcos
8. Formularios
9. Multimedia
10. Capas 		11. JavaScript
12. Hojas de estilo
13. Páginas web dinámicas

Introducción a la creación y gestión de páginas web 
Como crear un sitio web gratis subiendo las páginas a Google Drive

Servir páginas web desde el nuevo Google Drive

Para los que comienzan después del cambio mencionado y desean hostear (almacenar) cualquier archivo en el servicio, deben de hacer lo siguiente:

1- Crear una nueva carpeta y compartirla como publica en la red.
2- Subir los archivos al interior de dicha carpeta.
3- Selecciona el archivo HTML y dar un clic en el botón "Open".
4- Dar un clic en el botón "Preview" en la barra de herramientas.
5- Copiar y compartir la dirección URL que posee un formato similar al siguiente:
https://googledrive.com/host/07657dh6GH43fkrubdfMdel/GoogleDriveHosting.html
25 Errores a Evitar en tu Sitio Web – Infografía  Vía

Publicado por en No hay comentarios:

miércoles, 25 de marzo de 2015

Software

Actividad
1- Abrir Word, Guardar el archivo comoo SW apellidos. Incluir un encabezado con los nombres, apellidos y curso. Numerar las páginas en el márgen derecho.
Escribir el título Software (utilizar estilos título 1, 2, etc en el documento)

2- Clasificación de Software
Elegir un SmartArt adecuado para transferir a tu archivo de Word la siguiente información


3 - Tipos de Licencias
a) Redactar  párrafo con 2 o 3 oraciones armadas a partir del siguiente cuadro

b) Leer el Artículo sobre Diferencias entre Freeware, Shareware, Adware y Software Libre en Aulaclic y armar un mapa conceptual que explique los distintos tipos de licencias. Guardar el mapa como imagen. Incluir la imagen en el archivo de Word a continuación del párrafo del item anterior

4- Sistemas Operativos - Clasificación
Leer los siguientes artìculos sobre clasificaciòn de sistemas operativos:
Sistema Operativo
Sistemas Operativos
En un mapa conceptual resumir la clasificación y las características. No incluir ejemplos. Marcar en un mismo color aquellos conceptos que se correspondan con la característica correspondiente a los sistemas operativos actuales. Guardar el mapa como imagen. Incluir la imagen en el archivo de Word con un título adecuado

5-  Sistemas Operativos - Características
Crear una tabla de doble entrada con los siguientes sistemas operativos en columnas: Windows 7, Windows 8, Windows 10,  Linux, Android, IOS, OS X, Chrome OS.
En las filas coloca los siguientes  encabezados: Logo, SO, Licencia, Aplicación, fortaleza, debilidad y observación
Investiga en Internet para completar la tabla.

6 - Informe
Organizar el archivo de Word, Agregarle una tabla de contenido.



Publicado por en No hay comentarios:

jueves, 19 de marzo de 2015

Mapas conceptuales

Sopas de letras
El mundo de deckerix 



Para crear mapas conceptuales online

Text 2 Mind Map. Esta herramienta online gratuita crea mapas conceptuales de manera automática mientras escribes. Solo tienes que teclear los conceptos en distintos niveles de tabulación, y la propia web estructura la información de manera gráfica. -
https://www.text2mindmap.com/

Bubble.us Con solo registrarte, este recurso online te permite crear mapas conceptuales de manera individual, y también colaborativa, exportarlos como imagen y compartirlos en Internet. Además, los puedes personalizar con las formas y colores que elijas.

Gliffy. A través de esta web puede realizar mapas conceptuales, diagramas, dibujos técnicos y otros recursos para organizar la información de una manera clara.

Wise Mapping. Otro editor online totalmente gratuito. Para utilizarlo solo hay que registrarse. Su utilización es sencilla y ofrece numerosas opciones para estructurar los mapas conceptuales.

Creately. Avalada por numerosas instituciones educativas, esta aplicación está disponible en distintos formatos, que incluyen la versión app y la versión en línea. Además de facilitar el trabajo colaborativo en la realización de los mapas conceptuales en tiempo real, destaca por su uso intuitivo y las numerosas plantillas que incorpora. Se puede ingresar con la cuenta de gmail.

MINDMAPS. Mapas mentales (online y gratis; tambien se puede descargar)

LUCIDCHART. Es un programa que se puede integrar como una Apps en una cuenta de Google.


Publicado por en No hay comentarios:
Suscribirse a: Entradas (Atom)