SlideShare una empresa de Scribd logo
1 de 18
ESTANDARES WEB
2.0
¿QUÉ ES LA WEB 2.0?
LOS ESTÁNDARES WEB SON UN CONJUNTO DE
RECOMENDACIONES DADAS POR EL WORLD
WIDE WEB CONSORTIUM (W3C) Y OTRAS
ORGANIZACIONES INTERNACIONALES ACERCA DE CÓMO
CREAR E INTERPRETAR DOCUMENTOS BASADOS EN EL
WEB.
SON UN CONJUNTO DE TECNOLOGÍAS ORIENTADAS A
BRINDAR BENEFICIOS A LA
MAYOR CANTIDAD DE USUARIOS, ASEGURANDO LA
VIGENCIA DE TODO DOCUMENTO PUBLICADO
EN EL WEB.
OBJETIVOS DE LA LOS ESTANDARES WEB 2.0
• EL OBJETIVO ES CREA UNA WEB QUE TRABAJE MEJOR PARA TODOS, CON SITIOS ACCESIBLES A MÁS
PERSONAS Y QUE FUNCIONEN EN CUALQUIER DISPOSITIVO DE ACCESO A INTERNET.
• UN SITIO BASADO EN ESTÁNDARES WEB MOSTRARÁ UNA MAYOR CONSISTENCIA VISUAL. GRACIAS AL USO DE
XHTML PARA EL CONTENIDO Y CSS PARA LA APARIENCIA, SE PUEDE TRANSFORMAR RÁPIDAMENTE UN SITIO,
SIN IMPORTAR QUE SE TRATE DE UNA PÁGINA WEB O MILES, REALIZANDO CAMBIOS EN UN SOLO LUGAR.
• UN SITIO BASADO EN ESTÁNDARES WEB ES MÁS FÁCIL DE MANTENER Y ACTUALIZAR, EL CÓDIGO ES MÁS
SIMPLE, DE ESTA FORMA SE ELIMINA LA DEPENDENCIA DE UN SOLO DESARROLLADOR.
• UN SITIO BASADO EN ESTÁNDARES WEB ES MÁS ACCESIBLE, PERMITIENDO A PERSONAS CON
DISCAPACIDADES UTILIZAR SU CONTENIDO.
• SU OBJETIVO PRINCIPAL ES CREA UNA WEB QUE TRABAJE MEJOR PARA TODOS, CON SITIOS ACCESIBLES A
MÁS PERSONAS Y QUE FUNCIONEN EN CUALQUIER DISPOSITIVO DE ACCESO A INTERNET. UN SITIO BASADO
EN ESTÁNDARES WEB MOSTRARÁ UNA MAYOR CONSISTENCIA VISUAL, GRACIAS AL USO DE XHTML PARA EL
CONTENIDO Y CSS PARA LA APARIENCIA, SE PUEDE TRANSFORMAR RÁPIDAMENTE UN SITIO, SIN IMPORTAR
QUE SE TRATE DE UNA PÁGINA WEB O MILES, REALIZANDO CAMBIOS EN UN SOLO LUGAR.
BENEFICIOS DEL USO DE ESTANDARES WEB
UN SITIO BASADO EN ESTÁNDARES WEB MOSTRARÁ UNA
MAYOR CONSISTENCIA
VISUAL. GRACIAS AL USO DE XHTML PARA EL CONTENIDO Y
CSS PARA LA APARIENCIA,
SE PUEDE TRANSFORMAR RÁPIDAMENTE UN SITIO, SIN
IMPORTAR QUE SE TRATE
DE UNA PÁGINA WEB O MILES, REALIZANDO CAMBIOS EN UN
SOLO LUGAR. LOS DOCUMENTOS QUE SEPARAN APARIENCIA
DE CONTENIDO USAN MENOS CÓDIGO,
ADEMÁS, CSS PERMITE CONSEGUIR EFECTOS QUE ANTES
REQUERÍAN EL
USO DE JAVASCRIPT E IMÁGENES.
USOS DE LO ESTÁNDARES WEB 2.0
LA WEB 2.0 SE CARACTERIZA PRINCIPALMENTE POR
LA PARTICIPACIÓN DEL USUARIO COMO
CONTRIBUIDOR ACTIVO Y NO SOLO COMO
ESPECTADOR DE LOS CONTENIDOS DE LA WEB
(USUARIO PASIVO). ESTO QUEDA REFLEJADO EN
ASPECTOS COMO:
• EL AUGE DE LOS BLOGS.
• EL AUGE DE LAS REDES SOCIALES.
• LAS WEBS CREADAS POR LOS USUARIOS, USANDO
PLATAFORMAS DE AUTO-EDICIÓN.
SERVICIOS ASOCIADOS A LA WEB 2.0
• Blogs
• Wikis
• Redes Sociales
BLOGS
UN BLOG ES UN ESPACIO WEB PERSONAL EN EL
QUE SU AUTOR (PUEDE HABER VARIOS AUTORES
AUTORIZADOS) PUEDE ESCRIBIR
CRONOLÓGICAMENTE ARTÍCULOS, NOTICIAS
(CON IMÁGENES, VÍDEOS Y ENLACES), PERO
ADEMÁS ES UN ESPACIO COLABORATIVO DONDE
LOS LECTORES TAMBIÉN PUEDEN ESCRIBIR SUS
COMENTARIOS A CADA UNO DE LOS ARTÍCULOS
(ENTRADAS/POST) QUE HA REALIZADO EL
AUTOR.
WIKIS
UNA WIKI (DEL HAWAIANO WIKI, RÁPIDO) ES UN
ESPACIO WEB COLABORATIVO, ORGANIZADO
MEDIANTE UNA ESTRUCTURA HIPERTEXTUAL DE
PÁGINAS (REFERENCIADAS EN UN MENÚ LATERAL),
DONDE VARIAS PERSONAS ELABORAN
CONTENIDOS DE MANERA ASÍNCRONA. BASTA
PULSAR EL BOTÓN "EDITAR" PARA ACCEDER A LOS
CONTENIDOS Y MODIFICARLOS. SUELEN MANTENER
UN ARCHIVO HISTÓRICO DE LAS VERSIONES
ANTERIORES Y FACILITAN LA REALIZACIÓN DE
COPIAS DE SEGURIDAD DE LOS CONTENIDOS. HAY
DIVERSOS SERVIDORES DE WIKIS GRATUITOS.
REDES SOCIALES
UN SERVICIO DE RED SOCIAL (O
SIMPLEMENTE RED SOCIAL) ES UN SITIO WEB
DONDE CADA USUARIO TIENE UNA PÁGINA
DONDE PÚBLICA CONTENIDOS Y SE COMUNICA
CON OTROS USUARIOS.
EJEMPLOS: FACEBOOK, TWITTER, HI5, MYSPAC
E, INSTAGRAM, ENTRE OTRAS. TAMBIÉN
EXISTEN REDES SOCIALES PROFESIONALES,
DIRIGIDAS A ESTABLECER CONTACTOS
DENTRO DEL MUNDO EMPRESARIAL
(LINKEDIN, XING...).
ENTORNO PARA COMPARTIR RECURSOS:
PERMITEN AL USUARIO ALMACENAR RECURSOS O
CONTENIDOS EN INTERNET, COMPARTIRLOS Y
VISUALIZARLOS A SU ANTOJO.
• DOCUMENTOS: GOOGLE DRIVE Y OFFICE WEB
APPS (ONEDRIVE);
• VIDEOS: YOUTUBE, VIMEO, DAILYMOTION,
DALEALPLAY;
• FOTOS: PICASA, FLICKR, INSTAGRAM;
• AGREGADORES DE
NOTICIAS: DIGG, REDDIT, MENÉAME... NOTICIAS
DE CUALQUIER MEDIO SON AGREGADAS Y
VOTADAS POR LOS USUARIOS.
TECNOLOGÍA DE LA WEB 2.0
En pocas palabras, una web está construida con una
tecnología de la Web 2.0 si posee las siguientes
características:
A. TECNICAS
B. GENERAL
TÉCNICAS
• CSS, MARCADO XHTML VÁLIDO
SEMÁNTICAMENTE Y MICROFORMATOS.
• TÉCNICAS DE APLICACIONES RICAS NO
INTRUSIVAS (COMO AJAX).
• REDIFUSIÓN/AGREGACIÓN DE DATOS
EN RSS/ATOM.
• URLS SENCILLAS CON SIGNIFICADO SEMÁNTICO.
• SOPORTE PARA POSTEAR EN UN BLOG.
• JCC Y APIS REST O XML.
• JSON.
•
GENERAL
• EL SITIO DEBE ESTAR LISTO PARA LA
ENTRADA DE CUALQUIER PERSONA.
• EL SITIO NO DEBE ACTUAR COMO UN
"JARDÍN SIN COSECHAR INMINENTEMENTE":
LA INFORMACIÓN DEBE PODERSE
INTRODUCIR Y EXTRAER FÁCILMENTE.
• LOS USUARIOS DEBERÍAN CONTROLAR SU
PROPIA INFORMACIÓN.
• BASADA EXCLUSIVAMENTE EN LA WEB: LOS
SITIOS WEB 2.0 CON MÁS ÉXITO PUEDEN
SER UTILIZADOS ENTERAMENTE DESDE
UN NAVEGADOR.
• LA EXISTENCIA DE ENLACES ES REQUISITO
IMPRESCINDIBLE.
SOFTWARE DEL SERVIDOR
LA REDIFUSIÓN SOLO SE DIFERENCIA
NOMINALMENTE DE LOS MÉTODOS DE PUBLICACIÓN
DE LA GESTIÓN DINÁMICA DE CONTENIDO, PERO
LOS SERVICIOS WEB REQUIEREN NORMALMENTE
UN SOPORTE DE BASES DE DATOS Y FLUJO DE
TRABAJO MUCHO MÁS ROBUSTO Y LLEGAN A
PARECERSE MUCHO A LA FUNCIONALIDAD DE
INTERNET TRADICIONAL DE UN SERVIDOR DE
APLICACIONES.
TECNOLOGIAS QUE DAN VIDA A UN PROYECTO
WEB 2-0
 TRANSFORMAR SOFTWARE DE ESCRITORIO HACIA LA PLATAFORMA DEL
WEB.
 RESPETO A LOS ESTÁNDARES COMO EL XHTML.
 SEPARACIÓN DE CONTENIDO DEL DISEÑO CON USO DE HOJAS DE ESTILO.
 SINDICACIÓN DE CONTENIDOS.
 AJAX (JAVASCRIPT ASCINCRÓNICO Y XML).
 USO DE FLASH, FLEX O LAZLO.
 USO DE RUBY ON RAILS PARA PROGRAMAR PÁGINAS DINÁMICAS.
OTRAS SUGERENCIAS ÚTILES
• UTILIZA EL TIPO CORRECTO DE DOCUMENTO
(DOCTYPE):
• CADA PÁGINA DEBE
CONTENER, COMO PRIMER ELEMENTO, INFORMACIÓN
SOBRE EL DTD USADO.
• ESTO ES IMPORTANTE PARA QUE LOS NAVGEADORES
SEPAN COMO COMPORTARSE, ADEMÁS,
LOS VALIDADORES NO PODRÁN VERIFICAR LAS
PÁGINAS SI NO SE INDICA
UN DOCTYPE.
REFERENCIAS
«MISSION - WEB STANDARDS PROJECT». WASP. CONSULTADO EL 19 DE ENERO DE
2009.
↑ «W3C TECHNICAL REPORTS AND PUBLICATIONS». W3C. CONSULTADO EL 19 DE
ENERO DE 2009.
↑ «IETF RFC PAGE». IETF. ARCHIVADO DESDE EL ORIGINAL EL 2 DE FEBRERO DE
2009. CONSULTADO EL 19 DE ENERO DE 2009.
↑ «SEARCH FOR WORLD WIDE WEB IN ISO STANDARDS». ISO. CONSULTADO EL 19
DE ENERO DE 2009.
↑ «ECMA FORMAL PUBLICATIONS». ECMA. CONSULTADO EL 19 DE ENERO DE 2009.
MUCHAS GRACIAS….

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Herramientas web
Herramientas webHerramientas web
Herramientas web
 
Web 2.0 johanna
Web 2.0 johannaWeb 2.0 johanna
Web 2.0 johanna
 
Web 1.0 y 2.0
Web 1.0 y 2.0Web 1.0 y 2.0
Web 1.0 y 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Presentación web
Presentación webPresentación web
Presentación web
 
Web 2.0. características y herramientas.
Web 2.0. características y herramientas. Web 2.0. características y herramientas.
Web 2.0. características y herramientas.
 
Presentación web
Presentación webPresentación web
Presentación web
 
wed 2.0
wed 2.0wed 2.0
wed 2.0
 
Doc1
Doc1Doc1
Doc1
 
Fernando Durán
Fernando DuránFernando Durán
Fernando Durán
 
Presentacion web 2.0
Presentacion web 2.0Presentacion web 2.0
Presentacion web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web
WebWeb
Web
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
La web 2
La web 2La web 2
La web 2
 
Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio
 
Presentacion 2.0
Presentacion 2.0Presentacion 2.0
Presentacion 2.0
 

Similar a Estandares web 2.0

Similar a Estandares web 2.0 (20)

Estandares web 2.0
Estandares web 2.0Estandares web 2.0
Estandares web 2.0
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Evalivp cynthia guevara
Evalivp cynthia guevaraEvalivp cynthia guevara
Evalivp cynthia guevara
 
Herramientas web moreno herrera
Herramientas web moreno herreraHerramientas web moreno herrera
Herramientas web moreno herrera
 
Estandares web 2.0 nuevo
Estandares web 2.0 nuevoEstandares web 2.0 nuevo
Estandares web 2.0 nuevo
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
WEB2.0
WEB2.0WEB2.0
WEB2.0
 
Primavera 777
Primavera 777Primavera 777
Primavera 777
 
Presentacion Web
Presentacion WebPresentacion Web
Presentacion Web
 
Diapositivas de wed
Diapositivas de wedDiapositivas de wed
Diapositivas de wed
 
Diapositivas de wed
Diapositivas de wedDiapositivas de wed
Diapositivas de wed
 
Evolucion de la web ( edav)_CIPA 5_ pedagogia
Evolucion de la web ( edav)_CIPA 5_ pedagogiaEvolucion de la web ( edav)_CIPA 5_ pedagogia
Evolucion de la web ( edav)_CIPA 5_ pedagogia
 
Web 2
Web 2Web 2
Web 2
 
La web 2.0...
La web 2.0...La web 2.0...
La web 2.0...
 
Herramientas web. gessica molina (1)
Herramientas web. gessica molina (1)Herramientas web. gessica molina (1)
Herramientas web. gessica molina (1)
 
Web 2.0 kvp
Web 2.0 kvpWeb 2.0 kvp
Web 2.0 kvp
 
Evalivp genesis barrera
Evalivp genesis barreraEvalivp genesis barrera
Evalivp genesis barrera
 
Katherine Farias
Katherine FariasKatherine Farias
Katherine Farias
 
Web 2.0 por Katherine Farias
Web 2.0 por Katherine FariasWeb 2.0 por Katherine Farias
Web 2.0 por Katherine Farias
 
Manulka3
Manulka3Manulka3
Manulka3
 

Último

Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 

Último (18)

Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 

Estandares web 2.0

  • 2. ¿QUÉ ES LA WEB 2.0? LOS ESTÁNDARES WEB SON UN CONJUNTO DE RECOMENDACIONES DADAS POR EL WORLD WIDE WEB CONSORTIUM (W3C) Y OTRAS ORGANIZACIONES INTERNACIONALES ACERCA DE CÓMO CREAR E INTERPRETAR DOCUMENTOS BASADOS EN EL WEB. SON UN CONJUNTO DE TECNOLOGÍAS ORIENTADAS A BRINDAR BENEFICIOS A LA MAYOR CANTIDAD DE USUARIOS, ASEGURANDO LA VIGENCIA DE TODO DOCUMENTO PUBLICADO EN EL WEB.
  • 3. OBJETIVOS DE LA LOS ESTANDARES WEB 2.0 • EL OBJETIVO ES CREA UNA WEB QUE TRABAJE MEJOR PARA TODOS, CON SITIOS ACCESIBLES A MÁS PERSONAS Y QUE FUNCIONEN EN CUALQUIER DISPOSITIVO DE ACCESO A INTERNET. • UN SITIO BASADO EN ESTÁNDARES WEB MOSTRARÁ UNA MAYOR CONSISTENCIA VISUAL. GRACIAS AL USO DE XHTML PARA EL CONTENIDO Y CSS PARA LA APARIENCIA, SE PUEDE TRANSFORMAR RÁPIDAMENTE UN SITIO, SIN IMPORTAR QUE SE TRATE DE UNA PÁGINA WEB O MILES, REALIZANDO CAMBIOS EN UN SOLO LUGAR. • UN SITIO BASADO EN ESTÁNDARES WEB ES MÁS FÁCIL DE MANTENER Y ACTUALIZAR, EL CÓDIGO ES MÁS SIMPLE, DE ESTA FORMA SE ELIMINA LA DEPENDENCIA DE UN SOLO DESARROLLADOR. • UN SITIO BASADO EN ESTÁNDARES WEB ES MÁS ACCESIBLE, PERMITIENDO A PERSONAS CON DISCAPACIDADES UTILIZAR SU CONTENIDO. • SU OBJETIVO PRINCIPAL ES CREA UNA WEB QUE TRABAJE MEJOR PARA TODOS, CON SITIOS ACCESIBLES A MÁS PERSONAS Y QUE FUNCIONEN EN CUALQUIER DISPOSITIVO DE ACCESO A INTERNET. UN SITIO BASADO EN ESTÁNDARES WEB MOSTRARÁ UNA MAYOR CONSISTENCIA VISUAL, GRACIAS AL USO DE XHTML PARA EL CONTENIDO Y CSS PARA LA APARIENCIA, SE PUEDE TRANSFORMAR RÁPIDAMENTE UN SITIO, SIN IMPORTAR QUE SE TRATE DE UNA PÁGINA WEB O MILES, REALIZANDO CAMBIOS EN UN SOLO LUGAR.
  • 4. BENEFICIOS DEL USO DE ESTANDARES WEB UN SITIO BASADO EN ESTÁNDARES WEB MOSTRARÁ UNA MAYOR CONSISTENCIA VISUAL. GRACIAS AL USO DE XHTML PARA EL CONTENIDO Y CSS PARA LA APARIENCIA, SE PUEDE TRANSFORMAR RÁPIDAMENTE UN SITIO, SIN IMPORTAR QUE SE TRATE DE UNA PÁGINA WEB O MILES, REALIZANDO CAMBIOS EN UN SOLO LUGAR. LOS DOCUMENTOS QUE SEPARAN APARIENCIA DE CONTENIDO USAN MENOS CÓDIGO, ADEMÁS, CSS PERMITE CONSEGUIR EFECTOS QUE ANTES REQUERÍAN EL USO DE JAVASCRIPT E IMÁGENES.
  • 5. USOS DE LO ESTÁNDARES WEB 2.0 LA WEB 2.0 SE CARACTERIZA PRINCIPALMENTE POR LA PARTICIPACIÓN DEL USUARIO COMO CONTRIBUIDOR ACTIVO Y NO SOLO COMO ESPECTADOR DE LOS CONTENIDOS DE LA WEB (USUARIO PASIVO). ESTO QUEDA REFLEJADO EN ASPECTOS COMO: • EL AUGE DE LOS BLOGS. • EL AUGE DE LAS REDES SOCIALES. • LAS WEBS CREADAS POR LOS USUARIOS, USANDO PLATAFORMAS DE AUTO-EDICIÓN.
  • 6. SERVICIOS ASOCIADOS A LA WEB 2.0 • Blogs • Wikis • Redes Sociales
  • 7. BLOGS UN BLOG ES UN ESPACIO WEB PERSONAL EN EL QUE SU AUTOR (PUEDE HABER VARIOS AUTORES AUTORIZADOS) PUEDE ESCRIBIR CRONOLÓGICAMENTE ARTÍCULOS, NOTICIAS (CON IMÁGENES, VÍDEOS Y ENLACES), PERO ADEMÁS ES UN ESPACIO COLABORATIVO DONDE LOS LECTORES TAMBIÉN PUEDEN ESCRIBIR SUS COMENTARIOS A CADA UNO DE LOS ARTÍCULOS (ENTRADAS/POST) QUE HA REALIZADO EL AUTOR.
  • 8. WIKIS UNA WIKI (DEL HAWAIANO WIKI, RÁPIDO) ES UN ESPACIO WEB COLABORATIVO, ORGANIZADO MEDIANTE UNA ESTRUCTURA HIPERTEXTUAL DE PÁGINAS (REFERENCIADAS EN UN MENÚ LATERAL), DONDE VARIAS PERSONAS ELABORAN CONTENIDOS DE MANERA ASÍNCRONA. BASTA PULSAR EL BOTÓN "EDITAR" PARA ACCEDER A LOS CONTENIDOS Y MODIFICARLOS. SUELEN MANTENER UN ARCHIVO HISTÓRICO DE LAS VERSIONES ANTERIORES Y FACILITAN LA REALIZACIÓN DE COPIAS DE SEGURIDAD DE LOS CONTENIDOS. HAY DIVERSOS SERVIDORES DE WIKIS GRATUITOS.
  • 9. REDES SOCIALES UN SERVICIO DE RED SOCIAL (O SIMPLEMENTE RED SOCIAL) ES UN SITIO WEB DONDE CADA USUARIO TIENE UNA PÁGINA DONDE PÚBLICA CONTENIDOS Y SE COMUNICA CON OTROS USUARIOS. EJEMPLOS: FACEBOOK, TWITTER, HI5, MYSPAC E, INSTAGRAM, ENTRE OTRAS. TAMBIÉN EXISTEN REDES SOCIALES PROFESIONALES, DIRIGIDAS A ESTABLECER CONTACTOS DENTRO DEL MUNDO EMPRESARIAL (LINKEDIN, XING...).
  • 10. ENTORNO PARA COMPARTIR RECURSOS: PERMITEN AL USUARIO ALMACENAR RECURSOS O CONTENIDOS EN INTERNET, COMPARTIRLOS Y VISUALIZARLOS A SU ANTOJO. • DOCUMENTOS: GOOGLE DRIVE Y OFFICE WEB APPS (ONEDRIVE); • VIDEOS: YOUTUBE, VIMEO, DAILYMOTION, DALEALPLAY; • FOTOS: PICASA, FLICKR, INSTAGRAM; • AGREGADORES DE NOTICIAS: DIGG, REDDIT, MENÉAME... NOTICIAS DE CUALQUIER MEDIO SON AGREGADAS Y VOTADAS POR LOS USUARIOS.
  • 11. TECNOLOGÍA DE LA WEB 2.0 En pocas palabras, una web está construida con una tecnología de la Web 2.0 si posee las siguientes características: A. TECNICAS B. GENERAL
  • 12. TÉCNICAS • CSS, MARCADO XHTML VÁLIDO SEMÁNTICAMENTE Y MICROFORMATOS. • TÉCNICAS DE APLICACIONES RICAS NO INTRUSIVAS (COMO AJAX). • REDIFUSIÓN/AGREGACIÓN DE DATOS EN RSS/ATOM. • URLS SENCILLAS CON SIGNIFICADO SEMÁNTICO. • SOPORTE PARA POSTEAR EN UN BLOG. • JCC Y APIS REST O XML. • JSON. •
  • 13. GENERAL • EL SITIO DEBE ESTAR LISTO PARA LA ENTRADA DE CUALQUIER PERSONA. • EL SITIO NO DEBE ACTUAR COMO UN "JARDÍN SIN COSECHAR INMINENTEMENTE": LA INFORMACIÓN DEBE PODERSE INTRODUCIR Y EXTRAER FÁCILMENTE. • LOS USUARIOS DEBERÍAN CONTROLAR SU PROPIA INFORMACIÓN. • BASADA EXCLUSIVAMENTE EN LA WEB: LOS SITIOS WEB 2.0 CON MÁS ÉXITO PUEDEN SER UTILIZADOS ENTERAMENTE DESDE UN NAVEGADOR. • LA EXISTENCIA DE ENLACES ES REQUISITO IMPRESCINDIBLE.
  • 14. SOFTWARE DEL SERVIDOR LA REDIFUSIÓN SOLO SE DIFERENCIA NOMINALMENTE DE LOS MÉTODOS DE PUBLICACIÓN DE LA GESTIÓN DINÁMICA DE CONTENIDO, PERO LOS SERVICIOS WEB REQUIEREN NORMALMENTE UN SOPORTE DE BASES DE DATOS Y FLUJO DE TRABAJO MUCHO MÁS ROBUSTO Y LLEGAN A PARECERSE MUCHO A LA FUNCIONALIDAD DE INTERNET TRADICIONAL DE UN SERVIDOR DE APLICACIONES.
  • 15. TECNOLOGIAS QUE DAN VIDA A UN PROYECTO WEB 2-0  TRANSFORMAR SOFTWARE DE ESCRITORIO HACIA LA PLATAFORMA DEL WEB.  RESPETO A LOS ESTÁNDARES COMO EL XHTML.  SEPARACIÓN DE CONTENIDO DEL DISEÑO CON USO DE HOJAS DE ESTILO.  SINDICACIÓN DE CONTENIDOS.  AJAX (JAVASCRIPT ASCINCRÓNICO Y XML).  USO DE FLASH, FLEX O LAZLO.  USO DE RUBY ON RAILS PARA PROGRAMAR PÁGINAS DINÁMICAS.
  • 16. OTRAS SUGERENCIAS ÚTILES • UTILIZA EL TIPO CORRECTO DE DOCUMENTO (DOCTYPE): • CADA PÁGINA DEBE CONTENER, COMO PRIMER ELEMENTO, INFORMACIÓN SOBRE EL DTD USADO. • ESTO ES IMPORTANTE PARA QUE LOS NAVGEADORES SEPAN COMO COMPORTARSE, ADEMÁS, LOS VALIDADORES NO PODRÁN VERIFICAR LAS PÁGINAS SI NO SE INDICA UN DOCTYPE.
  • 17. REFERENCIAS «MISSION - WEB STANDARDS PROJECT». WASP. CONSULTADO EL 19 DE ENERO DE 2009. ↑ «W3C TECHNICAL REPORTS AND PUBLICATIONS». W3C. CONSULTADO EL 19 DE ENERO DE 2009. ↑ «IETF RFC PAGE». IETF. ARCHIVADO DESDE EL ORIGINAL EL 2 DE FEBRERO DE 2009. CONSULTADO EL 19 DE ENERO DE 2009. ↑ «SEARCH FOR WORLD WIDE WEB IN ISO STANDARDS». ISO. CONSULTADO EL 19 DE ENERO DE 2009. ↑ «ECMA FORMAL PUBLICATIONS». ECMA. CONSULTADO EL 19 DE ENERO DE 2009.