1. MINISTERIO DE EDUCACIÓN
COLEGIO INSTITUTO DAVID
ASIGNATURA REDES DE COMPUTADORA
TEMA TIPO DE PLATAFORMA WEB
PERTENECE A: GUSTAVO APARICIO
11 J
PROFESORA GISELA BOUCHE
2. ES UNA ACTIVIDAD QUE
CONSISTE EN LA
PLANIFICACIÓN, DISEÑO,
IMPLEMENTACIÓN Y
MANTENIMIENTO DE SITIOS
WEB. NO ES SIMPLEMENTE LA
IMPLEMENTACIÓN DEL DISEÑO
CONVENCIONAL YA QUE SE
ABARCAN DIFERENTES
ASPECTOS COMO EL DISEÑO
GRÁFICO WEB, DISEÑO DE
INTERFAZ Y EXPERIENCIA DE
USUARIO, COMO LA
NAVEGABILIDAD,
INTERACTIVIDAD, USABILIDAD,
3. PAGINA WEB
ES UN DOCUMENTO O INFORMACIÓN
ELECTRÓNICA CAPAZ DE CONTENER TEXTO,
SONIDO, VÍDEO, PROGRAMAS, ENLACES,
IMÁGENES, Y MUCHAS OTRAS COSAS,
ADAPTADA PARA LA LLAMADA WORLD WIDE
WEB (WWW) Y QUE PUEDE SER ACCEDIDA
MEDIANTE UN NAVEGADOR WEB.
4. TIPO WEB
PÁGINA WEB ESTÁTICA:
ES AQUELLA QUE ESTÁ COMPUESTA DE
UNA SERIE DE ARCHIVOS QUE CONTIENEN
EL CÓDIGO HTML QUE CONSTITUYE LA
PÁGINA EN SÍ Y QUE PERMITEN MOSTRAR
LOS TEXTOS, IMÁGENES, VIDEOS, ETC QUE
CONFORMAN EL CONTENIDO DE LA
PÁGINA.
5. PAGINA WEB DINÁMICA
SON AQUELLOS QUE PERMITEN CREAR
APLICACIONES DENTRO DE LA PROPIA WEB,
OTORGANDO UNA MAYOR INTERACTIVIDAD
CON EL NAVEGANTE. APLICACIONES DINÁMICAS
COMO ENCUESTAS Y VOTACIONES, FOROS DE
SOPORTE, LIBROS DE VISITA, ENVÍO DE E-MAILS
INTELIGENTES Y ETC .
6. HERRAMIENTA DE DISEÑO WEB
1. ATOMIC
ATOMIC ES UNA HERRAMIENTA DE DISEÑO MUY
ÚTIL PARA DISEÑAR PROTOTIPOS INTERACTIVOS
PARA DIFERENTES DISPOSITIVOS. DISPONIBLE
TANTO PARA MAC COMO PARA WINDOWS.
7. 2. CEROS
CEROS ES UN POTENTE SOFTWARE DE CREACIÓN
DE CONTENIDOS DIRIGIDO ESPECIALMENTE
PARA DISEÑADORES Y EXPERTOS EN MARKETING.
PODRÁS CREAR FÁCILMENTE CONTENIDOS
INTERACTIVOS COMO INFOGRAFÍAS, EBOOKS,
REVISTAS, MICROSITES, BANNERS Y MUCHO MÁS.
8. 3. PROTOSKETCH
PROTOSKETCH ES UN SOFTWARE DE DISEÑO
GRÁFICO PARA IPADS CON EL QUE PODRÁS
CREAR CUALQUIER COSA FÁCILMENTE, DESDE
UN LOGOTIPO HASTA UN DISEÑO WEB. ES UNA
HERRAMIENTA PERFECTA PARA PROBAR
PROTOTIPOS DE FORMA RÁPIDA.
9.
10. 4. FLOID
FLOID ES UN SOFTWARE DE DISEÑO DE
PROTOTIPOS. TE PERMITE CREAR PROTOTIPOS
PARA CUALQUIER DISPOSITIVO Y PLATAFORMA.
ACTUALMENTE ESTÁ DISPONIBLE SÓLO PARA LOS
USUARIOS DE MAC.
11. 5. FUSE
FUSE ES UN CONJUNTO DE HERRAMIENTAS UX
PARA DISEÑADORES Y DESARROLLADORES DE
APLICACIONES. TE PERMITE CREAR Y
ACTUALIZAR LA APARIENCIA DE APLICACIONES
NATIVAS EN TIEMPO REAL Y EN MÚLTIPLES
DISPOSITIVOS A LA VEZ. ACTUALMENTE
DISPONIBLE PARA USUARIOS DE OS X Y
WINDOWS.
12. 6. VECTR
VECTR ES UN EDITOR GRÁFICO DE
APLICACIONES WEBS Y DE ESCRITORIO PARA
MAC QUE CUENTA CON UNA INTERFAZ
SENCILLA E INTUITIVA. CON ESTA
HERRAMIENTA PODRÁS COMPARTIR LA URL DE
TUS DISEÑOS PARA RECIBIR EL FEEDBACK DE
TUS CLIENTES Y ADEMÁS CUALQUIERA QUE
DISPONGA DE ESA URL PODRÁ VER LOS
CAMBIOS QUE REALICES EN TIEMPO REAL.
13. 7. PICKTORIAL
PICKTORIAL ES UN SOFTWARE DE EDICIÓN DE
FOTOGRAFÍA MUY COMPLETO E INTUITIVO PARA
MAC. PODRÁS RETOCAR CUALQUIER
FOTOGRAFÍA DE UNA FORMA SENCILLA Y CON
UN ASPECTO MUY PROFESIONAL.
14. 8. FIGMA
FIGMA ES UN SOFTWARE BASADO EN LA NUBE
CON EL QUE PUEDES COLABORAR EN PROYECTOS
DE DISEÑO DESDE LA IDEA INICIAL HASTA EL
PRODUCTO FINAL.
15. 9. UXPIN
UXPIN ES UNA DE LAS HERRAMIENTAS DE DISEÑO
WEB UX Y WIREFRAMING MÁS UTILIZADAS POR
MILES DE DISEÑADORES DE TODO EL MUNDO. EN
ESTOS MOMENTOS ESTÁN TRABAJANDO EN EL
REDISEÑO COMPLETO DE LA HERRAMIENTA PERO
PUEDES UNIRTE A LA LISTA DE ESPERA PARA QUE
TE NOTIFIQUEN CUANDO VUELVA A ESTAR
DISPONIBLE.
16. 10. GRAVIT
GRAVIT ES UNA POTENTE PLATAFORMA DE
DISEÑO Y COLABORACIÓN BASADA EN LA WEB
QUE SE EJECUTA DIRECTAMENTE EN EL
NAVEGADOR. PUEDES DISEÑAR, CREAR
PROTOTIPOS Y COLABORAR CON EL RESTO DEL
EQUIPO, TODO DENTRO DE UNA APLICACIÓN. LO
MEJOR DE TODO ES QUE ES DE USO
COMPLETAMENTE GRATUITO.
17. ETAPAS PARA EL DISEÑO WEB
1.- INVESTIGACIÓN
LA INVESTIGACIÓN PARA LA CREACIÓN DE UNA
PÁGINA WEB SE DEBE TOMAR COMO REFERENCIA
PÁGINAS WEB DE LA COMPETENCIA YA EXISTES.
UNA BUENA PÁGINA WEB REQUIERE UNA
INVESTIGACIÓN VERAZ, EXIGENTE Y PROFUNDA.
18. 2.- PLANIFICACIÓN
CUANDO SE DISEÑA UNA PÁGINA WEB, LA
PLANIFICACIÓN JUEGA UN PAPEL IMPORTANTE
PARA ANTICIPARNOS EN UN MEDIO QUE ESTÁ EN
CONTINUO CAMBIO, NOS AYUDARÁ A CREAR
UNA ESTRATEGIA, YA NO SÓLO DE DIFUSIÓN
SINO TAMBIÉN DE LOS CONTENIDOS QUE
PUEDAN SER DE INTERÉS PARA NUESTRA
AUDIENCIA.
19. 3.- ARQUITECTURA Y CONTENIDO DEL SITIO WEB
EN BASE A LAS PREFERENCIAS DE LOS
CONTENIDOS DE LA PÁGINA WEB, CREAMOS UNA
ESQUEMA O MAPA DE ARQUITECTURA PARA
TESTAR VISUALMENTE COMO SE ORGANIZAN
ELEMENTOS QUE LA COMPONEN, LOS
CONTENIDOS Y LA ESTRUCTURA DEL SITIO.
20. 4.- DISEÑO WEB, CONSTRUIR Y TESTAR
LA CREACIÓN DE LA GRÁFICA, EL DISEÑO WEB Y
PLASMARLO EN NUESTRO SITIO NOS DARÁ EL
ASPECTO VISUAL, DE ESTA FORMA SABREMOS
CAPTAR LO QUE TE TRANSMITE CON LO QUE SE
ESTÁ VIENDO. UNA VEZ CREADO EL CONTENIDO
Y ADAPTADO EL DISEÑO WEB, DEBEMOS SER
EXIGENTES EN LAS GRÁFICAS Y EL CUIDADO DE
LAS IMÁGENES, ADEMÁS LA OPTIMIZACIÓN DE
LAS MISMAS.
21. 5.- OPERAR, OPTIMIZAR Y EVALUAR
EN ESTA ETAPA EL SITIO WEB ESTÁ CON UN
CONTINUO CONTROL A TIEMPO REAL Y EN
CONSTANTE MANTENIMIENTO PARA IR
OPTIMIZANDO Y REALIZANDO CONTINUAS
MEJORAS EN EL SITIO WEB. ANALIZAMOS
MEDIANTE HERRAMIENTAS DE MEDICIÓN
(GOOGLE ANALYTICS) PARA OBTENER INFORMES
DE RENDIMIENTO Y GARANTIZARNOS QUE LA
PÁGINA WEB ESTÉ FUNCIONANDO COMO
DESEAMOS Y ESTÉ CUMPLIENDO NUESTRAS
PERPECTIVAS
22. 6.- DESPUÉS DEL LANZAMIENTO
PARA POTENCIAR LOS RESULTADOS DEL SITIO,
ES MÁS QUE RECOMENDABLE Y NECESARIO
REALIZAR CAMPAÑAS DE MARKETINKG ONLINE Y
HACER UNA IMPORTANTE INVERSIÓN EN SEO
(SEARCH ENGINE OPTIMIZATION) PARA GENERAR
TRÁFICO A NUESTRO SITIO.
23. ES UN TÉRMINO QUE DEFINE LA CREACIÓN DE
SITIOS WEB PARA INTERNET O UNA INTRANET.
PARA CONSEGUIRLO SE HACE USO DE
TECNOLOGÍAS DE SOFTWARE DEL LADO DEL
SERVIDOR Y DEL CLIENTE QUE INVOLUCRAN UNA
COMBINACIÓN DE PROCESOS DE BASE DE DATOS
CON EL USO DE UN NAVEGADOR WEB A FIN DE
REALIZAR DETERMINADAS TAREAS O MOSTRAR
INFORMACIÓN.