APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Conceptos bsicos de Internet

El uso de Internet es algo cotidiano en nuestras vidas

Informe "Las TIC en los hogares espaoles"

http://transparencia.gob.es/transparencia/transparencia_Home/index/MasSobreTransparencia/Informes-de-
interes/Ciencia_y_tecnologia/TIC-hogares-abril-junio-2016.html

Red mundial de ordenadores conectados

Servicios:

Email
FTP
News
Telnet
WWW (la web)
IRC
Telefona IP
Videoconferencia

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 1 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Fundamentos de la WWW
Internet: tecnologas que hacen posible que ordenadores ubicados en diferentes lugares del mundo se conecten
entre s y puedan compartir informacin.
WWW (la web): uno de los mltiples servicios accesibles desde Internet. Usa protocolo HTTP.
HTTP: HyperText Transfer Protocol

WEB = INTERNET + HTTP

Hipertexto: texto que en pantalla de un dispositivo electrnico conduce a otro texto relacionado.
HTML: Hypertext Markup Language

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 2 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Web 1.0: Web esttica

Primera pgina: http://info.cern.ch/hypertext/WWW/TheProject.html
Pginas escritas a mano
Contenido y diseo mezclados
Sin normas de diseo
Sin bases de datos. Solo visitantes
sin registrar
Pginas estticas. Solo ver
contenidos (texto + imagen)
Contenido creado por empresas
tecnolgicas (webmaster)
No existan: Google, YouTube,
Facebook, WhatsApp...
Existan: Yahoo!, Altavista...

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 3 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Web 2.0: Web social

Surgimiento de grandes empresas: Yahoo, Ebay, Amazon
Con bases de datos, registro de usuarios
Redes sociales: http://www.webempresa20.com/blog/las-30-redes-sociales-mas-utilizadas.html
Usuarios pueden almacenar y
compartir documentos
Aplicaciones web colaborativas
Usuarios crean su propio
contenido
Servicios:
redes sociales
foros
fotografas: Flickr, Instagram
vdeo: YouTube, Vimeo,
Dailymotion
Ofimtica web: Google Docs
Blog: Wordpress, Blogger
Microbloggin: Twitter

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 4 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Web 1.0 vs Web 2.0

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 5 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Web 3.0: Web semntica (en desarrollo)

Gran base de datos distribuida
Accesible desde dispositivos mviles
Inteligencia artificial: bsqueda inteligente de informacin:
"Necesitar paraguas en Logroo el sbado?"
Cundo naci la mujer
de Obama?
Geolocalizacin
3D
Dispositivos: ropa, espejos,
ventanas, coches

https://youtu.be/-4eSwYZ9Rak

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 6 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 7 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Navegadores web
Cliente que muestra el contenido del servidor. Interpreta:

Cdigo HTML
Hojas de estilo CSS
Cdigo JavaScript
Gestiona extensiones (flash, Java...)

Orden de aparicin de los navegadores:

1. 1993 Mosaic
2. 1994 Netscape Navigator
3. 1995 Internet Explorer
4. 1996 Opera
5. 2002 Mozilla
6. 2003 Safari
7. 2004 Firefox
8. 2008 Google Chrome
9. Actualmente muchos ms... https://blogthinkbig.com/historia-de-los-navegadores-de-mosaic-a-chrome

Micronavegador: para dispositivos mviles.

Actividad: buscar 10 navegadores ms

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 8 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Sevidores web
Acepta peticiones HTTP y sirve pginas web alojadas.
URL.: Actividad: Buscar Sistemas Microinformticos y Redes en larioja.org

Direcciones IP: identificar de forma nica un equipo en internet.

Dominios:
Internacionales o genricos: .com, .org, .net, .edu, .gob...
Territoriales: .es, .fr, .uk...
Dominios de primer nivel (TLD), 2 nivel, etc.
Servidor DNS transforma nombre de dominio en IP
Actividad: nslookup www.unirioja.es
Actividad: buscar dominios libres

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 9 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Funcionamiento cliente/servidor web:

Servidores web:

Apache, IIS, Nginx...

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 10 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

XAMPP
Paquete de instalacin:

Apache (servidor web)

MySQL (gestor BBDD)
Intrprete PHP
Intrprete Perl

Opcional:

PHPmyAdmin
Bitnami para Drupal, Wordpress, Joomla

Descarga:

www.apachefriends.org

Requisitos:

paquete redistribuible de Microsoft Visual C++ 2008

https://www.microsoft.com/es-ES/download/details.aspx?id=5582

mbitos de aplicacin: local, entornos de desarrollo

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 11 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Notas:

Instalar en C:\xampp
Admin de Apache en http://localhost o
http://127.0.0.1
Admin de MySQL (phpMyAdmin)
http://localhost/phpmyadmin
Si puertos 80 o/y 443 ocupados: elegir
otros para Apache desde config o
detener programa
Detener IIS: herramientas
administrativas Administrador de IIS
Permitir acceso Firewall a Apache y
phpMyAdmin
Pginas php/html en C:\xampp\htdocs
Aadir contrasea a root en
phpMyAdmin y aadirla a config.inc.php
['password'] = '
Crear usuario no administrador y
cambiar ['auth_type'] = 'config' por ['auth_type'] = 'http'

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 12 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Pgina HTML esttica

Crear archivo en C:\xampp\htdocs\NOMBRE_DE_CARPETA
Acceder desde http://localhost/NOMBRE_DE_CARPETA/NOMBRE_DE_ARCHIVO.html
Parar Apache y acceder
Acceder desde el navegador a C:\xampp\htdocs\NOMBRE_DE_CARPETA\NOMBRE_DE_ARCHIVO.html

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 13 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Pgina HTML dinmica con lenguaje de programacin de servidor

Crear archivo en C:\xampp\htdocs\NOMBRE_DE_CARPETA
Acceder desde http://localhost/NOMBRE_DE_CARPETA/NOMBRE_DE_ARCHIVO.php
Parar Apache y acceder
Acceder desde el navegador a C:\xampp\htdocs\NOMBRE_DE_CARPETA\NOMBRE_DE_ARCHIVO.php

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 14 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Funcionamiento cliente/servidor web:

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 15 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Bases de datos mySQL

En phpMyAdmin:

Crear nueva BBDD cotejamiento Latin1 Spanish

Crear tabla "productos"

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 16 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Acceso a base de datos desde aplicacin web

Crear archivo NOMBRE_DE_ARCHIVO.php en C:\xampp\htdocs\NOMBRE_DE_CARPETA
Acceder desde http://localhost/NOMBRE_DE_CARPETA/NOMBRE_DE_ARCHIVO.php
Modificar datos de la tabla (aadir $cfg['RowActionLinksWithoutUnique'] = true;) y acceder a la pgina
Detener
phpMyAdmin y
acceder a la
pgina
Detener Apache y
acceder a la
pgina

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 17 / 18

 APLICACIONES WEB 2 GRADO MEDIO DE SISTEMAS MICROINFORMTICOS Y REDES IES VALLE DEL CIDACOS

Programa que lista la tabla entera:

UNIDAD 1 INTERNET, CARACTERSTICAS Y EVOLUCIN 18 / 18