Download - Presentacion web 2.0 continue
![Page 1: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/1.jpg)
Info
rmá
tica
INSTITUTO TECNOLÓGICO SUPERIOR “HCPP”
Integrantes:
Anita Acosta.Luis Haro.Amanda NavasEvelyn Vargas
11va Administración de empresas
![Page 2: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/2.jpg)
MENÚ
WEB 2.0
SLADESHARE
FLICKR
EMBED
![Page 3: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/3.jpg)
WEB 2.0
Se le conoce como internet 2.0. está formada por las plataformas para publicación de contenidos como Blogger, las redes sociales como Facebook, los servicios conocidos como wikis (Wikipedia) y los portales de alojamiento de fotos, audios o videos (Flickr, YouTube).
![Page 4: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/4.jpg)
WEB 2.0
• Se refiere a una nueva generación de webs basadas en la creación de páginas web donde los contenidos son compartidos y producidos por los usuarios
• Ha sido desarrollado por tecnología como Ajax, un enfoque de desarrollo de páginas web basado en los lenguajes de programación JavaScript y XML
![Page 5: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/5.jpg)
CARACTERÍSTICAS
La Web es ligera. La ligereza está asociada con la habilidad para compartir la información y los servicios de forma fácil
La Web es social. Las personas crean la Web “popularizan la Web” mediante la socialización.
La Web es un flujo. Los usuarios son vistos como co-desarrolladores.
La Web es combinable. La expansión de códigos para poder modificar las aplicaciones web (como Google hace con las aplicaciones de Google Maps)
![Page 6: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/6.jpg)
HERRAMIENTAS
• Agregadores
• Almacenamiento
• Audio y podcast
• Buscadores
• Comunicación
• Fotos
• Mapas
• Redes sociales
• Wikis
![Page 7: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/7.jpg)
VENTAJAS
Aplicaciones (Software) como servicio y no como producto
Cooperación
Seguridad
![Page 8: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/8.jpg)
LIMITACIONES
• Condiciones del usuario
final
• La administración
• Riesgos Jurídicos
• Rentabilidad
• Seguridad de datos
Confidenciales
![Page 9: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/9.jpg)
CÓDIGO EMBED
El código embed es una secuencia de texto que encontrarás en todos los sitios Web como
YouTube o
Metacafe,
que permiten ver y compartir vídeos a los usuarios.
![Page 10: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/10.jpg)
Este código es útil para insertar el
vídeo que quieras en tu página web,
blog o plataforma que lo permita.
![Page 11: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/11.jpg)
1. ingresamos a youtube o algún programa donde podamos observar videos
![Page 12: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/12.jpg)
2. En la parte debajo del video hacemos clic en compartir
![Page 13: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/13.jpg)
3. Vemos como se despliega el código
4.- Copiamos el código.
Señalamos el código y copiar
![Page 14: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/14.jpg)
4.-Al final pegamos este código en cualquier parte de la red social Y publicar
Y pegamos el código aquí
![Page 15: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/15.jpg)
• Y listo vemos el video en nuestra pagina
![Page 16: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/16.jpg)
Es un sitio que permite mantener un álbum de fotografías virtuales.
Este servicio permite recargar fotografías y compartirla con otros usuarios en la red
Flickr
![Page 17: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/17.jpg)
Ver tus mejores imágenes desde cualquier partedel mundo, permitirá mostrar galerías y también retroalimentar y compartir conocimiento.
Para usar flickr es necesario tener una cuenta en Yahoo,
¿PARA QUE SIRVE?
![Page 18: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/18.jpg)
1. Nos creamos una cuenta de yahoo.
![Page 20: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/20.jpg)
3. Hacemos clic en “Crear Cuenta”
![Page 21: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/21.jpg)
4. Ingresamos una cuenta Yahoo
Ingresamos el correo
Y la contraseña
![Page 22: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/22.jpg)
5. Ingresamos un nombre para nuestra cuenta y hacemos clic en “Crear mi cuenta”
Debemos comprobar si el nombre esta disponible caso contrario nos
saldrá un mensaje
![Page 23: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/23.jpg)
6. Visualizamos el perfil de nuestra nueva cuenta Flickr
![Page 24: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/24.jpg)
7. Personalizamos el perfil de nuestra cuenta
Ingresamos el nombre
Ingresamos el apellido
Escribimos donde nos encontramos
Ponemos algunas características
![Page 25: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/25.jpg)
Ponemos una pequeña descripción
de nosotros
![Page 26: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/26.jpg)
• Cargamos fotos a nuestra cuenta
Hacemos clic aquí
![Page 27: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/27.jpg)
• Ponemos información de las fotos, agregamos etiquetas, editamos nombres.
Ponemos información acerca de las fotos
![Page 28: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/28.jpg)
Agregamos contactos a nuestro perfil
Podemos importar contactos de cualquiera de nuestras
cuentas
![Page 29: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/29.jpg)
Ingresamos al flickrmail para revisar si no tenemos correos o invitaciones nuevas
![Page 30: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/30.jpg)
SLIDESHARE Es un servicio wed que permite compartir
recursos en la red de forma gratuita. Nos permite descargar las presentaciones a nuestro computador los archivos luego de ser cargados son almacenados con formatos flash.
Al cargar una presentación nos genera un código HTML que nos permite compartir la presentación por correo electrónico
![Page 31: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/31.jpg)
1. Crear una cuenta en la pagina www.slideshare.net
![Page 32: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/32.jpg)
2. Ingresamos el nombre del usuario, e-mail, contraseña
Ingresamos el usuario
Ingresamos la contraseña
Y clic aquí
E mail
![Page 33: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/33.jpg)
3) Para llenar el formulario Damos clic sobre el nombre del usuario
Damos clic en EDIT PROFILE
![Page 34: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/34.jpg)
4. Nos presenta un formulario y llenamos con los datos solicitados.
![Page 35: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/35.jpg)
5. Mensaje de bienvenida para el usuario creado correctamente
Observamos el mensaje de bienvenida
![Page 36: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/36.jpg)
5. Debemos revisar el correo ingresando al cual nos enviara la confirmación
![Page 37: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/37.jpg)
6. Hacemos clic en el enlace que nos llego en el mensaje, esto para confirmar la creación en que todas las características estén activadas
![Page 38: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/38.jpg)
7. Una vez en el sistema hacemos My slidespace para personalizar nuestro perfil agregando datos
![Page 39: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/39.jpg)
El correo electrónico se ha convertido en el medio más eficaz
para acortar las distancias, para conversar temas importantes
y no tan importantes, para saludar a la familia, a los amigos.
Es por ello que les compartimos la creación de un correo en
la herramienta de Google llamada gmail
Así como Hotmail, yahoo, etc.
CORREO ELECTRÓNICO
![Page 40: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/40.jpg)
Es un servicio de red que permite a los
usuarios enviar y recibir mensajes
rápidamente (también denominados
mensajes electrónicos o cartas electrónicas)
mediante sistemas de comunicación electrónico
s”
¿PARA QUE SIRVE?
![Page 41: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/41.jpg)
1. Damos clic en las siguiente pestaña para empezar a crear una nueva cuenta
Clic para crear una cuenta
![Page 42: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/42.jpg)
2. Llenamos el formulario con los datos solicitados
![Page 43: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/43.jpg)
3. Clic en crear mi cuenta
Clic para finalizar
![Page 44: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/44.jpg)
4. Aparecerá una pantalla, donde indica que la cuenta ha sido creada correctamente
Confirmación de la cuenta
Clic para ir a la pagina principal del correo
![Page 45: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/45.jpg)
5. El correo ha sido creado correctamente
![Page 46: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/46.jpg)
Acrónimo de Asynchronous Java Script And XML (Java Script asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano.
Ajax
![Page 47: Presentacion web 2.0 continue](https://reader038.vdocuments.co/reader038/viewer/2022110120/557bcca3d8b42a063d8b4b6e/html5/thumbnails/47.jpg)