Você está na página 1de 91

OBJETIVOS

El presente portafolio se realizó para:

 Ampliar la parte investigativa


 Tener conocimiento de la materia
 Cumplir con los requisitos de la materia
INSTITUTO TECNOLOGICO SUPERIOR
ISMAEL PEREZ PAZMIÑO

SYLLABUS DE LA ASIGNATURA
I. DATOS INFORMATIVOS
CARRERA: Análisis de Sistemas

NIVEL: Tecnológico

TIPO DE CARRERA: Tradicional


NOMBRE DE LA SIGNATURA: Introducción a la Web
CÓD. ASIGNATURA: PD-S5-INWE
PRE – REQUISITO: PF-S1-FUPR, PF-S1-ININ, PF-S2-ESDA, PD-S2INBD, PF-S2-LPCO,
PS-S3-ANSI, PS-S3-TEDO, PTS4-INSO, PD-S4-SICS, OE-S4-PRSH,
PS-S4-ANOO

CO – REQUISITO: PS-S5-DIDI, OE-S5-ORAC


# CRÉDITOS: 4 CRÉDITOS TOTAL HORAS: 64 HORAS
SEMESTRE: QUINTO
PERIODO ACADÉMICO: Noviembre 2017 – Marzo 2018
MODALIDAD: Presencial
DOCENTE RESPONSABLE: Ing. Jorge Jaramillo Alba

II. FUNDAMENTACIÓN
Dentro del avance tecnológico diario, y los pilares fundamentales en la preparación de un
profesional en el área de Sistemas, es importante el estudio de la tecnología Web, la cual es,
hoy en día uno de los principales medios de comunicación, información y aprendizaje diario en
el mundo.

Basada en lenguaje HTML, esta tecnología permite generar, en conjunto con lenguajes de
programación tales como PHP, un sinnúmero de soluciones y aplicaciones para automatizar
procesos y resolver problemas a gran escala.

Por tal razón, el módulo de introducción al Web está diseñado para que el estudiante adquiera
los conocimientos de programación web, comenzando por el aprendizaje de comandos HTML
para generar para las estructuraciones y páginas y sitios Web dinámicos. Este curso tiene
como objetivo el desarrollo de aplicaciones web usando las diversas herramientas ofrecidas
por el lenguaje de programación, así como sus complementos.

Aplica técnicas de diseño de algoritmos, estructuras de datos y de programación para la


representación de modelos reales bajo un lenguaje de programación. Desarrolla y depura
aplicaciones utilizando diversos métodos de inserción, ordenamiento y búsqueda en la
elaboración de soluciones bajo un lenguaje de programación, asumiendo una actitud reflexiva
y critica frente a las ventajas y desventajas de estos métodos. Valora el uso de lenguajes para
desarrollar aplicaciones en Internet y que garanticen la seguridad adecuada. Asume una
actitud analítica y experimental para el desarrollo y comprobación de los conocimientos
adquiridos.

El problema que existe hoy en día es la necesidad de desarrollar sitios web mediante la
utilización del lenguaje de programación PHP para la resolución de problemas..

El objeto de estudio es el proceso de desarrollo de páginas web mediante HTML y PHP son los
sitios web.

Esta asignatura tiene como objetivo diseñar sitios web funcionales mediante la aplicación de
HTML y lenguaje PHP que permitan la interacción con el usuario a fin de resolver necesidades
específicas de un entorno laboral, social o cultural.

III. OBJETIVOS ESPECÍFICOS


 Analizar el funcionamiento del internet y su uso identificando sus principios, leyes y
teorías.

 Diseñar páginas web en HTML mediante el uso de editores de texto que permitan la
creación de sitios web estáticos.
 Desarrollar páginas web mediante el lenguaje de programación PHP que permita la
creación de aplicaciones web interactivas.

 Gestionar datos, procesos e información en un sitio web mediante la combinación del


lenguaje PHP y bases de datos MySQL.

IV. CONTENIDOS
Sistema General de conocimientos
Funcionamiento del Entorno WEB

HTML (HyperText Markup Language)

Lenguaje de programación PHP. (HyperText Pre-processor)

Manejo de bases de datos MySql con Php

Sistema General de Habilidades


Analizar el funcionamiento y los componentes necesarios para el funcionamiento de un
entorno WEB.

Diseñar páginas web mediante la utilización de HTML en un editor de textos simple.


Desarrollar páginas web dinámicas mediante la inserción del lenguaje de programación PHP
en páginas creadas con HTML que permitan la interacción con el usuario.

Gestionar información de una base de datos mediante la manipulación de MySql desde el


lenguaje de Programación PHP.

Sistema General de Valores


Actitudes que estimulen la Investigación y la innovación tecnológica.
C – Conferencias.

S – Seminarios.

CP – Clases prácticas.

CE – Clase encuentro.

T – Taller.

L – Laboratorio.

E- Evaluación.

THP – Total de horas presenciales.

TI – Trabajo independiente.

THA – Total de horas de la asignatura.

VI. SISTEMA DE CONTENIDOS POR UNIDADES DIDÁCTICAS


Tema 1: Entorno WEB

Objetivo: Analizar el funcionamiento y los componentes necesarios para el funcionamiento


de un entorno WEB.

Sistema de Sistema de habilidades Sistema de Valores


conocimientos
• Introducción a Internet • Caracterizar las Actitudes solidarias y
o Historia o generalidades del conciencia en la
World Wide Web utilización racional de
internet
o Características
los recursos
o Páginas Web o Sitios
• Explicar el funcionamiento informáticos.
Web Funcionamiento
del internet.
• del
Internet
o Componentes o
Protocolos o
Direcciones o
Funcionamiento

Tema 2: HTML
Objetivo: Diseñar páginas web mediante la utilización de HTML en un editor de textos simple.

Sistema de Sistema de habilidades Sistema de Valores


conocimientos
• Definición • Definir HTML Actitudes que
• Versiones • Ilustrar la evolución del estimulen la
Estructura y Componentes HTML investigación

o Etiquetas y atributos o • Estructurar
Formularios etiquetas HTML para la
Estilos o Hojas de Estilos creación de páginas
Bootstrap o Plantillas WEB

editables • Generar estilos para su
aplicación en páginas
• web
• Generar páginas
web adaptables a
diferentes dispositivos.

Tema 3: PHP
Objetivo: Diseñar páginas web dinámicas mediante la inserción del lenguaje de programación
PHP en páginas creadas con HTML que permitan la interacción con el usuario.
Sistema de Sistema de habilidades Sistema de Valores
conocimientos
• Generalidades y • Definir las • Actitudes que
Funcionamiento características de PHP estimulen la
• Instalación y • Preparar un entorno de investigación y la
Configuración Elementos desarrollo innovación
y sintaxis del Lenguaje o • Diseñar páginas web tecnológica y

Variables o Constantes o dinámicas con científica
Operadores o PHP
Expresiones o Formato o • Actitudes
Estructuras de solidarias y conciencia
Control o en la utilización
Ciclos racional de los
repetitivos o recursos informáticos.
Sesiones

Tema 4: Manejo de Base de Datos con PHP

Objetivo: Gestionar información de una base de datos mediante la manipulación de MySql


desde el lenguaje de Programación PHP.

Sistema de Sistema de habilidades Sistema de Valores


conocimientos
• Generalidades • Caracterizar • Actitudes que
MySQL estimulen la
• MySQL –Instalación y investigación y la
configuración • Configurar MySQL innovación
tecnológica y
• Conexión PHP – • Diseñar páginas web con
científica
MySQL conexión a MySQL
• Actitudes
Gestión de Datos desde • Gestionar datos solidarias y conciencia

PHP MySQL desde PHP en la utilización
racional de los
recursos informáticos.

VII. ORIENTACIONES METODOLÓGICAS Y DE ORGANIZACIÓN DE LA


ASIGNATURA.

 En cada período de clase se presentará el tema, exponiendo el objetivo específico y las


habilidades que se desea alcanzar.
 Mediante el autoaprendizaje (exploraciones) se invita a descubrir conceptos y
patrones por su propia cuenta, a menudo aprovechando el poder de la tecnología.
 Se realizarán Actividades en equipo, motivando al estudiante a pensar, hablar y
escribir soluciones en un ambiente de aprendizaje de mutuo apoyo.
 Todo estudiante recopilará las investigaciones y ejercicios realizados debidamente
clasificados e indexados como material bibliográfico de apoyo en un diario de campo.
 Métodos
o Analítico-
Sintético o
Problémico
 Técnicas activas o Conferencia participativa o Generación de ideas o Solución de
problemas

VIII. RECURSOS DIDÁCTICOS


Básicos: marcadores, borrador, pizarra de tiza líquida.

Audiovisuales: Computador, retroproyector, laboratorio de computación. Técnicos:


Documentos de apoyo, Separatas, texto básico, guías de observación, tesis que reposan en
biblioteca.

IX. SISTEMA DE EVALUACIÓN DE LA ASIGNATURA

El sistema de evaluación será sistemático y participativo. Se negociará con los estudiantes los
indicadores de la evaluación colectiva, tanto para ellos como para el docente, se tomarán los
siguientes indicadores:

 Participación en clases
 Tareas Intraclase
 Tareas Extraclase
 Trabajos en grupo
La evaluación es un proceso continuo y permanente en lo conceptual, procedimental y
actitudinal, de acuerdo al reglamento se aplicarán diferentes tipos de evaluación:

o Diagnóstica: establecer el esquema conceptual de partida.

o Formativa: durante el proceso, permite efectuar reajustes a la planificación, y


retroalimentar la información.

o Final: primera aproximación del diseño de investigación, presentación y defensa ante


los compañeros y el docente.

Cabe destacar que también se aplicará autoevaluación,


coevaluación y heteroevaluación. El sistema de evaluación se desarrollará en dos
fases: 1. Evaluación del aprendizaje
a. Inicial
b. Procesual
c. Final
2. Acreditación

a. Presentación de un proyecto debidamente documentado.


b. Disertación del proyecto.

Para la culminación de la asignatura se evaluará mediante un proyecto integrador que abarca


todas las asignaturas del semestre, el cual consiste en implementar un sitio web que gestione
base de datos para la automatización de un proceso en particular para el beneficio de la
sociedad.

X. BIBLIOGRAFÍA BÁSICA Y COMPLEMENTARIA

BASICA
• Andi Gutmans, Stig Saether Bakken & Derick Rethans, PHP5 Power Programming, Editorial
Prentice Hall, Edicion 2005.
• Guzmán, Carlos. Guía de Estudio de Introducción a la Web. – Instituto Tecnológico Superior
Ismael Pérez Pazmiño. 2016. 69 páginas.

COMPLEMENTARIA
• LUJAN MORA, Sergio. Programación en Internet: Clientes Web (1° edición). Editorial Club
Universitario. (2001)
• LUJAN MORA, Sergio. Programación de aplicaciones web: historia, principios básicos y
Clientes web (1° edición). Editorial Club Universitario (2002).
Machala, Octubre del 2017

Docentes de carrera: Coordinador de carrera: Rector:

Ing. Jorge Jaramillo Alba Ing. José Eduardo Arce Apolo Lic. Carmen Luisa Cabrera
DOCENTE COORDINADOR Espinoza, Mgs
RECTORA
JUSTIFICACION

El portafolio tiene mucha importancia en nuestra educación ya que nos permite


tener de manera ordenada cada uno de los temas enseñados durante este
periodo académico y así también como de los trabajo realizados, además
permite ampliar la parte investigativa del alumno para ponerlo en práctica en
nuestra carrera profesional. Este portafolio tendrá temas relevantes a la materia
como lo son: el internet, lenguaje de HTML y sus respectivas etiquetas y
bootstrap.
OBJETIVOS

Los objetivos de este portafolio es ampliar los conocimientos como son:


 Conocer los conceptos básicos de Internet.
 Realizar diferentes tipos de formularios para la página web.
 Aprender a utilizar bootstrap con sus respectivos conceptos.
 Saber el funcionamiento de cada una de las etiquetas.
INTRODUCCION A LA WEB

HORARIO DE CLASE:

64 Horas 4 Créditos

Martes: 20:15 – 21:50

Miércoles: 18:30 – 20:05

PORTAFOLIO:

 Justificación
 Objetivos
 Diarios de campo
 Conclusiones
 Recomendaciones

UNIDADES DEL SEMESTRE:

 Unidad I Entorno Web


 Unidad II HTML
 Unidad III PHP
 Unidad IV PHP-MYSQL
INTERNET

 Es una red de computadoras


 Creada 1969 en EEUU LLAMADA arpa net
 Cooperación de las universidades y el departamento de defensa
 Guerra fría

EVOLUCION

 Descubrieron se podía socializar ARPA NET


 Servía para la comunicación
 NFS permitió disponibilidad internet en la investigación académica.
 Comenzaron hacer sus propias redes

SERVICIOS DEL INTERNET

 Correo 1971 y chat en 1988


 Foros de discusión
 Nació Word wide web
 1980 cubría casi todo EEUU
 ARPANET fue para uso científico

QUE ES LA WEB

 La cara grafica del internet


 Parte de multimedia de internet
 Espació de almacenamiento y sistema de publicación mundial
 Compuesto millones sitios web
 Web: hipertexto + internet

QUE ES EL WORD WIDE WEB

 Ofrece un interfaz simple y consiste en acceder a la inmensidad de recursos


 Forma moderna de ofrecer información

WEB

 URL: Localizador de información


 HTTP: Lenguaje para comunicarse
 HTML: Lenguaje hipertextual

COMO FUNCIONA EL INTERNET

 Todos los ordenadores conectados en internet utilizan el mismo protocolo normas


para comunicarse.
 Se conecta por medio de un ISP.
 ISP o proveedor permite asignar un número único a nuestro ordenador dentro de la
red.
 El número único es llamado IP.

PROTOCOLO IP/TCP

Es un conjunto de reglas usadas por computadoras para comunicarse una con otra atreves de
la red.

Direcciones IP están formadas por 4 cifras separadas por puntos, toman valores del 0, 255..

La división del numero IP está clasificada en: A,B,C,D,Y.

Comúnmente en nuestros hogares la IP es: 192, 168,1XXX

IP ESTATICO O IP DINAMICO

IP estático: es un número asignado permanentemente ya que no cambia excepto que se


realice manualmente.

IP dinámico: por su parte es un número que es asignado a una computadora pero cambia
cada que se establece conexión. Este tipo de IP se proporciona atreves del servicio de DHCP
(Dinamic Host Configuration Protocol).

TCP normas indican como se envía información por internet. Información que se envía
dividiendo en pequeños paquetes. Estos paquetes llegan al destino final y tienen que volverse
a unir.

PROTOCOLOS

 ARP(Address Resolution Protocol ): Resolución de direcciones para encontrar


dirección física (MAC)
 FTP (File transfer Protocolo): Protocolo de transferencia archivos.
 HTTP: Protocolo de transferencia de hipertexto
 POP: Protocolo de oficina de postal.
 SMTP: Protocolo transferencia simple de correo
 TELNET: Acceder equipos remotamente
PROTOCOLO HTTP

Nos permite realizar una petición de datos y recursos la cual pede ser un documento HTML.

Diseñado para transmitir en HTML y se utiliza para enviar todo tipo de docuemnto y crear
publicaciones en la web.

ESTRUCTURA URL

HTTPS:/WWW.unad.edu.co

HTTPS Protocolo de hipertexto

WWW Sitio Web

Unad Nombre de la empresa

Edu Tipo de empresa

Co Pais de ubicación

Dominios EXTECCIONES DE PAIS

.com = comercio AR= Argentina

.net= internet BR=Brasil

.org= organizar EC= Ecuador

.edu= educación CH=Chile

.tur= turismo

.tv= televisión

Resumen de la película Juegos de Guerra


La película juegos de guerra, me llamo la atención porque involucra como de una u otra
manera utilizan el internet en conjunto con la computadora, la historia se desarrolla a
partir del año de 1983, en la cual un joven llamado David, le gusta el mundo de la
informática porque lo ve como una manera de descubrir nuevas cosas, y para su propio
beneficio , utiliza la computadora para cambiar sus notas, adquiere boletos sin ningún
costo, y realizaba llamadas telefónicas, Así, luego de buscar toda la vida de Falken en
bibliotecas y todo lo que esté a su alcance, David se da cuenta de que la clave para ingresar
es Jhosua, el nombre del hijo fallecido de Falken, accede por error al W.O.P.R. Ahora si
David logra iniciar una partida de Guerra Termonuclear Global sin saber que está
desafiando al ordenador, que cree estar enfrentándose a los rusos y desata una guerra
nuclear que luego no puede ser detenida.

El avance de la tecnología es cada vez mayor, según el paso del tiempo y como está a
disposición de los seres humanos, por tal las computadoras trabajan según como se
encuentren programadas aunque Falken la programo para que ella jugara sola y es algo
novedoso.

HTML a sufrida varias versiones

 HTML 2.0
 HTML 3.2
 HTML4.0
 HTML 5.0

Trabajo grupal del resumen de HTML


HTML

Lenguaje para transmitir y enviar información atreves de internet

HTML CSS JS

HTML: Estructura y contenido

CSS: Diseño como colores, tamaño, formas.

JS: Comportamiento

HTML

Imágenes Videos PDF Fuentes CSS

ETIQUETAS

<p> = párrafos

<br>= salto de línea

<hr>=linea horizontal con atributos

<h1><h2>…= Formatear título, subtitulo


<b>= negrita

<i>=cursiva

<u>=subrayado

<strong>= negrita

<em>=cursiva

<abbr>=abreviaturas

<blockquote>= citar texto

<q>= citar texto pequeño

<cite>= citas con cursiva

<DFN>= definiciones

<pre>=para pre formatear

<span>=formatear o palabras

<font>=formato texto

ENLACES

Existen diferentes tipos de etiquetas enlaces como:

<link href=””>

<a href=””>

Utilizar un enlace para ir a un inicio de una página y al final;

<a href=”#final”>IR AL FINAL DE LA PAGINA </a>

<article id=”inicio”>

<P> Es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la


familia de protocolos TCP/IP, lo cual garantiza que las redes físicas heterogéneas que la
componen formen una red lógica única de alcance mundial. Sus orígenes se remontan a 1969,
cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre
tres universidades en California (Estados Unidos).

</P>

</article>

<article id=”final”>

<p>Uno de los servicios que más éxito ha tenido en internet ha sido la World Wide Web
(WWW o la Web), hasta tal punto que es habitual la confusión entre ambos términos. La
WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de
archivos de hipertexto. Esta fue un desarrollo posterior (1990) y utiliza internet como medio
de transmisión.
</p>

</article>

<a href=”#inicio”>IR AL INICIO DE LA PAGINA </a>

ENLACES HTML

<a href=”carpeta.jpg” >Carpeta</a>

<a href=”Milito@gmail.com”>Enviar un gmail </a>

< a href=”imagen”> <img src=”iman.png”></a>

ETIQUETAS PARA TABLA

<table> = crear tablas

<tr>=Filas

<td>=Columnas

<colspan>=combinar columnas

<rowspan>=combianar filas

Ejemplo de tabla

<table>

<tr>

<td>1</td>
<td>2</td>

<td>3</td>

</tr>

<tr>

<td>4</td>

<td>5</td>

<td>6</td>

</tr>

<tr>

<td>7</td>

<td>8</td>

<td>9</td>

</tr>

</table >

Tablas utilizando <colspan> y < rowspan>

<table>

<tr>

<td colspan=”2” rowspan=”2”>X</td>

<td>1</td>

<td>2</td>

</tr>

<tr>
X 1 2
<td>3</td>
3 4
<td>4</td>

</tr> A B Y

<tr> C D
<td>A</td>

<td>B</td>

<td colspan=”2” rowspan=”2”>Y</td>

</tr>
<tr>

<td>C</td>

<td>D</td>

</tr>

</table>

<form action=” donde se va a dirigir” method=”manera de como se van a viajar los datos” >

TIPOS DE INPUT

<input type=”number” min=”6” max=”2” stap=”2”>

<input type=”range” min=”6” max=”2” stap=”2”>

<input type=”date” >

<input type=”color” >

<input type=”file” >

<input type=”date” >

<fielset> = Permite agrupar los formularios

<legend>= Se puede poner un título al formulario

CHECKBOX RADIO Y SELECT

<input type=”checkbox” name=”ciudad” value=”ciudad”>


<input type=”radio” name=”sexo” value=”sexo” id=”genero”>

Ejemplo de un select

</form>

<label>REGIONES Y PROVINCIAS DEL ECUADOR</label>

<select >

<optgroup label="Costa">

<option >El Oro</option>

<option>Guayas</option>

<option>Manabi</option>

<option>Los Rios</option>

<option >Esmeraldas</option>

<option >Santa Elena</option>

</optgroup>

<optgroup label="Sierra">

<option >Azuay</option>

<option>Bolivar</option>

<option>Cañar</option>

<option>Carchi</option>

<option >Chimborazo</option>

<option >Cotopaxi</option>

<option >Imbabura</option>

<option >Loja</option>

<option >Pichicha</option>

<option >Santo Domingo</option>

<option >Tungurahua</option>

</optgroup>

BOTONES

<input type=”button”>

<input type=”submit” value=”enviar”>

<input type=”reset” value=”borrar”>


<button type=”submit” >Enviar</button>

<form action=”ejemplo.html” method=”post”>

<fielset>

<label></label>

</fielset>

</form>

Ejercicios grupales
BOOTSTRAP

 Framework CSS facilita a los desarrolladores la maquetación de la paginas


 Incluye un conjunto de clases CSS para maquetar de manera fácil
 Es mantenido y actualizado por twitter
 Esta optimizado para dispositivos móviles
 Diseño responsivo

PROBLEMA

 A la hora maquetizar una web tenemos que tener una indefinida resolución
 Nuestros diseños no se adaptan a todas las resoluciones
 Hacer diferentes versiones de la web según el dispositivo

SOLUCION

 Diseño una sola vez para todos las dispositivos


 Diseño se adaptan dinámicamente
 Definimos la estructura que debe tener la página web
 Incluye un conjunto estilos para hacer nuestra web responsivo
EXAMEN DEL 1 PARCIAL

NOTAS DEL 1 PARCIAL

PHP= Hypertext Preprocessor

es un lenguaje de programación de propósito general de código del lado del servidor


originalmente diseñado para el desarrollo web de contenido dinámico
HTML Cliente Navegador

PHP Servidor Web Apache

XAMPP= Multiplataforma, Apache, MSQL, PHP, Perl

EJEMPLOS:

1.-

<? PHP

Echo “hola”;

?>

2.-

<? PHP

$num1=10;

$num2=20;

$res=0;

$res=$num1+$num2;

Echo “$res”;

?>

3.-

<? PHP

$num=1;

If ($num>10)

Echo “ El número es mayor”;

Else

{
Echo “El número es menor”;

?>

4.-

<? PHP

$num=1;

If ($num>10)

Echo “ El número es mayor”;

Else if ($num=10)

Echo “El número es igual ”;

Else

Echo “El número es menor”;

?>

5.-

<? PHP

$num=33;

$resu=($num%2);

If ($resul=0);
{

Echo “El número es par”;

Else
{

Echo “El número es impar”;

?>
Base de datos

Auto_id begin (20)

Auto_marca varchar (20), NULL

Auto_modelo varchar (20), NULL

Auto_placa varchar (20), NULL

Auto_color varchar (20), NULL

Auto_anio varchar (20), NULL

Auto_estado varchar (20), NULL

CODIGO
<?php

require_once'Conexion.php';
if ($mysqli -> query ("INSERT INTO autoauto
(auto_marca, auto_modelo,
auto_placa, auto_color,
auto_anio, auto_estado)
VALUES ('KIA', 'RIO',
'XYS234', 'AZUL', '2016', 'AC')") === TRUE)
{
printf ($mysqli->affected_rows."FILAS AFECTADAS");
}
else
{
echo "ERROR AL EJECUTAR EL COMANDO:".$mysqli->error;
}

?>
DESARROLLO
DESARROLLO

DESARROLLO
LOGIN
ASISTENCIAS

FALTAS
JUSTIFICACION
CONCLUSIONES

En conclusión, el desarrollado de este portafolio permitió conocer cada una de las unidades ya
estudiadas profundizando de manera más objetiva cada clase y la práctica que se realizó en
trabajos grupales de cada clase de este periodo académico.
Recomendaciones:

Es indispensable ser organizado y guardar los trabajos calificados ya que son una guía de lo que
el estudiante ha ido aprendiendo de esta manera podremos encontrar los temas estudiados de
manera rápida y sencilla. Realizar el portafolio ya que sirve saber cada una de las unidades
aprendidas.
Introducción a la web
Nombre: Anthony Dávila
Fecha: 18 de noviembre de 2017
Curso: 5 Análisis de Sistemas “A”

Resumen de la película Juegos de Guerra


La película juegos de guerra, me llamo la atención porque involucra como de una u otra
manera utilizan el internet en conjunto con la computadora, la historia se desarrolla a
partir del año de 1983, en la cual un joven llamado David, le gusta el mundo de la
informática porque lo ve como una manera de descubrir nuevas cosas, y para su propio
beneficio , utiliza la computadora para cambiar sus notas, adquiere boletos sin ningún
costo, y realizaba llamadas telefónicas, Así, luego de buscar toda la vida de Falken en
bibliotecas y todo lo que esté a su alcance, David se da cuenta de que la clave para ingresar
es Jhosua, el nombre del hijo fallecido de Falken, accede por error al W.O.P.R. Ahora si
David logra iniciar una partida de Guerra Termonuclear Global sin saber que está
desafiando al ordenador, que cree estar enfrentándose a los rusos y desata una guerra
nuclear que luego no puede ser detenida.

El avance de la tecnología es cada vez mayor, según el paso del tiempo y como está a
disposición de los seres humanos, por tal las computadoras trabajan según como se
encuentren programadas aunque Falken la programo para que ella jugara sola y es algo
novedoso.
ETIQUETAS CON SUS ATRIBUTOS Y PROPIEDADES
Colocamos con este atributo una imagen de fondo en cualquier elemento de la página, se
puede ver una página de ejemplo
Para ver otros ejemlos de Box pulsar aquí
TRABAJO FORMULARIOS
TRABAJO DE ESTILOS
INTRODUCCIÓN A LA WEB
Nombre: Anthony Dávila
Fecha: 18 de febrero de 2018
Cuso: 5to Análisis de Sistemas “B”
FORMULARIO
<!Doctype html>

<html>

<head>

<title>

FORMULARIO

</title>

<meta charset="UTF-8">

</head>

<body>

<table border="2">

<tr>

<td rowspan="2"><img src="descarga.jpg"></td>

<td colspan="5"><center><h1>INSTITUTO TECNOLÓGICO SUPERIOR ISMAEL PÉREZ


PAZMIÑO</h1></center></td>

</tr>

<tr>

<td colspan="5" ><center><h1>GUÍA DE EVALUACION AL DOCENTE POR EL


ESTUDIANTE</h1></center></td>

</tr>

<tr>

<td>Formulario</td>

<td colspan="5"><center><h3>ITSIPP Guía de evaluación al docente por el


estudiante (Modalidad presencial)</h3></center></td>

</tr>

<tr>

<td>Nivel</td>

<td></td>
<td>Carrera</td>

<td colspan="3"></td>

</tr>

<tr>

<td>Docente</td>

<td></td>

<td>Asignatura</td>

<td colspan="3"></td>

</tr>

<tr>

<td>Modalidad</td>

<td colspan="5"><center>Presencial</center></td>

</tr>

<tr>

<td rowspan="2">Periodo Academico</td>

<td colspan="3" rowspan="2"></td>

<td colspan="2"><center>Fecha</center></td>

</tr>

<tr>

<td colspan="2">hh</td>

</tr>

<tr>

<td colspan="6"><h2>Instrucciones Generales </h2>

<br>

Lea cada enunciado y marque con una X en la escala segun considere.Le


solicitamos

llenar la presente evaluación con la mayor sinceridad, pues los resultados


obtenidos

servirán para mejorar el desempeño docentey por consiguiente el proceso de


formacion del profesional.

Gracias por su colaboracion.

</td>
</tr>

<tr>

<td colspan="2"><center><h3><b>ASPECTO A
EVALUARSE</b></center></h3></td>

<td><center>Si</center></td>

<td><center>No</center></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="2"><b>I.PLANIFICACION EN LA CLASE</b></td>

<td><center>S</center></td>

<td><center>N</center></td>

<td></td>

<td></td>

</tr>

<tr>

<td>1.</td>

<td>El docente entrego el programa de la asignatura en la primera clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>2.</td>

<td>El docente entrego el plan calendario de la asignatura en la primera


clase</td>

<td></td>

<td></td>

<td></td>

<td></td>
</tr>

<tr>

<td>3.</td>

<td>El docente socializó en el aula los documentos de planiicacion de la


asignatura en la primera clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="2"></td>

<td><center>Siempre</center></td>

<td><center>Casi Siempre</center></td>

<td><center>Aveces</center></td>

<td><center>Nunca</center></td>

</tr>

<tr>

<td colspan="2"><b>II.INTRODUCCION</b></td>

<td><center>S</center></td>

<td><center>CS</center></td>

<td><center>AV</center></td>

<td><center>N</center></td>

</tr>

<tr>

<td>4.</td>

<td>El docente saluda antes de inciar la clase</td>

<td></td>

<td></td>

<td></td>

<td></td>
</tr>

<tr>

<td>5.</td>

<td>El docente organiza el aula para el comienzo de la clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>6.</td>

<td>El docente se preocupa por los estudiantes ausentes al inicio de la


clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>7.</td>

<td>El docente facilita socializar la fecha civica o informaciones de


actualidad</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>8.</td>

<td>El docente realiza la retroalimentacion de conocimientos de clases


antariores</td>

<td></td>
<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>9.</td>

<td>El docente revisa en el aula al deber realizado por los estudiantes</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>10.</td>

<td>El docente explica el vinculo del tema de la clase con la futura


profesion</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>11.</td>

<td>El docente copia el tema de la clase en la pizarra</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>12.</td>
<td>El docente comprueba la compresion del objetivo de la clase en los
estudiantes</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>13.</td>

<td>El docente es cortes en el trato con los estudiantes</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="2"><b>III.DESARROLLO</b></td>

<td><center>S</center></td>

<td><center>CS</center></td>

<td><center>AV</center></td>

<td><center>N</center></td>

</tr>

<tr>

<td>13.</td>

<td>El docente es cortes en el trato con los estudiantes</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>
<td>14.</td>

<td>El docente demuestre preparación para el manejo de cada temática de la


clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>15.</td>

<td>El docente realiza el proceso clase en base a una planificación previa</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>16.</td>

<td>El docente entrega con anterioridad los trabajos obligatorios por


créditos</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>17.</td>

<td>El docente utiliza el Texto Base en el proceso de la clase</td>

<td></td>

<td></td>

<td></td>

<td></td>
</tr>

<tr>

<td>18.</td>

<td>El docente utiliza la Guía de Estudio en el proceso de la clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>19.</td>

<td>El docente utiliza otros materiales bibliográficos en el proceso de la clase


</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>20.</td>

<td>El docente posibilita la socilizacion del trabajo independiente orientado en


el encuentro anterior </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>21.</td>

<td>El docente profundiza los aspectos del trabajo independiente orientado en


el encuentro anterior </td>

<td></td>
<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>22.</td>

<td>El docente comprueba la compresión de los estudiantes sobre el trabajo


independiente para la proxima clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>23.</td>

<td>El docente motiva el trabajo participativo de todos durante el proceso de


la clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>24.</td>

<td>El docente relaciona los contenidos de la clase con los anteriores </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>25.</td>
<td>El docente utiliza referencias bibliográficas accesibles en el proceso de
clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>26.</td>

<td>El docente utiliza otros recursos didácticos (infocus, aulas virtuales, foros,
chat, etc) en el proceso de la clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>27.</td>

<td>El docente realiza clases dinámicas logrando la participación activa del


estudiante </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>28.</td>

<td>El docente facilita la aplicación práctica de los conocimientos teóricos


recibidos </td>

<td></td>

<td></td>

<td></td>
<td></td>

</tr>

<tr>

<td>29.</td>

<td>El docente evidencia planificación de su proceso clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>30.</td>

<td>El docente relaciona los contenidos con la utilidad pratica de us futura


profesión </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="2"><b>IV.CONCLUSIONES</b></td>

<td><center>S</center></td>

<td><center>CS</center></td>

<td><center>AV</center></td>

<td><center>N</center></td>

</tr>

<tr>

<td>31.</td>

<td>El docente relaciona lo ralizado en clase con el objetivo declarado al inicio


de ella </td>

<td></td>

<td></td>
<td></td>

<td></td>

</tr>

<tr>

<td>32.</td>

<td>El docente evalúa el parendizaje de los estudiantes según el cumplimiento


del objetivo de la clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td>33.</td>

<td>El docente, através de la evaluación, estimula los estudios en la carrera


</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td>34.</td>

<td>El docente explica el trabajo independientea realizar para la siguiente


clase </td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr> <tr>

<td>35.</td>

<td>El docente socializalos resultados de las evaluaciones en el transcurso de


la signatura </td>

<td></td>
<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>36.</td>

<td>El docente cumple con la planificación entrega en la primera clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="2"><b> V.OTROS ASPECTOS</b></td>

<td><center>S</center></td>

<td><center>CS</center></td>

<td><center>AV</center></td>

<td><center>N</center></td>

</tr>

<tr>

<td>37.</td>

<td>El docente es puntual al inicio de la clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>38.</td>

<td>El docente le da a conocer al estudiante sus calificaciones crédito a


crédito</td>
<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>39.</td>

<td>El docente cumple con el horario de clases establecido</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>40.</td>

<td>El docente prohíbe el consumo de alimentos o bebidas en el aula</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>41.</td>

<td>El docente evita el uso de su celular en el aula</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>42.</td>
<td>El docente prohíbe el uso de celulares en el aula</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>43.</td>

<td>Al docente le alacanza el tiempo para su clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>44.</td>

<td>Usted comprende las explicaciones que hace el docente en su clase</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="3">Si considera necesario agrege otro aspectos</td>

<td colspan="2"></td>

<td></td>

</tr>

<tr>

<td colspan="2"></td>

<td><center>S</center></td>

<td><center>CS</center></td>
<td><center>AV</center></td>

<td><center>N</center></td>

</tr>

<tr>

<td>1.</td>

<td>El docente usa su celular en aula</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>2.</td>

<td>El docente abandona el aula de clases por diferentes motivos</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>3.</td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>4.</td>

<td></td>

<td></td>
<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td>5.</td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</table>

</body>

</html>
EJECUCIÓN DEL CÓDIGO
SERIE DE FIBONACCI

FORMULARIO

<!Doctype>

<html>

<head>

</head>

<body>

<form action="proce2.php" method="POST">

numero1:<input type="text" name="nume1"><br><br>

numero2:<input type="text" name="nume2"><br><br>

<input type="submit" name="enviar" value="CALCULAR">

</form>

</body>

</html>

PROCESO

<?php

$numero1 = $_POST['nume1'];

$numero2 = $_POST['nume2'];

$cont = 1;

$aux = $numero1;

echo "Inicio <br>";

while ($cont < 2) {

echo "".$numero1. "-";


if ($aux <= $numero2) {

echo "".$aux. "-";

$numero1 = $numero1 + $aux;

$aux = $aux + $numero1;

} else {

$cont = 3;

?>
SERIE FIBONACCI
DEBER