El documento presenta una introducción a las herramientas web 2.0 y su importancia para la ingeniería industrial. Explica conceptos básicos como dominio, URL, hosting y diferencias con la web 1.0. Luego describe populares herramientas web 2.0 como YouTube, SlideShare, Blogger, entre otras. Finalmente discute el uso de HTML para crear sitios web y la relevancia de estas tecnologías en la ingeniería.

1. HERRAMIENTAS WEB 2.0
CORPORACIÓN UNIVERSITARIA EMPRESARIAL ALEXANDER VON HUMBOLDT
PROGRAMA DE INGENIERIA INDUSTRIAL
2017
Mag. Ricardo Antonio Botero Rios

2. Objetivo
Socializar los aspectos e importancia de las herramientas web 2.0 en la
ingeniería de industria.

3. Agenda de la Presentación

4. Introducción
Volver

5. Conceptos Básicos
Dominio

6. Conceptos Básicos
URL frente a
nombre de
dominio
uniform resource locator o
«localizador de recurso uniforme»
URL: http://www.example.com/index.html
Nombre de dominio de nivel superior o
extensión: .com
Nombre de dominio: example.com
Nombre de host: www.example.com
Documento: index.html
EJEMPLO
Subdominio: www

7. Conceptos Básicos
Dominio de
nivel
superior
EJEMPLOS
.org
.gov
.com
.net
.edu
.mil
.tv
.co
.mx
.ar
.br
.cl
.us
organización sin animo de lucro
gubernamental
servicios y comercial
telecomunicaciones
educativo
militar
televisión
Colombia
México
Argentina
Brasil
Chile
Estados Unidos

8. Conceptos Básicos
SubDominio
EJEMPLOS

9. Conceptos Básicos
Hosting
Servicios
Volver

10. Diferencias con la web 1.0
Volver

11. Herramientas Web 2.0

12. Herramientas Web 2.0
BOOKMARKING

13. Herramientas Web 2.0
Blogger
https://www.blogger.com
Opción de Google
para que dispongas
de tu blog gratuito
en tan sólo tres
sencillos pasos.

14. Herramientas Web 2.0
Slideshare
https://www.slideshare.net/
Nos permite
compartir tus
presentaciones con
el resto del mundo,
admitiéndose
presentaciones en
formato PowerPoint
o OpenOffice.

15. Herramientas Web 2.0
Youtube
https://www.youtube.com
Gestor de vídeos en
Internet.

16. Herramientas Web 2.0
Bubbl.us
https://bubbl.us/
Aplicación online con
la que se pueden
crear mapas
mentales de forma
gratuita para
después imprimirlos
o insertarlos en una
web.

17. Herramientas Web 2.0
Pixton
https://www.pixton.com/
Generador de tiras
cómicas muy
completo y versátil.

18. Herramientas Web 2.0
Audacity
http://www.audacityteam.org/
Programa de
grabación y edición
de sonido digital
para archivos de
diferentes formatos,
es decir Podcast,
otro ejemplo es
soundCloud.

19. Herramientas Web 2.0
Google Maps
https://www.google.com.co/maps?source=tldso&hl=es
Visita cualquier
rincón del mundo
con una precisión
increíble en algunos
casos . Al embeber
el mapa mantiene la
interactividad.

20. Herramientas Web 2.0
Piktochart
https://piktochart.com/
Es una herramienta
en línea que permite
crear infografías
gratuitamente.

21. Herramientas Web 2.0
Canva
https://www.canva.com
Permite la
composición de
imágenes para
comunicar algo: un
cartel, una imagen
para canales
sociales, un logotipo,
un folleto, una
infografía.

22. Herramientas Web 2.0
Prezi
https://prezi.com/
Es un programa de
presentaciones para
explorar y compartir
ideas sobre un
documento virtual
basado en la
informática en nube.

23. Herramientas Web 2.0
Moovly
https://www.moovly.com/
Es una herramienta
2.0 que permite
realizar
presentaciones
animadas, originales
y creativas.

24. Herramientas Web 2.0
Powtoon
https://www.powtoon.com/
Es una herramienta
web que permite
crear animaciones
que pueden ser
compartidas en
YouTube o a través
de una página web.

25. Herramientas Web 2.0
tomsplanner
https://www.tomsplanner.es/
Es una herramienta
basada en la web y
proveedor de
servicios de
aplicaciones para la
planificación ,
gestión y
colaboración de
proyectos.

26. Herramientas Web 2.0
citethisforme
http://www.citethisforme.com/es
Cree sus citas, listas
de referencias y
bibliografías de
manera automática
utilizando los estilos
de referencia de la
APA, Harvard, ISO
690 o MLA

27. Herramientas Web 2.0
E-encuesta
http://www.e-encuesta.com/inicio/
Sistema para crear
encuestas online con
plantillas editables ó
desde cero. Potente
y fácil de usar.

28. Herramientas Web 2.0
voki
http://www.voki.com
Personaje (avatar)
que se mueve y
habla el texto que le
introducimos

29. Herramientas Web 2.0
timetoast
https://www.timetoast.com
Es un recurso
educativo que sirve
para realizar líneas
de tiempo, es muy
útil para utilizarlo en
presentaciones
donde tengamos
épocas
determinadas.

30. Herramientas Web 2.0
About.me
https://about.me/
Es un servicio que te
ofrece la posibilidad
de centralizar todos
estos vínculos y
perfiles en redes
sociales en un solo
sitio y bajo una
misma url. Es como
una tarjeta de visita
online y dinámica.
Todo tu imperio
digital bajo una
dirección universal y
personalizada.
Volver

31. HTML y Sitios Web
HyperText Markup Language (lenguaje de marcas de hipertexto)
• Etiquetas en ingles
• Algunas etiquetas se cierran otras no
• Las etiquetas pueden ir en mayúscula y
minúscula
• HTML es un lenguaje interpretado por el
navegador
• La ultima versión es la 5
• Solo se requiere un editor de textos
• NO se requiere conexión a Internet
CARACTERÍSTICAS

32. Editores
Online HTML
HTML y Sitios Web
Ejemplos:
• https://www.tutorialspoint.com
/try_html_online.php
• https://html-online.com/
• http://www.onlinehtmleditor.ne
t/
• https://html5-editor.net/
WYSIWYG "lo que ves es lo que
obtienes". Se aplica a los
procesadores de texto y otros
editores de texto con formato
(como los editores de HTML) que
permiten escribir un documento
viendo directamente el resultado
final, frecuentemente el resultado
impreso.

33. HTML y Sitios Web
Ejemplos:
• https://www.weebly.com/co
• https://es.jimdo.com/
• https://es.wix.com/
• https://www.websitetooltester.
com/
Sitios Web
Un sitio web es un conjunto de
páginas web desarrolladas en código
html, relacionadas a un dominio de
Internet el cual se puede visualizar
en la World Wide Web (www)
mediante los navegadores web o
también llamados browser como ser
Chrome, Firefox, Edge, Opera entre
otros.
Volver

34. Importancia en la Ingeniería Industrial
Volver

35. Actividades
• Cuestionario
• Acróstico
• Reforzar Conceptos
• Conclusiones

36. Cuestionario
Pregunta 1: ¿El hosting se refiere a la URL de un sitio web?

37. Cuestionario
Pregunta 2: ¿HTML es un lenguaje de etiquetas para crear paginas web,
el cual es interpretado por un navegador web?

38. Cuestionario
Pregunta 3: ¿La herramienta slideshare sirve para la generación de
infografías?
Volver

39. Pregunta 1 – Respuesta Si
Es incorrecto, el hosting se refiere a un servicio de almacenamiento y otros
servicio de un sitio web.
Volver

40. Pregunta 1 – Respuesta No
Es correcto, felicitaciones.
Volver

41. Pregunta 2 – Respuesta Si
Es correcto, es un poderoso lenguaje de etiquetas en ingles.
Volver

42. Pregunta 2 – Respuesta No
Es incorrecto, ya que HTML si es un lenguaje interpretado para crear
páginas web.
Volver

43. Pregunta 3 – Respuesta Si
Es incorrecto, slideshare sirve para colgar en internet presentaciones o
documentos.
Volver

44. Pregunta 3 – Respuesta No
Es correcto, felicitaciones.
Volver

45. Acróstico
H
e
r
r
a
m
i
e
n
t
a
s
Volver

46. Reforzar Conceptos
Volver
A partir del video https://youtu.be/whbkASY5Wp4 conteste las siguientes preguntas:
1. ¿Cuál es la persona del año 2006 según la revista TIME?
2. ¿Que converge en el escenario WEB 2.0?

47. Conclusiones
Volver

48. Bibliografía
• Bautista Carreno, J. (2012). Importancia de herramientas web en Ingeniería Industrial. Ihwii.blogspot.com.co. Recuperado el 8
de Julio de 2017, desde http://ihwii.blogspot.com.co/
• Curso completo de HTML. Recuperado el 8 de Julio de 2017, desde https://www.ibiblio.org/pub/linux/docs/LuCaS/Manuales-
LuCAS/doc-curso-html/doc-curso-html/x38.html
• Dominio de Internet. Es.wikipedia.org. Recuperado el 8 de Julio de 2017, desde
https://es.wikipedia.org/wiki/Dominio_de_Internet
• Herramientas de la Web 2.0. Web20infantil.blogspot.com.co. Recuperado el 8 de Julio de 2017, desde
http://web20infantil.blogspot.com.co/
• Mansilla, J. (2017). Html: Definición y características. Ktecnologia. Recuperado el 8 de Julio de 2017, desde
http://ktecnologia.com/html-definicion-caracteristicas/#Cuales-son-sus-caracteristicas
• MARCADORES, FAVORITOS Ó BOOKMARKING. Unitecnologica.edu.co. Recuperado el 8 de Julio de 2017, desde
http://www.unitecnologica.edu.co/educacionadistancia/newletter/2014/boletin009/noti_apliaciones/002/index.html
• Pérez Porto, J. (2013). Definición de Web 2.0 — Definicion.de. Definición.de. Recuperado el 8 de Julio de 2017, desde
http://definicion.de/web-2-0/
• Qué es un dominio, un subdominio y una extensión web | Socialetic. Socialetic.com. Recuperado el 8 de Julio de 2017, desde
http://www.socialetic.com/que-es-un-dominio-un-subdominio-y-una-extension-web.html
• ¿Qué diferencia hay entre un dominio y un alojamiento (hosting)? | Doominio.com. El blog de Doominio.com. Recuperado el 8
de Julio de 2017, desde https://blog.doominio.com/que-diferencia-hay-entre-un-dominio-y-un-alojamiento/
• Subdominio. Es.wikipedia.org. Recuperado el 8 de Julio de 2017, desde https://es.wikipedia.org/wiki/Subdominio
Volver

49. Preguntas