SlideShare una empresa de Scribd logo
1 de 4
Evolución histórica de Internet
Por Jorge Becerra
Introducción
1996 fue la primera página web que elaboró la Universidad Mayor. Desde entonces, variados
equipos de Medios Digitales han intentado plasmar el mejor sistema web de acuerdo a sus
capacidades, recursos y determinados contextos.
Queremos presentarle la evolución del Home UM a través del tiempo hasta nuestros días. Es un
recorrido que logramos gracias a variadas fuentes, pero principalmente vía el sistema archive.org.
En ocasiones, hubo que realizar reconstrucciones a los sitios que por su tecnología no se pudieron
visualizar. Sin embargo, hemos investigado rigurosamente para descubrir su diseño original de
acuerdo a su época.
Equipo Medios Digitales 2012
---------------------------------------------------------------------------------------------------
Año 1996
Es un web simple, que presentaba solo algunos enlaces (entre ellos la Admisión 1997). También
presentaba servicios de almacenaje de información y las 4 facultades que existían en aquel
momento. Pese a lo básico del diseño, se adecuaba al contexto digital existente en esos años
---------------------------------------------------------------------------------------------------
Año 1997
Amplía los servicios al poder contactarse directamente con el Rector vía mail.
Se crea el 1° banner promocionando un Seminario de la Facultad de Ingeniería.
Todavía no se presentan imágenes, hay solo texto.
---------------------------------------------------------------------------------------------------
Año 1998
Se opta por una propuesta directa y se cambián los colores por más suaves. Se destaca el link de
Admisión 1998 con un recurso muy usado en la época: "Letras de colores"
Se instala un contador de visitas visible. En ese entonces, esta herramienta daba prestigio al web
porque indicaba la cantidad de usuarios que revisaban el sitio, pero se desconocía de dónde
provenían.
---------------------------------------------------------------------------------------------------
Año 1999 - 2000
Existe una mayor concepción del diseño web. El amarillo institucional está presente y se mejora el
logo. También aparecen las primeras fotos de los campus.
Hay un variado “menú” y se sitúa al lado izquierdo para que esté siempre visible cuando se navega
la página. Aparecen secciones como “Autoridades”, “Infraestructura”, “Deportes”, Dir. de
Comunicación” y “Novedades”.
---------------------------------------------------------------------------------------------------
Año 2001
No se pudo recuperar este web y no existe registro de su diseño.
De todas maneras, creemos importante estipular su existencia.
---------------------------------------------------------------------------------------------------
Año 2002
Se cambia el menú de navegación lateral por horizontal. Se presenta un home más flexible y curvo,
con un slide central estático que muestra los distintos campus de la Universidad.
Aún no hay movimiento pero si se visualizan algunos sutiles efectos.
Todavía no nace el Diariomayor, pero existía una pequeña ventana de noticias en línea.
Es un web centralizado y único se enmarca como el 1° sitio que engloba las sedes de Santiago y
Temuco, y presenta la incipiente oferta de postgrado, sin ser todavía una sección.
Año 2003 - 2004
Innovación en el diseño. Se muestran banner animados y aparecen nuevos link que representa
una universidad más compleja y moderna.
Se promocionan la primera sección de postgrados y se muestran servicios de Intranet, Biblioteca,
Relaciones Internacionales, Investigación y Conservatorio de Música, entre otros.
---------------------------------------------------------------------------------------------------
Año 2005- 2007
Se optimiza el diseño y se presenta un web de líneas rectas y formas rectangulares. El programa
Flash cobra relevancia en los diseños.
El tamaño del web se optimiza a una resolución de 800 x 600 y el aspecto estético cobra
relevancia.
Sus contenidos son preferentemente de índole académico y de información de utilidad (servicios).
---------------------------------------------------------------------------------------------------
Año 2007 - 2008
Es el último web UM que cumple con un solo objetivo estético.
Se reordena la navegación del web por perfiles de usuarios (Postulantes – Alumnos – Graduados –
Docente – Comunidad – Institución) y se recopila exhaustivamente información sobre las
direcciones y departamentos de la Universidad.
Se destacan noticias internas en el home, pero se pierden banner publicitarios o llamados
especiales.
---------------------------------------------------------------------------------------------------
Año 2008 - 2010
La funcionalidad y la navegación rápida de 3 click caracterizan el web. Se “informatiza” el web
evitando plantillas predefinidas y se acortan contenidos. Se trabaja en posicionamiento en
buscadores internacionales y se certifica el desarrollo por la norma W3C.
El home se pone al servicio de la marca UMayor y de las distintas unidades de la Universidad,
especialmente con el proceso de Admisión pregrado.
Se cuenta con 6 banner publicitarios y rotativos, pudiendo llegar a 11. Además, los slide centrales
son intencionados (Rector – Docencia – Vida Universitaria) y renovados cada 2 semanas.
---------------------------------------------------------------------------------------------------
Año 2010 - 2012
Se cambia el desarrollo de HTML y php por Symfony, segurizando el sitio. Además, permite el
trabajo con múltiples BBDD simultáneamente simplificando la interconexión con distintas
plataformas de gestión ERP CRM con tendencia de unificar y centralizar la información.
Debido al crecimiento de la Universidad y el surgimiento de nuevas unidades, el home aumenta
sus paletas publicitarias a 19 banners rotatorios trackeados (para su seguimiento).
La funcionalidad del web apunta ser una herramienta que aporta a la captación del dato vía
formularios generando estadística e inteligencia estratégica.
---------------------------------------------------------------------------------------------------
Web móvil
Características relevantes
El web es desarrollado especialmente para telefonía celular y validado por la norma W3C.
Es un símil del home UM enfocado a la captación del dato. En el 2011 se desarrollaron
aplicaciones especiales para Admisión 2012 como el Simulador de Ponderación y Simulador de
Beca.
En el mes de marzo 2012, registró un promedio de 870 visitas diarias.

Más contenido relacionado

Similar a Evolución histórica de la web

Redes sociales y administracion local.
Redes sociales y administracion local. Redes sociales y administracion local.
Redes sociales y administracion local. agarciagaliana
 
Cómo planificar tu actividad Social Media
Cómo planificar tu actividad Social MediaCómo planificar tu actividad Social Media
Cómo planificar tu actividad Social MediaFernando Cebolla Pola
 
Apuntes de autocad para ing. civil
Apuntes de autocad para ing. civilApuntes de autocad para ing. civil
Apuntes de autocad para ing. civiljemmy
 
Portada e indice ia
Portada e indice iaPortada e indice ia
Portada e indice iasckron
 
Tecnologías de la información dayana
Tecnologías de la información dayanaTecnologías de la información dayana
Tecnologías de la información dayanadayana_norIega
 
Pagina del colegio
Pagina del colegioPagina del colegio
Pagina del colegiofabianc87
 

Similar a Evolución histórica de la web (19)

Webs de Telefonica
Webs de TelefonicaWebs de Telefonica
Webs de Telefonica
 
Webs de Telefonica
Webs de TelefonicaWebs de Telefonica
Webs de Telefonica
 
Redes sociales y administracion local.
Redes sociales y administracion local. Redes sociales y administracion local.
Redes sociales y administracion local.
 
Cómo planificar tu actividad Social Media
Cómo planificar tu actividad Social MediaCómo planificar tu actividad Social Media
Cómo planificar tu actividad Social Media
 
Telefonica slideshare
Telefonica slideshareTelefonica slideshare
Telefonica slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Webs de Telefonica
Webs de TelefonicaWebs de Telefonica
Webs de Telefonica
 
Informatica usmp
Informatica usmpInformatica usmp
Informatica usmp
 
Informatica usmp
Informatica usmpInformatica usmp
Informatica usmp
 
Apuntes de autocad para ing. civil
Apuntes de autocad para ing. civilApuntes de autocad para ing. civil
Apuntes de autocad para ing. civil
 
Telefonica slideshare
Telefonica slideshareTelefonica slideshare
Telefonica slideshare
 
Propuesta Portal Web
Propuesta Portal WebPropuesta Portal Web
Propuesta Portal Web
 
Telefonica slideshare
Telefonica slideshareTelefonica slideshare
Telefonica slideshare
 
Portada e indice ia
Portada e indice iaPortada e indice ia
Portada e indice ia
 
CCTD
CCTDCCTD
CCTD
 
Manual3 de c#
Manual3 de c#Manual3 de c#
Manual3 de c#
 
Tecnologías de la información dayana
Tecnologías de la información dayanaTecnologías de la información dayana
Tecnologías de la información dayana
 
Pagina del colegio
Pagina del colegioPagina del colegio
Pagina del colegio
 
Telefonica slideshare
Telefonica slideshareTelefonica slideshare
Telefonica slideshare
 

Último

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
memoria de la empresa Pil Andina para d
memoria de la empresa Pil Andina para  dmemoria de la empresa Pil Andina para  d
memoria de la empresa Pil Andina para dRodrigoAveranga2
 

Último (6)

NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
memoria de la empresa Pil Andina para d
memoria de la empresa Pil Andina para  dmemoria de la empresa Pil Andina para  d
memoria de la empresa Pil Andina para d
 

Evolución histórica de la web

  • 1. Evolución histórica de Internet Por Jorge Becerra Introducción 1996 fue la primera página web que elaboró la Universidad Mayor. Desde entonces, variados equipos de Medios Digitales han intentado plasmar el mejor sistema web de acuerdo a sus capacidades, recursos y determinados contextos. Queremos presentarle la evolución del Home UM a través del tiempo hasta nuestros días. Es un recorrido que logramos gracias a variadas fuentes, pero principalmente vía el sistema archive.org. En ocasiones, hubo que realizar reconstrucciones a los sitios que por su tecnología no se pudieron visualizar. Sin embargo, hemos investigado rigurosamente para descubrir su diseño original de acuerdo a su época. Equipo Medios Digitales 2012 --------------------------------------------------------------------------------------------------- Año 1996 Es un web simple, que presentaba solo algunos enlaces (entre ellos la Admisión 1997). También presentaba servicios de almacenaje de información y las 4 facultades que existían en aquel momento. Pese a lo básico del diseño, se adecuaba al contexto digital existente en esos años --------------------------------------------------------------------------------------------------- Año 1997 Amplía los servicios al poder contactarse directamente con el Rector vía mail. Se crea el 1° banner promocionando un Seminario de la Facultad de Ingeniería. Todavía no se presentan imágenes, hay solo texto. --------------------------------------------------------------------------------------------------- Año 1998 Se opta por una propuesta directa y se cambián los colores por más suaves. Se destaca el link de Admisión 1998 con un recurso muy usado en la época: "Letras de colores" Se instala un contador de visitas visible. En ese entonces, esta herramienta daba prestigio al web porque indicaba la cantidad de usuarios que revisaban el sitio, pero se desconocía de dónde provenían. --------------------------------------------------------------------------------------------------- Año 1999 - 2000
  • 2. Existe una mayor concepción del diseño web. El amarillo institucional está presente y se mejora el logo. También aparecen las primeras fotos de los campus. Hay un variado “menú” y se sitúa al lado izquierdo para que esté siempre visible cuando se navega la página. Aparecen secciones como “Autoridades”, “Infraestructura”, “Deportes”, Dir. de Comunicación” y “Novedades”. --------------------------------------------------------------------------------------------------- Año 2001 No se pudo recuperar este web y no existe registro de su diseño. De todas maneras, creemos importante estipular su existencia. --------------------------------------------------------------------------------------------------- Año 2002 Se cambia el menú de navegación lateral por horizontal. Se presenta un home más flexible y curvo, con un slide central estático que muestra los distintos campus de la Universidad. Aún no hay movimiento pero si se visualizan algunos sutiles efectos. Todavía no nace el Diariomayor, pero existía una pequeña ventana de noticias en línea. Es un web centralizado y único se enmarca como el 1° sitio que engloba las sedes de Santiago y Temuco, y presenta la incipiente oferta de postgrado, sin ser todavía una sección. Año 2003 - 2004 Innovación en el diseño. Se muestran banner animados y aparecen nuevos link que representa una universidad más compleja y moderna. Se promocionan la primera sección de postgrados y se muestran servicios de Intranet, Biblioteca, Relaciones Internacionales, Investigación y Conservatorio de Música, entre otros. --------------------------------------------------------------------------------------------------- Año 2005- 2007 Se optimiza el diseño y se presenta un web de líneas rectas y formas rectangulares. El programa Flash cobra relevancia en los diseños. El tamaño del web se optimiza a una resolución de 800 x 600 y el aspecto estético cobra relevancia. Sus contenidos son preferentemente de índole académico y de información de utilidad (servicios). ---------------------------------------------------------------------------------------------------
  • 3. Año 2007 - 2008 Es el último web UM que cumple con un solo objetivo estético. Se reordena la navegación del web por perfiles de usuarios (Postulantes – Alumnos – Graduados – Docente – Comunidad – Institución) y se recopila exhaustivamente información sobre las direcciones y departamentos de la Universidad. Se destacan noticias internas en el home, pero se pierden banner publicitarios o llamados especiales. --------------------------------------------------------------------------------------------------- Año 2008 - 2010 La funcionalidad y la navegación rápida de 3 click caracterizan el web. Se “informatiza” el web evitando plantillas predefinidas y se acortan contenidos. Se trabaja en posicionamiento en buscadores internacionales y se certifica el desarrollo por la norma W3C. El home se pone al servicio de la marca UMayor y de las distintas unidades de la Universidad, especialmente con el proceso de Admisión pregrado. Se cuenta con 6 banner publicitarios y rotativos, pudiendo llegar a 11. Además, los slide centrales son intencionados (Rector – Docencia – Vida Universitaria) y renovados cada 2 semanas. --------------------------------------------------------------------------------------------------- Año 2010 - 2012 Se cambia el desarrollo de HTML y php por Symfony, segurizando el sitio. Además, permite el trabajo con múltiples BBDD simultáneamente simplificando la interconexión con distintas plataformas de gestión ERP CRM con tendencia de unificar y centralizar la información. Debido al crecimiento de la Universidad y el surgimiento de nuevas unidades, el home aumenta sus paletas publicitarias a 19 banners rotatorios trackeados (para su seguimiento). La funcionalidad del web apunta ser una herramienta que aporta a la captación del dato vía formularios generando estadística e inteligencia estratégica. --------------------------------------------------------------------------------------------------- Web móvil Características relevantes El web es desarrollado especialmente para telefonía celular y validado por la norma W3C.
  • 4. Es un símil del home UM enfocado a la captación del dato. En el 2011 se desarrollaron aplicaciones especiales para Admisión 2012 como el Simulador de Ponderación y Simulador de Beca. En el mes de marzo 2012, registró un promedio de 870 visitas diarias.