Ecc dg0952 01o. Clase introductoria para materia de Desarrollo de páginas de internet. Historia de diseño Web. Escuela de la Camara de Comercio. Material de soporte para docencia. Licenciatura en diseño gráfico

1. • DG0952
noveno cuatrimestre
Desarrollo Web
Desarrollo
de páginas web
DG0952
noveno cuatrimestre

2. • DG0952
noveno cuatrimestre
Desarrollo Web
Wikipedia:
Conjunto descentralizado de redes de
comunicación interconectadas
INTERNET
Protocolos:
TCP/IP
SMTP
FTP
P2P
SSH
Telnet

3. • DG0952
noveno cuatrimestre
Desarrollo Web
ARPANet
(Advanced Research Projects Agency
Network)
60’s
INTERNET
En el CERN de Ginebra, un grupo de físicos
encabezado por Tim Berners-Lee creó el
lenguaje HTML, basado en el SGML. En 1990
el mismo equipo construyó el primer cliente
Web, llamado WorldWideWeb (WWW), y el
primer servidor web.
1990

4. • DG0952
noveno cuatrimestre
Desarrollo Web
(uniform resource locator)
URL
Dirección electrónica, utilizada a través
de http
Referencia a una ubicación específica
Ingresada en un navegador de internet
http://en.example.org/wiki/Main_Page

5. • DG0952
noveno cuatrimestre
Desarrollo Web
Dominio
Dirección IP:
Numero de identificación de un servidor
http://192.0.32.10
Dominio
Nombre memorizable de un equipo o
red de equipos
http://www.eccc.mx
Subdominio:
Subclasificacion del nombre de dominio
http://primaria.eccc.mx

6. • DG0952
noveno cuatrimestre
Desarrollo Web
Servidor
Equipo de cómputo donde vive uno o
varios sistemas que permiten alojar uno
o varias páginas, sitios o portales.
Las IP’s son identificación de un
servidor
Los dominios apuntan a un servidor

7. • DG0952
noveno cuatrimestre
Desarrollo Web
Navegador de
internet
Un navegador o navegador web, o
browser, es un software que permite el
acceso a Internet, interpretando la
información de archivos y sitios web
para que éstos puedan ser leídos

8. • DG0952
noveno cuatrimestre
Desarrollo Web
Un documento electrónico.
Unidad de información que se presenta
en pantalla
Página de internet
Conjunto de páginas
Sito
Punto de acceso a varios sitios
Portal

9. • DG0952
noveno cuatrimestre
Desarrollo Web
(HyperText Markup Language)
Definición de contenido de una página
web
Lenguaje para codificar un documento,
incorpora etiquetas con información la
estructura del texto o su presentación
HTML

10. • DG0952
noveno cuatrimestre
Desarrollo Web
Hipervínculos
Es un elemento de un documento
electrónico que hace referencia a otro
Ligas, vinculos

11. • DG0952
noveno cuatrimestre
Desarrollo Web
(Cascade style sheet)
Instrucciones que se encargan del
aspecto de una página web
tipo, fuente y tamaño de letras,
alineación y posicionamiento del texto,
colores y fondos, etc.
CSS’s Hojas de estilo

12. • DG0952
noveno cuatrimestre
Desarrollo Web
Lenguaje formal diseñado para expresar procesos
que pueden ser llevados a cabo por máquinas.
Pueden usarse para crear programas que controlen el
comportamiento físico y lógico de una máquina, para
expresar algoritmos con precisión, o como modo de
comunicación humana.
Está formado por un conjunto de símbolos y reglas
sintácticas y semánticas.
Lenguajes de
programación

13. • DG0952
noveno cuatrimestre
Desarrollo Web
Facilidad con que las
personas pueden utilizar una
herramienta
Usabilidad

14. • DG0952
noveno cuatrimestre
Desarrollo Web
Factores y elementos relativos a la
interacción del usuario, con un entorno
o dispositivo concretos, cuyo resultado
es la generación de una percepción
positiva o negativa de dicho servicio,
producto o dispositivo.
UX, User experience,
Experiencia de usuario

15. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución

16. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución

17. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución

18. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución

19. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución

20. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución
bandwidth
Ancho de banda

21. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución
Multi dispositivos

22. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución
Resolución

23. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución
Profundidad
de color

24. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución
Tipografía

25. • DG0952
noveno cuatrimestre
Desarrollo Web
Evolución
Tipografía

26. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Análisis
Propuesta
Diseño
Desarrollo
Liberación
feedback

27. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Análisis
Brief
Benchmark
Situación Actual

28. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Propuesta
Estrategia
Arquitectura
Esqueletos
Flujos

29. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Diseño
Propuestas gráficas

30. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Desarrollo
Desarrollo de frontend
Desarrollo de Assets gráficos
Programación de sistema

31. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Liberación
Testeo
Estabilización
Go

32. • DG0952
noveno cuatrimestre
Desarrollo Web
Metodología
Feedback
Analytics
Ajustes

33. • DG0952
noveno cuatrimestre
Desarrollo Web
Benchmark
Estudio de comparación del desempeño
en Internet de otras empresas
relacionadas, con el fin de evaluar
aspectos como diseño, desempeño,
arquitectura de la información,
usabilidad, entre otros, que pueden ser
de utilidad.
• Áreas de
oportunidad
• Puntos de
mejora
• Convenciones
• Mejores
prácticas

34. • DG0952
noveno cuatrimestre
Desarrollo Web
Primer entrega
Elaboración de Brief
(corporativo, producto):
• Antecedentes (estado actual)
• Objetivos
• Audiencia principal, secundaria
• Competencia directa e indirecta
• Entregables:
• Sitio coorporativo
• Minisitio de producto
• App de lealtad
• Tab de facebook
• Personalización de redes sociales
• Mailing
• Banners

35. • DG0952
noveno cuatrimestre
Desarrollo Web
Segunda entrega
Benchmark de Sitio corporativo
(Al menos 6)
Benchmark de Sitio de producto
(Al menos 6)

36. • DG0952
noveno cuatrimestre
Desarrollo Web
Desarrollo
de páginas web
DG0952
noveno cuatrimestre

37. Análisis para el portal del XXX, México 2012 pág. 1 /28
Universo estudiado
Selección
• Se compiló una lista de instituciones de educación con base en listados de ranking
publicados en línea, tales como:
U.S. News National Ranking
http://www.usnews.com/education/best-high-schools/national-
rankings
http://www.usnews.com/education/best-high-schools
K12 Directory of schools / Top 10 private schools in America
http://www.k12directoryofschools.com/Articles/top-10-private-
schools-in-america.aspx
Asian correspondent / Leading international boarding schools
http://asiancorrespondent.com/77354/leading-international-
boarding-schools/
IB Schools of New Zealand
http://www.ibschoolsnz.org.nz/schools.html
Chilango / Guía de escuelas 2012
http://www.chilango.com/ciudad/nota/2012/02/10/guia-de-
escuelas
Edustyle Awards
http://www.edustyle.net/awards/2012
Awwards / School
http://www.awwwards.com/

38. Análisis para el portal del XXX, México 2012 pág. 2 /28
Sobre este documento
Casos elegidos
• Se consideraron aquellos portales que por diseño, usabilidad, arquitectura y
experiencia de usuario, destacan elementos considerados como buenas prácticas
en el despliegue de información
• Se tomaron en consideración los siguientes portales (15):
Centro Escolar Cedros
http://www.cedros.edu.mx/
Olinca
http://www.olinca.edu.mx/
Queen Mary School
http://www.queenmaryschool.net/
Centro Escolar del Tepeyac
http://www.cet.com.mx/
Alexander Bain
http://alexanderbain.edu.mx/
Instituto Miguel Angel
http://www.ima.edu.mx/
American School Foundation
http://www.asf.edu.mx/
Phillips Exter Academy
New Hampshire
http://www.exeter.edu/
Phillips Academy Andover
Massachusetts
http://www.andover.edu/
Middlesex School
Massachusetts
http://mxschool.edu/
Concord Academy
Massachusetts
http://www.concordacademy.org/
Woodstock School
India
http://www.woodstockschool.in/
Queen Margaret College
New Zealand
http://www.qmc.school.nz/
Monkton Combe School
Bath, UK
http://monktoncombeschool.com/
Brisbane Girls Grammar School
Australia
https://www.bggs.qld.edu.au
Korowa
Anglican girls's school
http://www.korowa.vic.edu.au/
Bellerbys College
England
http://www.bellerbys.com/
Rendcomb College
England
http://www.rendcombcollege.org.uk/
St. George's School
Switzerland
http://stgeorges.ch/
Saint Kentigern College
New Zealand
http://saintkentigern.com/
Selwyn House
New Zealand
http://selwynhouse.school.nz/

39. Análisis para el portal del XXX, México 2012 pág. 3 /28
Casos individuales

40. Análisis para el portal del XXX, México 2012 pág. 4 /28

41. Análisis para el portal del XXX, México 2012 pág. 5 /28
Centro Escolar Cedros
http://www.cedros.edu.mx/
Generalidades
• Generalidades
• Carrusel de imágenes y avisos en la zona
central (máximo 5 registros)
• Secciones acceso a extranet con información
restringida
• Datos de contacto en la zona inferior

42. Análisis para el portal del XXX, México 2012 pág. 6 /28
Centro Escolar Cedros
http://www.cedros.edu.mx/
A destacar
• Por omisión presenta el sitio en ingles
• Menú "Nosotros" explica la metodología de
enseñanza
• Cuenta con división de departamentos
• Deportes
• Artes
• Innovación
• Idiomas
• Inserción de presentaciones de Scribd en el
"Centro de conocimiento"

43. Análisis para el portal del XXX, México 2012 pág. 7 /28

44. Análisis para el portal del XXX, México 2012 pág. 8 /28
Olinca
http://www.olinca.edu.mx/
A destacar
• Inclusión de videos para explicar las
actividades y modelo educativo
• Sección de planteles, unificando el
concepto de enseñanza
• Etiqueta de "Agendar cita" par el
formulario de contacto

45. Análisis para el portal del XXX, México 2012 pág. 9 /28

46. Análisis para el portal del XXX, México 2012 pág. 10 / 28
Queen Mary School
http://www.queenmaryschool.net/
Generalidades
• Home con lema o declaración de la
institución
• Carta de bienvenida
• Noticias
• Calendario de eventos
A destacar
• Información relacionada en las páginas
interiores
• Segmentación de intereses en
formulario de contacto

47. Análisis para el portal del XXX, México 2012 pág. 11 / 28

48. Análisis para el portal del XXX, México 2012 pág. 12 / 28
Centro Escolar del Tepeyac
http://www.cet.com.mx/
A destacar
• Calendarios segmentados.
• General
• Por nivel educativo
• Descripción de objetivos y materias por
grado
• Noticias y actividades por grado

49. Análisis para el portal del XXX, México 2012 pág. 13 / 28

50. Análisis para el portal del XXX, México 2012 pág. 14 / 28
Alexander Bain
http://alexanderbain.edu.mx/
A destacar
• Blog dirigido a padres y categorizado
por segmentos de interés

51. Análisis para el portal del XXX, México 2012 pág. 15 / 28

52. Análisis para el portal del XXX, México 2012 pág. 16 / 28
Instituto Miguel Angel
http://www.ima.edu.mx/
A destacar
• 2 menús de navegación
• Conocer el instituto
• Comunidad escolar con servicios
• Diagrama de modelo educativo

53. Análisis para el portal del XXX, México 2012 pág. 17 / 28

54. Análisis para el portal del XXX, México 2012 pág. 18 / 28
American School Foundation
http://www.asf.edu.mx/
A destacar
• Esquema comparativo de los diversos
modelos educativos, bajo la sección de
“Estructura”
• Sección de “Admisión” muy completa
• Calendarios
• Ayudas económicas
• Costos
• Formulario de admisión en línea

55. Análisis para el portal del XXX, México 2012 pág. 19 / 28
American School Foundation
http://www.asf.edu.mx/
A destacar
• Sección completa de bolsa de trabajo
• Perfil y requisitos
• Beneficios
• Exalumnos
• Ligas a sitios y redes sociales por
generación

56. Análisis para el portal del XXX, México 2012 pág. 20 / 28

57. Análisis para el portal del XXX, México 2012 pág. 21 / 28
Phillips Exter Academy
New Hampshire
http://www.exeter.edu/
A destacar
• Arquitectura dividiendo educación
académica, deportes y actividades
artísticas
• Académica
• - Explicación del modelo
• - Programas
• Artes
• - Disciplinas
• - Exhibiciones
• Deportes
• - Equipos
• - Instalaciones
• - Galerías de imágenes

58. Análisis para el portal del XXX, México 2012 pág. 22 / 28
Phillips Exter Academy
New Hampshire
http://www.exeter.edu/
A destacar
• Explicación del modelo educativo
Harkness a través de un video con
analogías

59. Análisis para el portal del XXX, México 2012 pág. 23 / 28
Phillips Exter Academy
New Hampshire
http://www.exeter.edu/
A destacar
• Zona de noticias y eventos con inclusión
de gacetas, boletines, calendarios e
información para medios de
comunicación (Facts)

60. Análisis para el portal del XXX, México 2012 pág. 24 / 28
Phillips Exter Academy
New Hampshire
http://www.exeter.edu/
A destacar
• Portal de estudiantes, padres, staff y
exalumnos con eventos, noticias y ligas de
interés por audiencia
• Ligas de redes sociales por perfil

61. Análisis para el portal del XXX, México 2012 pág. 25 / 28

62. Análisis para el portal del XXX, México 2012 pág. 26 / 28
Andover Phillips Academy
Massachusetts
http://www.andover.edu/
A destacar
Menú principal desplegable por secciones
Sección de About
Promueve la institución a través de datos,
testimonios y vivencias
• Fast facts
• Datos estadísticos que permiten conocer de
vistazo la institución
• Ex Alumnos destacados
• Evaluación de los padres sobre la escuela.
• Comparten los resultados de una encuesta
de satisfacción aplicada a padres de familia
• Testimonios de estudiantes
• Horarios OpenHouse

63. Análisis para el portal del XXX, México 2012 pág. 27 / 28
Andover
Massachusetts
http://www.andover.edu/
A destacar
• Uso extensivo de los medios sociales y
apps; linked in como red social para
formar grupos de profesionales
exalumnos
• Sigue al director en FB, Twitter y Blog

64. Análisis para el portal del XXX, México 2012 pág. 28 / 28

65. Análisis para el portal del XXX, México 2012 pág. 29 / 28
Middlesex School
Massachusetts
http://mxschool.edu/
A destacar
• Menú de acceso a herramientas por perfil
despliega una serie de accesos directos a
las diferentes aplicaciones e información
disponible

66. Análisis para el portal del XXX, México 2012 pág. 30 / 28
Middlesex School
Massachusetts
http://mxschool.edu/
A destacar
• Sección de Admissions
• Botón de Call to Action para formato de
aplicación
• Uso de lenguaje para opciones de beca y
financiamiento "affording"

67. Análisis para el portal del XXX, México 2012 pág. 31 / 28

68. Análisis para el portal del XXX, México 2012 pág. 32 / 28
Concord Academy
Massachusetts
http://www.concordacademy.org/
A destacar
• Menú de acceso a herramientas por perfil
despliega una serie de accesos directos a
las diferentes aplicaciones e información
disponible

69. Análisis para el portal del XXX, México 2012 pág. 33 / 28
Concord Academy
Massachusetts
http://www.concordacademy.org/
A destacar
• Menú de acceso a herramientas por perfil
despliega una serie de accesos directos a
las diferentes aplicaciones e información
disponible

70. Análisis para el portal del XXX, México 2012 pág. 34 / 28
Concord Academy
Massachusetts
http://www.concordacademy.org/
A destacar
• Menú de acceso a herramientas por perfil
despliega una serie de accesos directos a
las diferentes aplicaciones e información
disponible

71. Análisis para el portal del XXX, México 2012 pág. 35 / 28

72. Análisis para el portal del XXX, México 2012 pág. 36 / 28
Woodstock School
India
http://www.woodstockschool.in/
A destacar
• Carrusel de imágenes sintetizando lo más
destacado de la oferta educativa
(Propósito, Deportes, Música, Liderazgo)
• Vision a 10 años
Institución multinacional, generación de
líderes
• Blogs por grado de enseñanza
• Blog para académicos

73. Análisis para el portal del XXX, México 2012 pág. 37 / 28
Rendcomb College
England
http://www.rendcombcollege.org.uk/
A destacar
• Call to action de contacto en cabecera
(teléfono)
• Accesos directos por categorías de menú
principal
• Rutas de autobús
St. George's School
Switzerland
http://stgeorges.ch/
A destacar
• Home simplificado dividido en 4 secciones
con acceso directos

74. Análisis para el portal del XXX, México 2012 pág. 38 / 28

75. Análisis para el portal del XXX, México 2012 pág. 39 / 28
Saint Kentigern College
New Zealand
http://saintkentigern.com/
A destacar
• Home con uso de espacios, retícula y
juego tipográfico que permite la
adecuada estructuración de contenidos
• Dos sliders de avisos y promoción en la
zona central sin contador, que permite
entregar mayor numero de mensajes
• Subhomes con información condensada
de cada rubro y grado

76. Análisis para el portal del XXX, México 2012 pág. 40 / 28

77. Análisis para el portal del XXX, México 2012 pág. 41 / 28
Selwyn House
New Zealand
http://selwynhouse.school.nz/
A destacar
• Menú principal y carrusel central de
imágenes dedicado a cada nivel de
educación.
• Código de color por nivel educativo
• Formulario de contacto en el pié de cada
página

78. Análisis para el portal del XXX, México 2012 pág. 42 / 28

79. Análisis para el portal del XXX, México 2012 pág. 43 / 28
Monkton Combe School
Bath, UK
http://monktoncombeschool.com/
A destacar
• Videos editados mostrano vida escolar
• Call to action al final de cada página de
"Next steps"
• Noticias y eventos segmentados por
temas

80. Análisis para el portal del XXX, México 2012 pág. 44 / 28

81. Análisis para el portal del XXX, México 2012 pág. 45 / 28
Korowa
Australia
http://www.korowa.vic.edu.au/
A destacar
• Campaña "I can, I will” presente en todas
las páginas del sitio
• Arquitectura "About"
• Vistazo general
• Crecimiento del Campus
• Mapa de la escuela
• Reportes, avances y resultados

82. Análisis para el portal del XXX, México 2012 pág. 46 / 28
Korowa
Australia
http://www.korowa.vic.edu.au/
A destacar
• Formulario detallado de admisión con
formato internacional
• Vista vivencial: Korowa kid for a day
• Student Welfare, posturas ante:
Bulling, Drogas, Liderazgo, Salud,
Transición de las etapas
• School council: Profesorado feliz

83. Análisis para el portal del XXX, México 2012 pág. 47 / 28
Bellerbys College
England
http://www.bellerbys.com/
Queen Margaret College
New Zealand
http://www.qmc.school.nz/
Brisbane Girls Grammar School
Australia
https://www.bggs.qld.edu.au/

84. Análisis para el portal del XXX, México 2012 pág. 48 / 28
Examen de conjunto

85. Análisis para el portal del XXX, México 2012 pág. 49 / 28
Estructura básica para la información
1. Menú principal
Menú de clasificación inicial y de
máxima jerarquía constante en
todo el sitio
2. Menú auxiliar
Menú de herramientas, y contexto
presentes en la cabecera y pié de
página
3. Contenido de página principal
Identidad
| Acerca de nosotros | Quénes somos | Qué hacemos | Cómo lo hacemos |
Buscar: IR»
1
3
2 Redes sociales | Acceso a herramientas | Contacto
Políticas | Términos | Mapa de sitio2

86. Análisis para el portal del XXX, México 2012 pág. 50 / 28
Menú principal
Olinca
Queen Mary School
Centro Escolar del Tepeyac
Alexander Bain
Instituto Miguel Angel
American School
Foundation
Centro Escolar Cedros
México

87. Análisis para el portal del XXX, México 2012 pág. 51 / 28
Estructura básica para la información
[1] En el artículo The Magical Number Seven, Plus or
Minus Two,(1956) el psicólogo George Miller sugirió
que la MCP humana tiene un span de memoria de
aproximadamente siete elementos más/menos dos.
0 2 4 6 8 10 12 14 16 18
Acerca de la institución
Admisiones
Modelo educativo
Niveles educativos
Contacto
Noticias
Planteles
Servicios
Exalumnos
Actividades
Galerías
Comunidad
Proyectos
Redes sociales
Políticas de privcidad
Extranet
Contacto
Idioma
MayorrelevanciaRelevanciamedia
Menor
relevancia
Navegacióprincipal
Navegación
auxiliar
La gráfica presenta en orden descendente las
secciones más frecuentemente
empleadas para organizar el contenido
de un website
Atendiendo a la fórmula de Miller(1) sobre la
capacidad de la memoria de trabajo
humana, se dividen en tres grupos:
mínimo indispensable, recomendadas,
opcionales
Muestra:
• Centro Escolar Cedros
• Olinca
• Queen Mary School
• Centro Escolar del Tepeyac
• Alexander Bain
• Instituto Miguel Angel
• American School Foundation
• Colegio Alemán
• The Edron Academy
• Colegio Keppler
• Colegio Madrid
• Colegio Peterson
• Colegio Suizo de México
• Colegio Williams
• Green Hills
• Escuela Moderno Americano
• Colegio Ciudad de México
Escuelas Ciudad de México

88. Análisis para el portal del XXX, México 2012 pág. 52 / 28
Menú principal
Andover Phillips Academy
Middlesex School
The Lawrenceville School
New Jersey
Phillips Exter Academy
Choate Rosemary Hall
Connecticut
Concord Academy
Hotchkiss School
Connecticut
Friends Academy
New York
EUA

89. Análisis para el portal del XXX, México 2012 pág. 53 / 28
Menú principal
Rendcomb College
St. George's School
Saint Kentigern College
Woodstock School
Selwyn House
Monkton Combe School
Korowa
Resto del mundo

90. Análisis para el portal del XXX, México 2012 pág. 54 / 28
Estructura básica para la información
[1] En el artículo The Magical Number Seven, Plus or
Minus Two,(1956) el psicólogo George Miller sugirió
que la MCP humana tiene un span de memoria de
aproximadamente siete elementos más/menos dos.
La gráfica presenta en orden descendente las
secciones más frecuentemente
empleadas para organizar el contenido
de un website
Atendiendo a la fórmula de Miller(1) sobre la
capacidad de la memoria de trabajo
humana, se dividen en tres grupos:
mínimo indispensable, recomendadas,
opcionales
Muestra:
• Phillips Exter Academy
• Andover Phillips Academy
• Middlesex School
• Concord Academy
• Lawrenceville School
• Choate Rosemary Hall
• Hotchkiss School
• Friends Academy
• Woodstock School
• Rendcomb College
• St. George School
• St. Kentigern College
• Selwyn House
• Monkton Combe School
• Korowa
Escuelas Internacionales
0 2 4 6 8 10 12 14
Acerca de la institución
Admisiones
Academics
Athletics
Arts
Student life
Niveles educativos
Comunidad
Vida estudiantil
Noticias
Conatcto
Redes Sociales
Portal Exalumnos
Portal padres
Portal estudiantes
Agenda
Noticias
Mayor
relevancia
internacionalRelevanciaEUA
Relevancia
GB/Oceanía
Relevancia
media
internacional
NavegaciónprincipalNavegaciónauxiliar

91. Análisis para el portal del XXX, México 2012 pág. 55 / 28
Estructura básica para la información
La gráfica presenta La frecuencia de
presentación de las opciones de
navegación para el Menú principal,
destacando en color azul las Escuelas
norteamericanas, dando mayor énfasis a
la división de Academia, Deportes y
Artes.
En color verde se destacan las escuelas de
Oceanía, dando prioridad a los niveles
educativos
Prioridades
About
Admissions
Acedemics
Student
Life
Arts
Athle4cs
News
Junior
Middle
Senior
Phillips
Exter
Academy
1
1
1
1
1
1
1
Andover
Phillips
Academy
1
1
1
1
1
1
Middlesex
School
1
1
1
1
1
1
Concord
Academy
1
1
1
1
1
1
Lawrenceville
School
1
1
1
1
1
Choate
Rosemary
Hall
1
1
1
1
1
Hotchkiss
School
1
1
1
1
1
Friends
Academy
1
1
1
1
1
Woodstock
School
1
1
Rendcomb
College
1
1
1
St.
George
School
1
1
1
St.
Ken4gern
College
1
1
1
1
Selwyn
House
1
1
1
1
1
Monkton
Combe
School
1
1
1
1
Korowa
1
1
1
1
Totales
13
13
8
6
6
7
5
4
4
4

92. Análisis para el portal del XXX, México 2012 pág. 56 / 28
Elementos para componer la página de inicio
La tabla presenta la
frecuencia con la
que se emplean los
recursos para
integrar la págia de
inicio
Se hace esta
consideración por la
importancia de
dicha página para
capturar y retener la
atención del usuario
Cedros
Olinca
Queen
Mary
Tepeyac
Alexander
Bain
Miguel
Angel
Americano
Exeter
Andover
Middlesex
Concord
Woodstock
Bellerbys
Rendcomb
St.
George
St.
Ken4gern
Selwyn
Queen
Margaret
Monkton
Brisbane
Korowa
Totales
Tipos
de
contenido
Carrusel
de
imágenes/avisos
1
1
1
1
1
1
1
1
1
1
1
1
1
1
14
Accesos
directos
a
información
interna
1
1
1
1
1
1
1
1
8
Acceso
directo
a
herramientas
1
1
1
3
Listado
de
no4cias
1
1
1
1
1
1
1
1
1
1
1
1
1
1
14
Carta
de
bienvenida
1
1
1
1
1
1
1
7
Video
introductorio
1
1
1
3
Calendario
de
eventos
1
1
1
1
1
1
1
1
1
1
1
1
12
Espacio
para
información
destacada/
Autopublicidad
1
1
1
1
1
1
1
7
Acceso
a
diverson
niveles
educa4vos
1
1
1
3
Iconos
a
redes
sociales
Facebook
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
15
Twi[er
1
1
1
1
1
1
1
1
1
1
1
1
1
13
Youtube
1
1
1
1
1
1
1
1
1
9
Vimeo
1
1
2
Pinterest
1
1
G-­‐plus
1
1
Linkedin
1
1
2
Flickr
1
1
1
1
4
Otros
elementos
Menús
desplegables
1
1
1
1
1
1
1
1
1
1
1
1
12
Menú
emergente
con
info
ampliada
1
1
1
1
4
Buscador
1
1
1
1
1
1
1
1
1
1
1
11
Feed
de
red
social
1
1

93. Análisis para el portal del XXX, México 2012 pág. 57 / 28
Criterios de evaluación Revista Chilango 2012
• Docencia
Número de alumnos por maestro.
Porcentaje de maestros de tiempo completo.
Formación académica del personal docente.
• Prueba Enlace
Promedio de los tres años más recientes
• Instalaciones
Metros cuadrados construidos / libres por alumno.
Bibliotecas, laboratorios, instalaciones deportivas.
• Idiomas
Porcentaje de personal docente que lo habla.
Horas destinadas a enseñanza.
• Actividades adicionales
Cantidad y calidad
• Seguridad
Sistemas de seguridad
• Costo anual promedio
• Definción del modelo formativo

94. Análisis para el portal del XXX, México 2012 pág. 58 / 28
Conclusiones y recomendaciones

95. Análisis para el portal del XXX, México 2012 pág. 59 / 28
Conclusiones y recomendaciones
Conclusiones generales
• Para las instituciones de enseñanza, el portal de internet es utilizado como
una herramienta de captación de nuevas audiencias.
• Una declaración y discurso consistente de la ideología a través de todos los
planteles, da solidez a la institución.
• Consecuentemente, la calidad de elaboración de los contenidos con una
oferta atractiva, clara y diferenciada de la competencia, es de suma
importancia. Es necesario contar con herramientas de contacto y call to
actions claros que faciliten la conversión
• Las ofertas segmentadas por nivel académico y valor complementario a la
educación académica generan una sensación de experiencia integral en el
aprendizaje.
• La constante actualización de actividades y eventos crean interés en nuevas
audiencias y fomentan el retorno de audiencias recurrentes.
• El sitio será repositorio de información difundida a través de otros medios
sociales a través de los cuales las diferentes audiencias tienen mayor
interacción.
• La segmentación y puntos de acceso a las herramientas para cada audiencia
facilita la interacción, dando una sensación de atención personalizada.

96. Análisis para el portal del XXX, México 2012 pág. 60 / 28
Conclusiones y recomendaciones
Recomendaciones sobre el contenido
• El uso de recursos interactivos complejos distrae la atención sobre
los contenidos
• Emplear dos niveles de navegación, uno dirigido a la oferta y otro a
la utilización de herramientas
• Emplear un carrusel para destacar los atributos más importantes de
la institución
• Colocar una lista de noticias y eventos como elemento dinámico
para el sitio
• Segmentar el ingreso a las herramientas por los diversos perfiles de
usuario
• La explicación de modelos educativos a través de diagramas o
demostraciones audiovisuales facilitan la comprensión
• La inclusión de galerías de eventos aumenta el interés de
prospectos y publico recurrente