Académique Documents
Professionnel Documents
Culture Documents
SYLLABUS DE LA ASIGNATURA
I. DATOS INFORMATIVOS
CARRERA: Análisis de Sistemas
NIVEL: Tecnológico
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.
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.
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.
IV. CONTENIDOS
Sistema General de conocimientos
Funcionamiento del Entorno WEB
S – Seminarios.
CP – Clases prácticas.
CE – Clase encuentro.
T – Taller.
L – Laboratorio.
E- Evaluación.
TI – Trabajo independiente.
Tema 2: HTML
Objetivo: Diseñar páginas web mediante la utilización de HTML en un editor de textos simple.
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
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:
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
Ing. Jorge Jaramillo Alba Ing. José Eduardo Arce Apolo Lic. Carmen Luisa Cabrera
DOCENTE COORDINADOR Espinoza, Mgs
RECTORA
JUSTIFICACION
HORARIO DE CLASE:
64 Horas 4 Créditos
PORTAFOLIO:
Justificación
Objetivos
Diarios de campo
Conclusiones
Recomendaciones
EVOLUCION
QUE ES LA WEB
WEB
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..
IP ESTATICO O IP DINAMICO
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
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
Co Pais de ubicación
.tur= turismo
.tv= televisión
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 2.0
HTML 3.2
HTML4.0
HTML 5.0
HTML CSS JS
JS: Comportamiento
HTML
ETIQUETAS
<p> = párrafos
<i>=cursiva
<u>=subrayado
<strong>= negrita
<em>=cursiva
<abbr>=abreviaturas
<DFN>= definiciones
<span>=formatear o palabras
<font>=formato texto
ENLACES
<link href=””>
<a href=””>
<article id=”inicio”>
</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>
ENLACES HTML
<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 >
<table>
<tr>
<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>
</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
Ejemplo de un select
</form>
<select >
<optgroup label="Costa">
<option>Guayas</option>
<option>Manabi</option>
<option>Los Rios</option>
<option >Esmeraldas</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 >Tungurahua</option>
</optgroup>
BOTONES
<input type=”button”>
<fielset>
<label></label>
</fielset>
</form>
Ejercicios grupales
BOOTSTRAP
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
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)
Else
{
Echo “El número es menor”;
?>
4.-
<? PHP
$num=1;
If ($num>10)
Else if ($num=10)
Else
?>
5.-
<? PHP
$num=33;
$resu=($num%2);
If ($resul=0);
{
Else
{
?>
Base de datos
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”
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>
</tr>
<tr>
</tr>
<tr>
<td>Formulario</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 colspan="2"><center>Fecha</center></td>
</tr>
<tr>
<td colspan="2">hh</td>
</tr>
<tr>
<br>
</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><center>S</center></td>
<td><center>N</center></td>
<td></td>
<td></td>
</tr>
<tr>
<td>1.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>3.</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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>5.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>6.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>7.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>8.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>9.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>10.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>11.</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></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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>14.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>15.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>16.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>17.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>18.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>19.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>20.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>21.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>22.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>23.</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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>28.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>29.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>30.</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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>32.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td>33.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td>34.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td>35.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>36.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>38.</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>39.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>40.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>41.</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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>44.</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<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></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2.</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>
</body>
</html>
PROCESO
<?php
$numero1 = $_POST['nume1'];
$numero2 = $_POST['nume2'];
$cont = 1;
$aux = $numero1;
} else {
$cont = 3;
?>
SERIE FIBONACCI
DEBER