Portada

UNIVERSIDAD GERARDO BARRIOS

Facultad de Ciencias y Tecnología

Ingeniería en Sistemas y Redes Informáticas

Cristian Junior Castro Carranza

Gisela Espinoza

Grupo “B”

San Miguel, 10 de Marzo del 2017

Introduccion

En este computo e obtenido nuevos conocimiento sobre el lenguaje PHP, en tanto como se conjuga con las paginas web, HTML lo cual también el estilo con CSS, también el lado del cliente y servidor JavaScript, entre ellos crean paginas web mas dinámicas.

Sumario de Contenidos

Unidad 1: Introducción a las Aplicaciones Web
1.1 ¿Qué son las Aplicaciones Web?
1.2 Aplicaciones de Escritorio vs Aplicaciones Web.
1.3 Características, ventajas y Desventajas de las Aplicaciones Web.
1.4 Protocolos y Tecnologías Web.



1.5 Sesión HTTP/Apache básica.


Unidad 2: Instalación y Configuración del Entorno de Desarrollo.
2.1 Instalar Apache, MySQL, PHP y FTP.
2.2 Instalación de un Manejador de Versiones.
2.3 Instalación de Netbeans y Filezilla.
2.4 Creación de Proyecto PHP.
2.5 Representación de Datos con HTML & CSS3.
2.6 Subida de Proyecto al servidor.

2.7 Configurar Netbeans para versionar un proyecto.


Unidad 3: Introducción al Interprete PHP.
3.1 Características Basicas de PHP.
3.2 Sintaxis básica del Lenguaje PHP.
3.3 Manejo de variables Strings y numéricas y definición de Arreglos.
3.4 Estructuras de control y de repetición.
3.5 Funciones built-in de PHP.
3.6 Definición de funciones.

3.7 Métodos POST y GET y manejo de Formularios.


Unidad 4: POO & PHP5
4.1 Conceptos Básicos de la POO en PHP.
4.2 Ventajas de las Clases sobre la programación Funcional.
4.3 Como organizar el código en Clases.
4.4 Clases built-in en PHP.
4.5 Definiendo clases, metodos y atributos.
4.6 Definir el metodo constructor.
4.7 Modificadores de Acceso (public, private, protected).

4.8 Herencia Simple.


Unidad 5: Persistencia de Datos con DBMS.
5.1 PHP y los diferentes DBMS.
5.2 DBMS & SQL.
5.3 SQL y tipos de Sentencias (DDL, DML, DCL, TCL).
5.4 PDO, características, ventajas y Desventajas.
5.5 Creación de un CRUD básico con PDO y OOP.

5.6 Exportar datos a XML & JSON con PHP.


Unidad 6: Características Avanzadas de PHP.
6.1 Manejo de Cookies.
6.2 Manejo de Sesiones de Usuario.
6.3 Mecanismos de encriptación y funciones Hash.
6.4 Generación de Reportes en PDF.
6.5 Importar y Exportar archivos de excel a DBMS.
6.6 Generación de Script para Backup y Restore.
6.7 Comandos de Consola desde el Interprete PHP.

6.8 Frameworks de PHP.

Jornalización de la Asignatura

Calendarización

Apuntes de clase

Características Web

Definición: una aplicación web es una aplicación informatica distribuida cuya interfas de usuario es acsecible desde un cliente web normalmente en navegadores web.

MVC: Modelo Vista Controlador.

Protocolos: La familia de protocolos de Internet es un conjunto de protocolos de red en los que se basa Internet y que permiten la transmisión de datos entre computadoras.

<?php
 //while
 $var=0;
 /*while($var<10){
  echo $var;
  $var++;
 }
 
 //do while
 do{
  echo $var;
  $var++;
 }while($var<10)*/
 
 //FOR
 /*for($i=0;$i<10;$i++){
  echo $i;
 }*/
 
 //SWITCH
 /*$nombre="antonio";
 switch($nombre){
  case "Maria":
  echo "Bienvenida Maria";
  break;
  case "jose":
  echo "Bienvenido Jose";
  break;
  default:
  echo "El nombre no esta registrado";
 }*/
 
 //ARRAYS
 //array predefinido
 $colores = array("Rojo", "Azul", "Verde");
 //var_dump($colores)."<br/>";
 /*for($i=0;$i<=count($colores)-1;$i++){
  echo $colores[$i]; 
 }
 foreach($colores as $colors){
  echo $colors."<br/>";
 }*/
 
 //ARRAYS ASOCIATIVO
 $asociativo = array(
  "id1"=>5,
  "id2"=>10
 );
 //echo $asociativo["id1"];
 /*foreach($asociativo as $valores){
  echo $valores."<br/>";
 }*/
 
 //var_dump($asociativo);
 
 //ARRAY BIDIMENSIONAL
 /*$dimensiones = array(
  array("Jose", 20),
  array("Antonio",30),
  array("Rodolfo",25)
 );
 echo "
  <table>
   <tr>
    <th>Nombre</th>
    <th>Edad</th>
   </tr>
 ";
 sort($dimensiones);
 for($i=0;$i<=count($dimensiones)-1;$i++){
  echo "<tr>";
  for($x=0;$x<=count($i);$x++){
   echo "<td>".$dimensiones[$i][$x]."</td>";
  } 
  echo "</tr>";
 }
 echo "</table>";*/
 
 //CALCULAR PROMEDIO
 /*$notas = array(5,9,8,7,6.5,2.3);
 
 $promedio=0;
 for($i=0;$i<=count($notas)-1;$i++){
  $promedio += $notas[$i];
 }
  $resultado = $promedio/count($notas);
  echo $resultado;*/
  
  //ARRAY DE TRES DIMENSIONES
  $dimension =(
  array(
   array(
    array("dato1",5),
    array("dato2",10),
   ),
   array(
    array("dato3",25),
    array("dato4",30)
   ),
   array(
    array("dato5", 28),
    array("dato6",50)
   )
  )
  );
  
  //var_dump($dimension);
  for($i=0; $i<=count($dimension)-1;$i++){
   for($x=0; $x<=count($dimension[$i])-1;$x++){
    for($k=0; $k<=count($dimension[$i][$x])-1;$k++){
     echo $dimension[$i][$x][$k].'<br />';
    }
   }
  }
   
?>

Guia de laboratorio

Practica 3

Practica 4

Investigacion

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que surgió con el objetivo inicial de programar ciertos comportamientos sobre las páginas web, respondiendo a la interacción del usuario y la realización de automatismos sencillos.

Pero, además, en los últimos años JavaScript se está convirtiendo también en el lenguaje "integrador". Lo encontramos en muchos ámbitos, ya no solo en Internet y la Web, también es nativo en sistemas operativos para ordenadores y dispositivos, del lado del servidor y del cliente. Aquella visión de JavaScript "utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web" se ha quedado muy pequeña.

JavaScript Básico (como lenguaje de scripting del lado del cliente).

A JavaScript se le denomina "del lado del cliente" porque donde se ejecuta es en el navegador (cliente web), en contraposición a lenguajes como PHP que se ejecutan del "lado del servidor". En el lado que nos ocupa con JavaScript, el cliente, es el navegador el que soporta la carga de procesamiento. Gracias a su compatibilidad con todos los navegadores modernos se ha convertido en un estándar como lenguaje de programación del lado del cliente.

Con JavaScript podemos crear efectos especiales en las páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones JavaScript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, con que cuenta este lenguaje es el propio navegador y todos los elementos que hay dentro de una página (que no es poco). Pero ahora, gracias a las API JavaScript del HTML5, que están disponibles en los navegadores actuales de ordenadores y dispositivos, podemos acceder a todo tipo de recursos adicionales.

Algunas librerías de JavaScript.

JQuery

La librería más conocida de JavaScript se llama jQuery y se ha convertido en un complemento en la mayoría de las webs que usamos en nuestro día a día, por su facilidad de uso y por su potencia. Con jQuery puedes escribir código JavaScript que es capaz de ejecutarse sin errores en cualquier navegador, incluso los antiguos y te implementa muchas funcionalidades que puedes requerir repetidamente en cualquier sitio web.

Mootools 

Es una librería muy conocida para JavaScript, competidor de jQuery por realizar cosas muy similares. Con Mootools puedes realizar todo tipo de efectos visuales, Ajax, alterar elementos de la página, etc.

YUI 

Es la librería JavaScript construida por el equipo de desarrolladores de Yahoo! implementada en su portal y en sus aplicaciones.

JavaScript y Htlm5

La revolución de JavaScript ha llegado con la incorporación del HTML5. A pesar de su nombre, HTML5 incluye varios estándares aparte de ser una revisión del propio lenguaje HTML. De hecho, más del 60% de lo que se conoce como HTML5 en realidad son APIs JavaScript.

Un API es un conjunto de funciones que sirven para llevar a cabo una o muchas tareas. Pues el HTML5 incluye diversas API para trabajar ya no solo con el navegador, sino también con los periféricos o los elementos del dispositivo, como cámara, pantalla, espacio de almacenamiento, GPS, etc.

MVC y JavaScript

MVC en sí son las siglas de Modelo, Vista y Controlador y se trata de un paradigma de programación que se usa en lenguajes donde se tiene que trabajar con interfaces gráficas, como es el caso de la Web. Propone la separación del código de las aplicaciones por responsabilidades. Los modelos se encargan de trabajar con los datos de la aplicación, las vistas con la presentación y los controladores hacen de conexión entre vistas y modelos. MVC no es algo específico de JavaScript, sino que lo encontramos en lenguajes del lado del servidor como PHP o incluso en lenguajes de propósito general como es Java.

NodeJS

Se trata de un lenguaje de propósito general pero que tiene como particularidad usar el motor de JavaScript V8 (el motor de JavaScript implementado en el Google Chrome) para la ejecución de los programas. Que sea de propósito general indica que puedes realizar cualquier tipo de aplicación, por lo tanto, NodeJS no es un lenguaje web propiamente dicho. Es capaz de servir para el desarrollo web, igual que es también capaz de servir para muchas otras cosas que no tienen nada que ver. Por ese motivo, aunque a veces se denomina a NodeJS como el JavaScript del lado del servidor, la realidad es que es mucho más que eso.

Variables.

Las variables en los lenguajes de programación siguen una lógica similar a las variables utilizadas en otros ámbitos como las matemáticas. Una variable es un elemento que se emplea para almacenar y hacer referencia a otro valor. Gracias a las variables es posible crear "programas genéricos", es decir, programas que funcionan siempre igual independientemente de los valores concretos utilizados.

Ejemplos:

Las variables en JavaScript se crean mediante la palabra reservada var. De esta forma, el ejemplo anterior se puede realizar en JavaScript de la siguiente manera:

var numero_1 = 3;

var numero_2 = 1;

var resultado = numero_1 + numero_2;

La palabra reservada var solamente se debe indicar al definir por primera vez la variable, lo que se denomina declarar una variable. Cuando se utilizan las variables en el resto de instrucciones del script, solamente es necesario indicar su nombre. En otras palabras, en el ejemplo anterior sería un error indicar lo siguiente:

var numero_1 = 3;

var numero_2 = 1;

var resultado = var numero_1 + var numero_2;

Tipos de variables.

Aunque todas las variables de JavaScript se crean de la misma forma (mediante la palabra reservada var), la forma en la que se les asigna un valor depende del tipo de valor que se quiere almacenar (números, textos, etc.).

Numéricas.

Se utilizan para almacenar valores numéricos enteros (llamados integer en inglés) o decimales (llamados float en inglés). En este caso, el valor se asigna indicando directamente el número entero o decimal. Los números decimales utilizan el carácter. (punto) en vez de , (coma) para separar la parte entera y la parte decimal:

var iva = 16; // variable tipo entero

var total = 234.65; // variable tipo decimal

Cadenas de texto.

var mensaje = "Bienvenido a nuestro sitio web";

var nombreProducto = 'Producto ABC';

var letraSeleccionada = 'c';

En ocasiones, el texto que se almacena en las variables no es tan sencillo. Si por ejemplo el propio texto contiene comillas simples o dobles, la estrategia que se sigue es la de encerrar el texto con las comillas (simples o dobles) que no utilice el texto:

/* El contenido de texto1 tiene comillas simples, por lo que

se encierra con comillas dobles */

var texto1 = "Una frase con 'comillas simples' dentro";

/* El contenido de texto2 tiene comillas dobles, por lo que

se encierra con comillas simples */

var texto2 = 'Una frase con "comillas dobles" dentro';

Arrays.

En ocasiones, a los arrays se les llama vectores, matrices e incluso arreglos. No obstante, el término array es el más utilizado y es una palabra comúnmente aceptada en el entorno de la programación.

Un array es una colección de variables, que pueden ser todas del mismo tipo o cada una de un tipo diferente. Su utilidad se comprende mejor con un ejemplo sencillo: si una aplicación necesita manejar los días de la semana, se podrían crear siete variables de tipo texto:

var dia1 = "lunes";

var dia2 = "martes";

...

var dia7 = "Domingo";

Aunque el código anterior no es incorrecto, sí que es poco eficiente y complica en exceso la programación. Si en vez de los días de la semana se tuviera que guardar el nombre de los meses del año, el nombre de todos los países del mundo o las mediciones diarias de temperatura de los últimos 100 años, se tendrían que crear decenas o cientos de variables.

En este tipo de casos, se pueden agrupar todas las variables relacionadas en una colección de variables o array. El ejemplo anterior se puede rehacer de la siguiente forma:

var dias = ["lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];

Booleanos.

Las variables de tipo boolean o booleano también se conocen con el nombre de variables de tipo lógico. Aunque para entender realmente su utilidad se debe estudiar la programación avanzada con JavaScript, su funcionamiento básico es muy sencillo.

Los únicos valores que pueden almacenar estas variables son true y false, por lo que no pueden utilizarse los valores verdadero y falso. A continuación, se muestra un par de variables de tipo booleano:

var clienteRegistrado = false;

var ivaIncluido = true;

Reglas básicas de JavaScript.

• Se diferencian mayúsculas de minúsculas.
• Se ignoran los blancos.
• No es necesario declarar el tipo de datos que se almacena en las variables.
• Al final de cada sentencia se pone ; (punto y coma).
• Los bloques de instrucciones van entre llaves.

Evidencias

Conclucion

he obtenido mucho conocimiento y aprendizaje sobre las paginas web con el lenguaje PHP, HTML y CSS, en cuanto todo PHP se ha convertido en uno de los lenguajes de script más populares y a futuro ayudara mucho.