Técnico en Sistemas 10



VÍDEO DE CREACIÓN DE BLOG






Herramientas de Google

Blog
blog es un sitio web con formato de bitácora o diario personal. Los contenidos suelen actualizarse de manera frecuente y exhibirse en orden cronológico (de más a menos reciente). Los lectores, por su parte, suelen tener la posibilidad de realizar comentarios sobre lo publicado.
Un blog puede servir para compartir opiniones o difundir novedades. En ocasiones se tratan de sitios independientes, mientras que también hay blogs que funcionan como secciones o anexos del sitio web principal. 

Actividad 
  
1.    Diseñar un blog con la temática técnico en sistemas
2.    Donde publique mínimo 3 entradas sobre las partes de un computador y el concepto e imágenes  de ejemplo como memorias , pantallas, disco duros etc
3.     Insertar un video explicando las partes internas del pc

Evaluación 

     Copiar el link  de su blog realizado en documento word y subir este documento en la carpeta que tienes creada drive y compartida con  el correo  tecnologiainfofeyalegria@gmail.com


Herramientas web 2.o



Que son herramientas web 2.?







    















 

World Wide Web. Web 2.0 permite a los usuarios interactuar y colaborar entre sí, como creadores de contenido. La red social conocida como web 2.0 pasa de ser un simple contenedor o fuente de información; la web en este caso se convierte en una plataforma de trabajo colaborativo. Ejemplos de la Web 2.0 son las comunidades web, los servicios web, las aplicaciones Web, los servicios de red social, los servicios de alojamiento de videos, las wikisblogsmashups y folcsonomías


Ejercicio

Visita y lee la siguiente pagina Ver página

Responde después de la lectura

a)      Que es la web 2.0
b)       Que son Herramientas Tics Web 2.0
c)      Nombre 10 herramientas web 2.0 y hable de cada uno de ellas


Evaluación 
      Después de consultar el taller, realiza una presentación en power point y subir esta presentación en la carpeta que tienes creada drive y compartida con  el correo  tecnologiainfofeyalegria@gmail.com





Redes sociales

son  puedes plasmar datos personales e información de ti mismo, orientándote a través de herramientas que te permiten interactuar con otros internautas.
Estos nuevos servicios se configuran como poderosos canales de comunicación e interacción, que te permiten crear grupos de seguidores: pasatiempos, comunicación, empleo, etc.
Sin embargo, esa misma información que se publica sobre sí mismo, puede ser aprovechada por delincuentes para robarla y enviarla a bases de datos para publicidad ya que públicas dónde y cómo vives y los sitios que frecuentas. servicios prestados a través de Internet que te permiten generar un perfil público, en el que
Actividad
REALIZAR UNA PRESNTACION EN POWER PONITCON ESTAS PREGUNTAS Y EN GRUPO DE 2 HACER LA EXPOSICION DEL TEMA
visita esta página https://www.rdstation.com/co/redes-sociales/  ver el video y responder
1)    Las redes sociales
2)    Elementos o Componentes de la red social https://www.eipe.es/blog/3-elementos-que-componen-red-social/
3)    Cuáles son los tipos de redes
4)    Cuáles son las redes usadas más usada y sus características de cada red
5)    Consultar la importancia de las redes sociales
6)    Las ventajas y desventajas de las redes sociales




















Photoshop











Adobe Photoshop es un editor de gráficos rasterizados. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos"
Actividad
Escribir y dibujar las diferentes herramientas de Photoshop    Ver Página de ayuda   https://desarrolloweb.com/articulos/herrameintas-principales-photoshop.html

Para descargar este software clic en este enlace  https://adobe-photoshop-cs4-update.es.jaleco.com/
Realizar  práctica 1,23,4,5,6,7 del manual de la 13 práctica
ver ejercicios clic aquí


ACTIVIDAD

Tutorial : Como correr , saltar y pegar en Pivot 4.1 https://www.youtube.com/watch?v=wV07hJdgcRc
tutorial de movimientos fluidos en pivot 4.2.6 deslizarse, saltar, correr, pegar y efecto snake 2018
Pivot Animation : Slow motion and Effect tutorial  https://www.youtube.com/watch?v=20g5AaziGG0

 Manejar el programa Animator

Para  Instalar el programa en cada pc se puede descargar de este link Descarga
https://pivot-stickfigure-animator.uptodown.com/windows/descargar

 ver video




Ejercicio

 Repaso de Html

visualizar  el vídeo
 como insertar video e imágenes 



Actividad de la guia de html 
Desarrollar el ejercicio  11, 12, 14 ver guia
Pagina de ayuda http://lineadecodigo.com/html/imagen-con-enlace-en-html/
Como insertar una imagen con url https://youtu.be/ou-UwtE7fuk?list=PLLVIhySQmrVaaLfsbi9VHVffq3Kk8KAST





visualizar  el vídeo

ejercicio

Ejercicio 2

1. Define las siglas HTML.
2. ¿Por qué el lenguaje HTML necesita de un editor de texto? ¿Qué es un editor de texto?
3. Escriba 2 editores que permitan desarrollar código HTML.
4. Qué es una etiqueta en Código HTML?
5. Escriba  20 etiquetas utilizadas en html y para que sirve cada una
6. ¿Con qué extensión se guardan los archivos creados con este código?
7. Es posible aplicar Código HTML, dentro de los blogs creados en WordPress. Sustente su respuesta.


parte 2




Parte 3


Actividad

Realizar el ejercicio
https://youtu.be/hUGmbfqXkr0







Lenguaje HTML
 video https://www.youtube.com/watch?v=cqMfPS8jPys Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML.

Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C).
Los archivos pueden tener las extensiones (htm, html). Actividad ttps://www.abrirllave.com/html/ejercicios-resueltos.php Creación de un documentos en HTML con editor de sublime Text
https://www.youtube.com/watch?v=TNQleomUw6U
Trabajar  ejercicio de la guia ver guia


 




Trabajando en el programa dfd                           
Constantes y variables.
Tipo numérico.
Tipo carácter (entre comillas simples).
Tipo lógico (valores .V. y .F.).
Operadores aritméticos habituales (+, -, *, /, ^)

Actividad
Ejercicio 2
Ingrese su edad y les responda cuantos años tiene ( objeto de salida y lectura)
Ejercicio 3.
Pedir el color preferido y darlo con un saludo
Ejercicio 4
A un grado delo colegio darle la bienvenida
Ejercicio 5
A un cliente pedirle el valor del arriendo y confirmárselo con una frase como, ud paga por el arriendo:
Ejercicio 6
Algoritmo que realice la suma de dos números
Ejercicio 7
Realizar dados los datos el área del rectángulo, por ejemplo base 10 y la h (altura) 20  donde el resultado es 100
Ejercicio 8
Que realice el área del cuadrado, por ejemplo, lado es igual a 10 y su respuesta es 100
para valoración: Realizar un algoritmo donde se le solicite al usuario que ingrese su nombre y su edad y al final le confirme en un solo mensaje cual es su nombre y su edad.














Reglas Básicas Para la Construcción de un Diagrama de Flujo
1. Todos los símbolos han de estar conectados
2. A un símbolo de proceso pueden llegarle varias líneas
3. A un símbolo de decisión pueden llegarle varias líneas, pero sólo saldrán dos
(Si o No, Verdadero o Falso).
4. A un símbolo de inicio nunca le llegan líneas.
5. De un símbolo de fin no parte ninguna línea.
Los símbolos que se usan para realizar los diagramas de flujo son lo siguientes
simbologia de diagramas de flujo
Actividad realiza los diagramas de flujos en el programa dfd
  DFD es un programa de libre disposición para ayuda al diseño e implementación de algoritmos expresados en diagramas de flujo (DF). Además incorpora opciones para el depurado de los algoritmos, lo que facilita enormemente la localización de los errores de ejecución y lógicos más habituales.
Su utilización es muy sencilla, al tratarse de una herramienta gráfica, y además incluye un menú de ayuda muy completo, por lo que en estas notas nos vamos a centrar en el uso básico de las herramientas de diseño y depuración. El resto de opciones (detalles de sintaxis más avanzados, operadores y funciones disponibles), puede consultarse directamente en la ayuda del programa.

Ejercicios con DFD utilizando decisión

EJERCICIO 1:  Repaso de DFD

Mensaje  'Pedir el nombre y enviar un mensaje'
variable:   name   ' '
Escribir:  'favor escriba su nombre'
leer:  name
Escribir:  'Hola:' Name

Desarrollamos en DFD.




ALGORITMOS Y DIAGRAMACION
1. CONCEPTO DE ALGORITMO
Un algoritmo se define como un conjunto de pasos o instrucciones finitas que se deben seguir para realizar una determinada tarea.
2. TIPOS DE ALGORITMOS
Existen dos tipos de algoritmos y son llamados así por su naturaleza:
• Cualitativos: Son aquellos en los que se describen los pasos utilizando palabras. Lo ejecutan las personas
• Cuantitativos: Son aquellos en los que se utilizan cálculos numéricos para definir los pasos del proceso.  Lo ejecuta el computador
3. REPRESENTACIÓN DE  ALGORÍTMOS
Un lenguaje algorítmico es una serie de símbolos y reglas que se utilizan para describir de manera explícita un proceso.
• Diagrama de flujo: Es la representación gráfica de las operaciones que realiza un algoritmo.
• Pseudocódigo (No Gráficos): El pseudocódigo es una forma de escribir los pasos que va a realizar un programa de la forma más cercana al lenguaje de programación.
Ejemplo: Realizar un algoritmo que  si la edad  de un persona es mayor o igual a 18 años, arroje un mensaje que diga: “eres mayor 
de edad”.

1. INICIO
2. Varaibles: Edad
3. ¿ESCRIBA “cuál es tu edad?”
4. Lea Edad
5. SI Edad >=18 entonces
6. ESCRIBA “Eres mayor de Edad”
7. FIN_SI
8. ESCRIBA “fin del algoritmo”
9.FIN 
CARACTERISTICAS DE LOS ALGORITMOS  ROPIEDADES DE UN ALGORITMO ayuda http://apuntesinformatica-cedecotarde.blogspot.com/2017/06/grado-decimo.html
Actividad
Escribir algoritmos
a) Desarrolle un algoritmo que describa la manera en que una persona se levanta todas las mañanas para ir al trabajo en auto privado.
b)    Escriba un algoritmo para imprimir un archivo desde Word. Asuma que el archivo está almacenado en la memoria USB 







Lenguajes de programación Fundamentos de programación
Taller consulta en la web y has una presentación en línea
1)    Que es programación
2)    Que es programar
3)    Que es leguaje de programación
4)    Cuáles son los lenguajes de programación más usados y describa cada uno de ellos
5)    Que es un código fuente
6)    Que son algoritmos
7)    Que son diagramas de flujo
Elaborar una presentación multimedia utilizando herramientas en línea (pow toon, emaze, raw shorts















Actividades de Repaso
Animación de Día a Noche - Tutorial Flashhttps://www.youtube.com/watch?v=BEujE1WxABg
Tutorial para Flash - Animar Mariposa con Guia de Movimiento https://www.youtube.com/watch?v=ZEWIoy6KWjw 
Video de Mariquita: https://www.youtube.com/watch?v=D_s1DO0cpFo
Animación en Adobe Flash: Como crear un personaje caminando
Animación sencilla en flash paso a paso


Qué es Flash?


1Flash Professional es una potente herramienta desarrollada por Adobe que ha superado las mejores expectativas de sus creadores.
2Flash fue creado con el objeto de realizar animaciones y diseños vistosos para la web, y gráficos interactivos.
3Los motivos que han convertido a Flash en el programa elegido por la mayoría de los diseñadores web profesionales y aficionados son varios. Veamos pues, porque es interesante Flash Pr o CS5.
4Como se hace una animación ¡PASO A PASO!
6 Actividades
8.    Tutorial de Animación Flash con Hagen - Ep 4 – Símbolos  https://www.youtube.com/watch?v=Mydf9KMYpEk
9.    Tutorial de Animación Flash con Hagen - Ep 3 – Interpolación https://www.youtube.com/watch?v=HCzcqr5y-oQ


 Ejercicio
 Realizar los siguientes actividades

1) Banner
2) Imagenes https://www.youtube.com/watch?v=7kxX5KGSEeM
3 ) botones con photoshop https://www.youtube.com/watch?v=btqW0ke6m3U
  


Taller 
Desarrollar  la Guía de Aprendizaje 1
Guia de aprendizaje 2




Taller de consulta

Consultar que es una imagen y los tipos de imágenes existentes.
2. Que se entiende por imágenes vectoriales e imágenes de mapa de bits
3. Consultar algunos de los formatos de imagen de mapa de bits: BMP GIF JPGE PNG PSD RAW
4. CONSULTAR EL NOMBRE DE 5 APLICATIVOS PARA EDITAR IMÁGENES.
5. QUE ES UN COLLAGE


Photoshop
Adobe Photoshop es un editor de gráficos rasterizados. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos"
Herramientas de  photoshop
Actividad  
1 Escribir y dibujar las diferentes herramientas de Photoshop
Ver página de ayuda

2. Ver guia  Aqui