“Herramientas para construcción y prueba

Slides:



Advertisements
Presentaciones similares
Rogelio Ferreira Escutia Social Media. 2 El mundo nunca volverá a ser igual... Social Media.
Advertisements

Evolución de la Tecnologías para el Desarrollo de Aplicaciones Distribuidas Rogelio Ferreira Escutia.
Búsqueda en la Web Rogelio Ferreira Escutia. 2 Cómo funciona La Web, 2008http:// Anatomía de la Web.
Tendencias de Construcción Web
“Ingeniería de Software para Ambientes Web”
Redes Sociales Rogelio Ferreira Escutia.
Social Media Rogelio Ferreira Escutia.
“CSS - Texto” Rogelio Ferreira Escutia.
Android TV Rogelio Ferreira Escutia.
Rogelio Ferreira Escutia
“Android – Comunicaciones con HTTP”
“CSS - Colores” Rogelio Ferreira Escutia.
“Web Services” Rogelio Ferreira Escutia.
“Android – Geolocalización”
“Tendencias 2015: Foro Económico Mundial”
“Análisis de la Situación Actual de la
“Tecnologías para Construir el
Rogelio Ferreira Escutia
“HTML – Estructura” Rogelio Ferreira Escutia.
“Definición de CRM” Rogelio Ferreira Escutia.
Módulo de Especialidad en
“Conceptos sobre IOS” Rogelio Ferreira Escutia.
“CSS - Estructura” Rogelio Ferreira Escutia.
“Análisis de la Situación Actual
“HTML – Imágenes” Rogelio Ferreira Escutia.
“Recomendaciones para el Arranque de Clases”
Rogelio Ferreira Escutia
“HTML – Manejo de Texto”
“Taller de Videojuegos con HTML 5” Manejo del Canvas en HTML 5
“Instalación” Rogelio Ferreira Escutia.
“Análisis de Aplicaciones E-Commerce”
“Android – Distribución de Componentes”
“Principios y directrices de diseño”
“Arduino - Herramientas” Rogelio Ferreira Escutia
Múltiples Pantallas Rogelio Ferreira Escutia
“Taller de Videojuegos con HTML 5”
“Proyectos de IoT” Rogelio Ferreira Escutia
Marketing - “Presencia Digital” Rogelio Ferreira Escutia
“Ruido y normatividad”
Rogelio Ferreira Escutia
“Tipos de Sensores” Rogelio Ferreira Escutia
“Arduino - Historia” Rogelio Ferreira Escutia
“Raspberry Pi - RFID” Rogelio Ferreira Escutia
Almacenamiento con File I/O Ejemplo Rogelio Ferreira Escutia
“Proporción Áurea” Rogelio Ferreira Escutia.
“Creación del Hola Mundo”
Data Centers - “Conceptos” Rogelio Ferreira Escutia
“Tecnologías para construir el Internet de las Cosas”
Marketing - “Posicionamiento” Rogelio Ferreira Escutia
“Herramientas” Rogelio Ferreira Escutia
“Android – Componentes Básicos de la Interface”
Material para “Internet de las Cosas” Rogelio Ferreira Escutia
Conceptos sobre Sistemas Operativos Rogelio Ferreira Escutia
“Funcionamiento” Rogelio Ferreira Escutia.
“Tipos de Antenas” Rogelio Ferreira Escutia.
“Material Design” Rogelio Ferreira Escutia.
“Raspberry Pi - Herramientas” Rogelio Ferreira Escutia
Múltiples Idiomas Rogelio Ferreira Escutia
Marketing - “Modelos de Negocio” Rogelio Ferreira Escutia
MPI - “Programación” Rogelio Ferreira Escutia
Marketing - “Análisis de Sitios” Rogelio Ferreira Escutia
“Amazon Web Services - Conceptos”
“Multiplexado y demultiplexado de señales:
Rogelio Ferreira Escutia
“User Experience” Rogelio Ferreira Escutia.
“Creación de una calculadora”
Conceptos de Hadoop Rogelio Ferreira Escutia
“Android – Gráficos” Rogelio Ferreira Escutia.
“Proyectos de IoT” Rogelio Ferreira Escutia
Navegadores y buscadores. ¿Qué es un Navegador? Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando.
Transcripción de la presentación:

“Herramientas para construcción y prueba de sitios Web” Rogelio Ferreira Escutia

Control de Versiones

“GitHub", https://github.com/, noviembre 2013

“Kenai", https://kenai.com/, noviembre 2013 4

Diseño de tipografía

“TypeWonder", http://typewonder.com/show, noviembre 2013 6

“FontFonter", http://typewonder.com/show, noviembre 2013 7

“Webtype Font Swapper", http://www. webtype “Webtype Font Swapper", http://www.webtype.com/tools/swapper/, noviembre 2013 8

“Web Fonts Preview", http://www.webfontspreview.com//, noviembre 2013 9

Análisis de Código

Validar código HTML5 El validador de la W3C nos permite evaluar si un sitio Web cumple con los estándares de HTML. “The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013 - . 11

“The W3C Markup Validation Service", http://validator. w3 “The W3C Markup Validation Service", http://validator.w3.org/, noviembre 2013 - . 12

Validar CSS3 El validador de la W3C nos permite evaluar si un sitio Web cumple con los estándares de CSS3. “El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013 - . 13

“El servicio de validación de CSS del W3C", http://jigsaw. w3 “El servicio de validación de CSS del W3C", http://jigsaw.w3.org/css-validator/, noviembre 2013 - . 14

“infohound", http://infohound.net/tidy/, noviembre 2013 15

“Firebug", https://addons. mozilla “Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013 16

“Firebug", https://addons. mozilla “Firebug", https://addons.mozilla.org/es/firefox/addon/firebug/, noviembre 2013 17

Análisis de Navegadores

Soporte de HMTL5 de un navegador Con “html5test.com” podemos verificar el grado de soporte del navegador con respecto al estándar HTML5. “HTML5test", http://html5test.com/, noviembre 2013 - . 19

Soporte de HMTL5 (Chrome 31) “HTML5test", http://html5test.com/, noviembre 2013 - . 20

Previsualizar en diferentes navegadores “Browsershots", http://browsershots.org/, noviembre 2013 21

“Fishbowl", http://ie. microsoft “Fishbowl", http://ie.microsoft.com/testdrive/Performance/FishBowl/, noviembre 2013 22

Soporte de WebGL Por medio de esta página web podemos verificar si nuestro navegador soporta el estándar de WebGL. “Your browser supports WebGL", http://get.webgl.org/, noviembre 2013 - . 23

Soporte de WebGL “Your browser supports WebGL", http://get.webgl.org/, noviembre 2013 - . 24

Análisis de Accesibilidad

Validar Accesibilidad El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - . 26

Validar Accesibilidad “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - . 27

Validar Accesibilidad “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/, noviembre 2013 - . 28

Análisis de Navegabilidad

Análisis de Navegabilidad Por medio de Lynx, se puede navegador en modo texto, sin CSS, ni fotos, ni videos, verificando la facilidad de navegación. “Lynx", http://lynx.browser.org/, noviembre 2013 - . 30

Análisis de Navegabilidad (Lynxlet) “Lynxlet", http://habilis.net/lynxlet/, noviembre 2013 - . 31

Análisis de RWD

“RWD", http://jhanno.net/RWD/ejercicio002/c/, noviembre 2013 33

“Layoouit!", http://www.layoutit.com/build, noviembre 2013 34

Análisis de Dispositivos Móviles

Validar Accesibilidad Móvil El validador nos permite evaluar si un sitio cumple con los estándares de Accesibilidad. “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - . 36

Validar Accesibilidad Móvil “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - . 37

Validar Accesibilidad Móvil “TAW - Servicios de Accesibilidad y movilidad Web", http://www.tawdis.net/#mobileok, noviembre 2013 - . 38

“Screenfly", http://quirktools.com/screenfly/, noviembre 2013 39

Análisis de Velocidad de carga/descarga

“Speedtest", http://www.speedtest.net/, noviembre 2013 41

“pingdom", http://tools.pingdom.com/fpt/, noviembre 2013 42

“Web Page Analyzer", http://websiteoptimization “Web Page Analyzer", http://websiteoptimization.com/services/analyze/, noviembre 2013 43

Análisis de Ranking

“Alexa", http://www.alexa.com/siteinfo/xumarhu.net, noviembre 2013 45

“Load Impact", http://loadimpact.com/, noviembre 2013 46

“woorank", http://www.woorank.com/es/, noviembre 2013 47

“Google Analytics", http://www. google. com/analytics/features/index “Google Analytics", http://www.google.com/analytics/features/index.html, noviembre 2013 48

Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: rogeplus@gmail.com rogelio@itmorelia.edu.mx Página Web: http://antares.itmorelia.edu.mx/~kaos/ http://www.xumarhu.net/ Twitter: http://twitter.com/rogeplus Facebook: http://www.facebook.com/groups/xumarhu.net/