Tecnología web

Pág. 1

Investigación y desarrollo

Rodrigo Panchi Ing. MBA

CONTENIDO

1. Tecnologías web

2. XAMPP

3. PHP - HTML

4. MYSQL - SQL

5. Excel

INTRODUCCIÓN

Gráfico. Tecnología web y host

1. TECNOLOGÍAS WEB

Introducción

El campo de las tecnologías web nace con el desarrollo del internet y su parque informático (hardware,

software, comunicaciones), actualmente es un requerimiento el desarrollo y la implementación de sitios web

que ponen al alcance en todo momento como lugar y de todos los recursos de internet:

Internet

Redes de PC´s

Sitios web y Aplicaciones web

Información y servicios

Definición

Conjunto de herramientas/programas/aplicaciones para acceder a los recursos del internet utilizando un

navegador, obteniendo, aplicando y poniendo a disposición un amplio conjunto de conocimientos brindando

soluciones y servicios empresariales.

Plataforma web

La estructura del software referencia una plataforma web necesaria para el desarrollo e implementación de

sitios web:

Usuario Visitante

Interfaz Servidor web SWeb

Tecnología web

Pág. 2

Programas Lenguaje de programación LPWeb

Datos Base de datos BD

Tecnologías web

La guerra del software presenta un frente de mayor alcance que es el internet y sus aplicaciones empresariales

cada vez más complejas de alta tecnología, entre ellas con una sólida plataforma:

N Plataforma LPWeb BD SWeb

1

Linux

PHP

MY SQL

Apache

2

Microsoft

ASP - J#

SQL Server

IIS

3

IBM

JSP

DB2

IBM HTTP

4

SUN

Java

DB2

SJ SWS

Figura. Plataforma web

La plataforma se dispone en entornos integrados como:

Figura. Plataforma web integrada

Son lenguajes de generación de páginas dinámicas como:

HTMLA ● JSP

PHP ● XML

Java

Ajax (Asynchronous JavaScript And XML / JavaScript Asíncrono y XML

Aplicaciones

Tecnología web

Pág. 3

Gráfico. Aplicaciones web

Sitios web

Desarrollos Web para la realización de Sitios Web, catálogos digitales, revistas digitales y portales en

Internet.

E-commerce. Desarrollo de soluciones y servicios orientados a la venta segura a través de Internet.

Gestión de contenidos. Desarrollo de sistemas para la gestión y publicación de contenidos vía web.

E-business. Diseño y programación de Intranet y Extranet corporativas para el desarrollo de servicios de

la empresa.

Gestión de la información. Desarrollo de soluciones para la gestión de la información y documentación

en función de los procesos y workflow de la Empresa.

En conclusión, el desarrollo WEB requiere una plataforma web, con licencia de software libre

1) Servidor WEB Apache

2) Entorno de programación PHP

3) Base de datos MYSQL

PHP interactuando con HTML, en el entorno integrado XAMPP (win apache mysql php perl)

2. XAMPP

XAMPP, plataforma integrada para desarrollo web con X (multiplataforma), A (Apache), M (My-sql), P

(PHP), P (Perl).

Plataforma web cliente-servidor:

Cliente browser, Interfaz HTML/CSS/Flash

Servidor Apache PHP/MYSQL/Java/Cs

Protocolo de conexión web http:// (hipertexto)

Todo dentro del directorio XAMPP: A/PHP/MYSQL

Figura. Panel de contral XAMPP

Servidor apache

Para verificar si el servicio está levantado o en línea si en el browser o navegador aparece:

http://localhost

Tecnología web

Pág. 4

Gráfico. XAMPP en línea

El directorio del SWeb es htdocs, ahí se debe alojar en una carpeta el sitio web y en su raíz el archivo de inicio

de arranque el index.html (index.php).

El servidor local es el localhost que es la IP127.0.0.1

MYSQL

Para verificar si esta levantado el servicio, en el browser con el servidor local seleccionar phpAdmin:

Gráfico. MYSQL con phpMyAdmin

PHP

Para verificar si esta levantado el servicio, en el browser con el servidor local seleccionar PHPinfo:

Gráfico. PHP con PHPinfo

Tecnología web

Pág. 5

3. PHP - HTML

Definición

Programación en hiper texto (pagina)

PHP es uno de los lenguajes de programación simple y potente desde el lado servidor más extendidos en la

web y de mayor crecimiento gracias a su entorno de desarrollo libre.

Si bien es posible codificar en cualquier editor de texto como block de notas, es recomendable alguno que

identifique el entorno de programación para compilar, por ejemplo:

Gráfico. Editor de código web -php

Características

Compatibilidad y comunicación sencilla y completa con html, ejecuta instrucciones html.

Amplio conjunto de funciones.

Gestión de BD y archivos.

Orientación a objetos.

Código php

Función:

<? php inicio código <?php // test en php

… (instrucciones php / html) phpinfo();

?> fin código ?>

Es la Función test o phpinfo()

instrucciones

Todas las instrucciones finalizan con (;), en un programa php es posible intercalar código html y php.

Echo “presenta texto/string en pantalla”;

// Comentario 1 línea

/* … */ Comentario 1 bloque, varias líneas

(instrucciones html, ver Doc_SitiosWeb1_rp)

Html - php

Tecnología web

Pág. 6

Gráfico. Página con código html – hola

Entorno de programación

1. Tipos de datos

Enteros int / integer

Reales real, flota, double con o sin punto decimal

Cadenas string “”, `´

Arreglos array

2. Variables

Es un espacio de memoria que puede ser referenciado para almacenar y modificar el valor.

Declaración – sintaxis: $NombreVariable=ValorVariable;

$entero=2002;

$real=3.14159;

$cadena="Hola amigo";

3. Operadores

Aritméticos Relacionales

Suma +

Resta -

Multiplicación *

División /

Resto %

Igualdad ==

Desigualdad !=

Menor <

Menor igual >=

Mayor >

Mayor igual >=

Tecnología web

Pág. 7

Incremento Lógicos

Aumento ++

Reducción --

Y and

O or

Negación !

Combinados

Suma += $a++ = $a+1;

Resta -= &a-- = $a-1;

Concatena .= $a=”Hola”; &b=$a.=”Mundo”;

4. Estructuras de control

Instrucciones que controlan la secuencia de ejecución de un programa, valido para toma de decisiones a nivel

de código, tenemos de decisión y repetitivas.

1. if

Permiten variar el flujo del programa en base a una determinada condición o desición.

2. switch

3. while

Lo usamos para ejecutar las instrucciones contenidas en su interior siempre y cuando la condición definida sea

verdadera, las repeticiones son indefinidas finitas.

4. for

Plantea la condición de finalización de la estructura.

5. do

Gráfico. Página con código html – for

Tecnología web

Pág. 8

Formularios html-php

Figura. Comunicación html-php

Método de comunicación:

$_POST[“ ” ] var enviar desde servidor

$_GET[ “ “] var enviar desde cliente y otro programa

$_REQUEST [“ “ ] 5.0 post+get

Comunicación HTML-PHP:

1. HTML, lectura/asignación de variables

<input type="text" name="varh1">

2. HTML-PHP, conexión y comunicación mediante la referencia entre programas

<form name="form1" method="post" action="nombreprogramaphp.php">

3. PHP, recepción de variables

$varp1=$_POST["varh1"];

(Un archivo html no reconoce código php, pero php reconoce html).

Formulario de acceso

Tecnología web

Pág. 9

Gráfico. Página con código – formulario de acceso

4. MYSQL - SQL

MySQL accesible por XAMPP/phpMyAdmin o por SQL WorkBench.

Tecnología web

Pág. 10

Gráfico. MySQL

Estructura, crear, modificar la BD o tabla

SQL, edita una consulta SQL y muestra resultados

Buscar, muestra la estructura interna la BD o tabla

Exportar/Importar, tablas a la BD o registros a la tabla

Insertar, ingresa registros a la tabla

Privilegios, datos de usuario

Operaciones, cambiar datos a la Bd o tabla (nombre)

Gráfico. Consulta SQL

Integrando programa (html –PHP) con datos en MySQL

Tecnología web

Pág. 11

Gráfico. HTML – PHP – MySQL en Apache

4. EXCEL

Todo es relativo a los requerimientos y a la aplicación, en definitiva, en ocasiones es necesario manejar datos

tanto en el server como en el host de manera local, mediante conexión e interfaz entre:

MySQL WorkBench

SQL for Excel SQL

Permite importar y exportar datos entre la base de datos MySQL y hoja de cálculo Excel.

Tecnología web

Pág. 12

Gráfico. Importar y Editar datos Excel<->WorkBench