Want to create interactive content? It’s easy in Genially!

Get started free

TRABAJO TEMA 1 APL.WEB

Adam Orta Rodríguez

Created on September 25, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

3D Corporate Reporting

Corporate CV

Interactive Onboarding Guide

Success Story

Higher Education Teaching Microsite

Modern microsite mobile

Basic Shapes Microsite

Transcript

ADAM Y ALEX

INTERNET, CARACTERISTICAS Y EVOLUCION

empezar_

Índice

Conceptos basicos de Internet

Fundamentos de la WEB

La WEB 1.0 y 2.0

Las redes Sociales

Navegador WEB

Servicios WEB

CONCEPTOS BASICOS DE INTERNET

CONCEPTOS

Internet es una tecnología mundialmente conocida por establecer conexión a los dispositivos tanto inalámbricamente como por cableado. Existen distintos tipos de conectividades: LAN MAN WAN PAN.

info

LAN MAN WAN PAN

FUNDAMENTOS DE LA WEB

DOMINIO

INTERNET

PROTOCOLO HTTP

ESPACIO WEB

DNS

BACK END

HTML

FRONT END

LA WEB 1.0 Y 2.0

WEB 1.0

La web comenzó en los años 90 con páginas estáticas conectadas por hipervínculos, sin interactividad ni contenido generado por el usuario. La navegación era lenta y requería módems de acceso telefónico. Surgieron los primeros directorios web como Yahoo! y motores de búsqueda como AltaVista para ayudar a los usuarios a encontrar información. La web funcionaba entregando documentos HTML estáticos desde servidores web a los navegadores de los usuarios.

LA WEB 1.0 Y 2.0

WEB 2.0

Empezó en el 2004 Se crearon las redes sociales, las wikis, las páginas por ventanas y proyectos colaborativos También aparecieron Blogs, páginas de venta online, paginas de alojamiento de videos, presentaciones online, podcasts, etc Es mucho más rápido

NAVEGADORES WEB

Un navegador web es un programa que permite acceder a páginas de internet mediante URLs o hipervínculos. Sin ellos, no podríamos navegar por la web. Algunos ejemplos de navegadores son: Google Chrome, Avast, Yahoo, DuckDuckGo, Opera GX, e Internet Explorer, que viene preinstalado en Windows. Los navegadores se conectan a servidores para recuperar y mostrar el contenido de las páginas web usando códigos y protocolos como HTML.

SERVICIOS EN WEB

Permite la comunicación entre aplicaciones a través de internet.Estos servicios se basan en el uso de protocolos estándar como HTTP y XML, y suelen seguir el patrón de arquitectura orientada a servicios (SOA). Ejemplos: Google Maps, Paypal, Dropbox, Spotify, Twitter, Amazon Web Services.

En la imagen se pueden ver algunos servicios en web

INSTALACION DE UN SERVIDOR WEB EN WINDOWS

Descarga e Instalación de XAMPP:Descarga: Visita el sitio oficial de XAMPP y descarga la versión para Windows. Instalación: Ejecuta el archivo descargado y sigue las instrucciones. Selecciona los componentes necesarios, como Apache y MySQL. Configuración de Puertos: Asegúrate de que los puertos 80 y 443 no estén ocupados por otros programas. Cambia los puertos en la configuración de Apache si es necesario. Configuración Básica: Inicio de XAMPP: Abre el Panel de Control de XAMPP y haz clic en “Start” para Apache y MySQL. Verificación: Abre tu navegador y escribe http://localhost/ para verificar la instalación. Crear un Proyecto Web Local: Directorio de Proyectos: Crea una nueva carpeta en C:\xampp\htdocs\ para tu proyecto. Crear un Archivo PHP: Dentro de la carpeta del proyecto, crea un archivo index.php con el código <?php echo "¡Hola, mundo!"; ?>. Acceso al Proyecto: En tu navegador, escribe http://localhost/tu_carpeta/ para ver el mensaje “¡Hola, mundo!”.

INSTALACION DE UN SERVIDOR WEB DESDE LINUX CON LINEA DE COMANDOS

l. Se abre la consola de comandos, se escribe la orden sudo su y se le pulsa la tecla (Intro). A continuacion, se escribe la contraseña del usuario y seguido de eso la siguiente orden para instalar Apache:- #apt-get install apache2 2. Se escribe la siguiente orden para instalar MySQL - #apt-get install mysql-server 3. Se escribe la siguiente orden para instalar PHP: - #apt-get install php5 4. Se escribe la siguiente orden para instalar el modulo de Apache para autenticacion MySQL: - #apt-get install libapache2-mod-auth-mysql 5. Finalmente escribe la siguiente orden para instalar el modulo de MySQL para PHP - #apt-get install php5-mysql

INSTALAR XAMPP EN LINUX

A continuación, so va a instalar la versión de XAMPP para Linux. En primer lugar se descarga la ultima versión de XAMPP para Linux desde la dirección web http://sourceforge.net/projects/xampp/files/ o desde http://www. apachefriends.org/en/xampp-linux.html. En el momento de hacer la instala- ción es la 1.7.3 (xampp linux 1.7.3a.tar.gz). Se descomprime el archivo en la carpeta /opt (hemos de tener los privilegios suficientes para crear archivos en dicha carpeta). Este archivo contiene una única carpeta de nombre lampp; una vez descomprimido, se debe crear la carpeta: /opt/lampp. Se abre la consola y se escribe la orden sudo su. se pulsa la tecla [Intro] y se introduce la contraseña del usuario. Nos dirigimos al directorio /opt/lam- pp y se escribe la siguiente orden para iniciar XAMPP: /opt/lampp# ./lampp start. Se visualiza la siguiente información: Starting KANPP 1.7.3.++ XAMPP: Starting Apache with 8SI. (and PHP5) ... XAMPP: Starting MySQL ... XAMPP1 Starting ProFTPD ... XAMPP for Linux started. /opt/laupp# A continuación se abre el navegador web y se escribe la URL http://local- host/. Se abre la página inicial de XAMPP desde la que elegimos el Idioma español. Seguidamente se abre la página principal de XAMPP (véase Figura 1.14). Desde el enlace phpMyAdmin se tiene acceso a todo tipo de opera- Ciones sobre las bases de datos de MySQL,

INSTALAR XAMPP EN LINUX. 2PART

Para detener XAMPP desde la linea de comandos se escribe la siguiente orden/opt/lampp# ./lamp stop Se visualiza la siguiente informacion - Stopping XAMPP 1.7.3a... XAMPP: Stopping Apache with SSL (and PHP5) XAMPP: Stoppìng MySQL... XAMPP: Stopping ProFTPD XAMPP stopped /opt/lampp#

FUNDAMENTOS BASICOS DE UN SERVICIO WEB

El cliente solicita información, enviando a veces datos al servidor para que pueda procesar su solicitud.El servidor genera una respuesta que envía de vuelta al cliente, adjuntando otra serie de datos que forman parte de esa respuesta. Por tanto, podemos entender un web service como un tráfico de mensajes entre dos máquinas.

ESTRUCTURA DE LA INFORMACION DE UN SITIO WEB

Partes de una página web en función de su estructura (estructura web): Cabecera o header Cuerpo o body Pie de página o footer Partes de una página web en función de la distribución del contenido: Inicio o home , Contacto, Productos y servicios, Blog, Política de privacidad

BASE DE DATOS ASOCIADA A UN SERVICIO WEB

Este tipo de bases de datos se ejecuta en plataformas de computación en la nube. Ofrecen escalabilidad y flexibilidad, además de reducir la carga de gestión de hardware y software para las empresas. Ejemplos populares: Amazon Web Services, Google Cloud SQL, Microsoft Azure SQL Database.

LAS REDES SOCIALES

Las Redes sociales son aplicaciones que estan diseñadas para conectar a la gente con personas de otros sitios del mundo, se caracterizan en que las personas suelen subir contenido sobre su vida o haciendo videos de retos o diferentes contenidos de viajes, etc. Existen varios tipos de redes sociales:Redes sociales horizontales o genéricas: Son aquellas redes sociales que no poseen una temática determinada, sino que apuntan a todo tipo de usuarios. Redes sociales verticales. Son aquellas redes sociales que relacionan personas con intereses específicos en común, como música, hobbies, deportes.

EJEMPLOS DE REDES SOCIALES EN LA ACTUALIDAD

NUEVAS TENDENCIAS EN LA RED

Instagram Reels Youtube Shorts TikTok esta en auge Los streamers/Youtubers/Influencers El contenido mas consumido es en formato vertical y de corta duracion Hay mas chatbots con el auge de la IA Mayor uso de la VR Canales de difusion de Instagram Canales de difusion de Whatsapp