Opción Técnica: Sistemas computacionales diseño de aplicaciones web

1. UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO
COLEGIO DE CIENCIAS Y HUMANIDADES
DEPARTAMENTO DE OPCIONES TÉCNICAS
Programa de la Opción Técnica
Sistemas computacionales:
Diseño de aplicaciones Web y Base de datos

2. 2
Definición del técnico:
El egresado de esta opción estará capacitado para analizar, diseñar e implementar
soluciones a problemas relacionados con la manipulación de hojas de cálculo y bases de
dato. Haciendo uso de la computadora como una herramienta potente en el manejo de
datos y por consiguiente en la obtención de información, con el uso de las diferentes
opciones que el software le ofrece, además de poder compartir y obtener recursos y datos
por medio de las redes incluyendo Internet. Será capaz de diseñar aplicaciones web para
distribuirse en la Internet o en algún otro medio como discos, Intranet, etc.
Competencias desarrolladas en los alumnos:
 Extrapolar las soluciones de problemas a un modelo que le permita automatizar su
solución
 Clasificar las diferentes herramientas computacionales que se utilizan en la
implementación de soluciones a problemas en una computadora
 Será capaz de utilizar un sistema operativo de ambiente gráfico para optimizar los
recursos
 Instalar y configurar impresoras en equipos de computo
 Aplicar medidas preventivas y de eliminación de virus informáticos.
 Aplicar los recursos informáticos en las aplicaciones contables para implementar la
solución de un problema con el uso de una hoja electrónica de cálculo.
 Implementar soluciones a problemas que manipulen grandes cantidades de datos por
medio de la utilización de archivos y bases de datos.
 Retocar fotografías y manipular imágenes con ayuda de un software gráfico.
 Aplicar los conceptos del hipertexto por medio HTML para el diseño de aplicaciones
web.
 Utilizar los conceptos referentes a redes que permitan utilizar y compartir recursos,
entre computadoras.
 Diseñar publicaciones para la WEB, como para cualquier otro medio de distribución
 Utilizar los servicios y recursos que INTERNET ofrece al acceder a la información en
línea.
BIBLIOGRAFÍA
 Informática, presente y futuro, Daniel Sanders, McGraw Hill

3. 3
UNIDAD UNO
SISTEMA OPERATIVO DE AMBIENTE GRÁFICO
Objetivo de la Unidad: Con el uso de este software el alumno administrará la información contenida en los distintos medios de
almacenaje, así como darle mantenimiento a los mismos, además agregará y configurará impresoras en el equipo de trabajo. .
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
10
1. Administrador de archivos
a. Descripción del ambiente de
trabajo
b. Carpetas y Archivos
i. Definición
ii. Crear y Abrir carpetas
iii. Seleccionar archivos o carpetas
 Copiar
 Mover
 Borrar
c. Buscar archivos o carpetas
d. Comprimir y Descomprimir archivo
2. Herramientas de sistema
a. Escanear un disco
b. Desfragmentar un disco
c. Liberador de espacio
3. Detección y eliminación de virus
4. Agregar y configurar impresoras
El alumno:
 Operará el Administrador de archivos
para buscar y manipular archivos y
carpetas de los diferentes medios de
almacenamiento.
 Empleará un software que le permita
comprimir y descomprimir archivos.
 Utilizará algunas utilerías de
verificación del estado de un disco
para poder hacer su respectiva
corrección.
 Empleará un software que le permita
detectar y eliminar virus.
 Instalará y configurará impresoras en
equipos de cómputo.
 Mediante una lluvia de ideas describir
el ambiente de trabajo del
administrador de archivos.
 Utilizar ejercicios dirigidos para
familiarizar al alumno con los
conceptos y la manera de administrar
archivos y carpetas.
 Mediante ejercicios mostrar al alumno
la forma de comprimir y descomprimir
archivos y carpetas.
 Emplear ejercicios que provoquen la
utilización de las herramientas del
sistema operativo para dar
mantenimiento a los medios de
almacenamiento.
 Solicitar al alumno usar antivirus para
revisar sus discos y eliminar posibles
virus.

4. 4
UNIDAD DOS
HOJA ELECTRÓNICA DE CÁLCULO
Objetivo de la Unidad: Creará hojas de cálculo que le permitan plantear y resolver problemas particulares, así como automatizarla
mediante una hoja electrónica de cálculo que le facilitará la manipulación de los datos que la conforman.
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
30
1. Hoja de cálculo
a. Introducción
b. Definición
i. Etiquetas
ii. Números
iii. Formulas
c. Creación
2. Hoja electrónica de cálculo
a. Introducción
b. Definición
c. Implementación de una hoja de
cálculo
i. Etiquetas
ii. Números
iii. Formulas
iv. Funciones
d. Edición de datos
i. Manejo de bloques
El alumno:
 Reafirmará el concepto de hoja de
cálculo (HC).
 Diseñará hojas de cálculo (HC) que le
faciliten el planteamiento y manejo de
datos en la solución de problemas.
 Reafirmará el concepto de hoja
electrónica de cálculo (HEC).
 Diferenciará entre una hoja de cálculo
y una hoja electrónica de cálculo.
 Utilizará la HEC para implementar la
HC diseñada.
 Empleará los comandos de la HEC
para manipular y dar formato a la
información que contiene la misma.
 Construirá formulas o utilizará
funciones para obtener resultados
solicitados.
 El alumno realizará una investigación
que le permita introducirse en el
concepto de las hojas de cálculo (HC)
y las hojas electrónicas de cálculo
(HEC).
 Generar una lluvia de ideas en el
grupo a partir de la investigación
hecha por los alumnos, para definir los
conceptos de HC y HEC.
 Desarrollar ejercicios de manera
conjunta con los alumnos para diseñar
hojas de cálculo que faciliten el
planteamiento y solución de
problemas.
 Dejar a los alumnos problemas que
para su solución requieran utilizar HC.
 Elaborar conjuntamente con los
alumnos la implementación de las HC

5. 5
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
ii. Formato de datos
iii. Autoformatos
iv. Manipulación de filas y columnas
e. Gráficos
i. Creación
ii. Formato
iii. Modificación
f. Impresión
i. Hojas y gráficos
g. Base de datos
i. Ordenamiento
ii. Filtros
h. Importación y exportación de
datos
i. Macros
i. Definición
ii. Creación
iii. Ejecución
 Generará gráficas para mostrar una
interpretación de la información que
contiene una HC.
 Practicará el procedimiento para
imprimir HEC y sus gráficas.
 Identificará en una primera
aproximación una HEC como una
base de datos.
 Aplicará ordenamiento y filtros a los
datos de una HEC.
 Empleará la importación y exportación
de datos.
 Empleará las macros como una forma
de automatizar rutinas en una HEC.
de algunos ejercicios de ese tema en
HEC, para facilitar la manipulación de
los datos.
 Retomar las HC de los ejercicios
resueltos en ese tema, para que el
alumno las implemente en HEC y
elabore sus gráficas.
 Dejar a los alumnos la solución de
problemas donde requieran diseñar
una HC e implementarla en una HEC,
para su mejor solución.
 Emplear ejercicios que permitan que
el alumno manipule los datos, de una
HEC, como en una base de datos.
 Solicitar al alumno automatice algunas
rutinas cotidianas.

6. 6
UNIDAD TRES
BASE DE DATOS
Objetivo de la Unidad: Creará bases de datos para la obtención de la información de situaciones particulares, utilizando un software
especifico para ello.
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
50
1. Concepto de base de datos
a. Definición
b. Finalidad de una base de datos
c. Flexibilidad en el manejo de una
base de datos
d. Limites y alcances de una base
de datos
2. Definición de la estructura de una
base de datos
a. Registro
b. Campo
c. Tipos de campos
3. Análisis y diseño de la estructura de
una base de datos
4. Creación de una base de datos
a. Creación de campos
b. Modificar el tipo de dato de un
El alumno:
 Entenderá el concepto de base de
datos.
 Distinguirá los beneficios, flexibilidad y
limitantes de una base de datos.
 Describirá la estructura de una base
de datos.
 Analizará la pertinencia de diseñar
una base de datos para generar la
información de una situación en
particular.
 Implementará soluciones a problemas
usando bases de datos.
 Diseñará estructuras de bases de
datos.
 Construirá bases de datos.
 Manipulará bases de datos.
 El alumno realizará una investigación
que le permita introducirse en el
concepto de las bases de datos.
 Generar una lluvia de ideas en el
grupo a partir de la investigación
hecha por los alumnos, definir el
concepto de bases de datos, así como
su limites y alcances.
 Desarrollar ejercicios de manera
conjunta con los alumnos para diseñar
la estructura y construir la base de
datos que le de solución a problemas.
 Utilizar las bases de datos creadas
para obtener información de ellas y en
algunos casos modificarlas
 Solicitar a los alumnos diseñen la
estructura, construyan y obtengan la

7. 7
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
campo
c. Modificación de la estructura de
una base de datos
d. Importación y exportación de
datos
5. Edición de registros en la base de
datos
a. Tipos de edición
b. Modificación del contenido
i. Agregar datos
ii. Eliminar datos
iii. Modificar datos
6. Obtención de información de una
base de datos
a. Formas de listado
i. Reportes
 Formato
 Impresión
b. Criterios de consulta
i. Filtros
 Condiciones
 Limitaciones
c. Localización de información
7. Indexado y ordenamiento de una
 Editar y modificar los registros de la
base de datos.
 Consultará, localizará e imprimirá
información de la base de datos.
 Empleará el indexado y ordenamiento
para organizar la información de una
base de datos.
 Empleará la programación como una
forma de automatizar rutinas en las
bases de datos.
información necesaria de las bases de
datos que les ayude a resolver
problemas.
 Emplear ejercicios que provoquen, al
alumno, automatizar ciertas rutinas en
una base de datos.

8. 8
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
base de datos
a. Formas de organización de
información de una base de datos
i. Por un índice
ii. Por más de un índice
iii. Ordenación
8. Programación de rutinas
a. Definición
b. Creación
c. Ejecución
UNIDAD CUATRO
REDES
Objetivo de la unidad: Introducir al alumno al conocimiento de las redes de computadoras y su configuración.
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
12
1. Conceptos generales de redes
 Red informática
 Ventajas de las redes
2. Arquitectura Cliente / servido
3. Topologías
4. Protocolos
El alumno:
 Identificará los elementos que integran
una red y sus ventajas.
 Conocerá la arquitectura cliente-
servidor.
 Identificará los componentes que
 Investigar todo lo referente a las redes
de computadoras, topologías,
configuraciones, componentes y
estructuras en libros, revistas, Internet y
otros medios.
 Si es posible, visualizar los

9. 9
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
5. Tipos de redes
6. Niveles de redes
7. Reglas de la red
 Ethernet y fast Ethernet
8. Configuración de la red
 Sistema operativo de red
9. Acceso telefónico a redes
 Intranet
 Extranet
 Internet
integran una red de computadoras.
 Distinguirá las diferentes topologías de
redes de computadoras que existen.
 Entenderá lo que es un protocolo y su
utilización.
 Comprenderá los diferentes niveles de
redes que existen.
 Apreciará las ventajas que ofrece la
aplicación de las reglas en las redes.
 Describirá como configurar una red
utilizando un sistema operativo.
 Explicará como acceder a redes por
medio del acceso telefónico y las
deferencias entre redes.
componentes físicos utilizados para
armar una red de computadoras.
 Con el uso de esquemas, videos o
software mostrar las diferentes
topologías de computadoras.
 Enumerar y enlistar los diferentes
protocolos, niveles y tipos de redes de
computadoras que permitan su
comprensión y análisis.

10. 10
UNIDAD CINCO
MANIPULADOR DE IMAGENES
Objetivo de la unidad: El alumno construirá y manipulará imágenes utilizando las distintas herramientas que le proporciona el potencial
de los diferentes paquetes de manipulación de imágenes.
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
30
1.- Introducción
 Introducción
 Instalación del software
 Importancia del manejo de
imágenes
2.- Imagen Digital
 Obtención
 Tipos
 Programas de manipulación de
imágenes
 Optimización de imágenes para
Web.
3.- Transformación y retocado de
imágenes.
 Uso de herramientas de dibujo,
selección, orientación y texto.
 Uso de canales y capas.
 Aplicación de filtros especiales.
El alumno:
 Conocerá las tareas profesionales
relacionadas con imágenes, su
retoque y el fotomontaje
 Describirá las características y
utilidades de los diferentes
programas gráficos, a partir de
explicar los diferentes usos y tipos
de formatos de archivos que
manejan.
 Obtendrá imágenes digitales
mediante el uso de escáner,
cámaras digitales, etc.
 Manipulará imágenes digitales
importadas u obtenidas con otros
medios.
 Editará fotografías digitales,
mediante la manipulación de las
 Solicitar a sus alumnos investiguen
que son los programas gráficos y
sus diversas extensiones.
 Explicar que es adobe Photoshop.
 Mostrar la digitalización de una
imagen mediante el uso del
escáner.
 Destacar las aplicaciones prácticas
de la herramienta para quien se
dedica a la fotografía, al diseño
gráfico, etc.
 Conjuntamente con los alumnos
retocar las imágenes scanneadas
así como realizar un fotomontaje.
 Mostrar a los alumnos como una
imagen puede cambiar su
apariencia con diversos tipos de
relleno y degradados.

11. 11
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
4.- Vectorización de imágenes herramientas y características
generales de Photoshop.
 Realizará la sobre posición de
capas mediante el uso de la
herramienta (layers); con la
finalidad de identificar su utilidad
en el diseño de una interfaz
gráfica.
 Empleará el uso de filtros para
transformar imágenes.
 Vectorizará mapas de bits,
mediante el uso de las
herramientas de Photoshop.
 Mostrar a través de textos e
imágenes creadas en diversas
capas una interfaz.
 Mediante la realización de
ejercicios el alumno practicará con
imágenes los diversos tipos de
filtros que se le pueden aplicar.
 El alumno ejercitará las
características de las capas y el
efecto que se puede producir al
aplicarse a los textos.
 Mostrar las diversas modalidades
para guardar una imagen a partir
del tipo de aplicación que se le va
ha dar ya sea profesional, web o
normal.
 Ejemplificar la creación de una
imagen
 Mostrar la selección de partes de
su contenido para alguna mejor,
modificación o borrado de la
imagen.

12. 12
UNIDAD SEIS
LENGUAJE HTML
Objetivo de la unidad: El alumno diseñará e implementará aplicaciones web utilizando el lenguaje HTML.
HORAS TEMATICA OBJETIVOS EDUCATIVOS
ESTRATEGIAS DE ENSEÑANZA
APRENDIZAJE
20
1. Introducción
 Navegadores
 Historia de HTML
2. Elementos Principales
 Estructura básica de una página
3. Formato de una Página
 Etiquetas de formato
 Atributos
 Atributos para Body
 Caracteres especiales
4. Listas
 Definición
 Tipos
5. Tablas
 Definición
 Formato
 Atributos
6. Imágenes
 Tipos
El alumno:
 Conocerá los diferentes
navegadores
 Manejará la estructura general de
un documento en HTML
 Utilizará los elementos básicos
para la creación de una aplicación
web
 Utilizará las diferentes etiquetas
para darle formato al documento
 Manejará una serie de atributos
que le permitan establecer
características generales para todo
el documento
 Utilizará las diferentes formas de
presentar la información por medio
de listas
 Manejará la presentación de la
información en filas y columnas
 Destacar las funciones que realizan los
visualizadores.
 Mediante la elaboración de una aplicación
web mostrar su estructura básica como los
elementos que la forman.
 Exponer a los alumnos los formatos de
texto y los colores en una página.
 Desarrollar un aplicación web utilizando
las etiquetas básicas, tipos de fuentes y
colores.
 Destacar lo útil de presentar la información
de manera que tenga sentido y sea fácil de
leer por medio de listas.
 Señalar que la información se distribuye
en una cuadrícula de filas y columnas.
 Ejemplificar la utilidad ilustrativa y diseño
de los documentos por medio de una
tabla.
 Mediante la revisión de aplicaciones web

13. 13
HORAS TEMATICA OBJETIVOS EDUCATIVOS
ESTRATEGIAS DE ENSEÑANZA
APRENDIZAJE
 Atributos
7. Ligas
 Definición
 Los URL’s
 Ligas
 Ligas con imágenes
8. Mapas de Imágenes
 Definición
 Formato
9. Formularios
 Definición
 Características
 Tipos de elementos
10. Frames
 Definición
 Tipos
11. Montar una aplicación web a la red.
 Dominará la forma de agregar
imágenes a nuestro documento
 Manejará las diferentes formas de
acceder a otros documentos
 Utilizará imágenes como vínculos
hacia otras aplicaciones
 Utilizará los mapas de imágenes
que le permitan manejar varios
vínculos en una sola imagen
 Manejará la forma de interactuar
con las personas que navegan en
Internet mediante formularios
 Utilizará los frames para desplegar
más de una página HTML a la vez
con el navegador
 Conocerá los pasos para montar
una página en un portal
resaltar la utilización de imágenes de
forma adecuada, ya que favorecer mucho
la apariencia de una página.
 Describir a los alumnos los diferentes tipos
de formato de imagen.
 Resaltar la importancia de acceder o
brincar a otras aplicaciones desde una
aplicación web.
 Ejemplificar la forma de definir
hipervínculos.
 Crear imágenes como vínculos hacia otras
aplicaciones.
 Ejemplificar un mapa de imagen para
asociar un vínculo sobre una figura .
 Señalara la utilidad de los formularios
dentro de los documentos para obtener
información de los usuarios de la
aplicación web.
 Ejemplificar frames para presentar varios
documentos en una misma pantalla.
 Ejemplificar los pasos para montar una
aplicación web a la red.

14. 14
UNIDAD SIETE
LENGUAJE DE AUTOR
Objetivo de la unidad: El alumno aplicará las herramientas de Dreamweaver, para una mejor presentación de sus aplicaciones web.
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
16
1. Introducción
 Definición
2. Aspectos básicos de Dreamweaver.
3. Diseño de la posición de los
elementos que integran una
aplicación web.
4. Creación de sitios dinámicos.
5. Utilización del código de
aplicaciones web.
6. Adición de activos a una aplicación
web
 Imágenes
 Texto
 Objetos multimedia
7. Utilización de interactividad y
animación en aplicaciones web.
8. Utilización de páginas múltiples.
El alumno:
 Conocerá la importancia de utilizar
un lenguaje de autor.
 Explicará que es Dreamweaver, e
identificará que es uno de los medios
para darle una mejor presentación a
las aplicaciones web.
 Aprenderá a utilizar la
documentación y otros recursos,
para configurar el espacio de trabajo,
de acuerdo con su estilo de trabajo
preferido.
 Configurará un servidor de
aplicaciones conectándola con una
base de datos.
 Utilizará las herramientas avanzadas
de codificación para crear o modificar
aplicaciones web.
 Utilizará las herramientas de diseño
 Dejar a los alumnos una
investigación sobre Dreamweaver.
 A partir de la investigación generar
una discusión grupal para unificar
que es y para que sirve
Dreamweaver.
 Explicará como se configura
Dreamweaver para la elaboración de
una aplicación web.
 Mediante la realización de un
ejemplo el profesor mostrará a los
alumnos como editar y depurar el
código en la vista de diseño de una
aplicación web.
 Realizar junto con los alumnos una
aplicación web que utilice tablas y
marcos en su diseño.
 Aplicar en la elaboración de
aplicaciones web la inserción de

15. 15
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
visual para crear sofisticadas
disposiciones de aplicaciones web.
 Utilizará las herramientas visuales
para añadir objetos de tipo textos,
imágenes, colores, películas, sonido
y otros elementos multimedia a sus
aplicaciones web.
 Utilizará herramientas que generan
código javascript y líneas de tiempo
de animación de capas, para añadir
interactividad y animación, con el fin
de dar una mejor presentación a las
aplicaciones web.
 Establecerá enlaces entre las
aplicaciones web.
 Reutilizará los elementos de diseño
para distintas aplicaciones web.
imágenes, películas, sonido, etc.
 Mediante el análisis del código
generado por el lenguaje de autor al
insertar en la aplicación web un
activo que utiliza javascript.
 Mostrar mediante un ejemplo como
se crean los enlaces y como se
comprueba una aplicación web.

16. 16
UNIDAD OCHO
INTERNET
Objetivo de la unidad: Aplicar los conceptos y conocimientos referentes a los temas a tratar en esta unidad y las previas de HTML y
lenguaje de autor.
HORAS TEMÁTICA OBJETIVOS
ESTRATEGIAS DE ENSEÑANZA-
APRENDIZAJE
16
1. Definición
2. Surgimiento y desarrollo
3. Conectándose a Internet
4. Servicios de Internet
 Correo electrónico
 Leyendo y enviando mensajes
 El FTP
 Videoconferencias
5. Los domicilios de Internet
El alumno:
 Concluir en una definición clara y
precisa sobre lo que es Internet.
 Mostrar las ventajas y desventajas que
tiene el uso del Internet.
 Utilizar los servicios que el Internet
ofrece.
 Conocerá algunos sitios de interés
para los alumnos que les permita
navegar y desplazarse por los
diferentes portales.
 Creará e intercambiara su correo
electrónico para envío y recepción de
mensaje.
 Conocerá el formato de las diferentes
direcciones en Internet.
 Desarrollar un intercambio de
opiniones y aportaciones que permitan
obtener una buena definición de
Internet.
 Practicar los conceptos aprendidos en
la red de computadoras.
 Visitar algunos sitios de Internet para
obtener información.
 Buscar información en Internet
 Enviar y visualizar mensajes por medio
del correo electrónico.
 Utilizando los conocimientos previos,
crear una página y montarla en alguno
de los sitios disponibles para tal efecto.