UNIDAD EDUCATIVA FISCAL

“DARÍO GUEVARA MAYORGA”

FICHA PEDAGÓGICA BASADA EN LA METODOLOGÍA
A.B.P.
_________________________________________________________________________
DATOS INFORMATIVOS

Nombre del Estudiante ________________________________________________________

Ing. Nancy Chacón Sistemas Operativos

Ing. Jonathan Rivera Soporte Técnico
Docentes y asignaturas
Ing. Nancy Chacón Diseño y Desarrollo Web
Ing. Jonathan Rivera Programación y bases de datos

Cursos y paralelos SEGUNDO BACHILLERATO TÉCNICO INFORMÁTICA PARALELO “D”

Tutora Ing. Nancy Chacón

SEGUNDO BACHILLERATO TÉCNICO INFORMÁTICA PARALELO “D”

Fecha de aplicación 26 de octubre – 06 de noviembre de 2020

Fecha de entrega por los estudiantes FECHA MÁXIMA DE ENTREGA: 08 de noviembre de 2020

Medio de entrega del portafolio Asignación de entrega por Classroom, Grupo de WhatsApp.
Estudiantil. (DOCUMENTO EN PDF)
(Actividades, autoevaluación y rúbrica)
INFORMACIÓN GENERAL
(Tomado de la planificación Ministerial recursos2.educacion.gob.ec)

Tema Ideas que cambiaron el mundo

Objetivo de aprendizaje
Criterios de Satisfacción
Analizar la importancia de ser generador de ideas como estrategias para
solución de problemas.
Esta actividad es importante para tu aprendizaje. Sabrás que tuviste éxito
cuando:
1. Comprendas que es una página web dinámica y entiendas la
diferencia con una página web estática.
2. Conozcas las principales herramientas que se requieren en el área
de electrónica y comprendas la utilidad de cada una.
3. Comprendas y uses los comandos internos y externos que posee el
MS-DOS o CMD.
4. Entiendas y domines los comandos más utilizados en MS-DOS.

Valor Responsabilidad

Recursos/Materiales Dispositivos Móviles, Pc, Internet, Hojas de cuadros (recicladas)

DESARROLLO DE ACTIVIDADES
ASIGNATURA ACTIVIDAD
TEMA: CONCEPTOS BÁSICOS DE WEB
SUBTEMA: PÁGINAS WEB DINÁMICAS
Diseño y Desarrollo Web
Una página web dinámica, conocidas también como web 2.0, o DHTML
(Dynamic HTML); son las que presentan la información a partir de la
petición del usuario, estas páginas contienen aplicaciones dentro de la
misma web, y que permiten realizar interacción debido a que tiene
asociada una base en la que se almacenan los datos.

Permiten cambiar fácilmente su estructura, diseño y contenido en tiempo

real, sin tener que cambiar el código de la página.

La extensión para estas páginas puede ser asp (Active server pages,
escritas en un lenguaje similar a Visual Basic), jsp (Java server pages,
escritas en un lenguaje Java) y/o php (Personal Home Page, escritas en un
lenguaje para ser incrustado en HTML). Para poder visualizarlas deben
estar en un servidor web.

Estas páginas permiten la interacción en foros, encuestas, pedidos y pagos

en línea, blogs, concretar ventas, entre otras. Se crean para empresas que
desean presentar información de forma personalizada a cada tipo de
cliente.

Ventajas
• Interactividad con el usuario, donde puede personalizar el sitio (letra,
colores, fondo), dependiendo del desarrollador de la página.
• Información al día.
• El sitio tendrá mayor actividad.
• Control total sobre la gestión de diseño, estructura y contenidos.
• Reducción de costos de mantenimiento.
• Gran número de funcionalidades (bases de datos, foros, etc.)

Desventajas
• Costo para desarrollo, elevado.
• Costo para alojamiento, mayor.
• Requerimientos técnicos en servidores de pago.
Ejemplos de páginas web dinámicas
Algunos ejemplos que resultan útiles la creación de páginas web estáticas
encontramos los siguientes:
1. Foros, para la discusión de un tema de forma asincrónica.
2. Blog, cuando son comentados por los lectores.
3. Tienda en línea, comercio electrónico, realiza transacciones con
 internet.
¿Cómo hacer una página web estática?
Existen algunos programas para hacerlo:
1. Utilizando herramientas (software de escritorio), es decir, se creará
desde cero, deberás tener conocimiento en programación como HTML o
JavaScript.
2. Utilizando constructores o editores (aplicaciones) de sitio web, sin tener
que utilizar codificación alguna.
Para ampliar tus conocimientos puedes revisar los siguientes enlaces:

Videos:
¿Qué es una página Web dinámica? Ventajas, Desventajas, ejemplos:
https://www.youtube.com/watch?v=X-JBEqQmy80
Diferencia entre páginas web estáticas y dinámicas:
https://www.youtube.com/watch?v=LABbBI5O3GA
Tutorial WordPress 2020 desde Cero – Completo GRATIS:
https://www.youtube.com/watch?v=_5e55KOiDCc

Podemos aprender más:

Crear tu propia página Web dinámica con Weebly:
https://www.weebly.com/ec?lang=es
Crear tu propia páginas Web Dinámica con Wix.com:
https://es.wix.com/
Crear tu propia página Web Dinámica con WordPress.com:
https://cutt.ly/hp5nJPj

ACTIVIDADES
Contesta las siguientes preguntas:
1. ¿Qué es un DHTML?
2. ¿Para qué sirven las páginas web dinámicas?
3. ¿Cuál es la ventaja que más te ha gustado sobre las páginas web
dinámicas?

a) Si cuentas con un computador y servicio de internet, ingresa a uno de

los link que se dan en la sección Podemos aprender más, y crea tu propia
página, diseña una portada de presentación, igual como lo hiciste con la
revista de las semanas 7 y 8. Te sugerimos que pruebes con Weebly, revisa
los enlaces al final de los contenidos.
b) Si no tienes computador, lo puedes hacer en tu celular.
c) Otra opción es que puedes utilizar tu creatividad, haciéndolo en tu
cuaderno de apuntes, se verá increíble, pon nombre a tu página.
Cuando volvamos a clases lo volveremos a practicar.

TEMA: ELECTRÓNICA BÁSICA

Soporte Técnico SUBTEMA: HERRAMIENTAS

Disponer de una herramienta electrónica adecuada será uno de los puntos

clave en el desarrollo de algún proyecto, en conclusión, ya que influirá en
todos los aspectos del mismo, tales como obtener unos acabados más
limpios, rentabilizar mejor el tiempo y, sobre todo, trabajar de forma más
cómoda, eficiente y segura.
Soldador de estaño:
Es una de las herramientas electrónicas más utilizadas y sirve para realizar
uniones eléctricas entre componentes electrónicos. Utiliza el estaño para
realizar las uniones eléctricas y su funcionamiento es muy sencillo:
calentamos el área a unir con el soldador, aplicamos estaño y finalmente,
retiramos el soldador, así de sencillo es realizar una soldadura.
Dependiendo del tipo de soldadura que tengamos que realizar,
necesitaremos un soldador adaptado a las necesidades del trabajo.

Multímetro:
Para poder tomar medidas de nuestros circuitos recurrimos al multímetro,
que sirve para realizar medidas entre dos puntos. Con él, podemos medir
normalmente voltaje, corriente, resistencia, capacitancia y continuidad. En
algunos modelos más complejos, también se pueden medir otras
magnitudes como la temperatura, diodos o transistores, entre otros. Esta
herramienta es de vital importancia para poder diagnosticar cualquier
circuito electrónico. El multímetro es una herramienta electrónica que
todo técnico o aficionado debe tener a su disposición.
 Fuente de alimentación:
Esta herramienta electrónica tiene como función alimentar eléctricamente
nuestros circuitos, suministrando tensión y corriente a nuestros circuitos.
Existen diferentes tipos de fuentes de alimentación y cada una de ellas
está destinada a una utilidad diferente, tenemos desde las más sencillas,
dos bornes y una tensión fija, hasta las más complejas y programables.

Protoboard:
Para crear y probar las conexiones entre los diferentes componentes y así
comprobar si funcionan correctamente.

Para más información sobre las herramientas ingresa a los siguientes

enlaces:
https://www.youtube.com/watch?v=THKggYcFbno
http://www.myelectronic.mipropia.com/Herramientas/Herramientas
%20de%20electronica.pdf?i=1

ACTIVIDADES
Dibuja la herramienta que más te llamó la atención y explica las razones
por las cuales la seleccionaste.

TEMA: ARCHIVOS Y DIRECTORIOS

Sistemas Operativos y Redes SUBTEMA: Formato y Sintaxis de los comandos internos

Los comandos en MS-DOS, tienen una estructura o formato de

presentación establecida, y utilizando sintaxis permite coordinar
secuencias concretas.
Los comandos internos más utilizados son:
CD o CHDIR: Muestra el nombre del directorio actual o cambia a otro
directorio.
Sintaxis:
CHDIR [/D] [unidad:][ruta]
CHDIR [..]
Cd [/D] [unidad:][ruta]
CD [..]
.. Especifica que sea cambiar al directorio superior
EJEMPLO:
El prompt ha cambiado de C: \Users\SHYRFA> a C:\Users>
CLS: Borra la pantalla.
Sintaxis:
CLS

Ha realizado una limpieza en la pantalla.

COLOR: Establece los colores de primer plano y fondo predeterminado de
la consola.
Sintaxis:
COLOR [atr]
atr Especifica el atributo de color de la salida de la consola. Los atributos
están especificados con dos dígitos [EL primero indica el fondo y el
segundo indica las letras]

Si no se especifica atr, cambia al color inicial.

COPY CON: Copia uno o más archivos en otra ubicación, además puede
crear uno.
Sintaxis:
COPY CON [nombre.ext]
[Escribir el texto deseado]
Para grabar el archivo se pulsa las teclas Ctrl Z y se pulsa la tecla ENTER.
Nota: El archivo se creará en la dirección donde se encuentra, en este caso
es en la unidad D:
DATE: Muestra o establece la fecha del sistema.
Sintaxis:
DATE [/T |fecha]
[/T] Sólo mostrará la fecha actual.

Si se escribe el comando DATE sin /T, entonces pedirá que se establezca

una nueva fecha.
DEL o ERASE: Elimina uno o más archivos.
Sintaxis:
DEL [/P] nombre
[/P] Pide confirmación antes de eliminar cada archivo.

Nombre: especifica una lista de uno o más archivos o directorios.

Se deberá escribir S o N
Pulsar la tecla ENTER, y se ha eliminado.
DIR: Muestra una lista de archivos y subdirectorios en un directorio.
Sintaxis:
DIR [unidad:][ruta][archivo]
[unidad:][ruta][archivo] Especifica la unidad, el directorio o los
archivos que se mostrarán.
Se puede utilizar el carácter especial ( * ) (asterisco), entonces en el
ejemplo: DIR*P, mostrará todos los archivos y directorio s que tengan la
primera letra que comienza con P.
ECHO: Muestra mensajes, o activa y desactiva el eco.
Sintaxis:
ECHO [mensaje]
ECHO [ON | OFF]
[mensaje] Texto que se mostrará en pantalla
[ON | OFF] Activa o desactiva la presentación por pantalla de comandos. La
presentación de comandos está activada por defecto.

EXIT: Sale del programa CMD.EXE <interfaz de comandos>.

Sintaxis:

HELP: Proporciona información de ayuda para los comandos de Windows.

Sintaxis:
HELP [comando]
[comando] Muestra información de ayuda del comando especificado.
MD o MKDIR: Crea directorios y subdirectorios.
Sintaxis:
MD [unidad:] ruta
MKDIR [unidad:] ruta
[unidad:] ruta

Se ha creado la carpeta ESTUDIANTES, y dentro de ella se ha creado la

carpeta SEGUNDO.

PROMPT: Cambia el símbolo de comandos de Windows.

Sintaxis:
PROMPT [texto]
[texto] Especifica un nuevo símbolo del sistema.
Se pueden escribir caracteres normales o los siguientes:

EJEMPLO
RD o RMDIR: Quita <elimina> un directorio.
Sintaxis:
RMDIR [/S] [/Q] [unidad:] ruta
RD [/S] [/Q] [unidad:] ruta
[/S] Quita todos los directorios y archivos del directorio, además del mismo
directorio. Pide confirmar.
[/Q] No pide confirmación para quitar directorios.
EJEMPLO:

Se ha eliminado la carpeta o directorio PRIMERO.

REN o RENAME: Cambia el nombre de uno o más archivos.

Sintaxis:
RENAME [unidad:][ruta] archivo1 archivo2
REN [unidad:][ruta] archivo1 archivo2
START: Inicia otra ventana para ejecutar un programa o comando.
Sintaxis:
START

TIME: Muestra o establece la hora del Sistema.

Sintaxis:
TIME [/T | hora]
[/T] Indica que tan solo se presente la hora actual, sin pedir una nueva
hora.

TITLE: Establece el título de la ventana de una sesión de CMD.EXE.

Sintaxis:
TITLE [cadena]
[cadena] Especifica el título de la ventana del símbolo del sistema
TYPE: Muestra el contenido de un archive de texto.
Sintaxis:
TYPE [unidad:][ruta] archivo

VER: Muestra la versión de Windows.

Sintaxis:
VER

VOL: Muestra la etiqueta del volumen y el número de serie del disco.

Sintaxis:
VOL [unidad:]

Amplía tus conocimientos revisando los siguientes enlaces:

Comandos CMD:
 https://semillasaber.blogspot.com/p/entonces-van-aparecer-todos-
los.html
Videos:
Comandos internos MS-DOS Windows 10
https://www.youtube.com/watch?v=f5BF0smLpLc
Comandos internos
https://www.youtube.com/watch?v=A_fwWvE4mAw

ACTIVIDADES
Para ingresar al intérprete de comandos hago clic en Inicio, escribo CMD y
pulso enter.

En tu computador, sigue los pasos que indica en esta guía e ingresa al

Intérprete de comandos, trata de realizar las diferentes prácticas
presentadas con cada comando interno.

Si no cuentas con un computador, copia en una hoja cada comando

interno con su sintaxis.

TEMA: ELEMENTOS DE UNA APLICACIÓN EN WINDOWS

La ventana de esquema de formularios (Form Window)
Programación y Base de Datos
Esta ventana permite observar y alinear en la pantalla cada uno de los
formularios de una aplicación, es decir, permite indicar la posición donde
debe de aparecer cada uno de los formularios, cuando la aplicación este
corriendo o se esté ejecutando. Para indicar la posición de un formulario
este debe seleccionarse manteniendo pulsado el botón izquierdo del
mouse y ubicarlo en la posición deseada de la pantalla que aparece en la
ventana de distribución de formularios.

La ventana explorador de formulario (Form Explorer Window)

La ventana explorador de formulario (Form Explorer Windows) muestra el
formulario con el cual se está trabajando en la aplicación. Esta ventana
aparece por defecto cada vez que se carga una aplicación y es la única
ventana que permite al usuario interactuar con los formularios y controles
que se encuentran en la aplicación. La siguiente figura muestra la ventana
explorador de formularios:
En la parte superior de la ventana explorador de formularios, se especifica
el nombre del proyecto seguido del nombre del formulario activo que en
este caso es Project1 – Form1 (Form). Dentro de esta ventana se puede
apreciar el formulario activo con el cual se está trabajando en la aplicación.
Ventana de ayuda
Esta herramienta es muy importante en el momento que se está
programando en cualquier plataforma de Visual, debido a que es posible
obtener cualquier tipo de información, ya sea de un comando, de algún
mensaje de error o de un tema de interés en específico. Dicha ventana
proporciona toda la ayuda necesaria referente a cada uno de los productos
de Visual y tiene la característica de permitir seleccionar información de un
producto en específico, independientemente de los demás productos de
Visual Studio.
Ejemplo:

El Editor de Código (Code Editor)

El Editor de Código de Visual Basic 6.0 es la ventana en la cual se escriben
las sentencias de los procedimientos y módulos de la aplicación. Esta
ventana se activa de formas diferentes, una de las principales es haciendo
doble clic sobre un formulario o sobre cualquiera de sus controles.
También existen otras formas que son muy poco habituales. Una de ellas
es seleccionar la opción Code (Código), del menú View (Ver), o bien,
haciendo clic en el botón View Code (Ver Código), del Explorador de
Proyectos. La siguiente figura muestra el aspecto físico del Editor de
Código:

Características del Editor de Código (Code Editor)

Esta ventana posee algunos elementos y características que son
importantes conocer. El primer recuadro marcado con rojo representa una
 lista desplegable que posee todos los controles que se encuentran en el
formulario. Puede ver el código de cualquier control del formulario
haciendo clic sobre el nombre del control cuando la lista ha sido
desplegada. El segundo recuadro representa otra lista desplegable que
posee los eventos de un control seleccionado. Puede cambiar de evento
cada vez que sea necesario haciendo clic sobre el nombre del evento
cuando el control este seleccionado. Un control esta seleccionado en el
Editor de Código cuando el cursor se encuentra parpadeando dentro del
procedimiento. El tercer recuadro de forma vertical representa el margen
izquierdo del Editor de Código. En este se marcan los Breakpoints (puntos
de parada) en las líneas de códigos de Visual Basic. Una de las
características más destacadas en el Editor de Código es la utilización de
colores para hacer diferencia entre las líneas de código. El código escrito
por el programador aparece en negro, las palabras claves o sentencias
aparecen en azul, los comentarios en verde, los errores en rojo, etc. Esta
característica juega un papel importante en el Editor de Código, ya que
permite detectar y corregir problemas con mayor facilidad.
También encontramos dos procedimientos, uno para el Evento Click de un
botón de comando y otro para el Evento Load de un formulario. Dentro de
estos dos procedimientos se ha utilizado algunos comentarios que
aparecen de color verde para indicar que en esta zona se escribe el código
del procedimiento. Los comentarios son parte del código fuente, pero no
tienen ningún valor al momento de compilación, es decir, los errores
ortográficos y los caracteres utilizados después de la comilla simple (‘) o de
la palabra clave Rem no tienen ninguna validez. Los comentarios se utilizan
únicamente para incluir notas aclaratorias en un programa.
En esta ventana aparecen dos barras de desplazamiento, una vertical y
otra horizontal. Estas barras permiten visualizar el código escrito por el
programador cuando este sobrepasa el límite del tamaño de la ventana del
Editor de Código. Estas barras de desplazamiento son similares a las barras
del explorador de Internet.
ACTIVIDADES
Lee el contenido y responde las siguientes preguntas:
1. ¿Para qué se utiliza la ventana de esquema de formulario?
2. ¿Qué es la ventana de Explorador de Formularios?
3. Realiza un breve resumen sobre el Editor de Código.
4. Menciona las características del Editor de Código.

AUTOEVALUACIÓN DEL PROYECTO (escalera de la Metacognición)

1. ¿Qué he aprendido? 2. ¿Cómo lo he aprendido?

3. ¿Para qué me ha servido? 4. ¿En qué otras ocasiones puedo usarlo?

________________________ ___________________________

Firma del Estudiante Firma del Representante

 Rúbrica de calificación del Padre de Familia o Representante Legal:
CATEGORIA/PUNTAJE CATEGORIA/PUNTAJE CATEGORIA/PUNTAJE CATEGORIA/PUNTAJE CATEGORIA/PUNTAJE
Participación Demostró Demostró Demostró No demostró
(Esta categoría debe responsabilidad y responsabilidad y responsabilidad y responsabilidad ni
ser calificada por la entusiasmo al realizar entusiasmo al realizar entusiasmo al realizar entusiasmo al realizar sus
familia del/la sus tareas durante sus tareas durante la sus tareas durante tareas en este tiempo.
estudiante) todo el tiempo. mayoría del tiempo. poco tiempo.

Ponga una (x) en el 1 punto ( ) 0,75 punto ( ) 0,50 punto ( ) 0,00 puntos ( )
espacio que crea
conveniente

ELABORADO REVISADO APROBADO

TUTORA DOCENTE COORDINADORA VICERRECTOR
Ing. Nancy Chacón Lic. Jonathan Rivera Lic. Liliana Ruiz Lic. Pedro Chamorro
FIRMA: FIRMA: FIRMA: FIRMA Y SELLO: