THE ANDES

TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Record # 17-080

LESSON PLAN No. 1

Escuela: Informática CAREER: Technology in Semester: Fifth
Nombre de la Asignatura: Systems Analysis In-Person Hours: 4
Web programming
Nombre del Docente: Ing. Líder Fecha: 26 de abril del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Topic: Basic structure of a web page
Objective: Specify similarities and differences between desktop programming and object-oriented programming.
the web.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competencies

Introduction to the Concepts Planes Maps Identify the

technology general about Guides of conceptual concepts
HTML the introduction to study and Evaluations of technology
the technology Internet written. HTML.
Estructura HTML. Videos Evaluations
basic of a oral. Analyze the
página web. Master class Exercises structure
about the practical basic of the
Labels basic structure web pages.
open and from a page
closed in web. Differentiate the
HTML labels
Workshop on the open and
open tags closed of
Formats in and closed in HTML.
web pages. HTML
List the
Exemplification labels for
about the apply formats
tags of on a page
formats in web.
HTML

BIBLIOGRAPHY:
[Link]
[Link]

TEACHER VICE-RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Record # 17-080

CLASS PLAN No. 2

School: Computer Science CAREER: Technology in Semestre: Quinto
Course Name: Systems Analysis Horas Presenciales: 4
Web programming
Nombre del Docente: Ing. Líder Fecha: 03 de Mayo del 2015. Autonomous Hours:
Zambrano Zambrano

Unit Name: Web-Oriented Programming

Topic: Lists in HTML
Objective: To recognize the tags of ordered and unordered lists by applying commands.
HTML to create structured web pages.

Contents Methodological Approaches: Activities Resources Strategies of Results of

Autonomous evaluation Learning:
In-person Competencies
Concepts Planes Maps Define the
Introduction to general about Guides of conceptual concepts
the lists the lists study and Evaluations general about
ordered and not ordered and not Internet written. the lists
organized in ordered in Videos Evaluations ordered and not
HTML HTML Oral. ordered.
Exercises
Features Master class practical
about the Identify the
of the lists
characteristics of characteristics
ordered and not
ordered in the lists of the lists
HTML ordered and not ordered and not
arranged in arranged in
HTML HTML
Labels for
build lists
ordered and not Explain the Get to know the
ordered in labels for utility of the
HTML build lists labels
ordered and not ordered and not
Headers in arranged in
ordered in
HTML HTML
HTML
Master class
about the Create a page
headers in web application
HTML. lists.

WEBGRAPHY:
[Link]
[Link]

TEACHER VICERECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Record # 17-080

LESSON PLAN No. 3

School: Computer Science CAREER: Technology in Semestre: Quinto
Subject Name: Systems Analysis Horas Presenciales: 4
Programación web
Nombre del Docente: Ing. Líder Fecha: 10 de mayo del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Topic: Links in HTML
Objective: Create web pages with links through the application of HTML codes, to develop systems.
interactive computer scientists.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competencies
Planes Maps Understand the
Introduction to the Explanation about Guides of conceptual concepts
the links in the concepts study and Evaluations general about
HTML generals of the Internet written. the links in
links in Videos Evaluaciones HTML.
Characteristics HTML. oral.
of the links Exercises Identify the
in HTML. Master class practical characteristics
about the
of the links
characteristics of
Types of in HTML
links in one HTML links
web page. Differentiate the
Picture
comparatives of types of links
the types of on a page
Labels of the
links in web
types of links
in HTML HTML.
Create a page
Exemplification web con
about the links.
tags of the
types of links
in HTML

BIBLIOGRAPHY:
[Link]
[Link]

TEACHER VICE RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Register # 17-080

LESSON PLAN No. 4

School: Computer Science CAREER: Technology in Semestre: Quinto
Subject Name: Systems Analysis Horas Presenciales: 4
Web programming
Nombre del Docente: Ing. Líder Fecha: 17 de mayo del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Tema: Imágenes en HTML
Objetivo: Insertar imágenes mediante la aplicación de la etiqueta img de HTML para diseñar sistemas web
vivid and attractive.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competences

Introduction a Explanation of the Planes Maps Understand them

the images in concepts Guides of conceptual concepts
HTML study and Evaluations generals of the
generals of the Internet written. images in
Alignment of images in Videos Evaluations HTML.
the images in HTML oral.
web pages. Exercises Align them
practical images in
Exemplification
Funds of different areas
pages web about the on web pages
with images alignment of the
images in Insert
Size of the images of
images in web pages.
funds in
HTML
web pages.
Masterclass
about the funds Set up the
size of the
of web pages images in
with images. web pages

Workshop on the
size of the
images in
HTML

BIBLIOGRAPHY:
[Link]
[Link]

TEACHER VICE-RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Registration # 17-080

LESSON PLAN No. 5

Escuela: Informática CAREER: Technology in Semestre: Quinto
Subject Name: Systems Analysis Horas Presenciales: 4
Web Programming
Teacher's Name: Eng. Leader Fecha: 31 de mayo del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Topic: Tables in HTML
Objective: Design tables in HTML, using the table tag, to structure the information of
the web pages.

Contents Methodological Approaches: Activities Resources Strategies of Results of

Autonomous In-Person evaluation Learning:
Competencias

Introduction to Class Planes Maps Define them

the tables in Masterful about Guides of conceptual concepts
HTML the concepts of study and Evaluations generals of
the tables in Internet written. the tables in
Characteristics HTML Videos Evaluations HTML
from the tables oral.
in HTML Explanation of the Exercises Identify the
characteristics of practical characteristics
Labels of the tables in of the tables
the tables in HTML in HTML
HTML
Explanation of Combine
Combination the labels in cells in
of cells in HTML tables HTML tables
HTML tables
Master class Insert
Insert about the images in
images in combination of HTML tables
HTML tables cells in tables
HTML

Example
about insertion
of tables in
HTML

BIBLIOGRAPHY:
[Link]
[Link]

TEACHER VICE-RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Record # 17-080

LESSON PLAN No. 6

School: Computer Science CAREER: Technology in Semestre: Quinto
Subject Name: Systems Analysis Horas Presenciales: 4
Web programming
Teacher's Name: Eng. Leader Fecha: 07 de junio del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Theme: Multimedia content in HTML
Objective: Insert multimedia content using the embed object to create dynamic web pages.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competencies
Introduction to Explain the Planes Maps Describe the
content concepts Guides of conceptual concepts of
multimedia in general about study and Evaluations content
web pages el contenido Internet written. multimedia in
Structure of the multimedia in Videos Evaluations web pages.
tags for web pages oral. Describe the
insert audio Explain the Exercises structures of
and videos in structure of the practical the labels
HTML files labels of to insert
Types of audio and video in audios and
labels of HTML files videos in
audio and video Socialize the files
Servers with types of labels HTML
content of audio and video. Explain the types
multimedia in Explain the of labels
the web functioning of audio and
Insertion of of servers video
audio and video web con Insert audio and
in pages contents videos in
web multimedia web pages
Exemplify the
insertion of
audio and videos in
web pages

WEBGRAPHY:
[Link]
[Link]

TEACHER VICE-RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Registration # 17-080

LESSON PLAN No. 7

Escuela: Informática COURSE: Technology in Semestre: Quinto
Subject Name: Systems Analysis Horas Presenciales: 4
Web programming
Teacher's Name: Engineer Leader Fecha: 14 de junio del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Topic: Forms in HTML
Objective: To insert forms into web pages by using the form tags of HTML, to receive
data of internet users who browse the web.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competencies

Introduction to Explain the Planes Maps

the forms concepts Guides of conceptual. Explain the
in HTML generals of the study and Evaluations concepts
forms in Internet written. general information of

Features HTML Videos Evaluations the forms

of the Explain the Wow. in HTML
forms in characteristics Exercises Explain the
HTML of the practical characteristics
forms in of the
Types of HTML. forms in
entries of Socialize the HTML.
data in types of Understand them
forms entries of types of
HTML data in entries of
forms data in
Structure of the HTML. forms
forms in Exemplification HTML
HTML of the Insert
structures of forms in
Insertion of forms in web pages.
forms in HTML
web pages Exemplification
of the insertion
of forms
on web pages

BIBLIOGRAPHY:
[Link]
[Link]

TEACHER VICE RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Register # 17-080

LESSON PLAN No. 8

School: Computer Science CAREER: Technology in Semestre: Quinto
Name of the Subject: System Analysis Horas Presenciales: 4
Web programming
Name of the Teacher: Eng. Leader Date: June 21, 2015. Autonomous Hours:
Zambrano Zambrano

Unit Name: Web-oriented Programming

Topic: Sensitive Maps in HTML
Objective: To implement a sensitive map using map labels to locate tourist sites.
on the web easily and promptly.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competencies

Introduction to Explain the Planes Maps

the maps concepts Guides of conceptual. Explain the
sensitive to generals of the study and Evaluations concepts
HTML maps Internet written. general of
sensitive in Videos Evaluations the maps
Characteristics HTML oral. sensitive in
of the maps Explain the Exercises HTML
sensitive in characteristics practical Identify the
HTML of the maps characteristics
sensitive in of the maps
Structure of the HTML. sensitive in
maps Master class HTML.
sensitive in of the structure Interpret the
HTML of the maps coordinates
sensitive in rect, circle y
Coordinates HTML poly on maps
rect, circle Exemplification sensible
poly on maps of the Program a
sensible. coordinates sensible map
rect, circle, y in HTML
Programming poly on maps
of maps sensitive.
sensitive in Exemplification
web pages from the
programming
of maps
sensitive in
web pages

BIBLIOGRAPHY:
[Link]
[Link]

TEACHER VICE-RECTOR STUDENT REPRESENTATIVE

 THE ANDES
TECHNOLOGICAL INSTITUTE
Ministerial Agreement # 1598
Institutional Register # 17-080

LESSON PLAN No. 9

School: Computer Science CAREER: Technology in Semestre: Quinto
Subject Name: Systems Analysis Horas Presenciales: 4
Web programming
Teacher's Name: Eng. Leader Fecha: 28 de junio del 2015. Autonomous Hours:
Zambrano Zambrano

Nombre de la Unidad: Programación orientada a la web

Topic: Frames in HTML
Objective: To divide the screen into several zones using the HTML frame tag for design.
option menus that facilitate user navigation.

Contents Methodological Approaches: Activities Resources Strategies of Results of

In-person Autonomous evaluation Learning:
Competencies

Introduction to Explain the Planes Maps

the frames in concepts Guides of conceptual Explain the
HTML generals of the study and Evaluations concepts
frames en Internet written. general of
Characteristics HTML Videos Evaluations the frames in
of the frames Explain the oral HTML
in HTML characteristics Exercises Identify the
of the frames in practical characteristics
Structure of the HTML. of the frames
frames Explanation of in HTML.
HTML the structure of Analyze the
the frames in labels of
Labels of the HTML the frames in
frames in Exemplification HTML
HTML of the labels Program a
of the frames in web page
Orientation of HTML with frames.
the frames in Socialization of
HTML the orientation of
the frames in
HTML
Programming Exemplification
from the
of maps
sensitive in programming
web pages of the frames in
web pages

WEBGRAPHY:
[Link]
[Link]

TEACHER VICE-RECTOR STUDENT REPRESENTATIVE