Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

DesarrolloWeb

No description
by

alex cevallos

on 1 May 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of DesarrolloWeb

DESARROLLO WEB
Por Alex Cevallos
alex.cevallos@utc.edu.ec

Qué es una aplicación Web?
Qué es una aplicación Web?
Sistema
Administrar
Información
Compartir
conocimiento
Compartir
recursos
Red de
computadoras
Internet
Comunidades
Negocios
Globalización
Qué formas de crear aplicaciones web
han escuchado?
Php
Asp
L.A.M.P
CSM
Content System
Manager
Dos capas
Tres Capas
Frameworks
POO
MVC
ORM
Qué formas de crear aplicaciones web
han escuchado?
Por qué saber crear una aplicación web?
Php
Asp
L.A.M.P
CSM
Content System
Manager
Dos capas
Tres Capas
Frameworks
POO
MVC
ORM
Qué formas de crear aplicaciones web
han escuchado?
Negocio
Innovación
Oportunidades
Laborales
Economía
Transparencia
Organización
de información
Fortalecer
Comunicación
Por qué saber crear una aplicación web?
Cuál es el rol de un webmaster?
Estructura
Seguridad
Organización
Iterfaz
Usabilidad
Funcionalidad
Tecnología
Cuál es el rol de un webmaster?
Desmitificando el tema
Historia y prehistoria de la web
INVESTIGACIONES
2) CERN, 1989, Berners Lee.

Sistema de información para el compartimiento de información a través de una red(WWW)
1) Proyecto XANADU, 1960, Ted Nelson.
Primer hipertexto que permitía conectar otras piezas de hipertexto por links
Aparece el concepto de WEB PAGE

DE WEB PAGES A
WEB SITES
Lenguaje HTML & protocolos de internet nacen los WEBSITES.
Necesario: Un computador conectado a internet y un WEB SERVER.
Universidad de Illinois desarrollan el primer web server(sistema que procesa peticiones vías HTTP).

El website aglomera varias páginas.
DE WEB PAGES A
WEB SITES
Entrega información estática.
Pero los websites iban creciendo en tamaño, haciéndolos más complejos.
DE WEB SITES A
WEB APPLICATIONS
Necesidad de editar la información de los archivos.
Funcionalidades en los web sites. Ej:
1)Búsqueda de número de teléfono en directorio.
2)Información del clima.
WEBs dinámicas, servicios interactivos

Concepto cliente-servidor.

DE WEB SITES A
WEB APPLICATIONS
Sitios de retail, intranets más necesidades.
Transacciones, compras online
Aplicaciones web con base de datos.

Encriptación de datos SEGURIDAD
Web 2.0
Desde el año 2000
Aplicaciones con contenidos generados por usuarios.
Mecanismos colaborativos online.
Wikipedia
Redes sociales
Google drive
WEB 3.0
WEB SEMÁNTICA
Buscar el significado de la información.
Mejorar interoperabilidad con agentes inteligentes.
Efectuar razonamientos deductivos similar al cerebro humano.
Gmail
Youtube
Estructuras
Webpages a Websites
Estructuras
Web sites a Web applications
Dos capas
Tres capas
En la capa del cliente
HTML y sus raíces
Activar referencia de documentos a través de hyperlinks.
Es un lenguaje markup
Markup = “Manuscritos en papel”.
Conformado por tags.
Los tags encapsulan texto.
Lenguaje
Meta Markup vs Markup
Define anotaciones y proporciona data extra para describir estructura de un documento.
Documento donde se efectúa las anotaciones de interfaz
Documento a “parsear”
Evolución HTML
HTML 2
<b> por <strong>
HTML 4
<frame>
<img> por <object>
HTML 5
<ruby> (estructural)
NO <frame>
<video>
<audio>
<canvas>
ESTRUCTURA Y SINTAXIS
1. HTML Header
2. HTML Body
3. HTTP Request
HTML RENDERING
Transforma datos en imágenes o viceversa.
Dar formato a elementos Html.
Lo hacían con variables globales en el browser
Diseñadores HTML fueron dando apertura a los style sheets
CSS
(Cascading Style Sheets)
Mecanismo para controlar el estilo del HTML rendering
Estilo(fondo, colores, espacio) para cada elemento del html
Forma de asociar al html con <style>
Formas de usar Styles
1. Estilos INLINE, mezcla entre markup y estilo
2. Estilos EMEBIDOS, ligera separación entre markup y rendering,.
3. Estilos EXTERNOS, alto grado de separación con archivos externos.
Página recomendada
http://www.w3schools.com/
Configurando un Servidor Web
Configurando un ambiente XAMPP
Full transcript